React components for Haddock3 analysis

Caution

This package has been superseded by @i-vresse/haddock3-ui package.

Please do not use this package anymore.

The ClusterTable and StructureTable can be imported respectivly with import { ClusterTable } from "@i-vresse/haddock3-ui/table/ClusterTable" and import { StructureTable } from "@i-vresse/haddock3-ui/table/StructureTable".

Components used in the report.html generated by the haddock3-analyse command.

Installation

npm install @i-vresse/haddock3-analysis-components

Usage

See example.html for a simple example which uses the latest library from npm using https://esm.sh/ for libray hosting.

See example.local.html for a simple example which uses the library from local dist/ folder. Should be hosted on a static web server like python3 -m http.server.

Build

npm run build

Generated dist/ folder.

Publish

Create GitHub release, which will trigger a GitHub action that publishes the package to npmjs.

To publish a pre-release version, update version in package.json to something like 1.0.0-next.0, create a release with a tag equal to the version in package.json and check the pre-release checkbox.

Development

npm run dev

This will render the stories (stories/*/.stories.tsx) of the components in the browser using ladle.

Code style

We are using prettier. To format the code, run:

npm run format