@storybook/builder-vite 10.4.0-alpha.6 → 10.4.0-alpha.7

package/dist/_node-chunks/{chunk-SLF4VG4B.js → chunk-7LGLSEOZ.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_yme3hc4m0w from 'node:url';
-import CJS_COMPAT_NODE_PATH_yme3hc4m0w from 'node:path';
-import CJS_COMPAT_NODE_MODULE_yme3hc4m0w from "node:module";
+import CJS_COMPAT_NODE_URL_wz9w23i4nmi from 'node:url';
+import CJS_COMPAT_NODE_PATH_wz9w23i4nmi from 'node:path';
+import CJS_COMPAT_NODE_MODULE_wz9w23i4nmi from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_yme3hc4m0w.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_yme3hc4m0w.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_yme3hc4m0w.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_wz9w23i4nmi.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_wz9w23i4nmi.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_wz9w23i4nmi.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_yme3hc4m0w from 'node:url';
-import CJS_COMPAT_NODE_PATH_yme3hc4m0w from 'node:path';
-import CJS_COMPAT_NODE_MODULE_yme3hc4m0w from "node:module";
+import CJS_COMPAT_NODE_URL_wz9w23i4nmi from 'node:url';
+import CJS_COMPAT_NODE_PATH_wz9w23i4nmi from 'node:path';
+import CJS_COMPAT_NODE_MODULE_wz9w23i4nmi from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_yme3hc4m0w.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_yme3hc4m0w.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_yme3hc4m0w.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_wz9w23i4nmi.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_wz9w23i4nmi.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_wz9w23i4nmi.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -24,7 +24,7 @@ import {
   normalize,
   relative,
   viteCorePlugins
-} from "./_node-chunks/chunk-SLF4VG4B.js";
+} from "./_node-chunks/chunk-7LGLSEOZ.js";
 
 // ../../../node_modules/picocolors/picocolors.js
 var require_picocolors = __commonJS({
@@ -93,7 +93,11 @@ var require_picocolors = __commonJS({
 // src/index.ts
 import { readFile } from "node:fs/promises";
 import { fileURLToPath as fileURLToPath3 } from "node:url";
-import { NoStatsForViteDevError } from "storybook/internal/server-errors";
+import { logger as logger3 } from "storybook/internal/node-logger";
+import {
+  NoStatsForViteDevError,
+  ViteModuleGraphSubscriptionError
+} from "storybook/internal/server-errors";
 
 // src/build.ts
 import { logger as logger2 } from "storybook/internal/node-logger";
@@ -1590,29 +1594,78 @@ function iframeHandler(options, server2) {
     res.setHeader("Content-Type", "text/html"), res.statusCode = 200, res.write(transformed), res.end();
   };
 }
-var server, listeners = /* @__PURE__ */ new Set(), debounce, watcherChangeHandler, waitForModuleGraph;
+var server, listeners = /* @__PURE__ */ new Set(), debounce, watcherChangeHandler, waitForModuleGraph, moduleGraphRegistrationClosed = !1;
+function clearModuleGraphPolling() {
+  waitForModuleGraph && (clearInterval(waitForModuleGraph), waitForModuleGraph = void 0);
+}
 function notifyListeners(moduleGraph) {
   listeners.forEach((listener) => {
-    listener(moduleGraph);
+    listener({ type: "moduleGraph", moduleGraph });
+  });
+}
+function notifyListenersOfStartupFailure(event) {
+  listeners.forEach((listener) => {
+    listener(event);
   });
 }
 async function bail() {
-  return watcherChangeHandler && (server?.watcher.off("all", watcherChangeHandler), watcherChangeHandler = void 0), waitForModuleGraph && (clearInterval(waitForModuleGraph), waitForModuleGraph = void 0), debounce && (clearTimeout(debounce), debounce = void 0), listeners.clear(), server?.close();
+  return watcherChangeHandler && (server?.watcher.off("all", watcherChangeHandler), watcherChangeHandler = void 0), clearModuleGraphPolling(), debounce && (clearTimeout(debounce), debounce = void 0), moduleGraphRegistrationClosed = !1, listeners.clear(), server?.close();
 }
-var onModuleGraphChange = (cb) => (listeners.add(cb), () => {
-  listeners.delete(cb);
-}), start = async ({
+var onModuleGraphChange = (cb) => {
+  if (moduleGraphRegistrationClosed)
+    throw new ViteModuleGraphSubscriptionError();
+  return listeners.add(cb), () => {
+    listeners.delete(cb);
+  };
+}, startChangeDetection = async (options) => {
+  let startTime = process.hrtime(), storyIndex = await (await options.presets.apply("storyIndexGenerator")).getIndex(), importPaths = new Set(Object.values(storyIndex.entries).map((entry) => entry.importPath));
+  await Promise.all(Array.from(importPaths, (importPath) => server.warmupRequest(importPath))), waitForModuleGraph = setInterval(() => {
+    (async () => {
+      try {
+        if (!watcherChangeHandler) {
+          clearModuleGraphPolling();
+          return;
+        }
+        if (process.hrtime(startTime)[0] > 30) {
+          clearModuleGraphPolling();
+          let error = new Error(
+            "Timed out while waiting for the Vite module graph to initialize"
+          );
+          logger3.error("Failed to complete Vite change detection startup"), logger3.error(error), notifyListenersOfStartupFailure({
+            type: "unavailable",
+            reason: error.message,
+            error
+          });
+          return;
+        }
+        if (server.moduleGraph.fileToModulesMap.size > 0) {
+          if (clearModuleGraphPolling(), await server.waitForRequestsIdle(), !watcherChangeHandler)
+            return;
+          server.watcher.on("all", watcherChangeHandler), watcherChangeHandler();
+        }
+      } catch (error) {
+        clearModuleGraphPolling(), logger3.error("Failed to complete Vite change detection startup"), logger3.error(error instanceof Error ? error : String(error)), notifyListenersOfStartupFailure({
+          type: "error",
+          error: error instanceof Error ? error : new Error(String(error))
+        });
+      }
+    })();
+  }, 1e3);
+}, start = async ({
   startTime,
   options,
   router,
   server: devServer
-}) => (server = await createViteServer(options, devServer), router.get("/iframe.html", iframeHandler(options, server)), router.use(server.middlewares), watcherChangeHandler = () => {
+}) => (moduleGraphRegistrationClosed = !0, server = await createViteServer(options, devServer), router.get("/iframe.html", iframeHandler(options, server)), router.use(server.middlewares), listeners.size > 0 && (watcherChangeHandler = () => {
   clearTimeout(debounce), debounce = setTimeout(() => {
     notifyListeners(buildModuleGraph(server.moduleGraph.fileToModulesMap));
   }, 100);
-}, server.watcher.on("all", watcherChangeHandler), waitForModuleGraph = setInterval(async () => {
-  server.moduleGraph.fileToModulesMap.size > 0 && (clearInterval(waitForModuleGraph), waitForModuleGraph = void 0, await server.waitForRequestsIdle(), watcherChangeHandler?.());
-}, 1e3), {
+}, startChangeDetection(options).catch((error) => {
+  clearModuleGraphPolling(), logger3.error("Failed to initialize Vite change detection"), logger3.error(error instanceof Error ? error : String(error)), notifyListenersOfStartupFailure({
+    type: "error",
+    error: error instanceof Error ? error : new Error(String(error))
+  });
+})), {
   bail,
   stats: {
     toJson: () => {

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_yme3hc4m0w from 'node:url';
-import CJS_COMPAT_NODE_PATH_yme3hc4m0w from 'node:path';
-import CJS_COMPAT_NODE_MODULE_yme3hc4m0w from "node:module";
+import CJS_COMPAT_NODE_URL_wz9w23i4nmi from 'node:url';
+import CJS_COMPAT_NODE_PATH_wz9w23i4nmi from 'node:path';
+import CJS_COMPAT_NODE_MODULE_wz9w23i4nmi from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_yme3hc4m0w.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_yme3hc4m0w.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_yme3hc4m0w.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_wz9w23i4nmi.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_wz9w23i4nmi.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_wz9w23i4nmi.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,7 +12,7 @@ var require = CJS_COMPAT_NODE_MODULE_yme3hc4m0w.createRequire(import.meta.url);
 import {
   optimizeViteDeps,
   viteCorePlugins
-} from "./_node-chunks/chunk-SLF4VG4B.js";
+} from "./_node-chunks/chunk-7LGLSEOZ.js";
 export {
   optimizeViteDeps,
   viteCorePlugins

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "10.4.0-alpha.6",
+  "version": "10.4.0-alpha.7",
   "description": "A Storybook builder to dev and build with Vite",
   "keywords": [
     "storybook",
@@ -47,7 +47,7 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@storybook/csf-plugin": "10.4.0-alpha.6",
+    "@storybook/csf-plugin": "10.4.0-alpha.7",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
@@ -62,7 +62,7 @@
     "vite": "^7.0.4"
   },
   "peerDependencies": {
-    "storybook": "^10.4.0-alpha.6",
+    "storybook": "^10.4.0-alpha.7",
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "publishConfig": {