chore: watch-mode improvements, storybookjs/addon-kit#49

AriPerkkio · Jan 7, 2024 · 8db5c7b · 8db5c7b
1 parent 18e78b9
commit 8db5c7b
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 20 deletions.
diff --git a/package.json b/package.json
@@ -64,6 +64,7 @@
     "@storybook/react-vite": "^7.4.0",
     "@storybook/theming": "^7.4.2",
     "@storybook/types": "^7.4.2",
+    "@types/node": "^20.10.6",
     "@types/react": "^18.2.21",
     "@vitejs/plugin-react": "^4.0.4",
     "boxen": "^5.0.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tsup.config.ts b/tsup.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig } from 'tsup';
+import { exec } from 'node:child_process';
 
 export default defineConfig((options) => ({
   entry: ['src/index.ts', 'src/preview.ts', 'src/manager.ts'],
@@ -15,4 +16,16 @@ export default defineConfig((options) => ({
   esbuildOptions(options) {
     options.conditions = ['module'];
   },
+  async onSuccess() {
+    if (!options.watch) return;
+
+    const subprocess = exec('pnpm run storybook --no-open');
+    subprocess.stdout?.on('data', (data) =>
+      console.log(`[storybook]: ${data}`)
+    );
+
+    return function cleanup() {
+      subprocess.kill();
+    };
+  },
 }));