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

Author: AriPerkkio

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",

pnpm-lock.yaml

@@ -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();
+    };
+  },
 }));