@storybook/builder-vite 10.3.0-alpha.14 → 10.3.0-alpha.16

package/dist/_node-chunks/{chunk-IDX2JQVJ.js → chunk-LJ2V3XRF.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_e2d3ehe95oc from 'node:url';
-import CJS_COMPAT_NODE_PATH_e2d3ehe95oc from 'node:path';
-import CJS_COMPAT_NODE_MODULE_e2d3ehe95oc from "node:module";
+import CJS_COMPAT_NODE_URL_ro4snwt8gq from 'node:url';
+import CJS_COMPAT_NODE_PATH_ro4snwt8gq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ro4snwt8gq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_e2d3ehe95oc.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_e2d3ehe95oc.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_e2d3ehe95oc.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ro4snwt8gq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ro4snwt8gq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ro4snwt8gq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -160,6 +160,9 @@ function getUniqueImportPaths(index) {
 }
 
 // src/plugins/storybook-optimize-deps-plugin.ts
+function escapeGlobPath(filePath) {
+  return filePath.replace(/[()[\]{}!*?|+@]/g, "\\$&");
+}
 function storybookOptimizeDepsPlugin(options) {
   return {
     name: "storybook:optimize-deps-plugin",
@@ -176,10 +179,12 @@ function storybookOptimizeDepsPlugin(options) {
           // Story files + preview annotation files as entry points for the dep optimizer.
           // Vite will crawl these to discover all transitive CJS dependencies that need
           // pre-bundling, removing the need for a hard-coded include list.
+          // Paths are escaped so that special glob characters (e.g. parentheses in Next.js route
+          // group directories) are treated as literal characters, not glob syntax.
           entries: [
             ...typeof config.optimizeDeps?.entries == "string" ? [config.optimizeDeps.entries] : config.optimizeDeps?.entries ?? [],
-            ...getUniqueImportPaths(index),
-            ...previewAnnotationEntries
+            ...getUniqueImportPaths(index).map(escapeGlobPath),
+            ...previewAnnotationEntries.map(escapeGlobPath)
           ],
           // Extra deps explicitly included by Storybook presets (e.g. framework-specific packages).
           include: [...extraOptimizeDeps, ...config.optimizeDeps?.include ?? []]

package/dist/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_e2d3ehe95oc from 'node:url';
-import CJS_COMPAT_NODE_PATH_e2d3ehe95oc from 'node:path';
-import CJS_COMPAT_NODE_MODULE_e2d3ehe95oc from "node:module";
+import CJS_COMPAT_NODE_URL_ro4snwt8gq from 'node:url';
+import CJS_COMPAT_NODE_PATH_ro4snwt8gq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ro4snwt8gq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_e2d3ehe95oc.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_e2d3ehe95oc.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_e2d3ehe95oc.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ro4snwt8gq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ro4snwt8gq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ro4snwt8gq.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-IDX2JQVJ.js";
+} from "./_node-chunks/chunk-LJ2V3XRF.js";
 
 // ../../../node_modules/picocolors/picocolors.js
 var require_picocolors = __commonJS({
@@ -122,6 +122,23 @@ async function hasVitePlugins(plugins, names) {
   return !1;
 }
 
+// src/utils/vite-features.ts
+import { version } from "vite";
+var shouldUseRolldownOptions = () => {
+  try {
+    return Number(version.split(".")[0]) >= 8;
+  } catch {
+    return !1;
+  }
+}, bundlerOptionsKey = shouldUseRolldownOptions() ? "rolldownOptions" : "rollupOptions";
+function ensureRolldownOptions(config) {
+  if (!shouldUseRolldownOptions())
+    return;
+  config.build ??= {};
+  let rolldown = config.build.rolldownOptions ??= {}, output = rolldown.output ??= {};
+  output.strictExecutionOrder = !0;
+}
+
 // src/utils/without-vite-plugins.ts
 var withoutVitePlugins = async (plugins = [], namesToRemove) => {
   let result = [], resolvedPlugins = await Promise.all(plugins);
@@ -388,10 +405,14 @@ function codeGeneratorPlugin(options) {
       });
     },
     config(config, { command }) {
-      command === "build" && (config.build || (config.build = {}), config.build.rollupOptions = {
-        ...config.build.rollupOptions,
-        input: iframePath
-      });
+      if (command === "build") {
+        config.build || (config.build = {});
+        let build3 = config.build;
+        build3[bundlerOptionsKey] = {
+          ...build3[bundlerOptionsKey],
+          input: iframePath
+        }, ensureRolldownOptions(config);
+      }
     },
     configResolved(config) {
       iframeId = `${config.root}/iframe.html`;
@@ -1441,7 +1462,8 @@ async function build(options) {
       outDir: options.outputDir,
       emptyOutDir: !1,
       // do not clean before running Vite build - Storybook has already added assets in there!
-      rollupOptions: {
+      // TODO: Remove bundlerOptionsKey and use 'rolldownOptions' directly once support for Vite < 8 is dropped
+      [bundlerOptionsKey]: {
         external: [/\.\/sb-common-assets\/.*\.woff2/]
       },
       ...options.test ? {

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_e2d3ehe95oc from 'node:url';
-import CJS_COMPAT_NODE_PATH_e2d3ehe95oc from 'node:path';
-import CJS_COMPAT_NODE_MODULE_e2d3ehe95oc from "node:module";
+import CJS_COMPAT_NODE_URL_ro4snwt8gq from 'node:url';
+import CJS_COMPAT_NODE_PATH_ro4snwt8gq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_ro4snwt8gq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_e2d3ehe95oc.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_e2d3ehe95oc.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_e2d3ehe95oc.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_ro4snwt8gq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_ro4snwt8gq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_ro4snwt8gq.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_e2d3ehe95oc.createRequire(import.meta.url);
 import {
   optimizeViteDeps,
   viteCorePlugins
-} from "./_node-chunks/chunk-IDX2JQVJ.js";
+} from "./_node-chunks/chunk-LJ2V3XRF.js";
 export {
   optimizeViteDeps,
   viteCorePlugins

package/package.json

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