feat: expose generic SvgRenderer (#54)

Also migrate to Storybook 9 / CSF3.

Author: targos

.github/workflows/storybook.yml

@@ -0,0 +1,24 @@
+name: Storybook Tests
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    container:
+      # Make sure to grab the latest version of the Playwright image
+      # https://playwright.dev/docs/docker#pull-the-image
+      image: mcr.microsoft.com/playwright:v1.55.0
+    steps:
+      - uses: actions/checkout@v5
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: 'package.json'
+      - name: Install dependencies
+        run: npm install
+      - name: Run tests
+        run: npm run test-storybook

.node-version

@@ -0,0 +1 @@
+24

.storybook/main.js

@@ -1,11 +1,7 @@
 export default {
   stories: ['../stories/**/*.stories.tsx'],
 
-  addons: [
-    '@storybook/addon-storysource',
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-  ],
+  addons: ['@storybook/addon-vitest'],
 
   framework: {
     name: '@storybook/react-vite',

.storybook/vitest.setup.ts

@@ -0,0 +1,5 @@
+import { setProjectAnnotations } from '@storybook/react-vite';
+
+// This is an important step to apply the right configuration when testing your stories.
+// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
+setProjectAnnotations([]);

eslint.config.js

@@ -4,7 +4,7 @@ import ts from 'eslint-config-cheminfo-typescript';
 import storybook from 'eslint-plugin-storybook';
 
 export default defineConfig(
-  globalIgnores(['lib']),
+  globalIgnores(['coverage', 'lib']),
   ts,
   react,
   storybook.configs['flat/recommended'],

package.json

@@ -28,8 +28,9 @@
     "prepack": "npm run tsc",
     "prettier": "prettier --check .",
     "prettier-write": "prettier --write .",
-    "test": "npm run test-only && npm run check-types && npm run eslint && npm run prettier",
-    "test-only": "vitest run",
+    "test": "npm run test-only && npm run test-storybook && npm run check-types && npm run eslint && npm run prettier",
+    "test-only": "vitest run --project=unit --coverage",
+    "test-storybook": "vitest run --project=storybook",
     "tsc": "npm run clean && npm run tsc-build",
     "tsc-build": "tsc -p tsconfig.build.json"
   },
@@ -39,28 +40,28 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-storysource": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@types/react": "^18.3.20",
-    "@types/react-test-renderer": "^18.3.0",
-    "@vitejs/plugin-react": "^4.4.0",
+    "@storybook/addon-vitest": "^9.1.2",
+    "@storybook/react-vite": "^9.1.2",
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.1.10",
+    "@vitejs/plugin-react": "^5.0.1",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
     "@zakodium/tsconfig": "^1.0.2",
     "eslint": "^9.33.0",
     "eslint-config-cheminfo-react": "^17.0.1",
     "eslint-config-cheminfo-typescript": "^19.0.0",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^9.1.2",
+    "jsdom": "^26.1.0",
     "openchemlib": "^9.7.0",
+    "playwright": "^1.55.0",
     "prettier": "^3.6.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-test-renderer": "^18.3.1",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "rimraf": "^6.0.1",
-    "storybook": "^8.6.12",
+    "storybook": "^9.1.2",
     "typescript": "^5.9.2",
-    "vite": "^6.3.1",
+    "vite": "^7.1.3",
     "vitest": "^3.2.4"
   },
   "repository": {
@@ -70,6 +71,6 @@
   "bugs": "https://github.com/zakodium-oss/react-ocl/issues",
   "homepage": "https://github.com/zakodium-oss/react-ocl#readme",
   "volta": {
-    "node": "22.14.0"
+    "node": "24.6.0"
   }
 }