@storybook/builder-vite 10.3.0-beta.2 → 10.3.0

package/dist/_node-chunks/{chunk-XWHHXGP7.js → chunk-MBCPTYXX.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_5g492wkm9aw from 'node:url';
-import CJS_COMPAT_NODE_PATH_5g492wkm9aw from 'node:path';
-import CJS_COMPAT_NODE_MODULE_5g492wkm9aw from "node:module";
+import CJS_COMPAT_NODE_URL_d8hah9p1hm from 'node:url';
+import CJS_COMPAT_NODE_PATH_d8hah9p1hm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_d8hah9p1hm from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_5g492wkm9aw.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_5g492wkm9aw.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_5g492wkm9aw.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_d8hah9p1hm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_d8hah9p1hm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_d8hah9p1hm.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -70,6 +70,7 @@ function storybookConfigPlugin(options) {
 
 // src/plugins/storybook-optimize-deps-plugin.ts
 import { loadPreviewOrConfigFile } from "storybook/internal/common";
+import { babelParser, extractMockCalls, findMockRedirect } from "storybook/internal/mocking-utils";
 
 // ../../../node_modules/pathe/dist/shared/pathe.ff20891b.mjs
 var _DRIVE_LETTER_START_RE = /^[A-Za-z]:\//;
@@ -163,6 +164,13 @@ function getUniqueImportPaths(index) {
 function escapeGlobPath(filePath) {
   return filePath.replace(/[()[\]{}!*?|+@]/g, "\\$&");
 }
+function getMockRedirectIncludeEntries(mockCalls) {
+  return Array.from(
+    new Set(
+      mockCalls.map((mockCall) => mockCall.redirectPath).filter((redirectPath) => redirectPath !== null).map(escapeGlobPath)
+    )
+  );
+}
 function storybookOptimizeDepsPlugin(options) {
   return {
     name: "storybook:optimize-deps-plugin",
@@ -173,7 +181,18 @@ function storybookOptimizeDepsPlugin(options) {
         options.presets.apply("optimizeViteDeps", []),
         options.presets.apply("storyIndexGenerator"),
         options.presets.apply("previewAnnotations", [], options)
-      ]), index = await storyIndexGenerator.getIndex(), previewOrConfigFile = loadPreviewOrConfigFile({ configDir: options.configDir }), previewAnnotationEntries = [...previewAnnotations, previewOrConfigFile].filter((path2) => path2 !== void 0).map((path2) => processPreviewAnnotation(path2, projectRoot));
+      ]), index = await storyIndexGenerator.getIndex(), previewOrConfigFile = loadPreviewOrConfigFile({ configDir: options.configDir }), mockRedirectIncludeEntries = previewOrConfigFile ? getMockRedirectIncludeEntries(
+        extractMockCalls(
+          {
+            previewConfigPath: previewOrConfigFile,
+            coreOptions: { disableTelemetry: !0 },
+            configDir: options.configDir
+          },
+          babelParser,
+          projectRoot,
+          findMockRedirect
+        )
+      ) : [], previewAnnotationEntries = [...previewAnnotations, previewOrConfigFile].filter((path2) => path2 !== void 0).map((path2) => processPreviewAnnotation(path2, projectRoot));
       return {
         optimizeDeps: {
           // Story files + preview annotation files as entry points for the dep optimizer.
@@ -183,6 +202,7 @@ function storybookOptimizeDepsPlugin(options) {
           // group directories) are treated as literal characters, not glob syntax.
           entries: [
             ...typeof config.optimizeDeps?.entries == "string" ? [config.optimizeDeps.entries] : config.optimizeDeps?.entries ?? [],
+            ...mockRedirectIncludeEntries,
             ...getUniqueImportPaths(index).map(escapeGlobPath),
             ...previewAnnotationEntries.map(escapeGlobPath)
           ],
@@ -196,7 +216,6 @@ function storybookOptimizeDepsPlugin(options) {
 
 // src/codegen-project-annotations.ts
 import { getFrameworkName, loadPreviewOrConfigFile as loadPreviewOrConfigFile2 } from "storybook/internal/common";
-import { STORY_HOT_UPDATED } from "storybook/internal/core-events";
 import { isCsfFactoryPreview, readConfig } from "storybook/internal/csf-tools";
 
 // ../../../node_modules/knitwork/dist/index.mjs
@@ -370,8 +389,6 @@ function generateProjectAnnotationsCodeFromPreviews(options) {
 
       if (import.meta.hot) {
         import.meta.hot.accept([${JSON.stringify(previewFileURL)}], (previewAnnotationModules) => {
-          // Cancel any running play function before patching in the new getProjectAnnotations
-          window?.__STORYBOOK_PREVIEW__?.channel?.emit('${STORY_HOT_UPDATED}');
           // getProjectAnnotations has changed so we need to patch the new one in
           window?.__STORYBOOK_PREVIEW__?.onGetProjectAnnotationsChanged({
             getProjectAnnotations: () => getProjectAnnotations(previewAnnotationModules),
@@ -399,8 +416,6 @@ function generateProjectAnnotationsCodeFromPreviews(options) {
 
     if (import.meta.hot) {
       import.meta.hot.accept(${JSON.stringify(previewAnnotationURLs)}, (previewAnnotationModules) => {
-        // Cancel any running play function before patching in the new getProjectAnnotations
-        window?.__STORYBOOK_PREVIEW__?.channel?.emit('${STORY_HOT_UPDATED}');
         // getProjectAnnotations has changed so we need to patch the new one in
         window?.__STORYBOOK_PREVIEW__?.onGetProjectAnnotationsChanged({
           getProjectAnnotations: () => getProjectAnnotations(previewAnnotationModules),
@@ -521,9 +536,9 @@ var ENTRY_PATH = "/vite-inject-mocker-entry.js", viteInjectMockerRuntime = (opti
 // src/plugins/vite-mock/plugin.ts
 import { readFileSync } from "node:fs";
 import {
-  babelParser,
-  extractMockCalls,
-  findMockRedirect,
+  babelParser as babelParser2,
+  extractMockCalls as extractMockCalls2,
+  findMockRedirect as findMockRedirect2,
   getAutomockCode,
   getRealPath,
   rewriteSbMockImportCalls
@@ -549,13 +564,13 @@ function viteMockPlugin(options) {
         viteConfig = config;
       },
       buildStart() {
-        mockCalls = extractMockCalls(options, babelParser, viteConfig.root, findMockRedirect);
+        mockCalls = extractMockCalls2(options, babelParser2, viteConfig.root, findMockRedirect2);
       },
       configureServer(server) {
         async function invalidateAffectedFiles(file) {
           if (file === options.previewConfigPath || file.includes("__mocks__")) {
             let oldMockCalls = mockCalls;
-            mockCalls = extractMockCalls(options, babelParser, viteConfig.root, findMockRedirect);
+            mockCalls = extractMockCalls2(options, babelParser2, viteConfig.root, findMockRedirect2);
             let previewMod = server.moduleGraph.getModuleById(options.previewConfigPath);
             previewMod && server.moduleGraph.invalidateModule(previewMod);
             for (let call of mockCalls)
@@ -593,7 +608,7 @@ function viteMockPlugin(options) {
             }
             try {
               if (!call.redirectPath) {
-                let automockedCode = getAutomockCode(code, call.spy, babelParser);
+                let automockedCode = getAutomockCode(code, call.spy, babelParser2);
                 return {
                   code: automockedCode.toString(),
                   map: automockedCode.generateMap()

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { Builder, Options } from 'storybook/internal/types';
-import { UserConfig, InlineConfig, PluginOption } from 'vite';
+import { Options, Builder } from 'storybook/internal/types';
+import { InlineConfig, UserConfig, PluginOption } from 'vite';
 
 type ViteStats = {
     toJson: () => any;

package/dist/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_5g492wkm9aw from 'node:url';
-import CJS_COMPAT_NODE_PATH_5g492wkm9aw from 'node:path';
-import CJS_COMPAT_NODE_MODULE_5g492wkm9aw from "node:module";
+import CJS_COMPAT_NODE_URL_d8hah9p1hm from 'node:url';
+import CJS_COMPAT_NODE_PATH_d8hah9p1hm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_d8hah9p1hm from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_5g492wkm9aw.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_5g492wkm9aw.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_5g492wkm9aw.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_d8hah9p1hm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_d8hah9p1hm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_d8hah9p1hm.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-XWHHXGP7.js";
+} from "./_node-chunks/chunk-MBCPTYXX.js";
 
 // ../../../node_modules/picocolors/picocolors.js
 var require_picocolors = __commonJS({
@@ -323,9 +323,11 @@ async function generateModernIframeScriptCodeFromPreviews(options) {
         import.meta.hot.decline();
       }`.trim() : dedent2`
     if (import.meta.hot) {
-      import.meta.hot.accept('${SB_VIRTUAL_FILES.VIRTUAL_STORIES_FILE}', (newModule) => {
-        // Cancel any running play function before patching in the new importFn
+      import.meta.hot.on('vite:afterUpdate', () => {
         window.__STORYBOOK_PREVIEW__.channel.emit('${STORY_HOT_UPDATED}');
+      });
+
+      import.meta.hot.accept('${SB_VIRTUAL_FILES.VIRTUAL_STORIES_FILE}', (newModule) => {
         // importFn has changed so we need to patch the new one in
         window.__STORYBOOK_PREVIEW__.onStoriesChanged({ importFn: newModule.importFn });
       });

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_5g492wkm9aw from 'node:url';
-import CJS_COMPAT_NODE_PATH_5g492wkm9aw from 'node:path';
-import CJS_COMPAT_NODE_MODULE_5g492wkm9aw from "node:module";
+import CJS_COMPAT_NODE_URL_d8hah9p1hm from 'node:url';
+import CJS_COMPAT_NODE_PATH_d8hah9p1hm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_d8hah9p1hm from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_5g492wkm9aw.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_5g492wkm9aw.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_5g492wkm9aw.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_d8hah9p1hm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_d8hah9p1hm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_d8hah9p1hm.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_5g492wkm9aw.createRequire(import.meta.url);
 import {
   optimizeViteDeps,
   viteCorePlugins
-} from "./_node-chunks/chunk-XWHHXGP7.js";
+} from "./_node-chunks/chunk-MBCPTYXX.js";
 export {
   optimizeViteDeps,
   viteCorePlugins

package/package.json

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