From f54891ef70cc9fc00095080bb53d171510ae9b20 Mon Sep 17 00:00:00 2001 From: Stefan Verhoeven Date: Mon, 16 Sep 2024 10:52:31 +0200 Subject: [PATCH 1/7] Fix Plotly plots rendered on top of molviewer dialog --- src/DialogViewer.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/DialogViewer.tsx b/src/DialogViewer.tsx index 3f62c67..67d0e64 100644 --- a/src/DialogViewer.tsx +++ b/src/DialogViewer.tsx @@ -48,7 +48,7 @@ export function DialogViewer({ From 85be8b6aebc9087776660a6fe188724dba182272 Mon Sep 17 00:00:00 2001 From: Stefan Verhoeven Date: Mon, 16 Sep 2024 10:53:19 +0200 Subject: [PATCH 2/7] More barrel exports --- src/index.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/index.tsx b/src/index.tsx index b68b90b..d95e8ca 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -10,6 +10,9 @@ export { PickIn3D, ResiduesSelect } from "./toggles.js"; export { CopyToClipBoardIcon } from "./CopyToClipBoardIcon.js"; export { LinkToFile } from "./LinkToFile.js"; export { HiddenFileInput } from "./HiddenFileInput.js"; +export { DialogViewer } from "./DialogViewer.js" +export { ClusterTable } from './table/ClusterTable.js'; +export { StructureTable } from './table/StructureTable.js'; // Other components and types can be imported using // for example // import { useChunked } from "@i-vresse/haddock3-ui/useChunked" From f989d456168ace3ab629517939e62ce79729386a Mon Sep 17 00:00:00 2001 From: Stefan Verhoeven Date: Mon, 16 Sep 2024 10:53:29 +0200 Subject: [PATCH 3/7] Bump to v0.2.1 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 56597d9..e38897c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@i-vresse/haddock3-ui", - "version": "0.2.1", + "version": "0.2.2", "type": "module", "private": false, "sideEffects": false, From 3a980beb64a051b99aedeec1cfc0ae447aceebbb Mon Sep 17 00:00:00 2001 From: Stefan Verhoeven Date: Mon, 16 Sep 2024 10:57:41 +0200 Subject: [PATCH 4/7] Mention tables as feature of package --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index c53b692..3a5422d 100644 --- a/README.md +++ b/README.md @@ -15,6 +15,7 @@ The [haddock3 web application](https://github.com/i-VRESSE/haddock3-webapp) had - Components to render a 3D molecular structure from [PDB file](https://www.wwpdb.org/) using [NGL](https://nglviewer.org/) - Components to select residues in a molecule either passive or active - Components to handle files +- Components to render clusters or structures in a sortable table ## Installation From 4d18b8105a489c362f5132d1379bf5c451b26ddd Mon Sep 17 00:00:00 2001 From: Stefan Verhoeven Date: Mon, 16 Sep 2024 11:12:16 +0200 Subject: [PATCH 5/7] Improve docs --- README.md | 8 +++++--- package.json | 2 +- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 3a5422d..0800a6c 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # React components for/from haddock3 webapp -[![github repo badge](https://img.shields.io/badge/github-repo-000.svg?logo=github&labelColor=gray&color=blue)]([https://github.com/i-VRESSE/haddock3-ui](https://github.com/i-VRESSE/haddock3-ui)) +[![github repo badge](https://img.shields.io/badge/github-repo-000.svg?logo=github&labelColor=gray&color=blue)](https://github.com/i-VRESSE/haddock3-ui) [![npmjs.com](https://img.shields.io/npm/v/@i-vresse/haddock3-ui.svg?style=flat)](https://www.npmjs.com/package/@i-vresse/haddock3-ui) [![CI lint](https://github.com/i-VRESSE/haddock3-ui/actions/workflows/lint.yml/badge.svg)](https://github.com/i-VRESSE/haddock3-ui/actions/workflows/lint.yml) [![CI test](https://github.com/i-VRESSE/haddock3-ui/actions/workflows/test.yml/badge.svg)](https://github.com/i-VRESSE/haddock3-ui/actions/workflows/test.yml) @@ -43,9 +43,11 @@ you can make use the included css file `import "@i-vresse/haddock3-ui/dist/index ## Usage -See [sidebar](https://i-VRESSE.github.io/haddock3-ui) for a list of all components. +Stories of the components can be found at [https://i-VRESSE.github.io/haddock3-ui](https://i-VRESSE.github.io/haddock3-ui). + +See the [sidebar](https://i-VRESSE.github.io/haddock3-ui) for a list of all component stories. Once component is selected -- interact with component +- interact with component story - use `` button in footer to see the code. - use sliders icon button in footer to change props when available diff --git a/package.json b/package.json index e38897c..62de1e1 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "private": false, "sideEffects": false, "license": "Apache-2.0", - "homepage": "https://github.com/i-VRESSE/haddock3-ui#readme", + "homepage": "https://i-vresse.github.io/haddock3-ui", "repository": { "type": "git", "url": "git+https://github.com/i-VRESSE/haddock3-ui.git" From bd144a9b3d33df6aee56150bacd031d195561056 Mon Sep 17 00:00:00 2001 From: Stefan Verhoeven Date: Mon, 16 Sep 2024 11:21:04 +0200 Subject: [PATCH 6/7] Exclude stories and tests from tarball --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 62de1e1..85de8c9 100644 --- a/package.json +++ b/package.json @@ -64,7 +64,7 @@ "vite-plugin-dts": "^3.9.1", "vitest": "^2.0.5" }, - "files": ["dist", "src"], + "files": ["dist", "src", "!src/**/*.stories.tsx", "!src/**/*.test.ts"], "module": "dist/index.js", "types": "./dist/index.d.ts", "exports": { From efed70c7c3baf17c999064bccd4858c3a12276bb Mon Sep 17 00:00:00 2001 From: Stefan Verhoeven Date: Mon, 16 Sep 2024 11:26:55 +0200 Subject: [PATCH 7/7] Format --- src/index.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/index.tsx b/src/index.tsx index d95e8ca..5aa6a52 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -10,9 +10,9 @@ export { PickIn3D, ResiduesSelect } from "./toggles.js"; export { CopyToClipBoardIcon } from "./CopyToClipBoardIcon.js"; export { LinkToFile } from "./LinkToFile.js"; export { HiddenFileInput } from "./HiddenFileInput.js"; -export { DialogViewer } from "./DialogViewer.js" -export { ClusterTable } from './table/ClusterTable.js'; -export { StructureTable } from './table/StructureTable.js'; +export { DialogViewer } from "./DialogViewer.js"; +export { ClusterTable } from "./table/ClusterTable.js"; +export { StructureTable } from "./table/StructureTable.js"; // Other components and types can be imported using // for example // import { useChunked } from "@i-vresse/haddock3-ui/useChunked"