@storybook/builder-vite 10.6.0-alpha.5 → 10.6.0-alpha.7

package/dist/_node-chunks/{chunk-EVRIDZO2.js → chunk-6CBEFN5G.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_tanuh3btx3m from 'node:url';
-import CJS_COMPAT_NODE_PATH_tanuh3btx3m from 'node:path';
-import CJS_COMPAT_NODE_MODULE_tanuh3btx3m from "node:module";
+import CJS_COMPAT_NODE_URL_0wq8l9r584ym from 'node:url';
+import CJS_COMPAT_NODE_PATH_0wq8l9r584ym from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0wq8l9r584ym from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_tanuh3btx3m.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_tanuh3btx3m.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_tanuh3btx3m.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0wq8l9r584ym.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0wq8l9r584ym.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0wq8l9r584ym.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -76,7 +76,7 @@ function storybookConfigPlugin(options) {
 import { loadPreviewOrConfigFile } from "storybook/internal/common";
 import { babelParser, extractMockCalls, findMockRedirect } from "storybook/internal/mocking-utils";
 
-// ../../../node_modules/pathe/dist/shared/pathe.ff20891b.mjs
+// node_modules/pathe/dist/shared/pathe.ff20891b.mjs
 var _DRIVE_LETTER_START_RE = /^[A-Za-z]:\//;
 function normalizeWindowsPath(input = "") {
   return input && input.replace(/\\/g, "/").replace(_DRIVE_LETTER_START_RE, (r) => r.toUpperCase());
@@ -354,7 +354,7 @@ function genRawValue(value, indent = "", options = {}) {
   return value === void 0 ? "undefined" : value === null ? "null" : Array.isArray(value) ? genArrayFromRaw(value, indent, options) : value && typeof value == "object" ? genObjectFromRaw(value, indent, options) : options.preserveTypes && typeof value != "function" ? JSON.stringify(value) : value.toString();
 }
 
-// ../../../node_modules/pathe/dist/utils.mjs
+// node_modules/pathe/dist/utils.mjs
 var FILENAME_RE = /(^|[/\\])([^/\\]+?)(?=(\.[^.]+)?$)/;
 function filename(path2) {
   return path2.match(FILENAME_RE)?.[2];

package/dist/index.d.ts

@@ -35,9 +35,12 @@ declare function hasVitePlugins(plugins: PluginOption[], names: string[]): Promi
 //#region code/builders/builder-vite/.dts-emit/code/builders/builder-vite/src/index.d.ts
 declare function bail(): Promise<void>;
 /**
- * Returns a {@link ChangeDetectionAdapter} bound to the Vite dev server created by `start()`.
+ * Returns a {@link ChangeDetectionAdapter} bound to the Vite dev server created by `start()`, or —
+ * when `options` are passed by a consumer that runs without a dev server (the `storybook tools`
+ * CLI) — a headless adapter that resolves the same config server-lessly.
  *
- * Throws if called before `start()` has resolved (i.e. before the Vite dev server exists).
+ * Throws if called without options before `start()` has resolved (i.e. before the Vite dev server
+ * exists).
  */
 declare const changeDetectionAdapter: NonNullable<Builder<Options>['changeDetectionAdapter']>;
 declare const start: ViteBuilder['start'];

package/dist/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_tanuh3btx3m from 'node:url';
-import CJS_COMPAT_NODE_PATH_tanuh3btx3m from 'node:path';
-import CJS_COMPAT_NODE_MODULE_tanuh3btx3m from "node:module";
+import CJS_COMPAT_NODE_URL_0wq8l9r584ym from 'node:url';
+import CJS_COMPAT_NODE_PATH_0wq8l9r584ym from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0wq8l9r584ym from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_tanuh3btx3m.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_tanuh3btx3m.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_tanuh3btx3m.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0wq8l9r584ym.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0wq8l9r584ym.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0wq8l9r584ym.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-EVRIDZO2.js";
+} from "./_node-chunks/chunk-6CBEFN5G.js";
 
 // ../../../node_modules/picocolors/picocolors.js
 var require_picocolors = __commonJS({
@@ -148,7 +148,7 @@ var withoutVitePlugins = async (plugins = [], namesToRemove) => {
 };
 
 // src/vite-config.ts
-import { resolve as resolve2 } from "node:path";
+import { resolve as resolve3 } from "node:path";
 import { getBuilderOptions, resolvePathInStorybookCache } from "storybook/internal/common";
 
 // src/plugins/code-generator-plugin.ts
@@ -454,8 +454,8 @@ var ImportType;
   A2[A2.Static = 1] = "Static", A2[A2.Dynamic = 2] = "Dynamic", A2[A2.ImportMeta = 3] = "ImportMeta", A2[A2.StaticSourcePhase = 4] = "StaticSourcePhase", A2[A2.DynamicSourcePhase = 5] = "DynamicSourcePhase", A2[A2.StaticDeferPhase = 6] = "StaticDeferPhase", A2[A2.DynamicDeferPhase = 7] = "DynamicDeferPhase";
 })(ImportType || (ImportType = {}));
 var A = new Uint8Array(new Uint16Array([1]).buffer)[0] === 1;
-function parse(E2, g = "@") {
-  if (!C) return init.then((() => parse(E2)));
+function parse2(E2, g = "@") {
+  if (!C) return init.then((() => parse2(E2)));
   let I = E2.length + 1, w = (C.__heap_base.value || C.__heap_base) + 4 * I - C.memory.buffer.byteLength;
   w > 0 && C.memory.grow(Math.ceil(w / 65536));
   let K = C.sa(I - 1);
@@ -503,8 +503,8 @@ for (let i = 0; i < chars.length; i++) {
   let c = chars.charCodeAt(i);
   intToChar[i] = c, charToInt[c] = i;
 }
-function encodeInteger(builder, num, relative3) {
-  let delta = num - relative3;
+function encodeInteger(builder, num, relative4) {
+  let delta = num - relative4;
   delta = delta < 0 ? -delta << 1 | 1 : delta << 1;
   do {
     let clamped = delta & 31;
@@ -550,7 +550,7 @@ function encode(decoded) {
   return writer.flush();
 }
 
-// ../../../node_modules/magic-string/dist/index.mjs
+// node_modules/magic-string/dist/index.mjs
 var BitSet = class BitSet2 {
   constructor(arg) {
     this.bits = arg instanceof BitSet2 ? arg.bits.slice() : [];
@@ -1333,7 +1333,7 @@ async function injectExportOrderPlugin() {
       async handler(code, id) {
         if (!filter(id))
           return;
-        let [, exports] = await parse(code), exportNames = exports.map((e) => code.substring(e.s, e.e));
+        let [, exports] = await parse2(code), exportNames = exports.map((e) => code.substring(e.s, e.e));
         if (exportNames.includes("__namedExportsOrder"))
           return;
         let s = new MagicString(code), orderedExports = exportNames.filter((e) => e !== "default");
@@ -1380,11 +1380,11 @@ async function storybookEntryPlugin(options) {
 }
 
 // src/plugins/webpack-stats-plugin.ts
-import { relative as relative2 } from "node:path";
+import { relative as relative3 } from "node:path";
 
 // ../../../node_modules/slash/index.js
-function slash(path) {
-  return path.startsWith("\\\\?\\") ? path : path.replace(/\\/g, "/");
+function slash(path2) {
+  return path2.startsWith("\\\\?\\") ? path2 : path2.replace(/\\/g, "/");
 }
 
 // src/plugins/webpack-stats-plugin.ts
@@ -1395,18 +1395,18 @@ function isUserCode(moduleName) {
   return moduleName ? Object.values(SB_VIRTUAL_FILES).includes(getOriginalVirtualModuleId(moduleName)) ? !0 : !moduleName.startsWith("vite/") && !moduleName.startsWith("\0") && moduleName !== "react/jsx-runtime" : !1;
 }
 function pluginWebpackStats({ workingDir }) {
-  function normalize2(filename) {
+  function normalize3(filename) {
     if (filename.startsWith("virtual:"))
       return `/${filename}`;
     if (Object.values(SB_VIRTUAL_FILES).includes(getOriginalVirtualModuleId(filename)))
       return `/${getOriginalVirtualModuleId(filename)}`;
     {
-      let relativePath = relative2(workingDir, stripQueryParams(filename));
+      let relativePath = relative3(workingDir, stripQueryParams(filename));
       return `./${slash(relativePath)}`;
     }
   }
   function createReasons(importers) {
-    return (importers || []).map((i) => ({ moduleName: normalize2(i) }));
+    return (importers || []).map((i) => ({ moduleName: normalize3(i) }));
   }
   function createStatsMapModule(filename, importers) {
     return {
@@ -1422,7 +1422,7 @@ function pluginWebpackStats({ workingDir }) {
     enforce: "post",
     moduleParsed: function(mod) {
       isUserCode(mod.id) && mod.importedIds.concat(mod.dynamicallyImportedIds).filter((name) => isUserCode(name)).forEach((depIdUnsafe) => {
-        let depId = normalize2(depIdUnsafe);
+        let depId = normalize3(depIdUnsafe);
         if (!statsMap.has(depId)) {
           statsMap.set(depId, createStatsMapModule(depId, [mod.id]));
           return;
@@ -1438,54 +1438,41 @@ function pluginWebpackStats({ workingDir }) {
   };
 }
 
-// src/plugins/csf-plugin.ts
-import { vite } from "@storybook/csf-plugin";
-async function csfPlugin(config) {
-  let { presets } = config, docsOptions = (
-    // @ts-expect-error - not sure what type to use here
-    (await presets.apply("addons", [])).find((a) => [a, a.name].includes("@storybook/addon-docs"))?.options ?? {}
-  ), enrichCsf = await presets.apply("experimental_enrichCsf");
-  return vite({
-    ...docsOptions?.csfPluginOptions,
-    enrichCsf
-  });
-}
-
 // src/plugins/storybook-external-globals-plugin.ts
 import { existsSync as existsSync3 } from "node:fs";
 import { mkdir, writeFile } from "node:fs/promises";
-import { dirname as dirname4, join as join5 } from "node:path";
+import { dirname as dirname4, join as join6 } from "node:path";
 import { globalsNameReferenceMap } from "storybook/internal/preview/globals";
 
 // ../../../node_modules/empathic/package.mjs
 import { env } from "node:process";
-import { dirname as dirname3, join as join4 } from "node:path";
+import { dirname as dirname3, join as join5 } from "node:path";
 import { existsSync as existsSync2, mkdirSync } from "node:fs";
 
 // ../../../node_modules/empathic/access.mjs
 import { accessSync, constants } from "node:fs";
-function ok(path, mode) {
+function ok(path2, mode) {
   try {
-    return accessSync(path, mode), !0;
+    return accessSync(path2, mode), !0;
   } catch {
     return !1;
   }
 }
-function writable(path) {
-  return ok(path, constants.W_OK);
+function writable(path2) {
+  return ok(path2, constants.W_OK);
 }
 
 // ../../../node_modules/empathic/find.mjs
-import { join as join3 } from "node:path";
+import { join as join4 } from "node:path";
 import { existsSync, statSync } from "node:fs";
 
 // ../../../node_modules/empathic/walk.mjs
 import { dirname as dirname2 } from "node:path";
 
 // ../../../node_modules/empathic/resolve.mjs
-import { isAbsolute, join as join2, resolve } from "node:path";
+import { isAbsolute as isAbsolute2, join as join3, resolve as resolve2 } from "node:path";
 function absolute(input, root) {
-  return isAbsolute(input) ? input : resolve(root || ".", input);
+  return isAbsolute2(input) ? input : resolve2(root || ".", input);
 }
 
 // ../../../node_modules/empathic/walk.mjs
@@ -1500,7 +1487,7 @@ function up(base, options) {
 function up2(name, options) {
   let dir, tmp, start2 = options && options.cwd || "";
   for (dir of up(start2, options))
-    if (tmp = join3(dir, name), existsSync(tmp)) return tmp;
+    if (tmp = join4(dir, name), existsSync(tmp)) return tmp;
 }
 
 // ../../../node_modules/empathic/package.mjs
@@ -1513,13 +1500,13 @@ function cache(name, options) {
   if (!dir || /^(1|0|true|false)$/.test(dir)) {
     let pkg = up3(options);
     if (dir = pkg && dirname3(pkg)) {
-      let mods = join4(dir, "node_modules"), exists = existsSync2(mods);
+      let mods = join5(dir, "node_modules"), exists = existsSync2(mods);
       if (!writable(exists ? mods : dir)) return;
-      dir = join4(mods, ".cache");
+      dir = join5(mods, ".cache");
     }
   }
   if (dir)
-    return dir = join4(dir, name), options.create && !existsSync2(dir) && mkdirSync(dir, { recursive: !0 }), dir;
+    return dir = join5(dir, name), options.create && !existsSync2(dir) && mkdirSync(dir, { recursive: !0 }), dir;
 }
 
 // src/plugins/storybook-external-globals-plugin.ts
@@ -1542,10 +1529,10 @@ async function storybookExternalGlobalsPlugin(options) {
     async config(config, { command }) {
       if (command !== "serve")
         return;
-      let newAlias = mergeAlias([], config.resolve?.alias), cachePath = cache("sb-vite-plugin-externals", { create: !0 }) ?? join5(process.cwd(), "node_modules", ".cache", "sb-vite-plugin-externals");
+      let newAlias = mergeAlias([], config.resolve?.alias), cachePath = cache("sb-vite-plugin-externals", { create: !0 }) ?? join6(process.cwd(), "node_modules", ".cache", "sb-vite-plugin-externals");
       return await Promise.all(
         Object.keys(externals).map(async (externalKey) => {
-          let externalCachePath = join5(cachePath, `${externalKey}.js`);
+          let externalCachePath = join6(cachePath, `${externalKey}.js`);
           if (newAlias.push({ find: new RegExp(`^${externalKey}$`), replacement: externalCachePath }), !existsSync3(externalCachePath)) {
             let directory = dirname4(externalCachePath);
             await mkdir(directory, { recursive: !0 });
@@ -1564,9 +1551,9 @@ async function storybookExternalGlobalsPlugin(options) {
       async handler(code, id) {
         if (globalsList.every((glob) => !code.includes(glob)))
           return;
-        let [imports] = parse(code), src = new MagicString(code);
-        return imports.forEach(({ n: path, ss: startPosition, se: endPosition }) => {
-          let packageName = path;
+        let [imports] = parse2(code), src = new MagicString(code);
+        return imports.forEach(({ n: path2, ss: startPosition, se: endPosition }) => {
+          let packageName = path2;
           if (packageName && globalsList.includes(packageName)) {
             let importStatement = src.slice(startPosition, endPosition), transformedImport = rewriteImport(importStatement, externals, packageName);
             src.update(startPosition, endPosition, transformedImport);
@@ -1615,7 +1602,7 @@ var configEnvServe = {
   isSsrBuild: !1
 };
 async function commonConfig(options, _type) {
-  let configEnv = _type === "development" ? configEnvServe : configEnvBuild, { loadConfigFromFile, mergeConfig } = await import("vite"), { viteConfigPath, configLoader } = await getBuilderOptions(options), projectRoot = resolve2(options.configDir, ".."), { config: { build: buildProperty = void 0, ...userConfig } = {} } = await loadConfigFromFile(
+  let configEnv = _type === "development" ? configEnvServe : configEnvBuild, { loadConfigFromFile, mergeConfig } = await import("vite"), { viteConfigPath, configLoader } = await getBuilderOptions(options), projectRoot = resolve3(options.configDir, ".."), { config: { build: buildProperty = void 0, ...userConfig } = {} } = await loadConfigFromFile(
     configEnv,
     viteConfigPath,
     projectRoot,
@@ -1641,7 +1628,6 @@ async function pluginConfig(options) {
     // Shared core plugins (resolve conditions, envPrefix, fs.allow, externals, env vars, etc.)
     ...await viteCorePlugins([], options),
     await storybookExternalGlobalsPlugin(options),
-    await csfPlugin(options),
     // Entry plugin: virtual modules for stories, addon setup, and main app entry
     ...await storybookEntryPlugin(options),
     // Builder-specific: webpack-compatible stats for turbosnap/chromatic
@@ -1707,6 +1693,24 @@ async function build(options) {
   )?.storybookGetStats();
 }
 
+// src/change-detection-adapter/headless.ts
+function createHeadlessViteChangeDetectionAdapter(options) {
+  return {
+    async getResolveConfig() {
+      let { resolveConfig } = await import("vite"), config = await commonConfig(options, "development"), finalConfig = await options.presets.apply("viteFinal", config, options), resolved = await resolveConfig(finalConfig, "serve", "development");
+      return {
+        projectRoot: resolved.root,
+        alias: resolved.resolve.alias,
+        conditions: resolved.resolve.conditions
+      };
+    },
+    onFileChange() {
+      return () => {
+      };
+    }
+  };
+}
+
 // src/change-detection-adapter/index.ts
 import { logger as logger3 } from "storybook/internal/node-logger";
 function createViteChangeDetectionAdapter(server2) {
@@ -1732,8 +1736,8 @@ function createViteChangeDetectionAdapter(server2) {
       };
     },
     onFileChange(handler) {
-      let FORWARDED_EVENTS = /* @__PURE__ */ new Set(["add", "change", "unlink"]), isForwardedEvent = (name) => FORWARDED_EVENTS.has(name), onAll = (eventName, path) => {
-        isForwardedEvent(eventName) && handler({ kind: eventName, path: normalize(path) });
+      let FORWARDED_EVENTS = /* @__PURE__ */ new Set(["add", "change", "unlink"]), isForwardedEvent = (name) => FORWARDED_EVENTS.has(name), onAll = (eventName, path2) => {
+        isForwardedEvent(eventName) && handler({ kind: eventName, path: normalize(path2) });
       };
       return server2.watcher.on("all", onAll), () => {
         server2.watcher.off("all", onAll);
@@ -1780,12 +1784,14 @@ var server;
 async function bail() {
   return server?.close();
 }
-var changeDetectionAdapter = () => {
-  if (!server)
-    throw new Error(
-      "builder-vite: changeDetectionAdapter() called before start(); the Vite dev server is not ready yet."
-    );
-  return createViteChangeDetectionAdapter(server);
+var changeDetectionAdapter = (options) => {
+  if (server)
+    return createViteChangeDetectionAdapter(server);
+  if (options)
+    return createHeadlessViteChangeDetectionAdapter(options);
+  throw new Error(
+    "builder-vite: changeDetectionAdapter() called before start(); the Vite dev server is not ready yet."
+  );
 }, start = async ({
   startTime,
   options,

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_tanuh3btx3m from 'node:url';
-import CJS_COMPAT_NODE_PATH_tanuh3btx3m from 'node:path';
-import CJS_COMPAT_NODE_MODULE_tanuh3btx3m from "node:module";
+import CJS_COMPAT_NODE_URL_0wq8l9r584ym from 'node:url';
+import CJS_COMPAT_NODE_PATH_0wq8l9r584ym from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0wq8l9r584ym from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_tanuh3btx3m.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_tanuh3btx3m.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_tanuh3btx3m.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0wq8l9r584ym.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0wq8l9r584ym.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0wq8l9r584ym.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_tanuh3btx3m.createRequire(import.meta.url);
 import {
   optimizeViteDeps,
   viteCorePlugins
-} from "./_node-chunks/chunk-EVRIDZO2.js";
+} from "./_node-chunks/chunk-6CBEFN5G.js";
 export {
   optimizeViteDeps,
   viteCorePlugins

package/package.json

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