WIP: example migration to storybook

package.json

@@ -18,22 +18,13 @@
     "demo:build": "npm run build --workspace=@sigma/demo",
     "website:build": "npm run build --workspace=@sigma/website",
     "website:all": "npm run website:build && npm run demo:build && cp -R packages/demo/build packages/website/build/demo && npm run examples:build && cp -R packages/examples/build packages/website/build/examples",
-    "storybook:run": "storybook dev -p 6006",
-    "storybook:build": "storybook build"
+    "storybook:run": "npm run start --workspace=@sigma/storybook",
+    "storybook:build": "npm run build --workspace=@sigma/storybook"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.6.12",
-    "@storybook/addon-interactions": "^7.6.12",
-    "@storybook/addon-links": "^7.6.12",
-    "@storybook/blocks": "^7.6.12",
-    "@storybook/html": "^7.6.12",
-    "@storybook/html-vite": "^7.6.12",
-    "@storybook/html-webpack5": "^7.6.12",
-    "@storybook/test": "^7.6.12",
     "lerna": "^8.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^7.6.12",
     "typescript": "^5.2.2",
     "vite": "^5.0.12"
   }

.storybook/main.ts → packages/storybook/.storybook/main.ts

@@ -4,7 +4,7 @@ import { mergeConfig } from "vite";
 
 /** @type { import('@storybook/html-vite').StorybookConfig } */
 const config: StorybookConfig = {
-  stories: ["../packages/**/src/**/*.mdx", "../packages/**/src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  stories: ["../stories/**/stories.ts", "../../**/src/**/*.mdx", "../../**/src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: [
     getAbsolutePath("@storybook/addon-links"),
     getAbsolutePath("@storybook/addon-essentials"),
@@ -18,9 +18,11 @@ const config: StorybookConfig = {
   docs: {
     autodocs: "tag",
   },
+  staticDirs: ["../public"],
   logLevel: "debug",
   async viteFinal(config) {
     return mergeConfig(config, {
+      assetsInclude: ["**/*.html"],
       resolve: {
         preserveSymlinks: true,
       },

packages/storybook/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@sigma/stroybook",
+  "private": true,
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.6.12",
+    "@storybook/addon-interactions": "^7.6.12",
+    "@storybook/addon-links": "^7.6.12",
+    "@storybook/blocks": "^7.6.12",
+    "@storybook/html": "^7.6.12",
+    "@storybook/html-vite": "^7.6.12",
+    "@storybook/html-webpack5": "^7.6.12",
+    "@storybook/test": "^7.6.12",
+    "@storybook/web-components": "^7.6.12",
+    "storybook": "^7.6.12"
+  },
+  "scripts": {
+    "start": "storybook dev -p 6006",
+    "build": "storybook build"
+  },
+  "dependencies": {
+    "storybook-addon-run-script": "^0.1.4"
+  }
+}