fix: process exit after storybook build

.storybook/main.ts

@@ -2,6 +2,8 @@ import type { StorybookConfig } from '@storybook/react-vite';
 import { defineConfig } from 'vite';
 import { resolve } from 'node:path/posix';
 
+import { exitProcessPlugin } from '../plugins/exitProcessPlugin';
+
 const config: StorybookConfig = {
     stories: [
         '../src/**/*.mdx',
@@ -34,6 +36,12 @@ const config: StorybookConfig = {
             };
         }
 
+        const existingPlugins = config.build?.rollupOptions?.plugins as any[];
+        config.build?.rollupOptions &&
+            (config.build.rollupOptions.plugins = existingPlugins
+                ? [...existingPlugins, exitProcessPlugin()]
+                : [exitProcessPlugin()]);
+
         return defineConfig({
             ...config,
             assetsInclude: ['/sb-preview/runtime.js', '/dark.css', '/light.css'],

plugins/exitProcessPlugin.ts

@@ -0,0 +1,22 @@
+export const exitProcessPlugin = () => {
+    return {
+        name: 'ExitProcessPlugin', // required, will show up in warnings and errors
+
+        // use this to catch errors when building
+        buildEnd(error) {
+            if(error) {
+                console.error('Error bundling')
+                console.error(error)
+                process.exit(1)
+            } else {
+                console.log('Build ended')
+            }
+        },
+
+        // use this to catch the end of a build without errors
+        closeBundle(id) {
+            console.log('Bundle closed')
+            process.exit(0)
+        },
+    }
+}

vite.config.js

@@ -6,30 +6,7 @@ import { glob } from 'glob';
 import react from '@vitejs/plugin-react';
 import external from '@yelo/rollup-node-external';
 import autoReExportPlugin from "unplugin-auto-re-export/vite";
-
-const closePlugin = () => {
-    return {
-        name: 'ClosePlugin', // required, will show up in warnings and errors
-
-        // use this to catch errors when building
-        buildEnd(error) {
-            if(error) {
-                console.error('Error bundling')
-                console.error(error)
-                process.exit(1)
-            } else {
-                console.log('Build ended')
-            }
-        },
-
-        // use this to catch the end of a build without errors
-        closeBundle(id) {
-            console.log('Bundle closed')
-            process.exit(0)
-        },
-    }
-}
-
+import { exitProcessPlugin } from "./plugins/exitProcessPlugin";
 
 const ignore = ['src/**/*.d.ts', 'src/**/*.stories.{ts,tsx}']
 
@@ -91,7 +68,7 @@ export default defineConfig({
                         'src/utils/stringToColor.*',
                     ],
                 }),
-                closePlugin(),
+                exitProcessPlugin(),
             ],
         },
         minify: true,