@storybook/builder-vite 7.0.0-beta.25 → 7.0.0-beta.26

package/dist/index.mjs

@@ -1,12 +1,199 @@
-var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+x+'" is not supported')});import*as fs2 from"fs-extra";import express from"express";import{dirname,join as join2,parse as parse2}from"path";import{normalizeStories}from"@storybook/core-common";async function transformIframeHtml(html,options){let{configType,features,presets,serverChannelUrl,title}=options,frameworkOptions=await presets.apply("frameworkOptions"),headHtmlSnippet=await presets.apply("previewHead"),bodyHtmlSnippet=await presets.apply("previewBody"),logLevel=await presets.apply("logLevel",void 0),docsOptions=await presets.apply("docs"),coreOptions=await presets.apply("core"),stories=normalizeStories(await options.presets.apply("stories",[],options),{configDir:options.configDir,workingDir:process.cwd()}).map(specifier=>({...specifier,importPathMatcher:specifier.importPathMatcher.source}));return html.replace("<!-- [TITLE HERE] -->",title||"Storybook").replace("[CONFIG_TYPE HERE]",configType||"").replace("[LOGLEVEL HERE]",logLevel||"").replace("'[FRAMEWORK_OPTIONS HERE]'",JSON.stringify(frameworkOptions)).replace("'[CHANNEL_OPTIONS HERE]'",JSON.stringify(coreOptions&&coreOptions.channelOptions?coreOptions.channelOptions:{})).replace("'[FEATURES HERE]'",JSON.stringify(features||{})).replace("'[STORIES HERE]'",JSON.stringify(stories||{})).replace("'[DOCS_OPTIONS HERE]'",JSON.stringify(docsOptions||{})).replace("'[SERVER_CHANNEL_URL HERE]'",JSON.stringify(serverChannelUrl)).replace("<!-- [HEAD HTML SNIPPET HERE] -->",headHtmlSnippet||"").replace("<!-- [BODY HTML SNIPPET HERE] -->",bodyHtmlSnippet||"")}import{createServer}from"vite";import*as path4 from"path";import{loadConfigFromFile,mergeConfig as mergeConfig2}from"vite";import externalGlobals from"rollup-plugin-external-globals";import{isPreservingSymlinks,getFrameworkName as getFrameworkName2}from"@storybook/core-common";import{globals}from"@storybook/preview/globals";import{parse}from"es-module-lexer";import MagicString from"magic-string";import{createFilter}from"vite";var include=[/\.stories\.([tj])sx?$/,/(stories|story).mdx$/],filter=createFilter(include),injectExportOrderPlugin={name:"storybook:inject-export-order-plugin",enforce:"post",async transform(code,id){if(!filter(id))return;let[,exports]=await parse(code);if(exports.includes("__namedExportsOrder"))return;let s=new MagicString(code),orderedExports=exports.filter(e=>e!=="default");return s.append(`;export const __namedExportsOrder = ${JSON.stringify(orderedExports)};`),{code:s.toString(),map:s.generateMap({hires:!0,source:id})}}};import{createFilter as createFilter2}from"vite";var isStorybookMdx=id=>id.endsWith("stories.mdx")||id.endsWith("story.mdx");async function mdxPlugin(options){let filter2=createFilter2(/\.mdx?$/),docsOptions=(await options.presets.apply("addons",[])).find(a=>[a,a.name].includes("@storybook/addon-docs"))?.options??{};return{name:"storybook:mdx-plugin",enforce:"pre",async transform(src,id){if(!filter2(id))return;let{compile}=await import("@storybook/mdx2-csf"),mdxLoaderOptions=await options.presets.apply("mdxLoaderOptions",{mdxCompileOptions:{providerImportSource:"@storybook/addon-docs/mdx-react-shim"},jsxOptions:docsOptions.jsxOptions});return{code:String(await compile(src,{skipCsf:!isStorybookMdx(id),...mdxLoaderOptions})),map:null}}}}import{createFilter as createFilter3}from"vite";import MagicString2 from"magic-string";function stripStoryHMRBoundary(){let filter2=createFilter3(/\.stories\.([tj])sx?$/);return{name:"storybook:strip-hmr-boundary-plugin",enforce:"post",async transform(src,id){if(!filter2(id))return;let s=new MagicString2(src);return s.replace(/import\.meta\.hot\.accept\(\);/,""),{code:s.toString(),map:s.generateMap({hires:!0,source:id})}}}}import*as fs from"fs";import{mergeConfig}from"vite";import{getRendererName}from"@storybook/core-common";var virtualFileId="/virtual:/@storybook/builder-vite/vite-app.js",virtualStoriesFile="/virtual:/@storybook/builder-vite/storybook-stories.js",virtualPreviewFile="/virtual:/@storybook/builder-vite/preview-entry.js",virtualAddonSetupFile="/virtual:/@storybook/builder-vite/setup-addons.js";import{resolve}from"path";import slash from"slash";import path from"path";import{normalizePath}from"vite";function transformAbsPath(absPath){let splits=absPath.split(`node_modules${path.sep}`);return normalizePath(splits[splits.length-1])}function processPreviewAnnotation(path6){if(typeof path6=="object")return path6.bare;if(path6?.startsWith("./")||path6?.startsWith("../"))return slash(resolve(path6));if(!path6)throw new Error("Could not determine path for previewAnnotation");return path6.includes("node_modules")?transformAbsPath(path6):slash(path6)}async function generateIframeScriptCode(options){let{presets}=options,rendererName=await getRendererName(options),configEntries=[...await presets.apply("previewAnnotations",[],options)].filter(Boolean).map(processPreviewAnnotation),filesToImport=(files,name)=>files.map((el,i)=>`import ${name?`* as ${name}_${i} from `:""}'${el}'`).join(`
-`),importArray=(name,length)=>new Array(length).fill(0).map((_,i)=>`${name}_${i}`);return`
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw new Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/index.ts
+import * as fs2 from "fs-extra";
+import express from "express";
+import { dirname, join as join2, parse as parse2 } from "path";
+
+// src/transform-iframe-html.ts
+import { normalizeStories } from "@storybook/core-common";
+async function transformIframeHtml(html, options) {
+  const { configType, features, presets, serverChannelUrl, title } = options;
+  const frameworkOptions = await presets.apply("frameworkOptions");
+  const headHtmlSnippet = await presets.apply("previewHead");
+  const bodyHtmlSnippet = await presets.apply("previewBody");
+  const logLevel = await presets.apply("logLevel", void 0);
+  const docsOptions = await presets.apply("docs");
+  const coreOptions = await presets.apply("core");
+  const stories = normalizeStories(await options.presets.apply("stories", [], options), {
+    configDir: options.configDir,
+    workingDir: process.cwd()
+  }).map((specifier) => ({
+    ...specifier,
+    importPathMatcher: specifier.importPathMatcher.source
+  }));
+  return html.replace("<!-- [TITLE HERE] -->", title || "Storybook").replace("[CONFIG_TYPE HERE]", configType || "").replace("[LOGLEVEL HERE]", logLevel || "").replace(`'[FRAMEWORK_OPTIONS HERE]'`, JSON.stringify(frameworkOptions)).replace(
+    `'[CHANNEL_OPTIONS HERE]'`,
+    JSON.stringify(coreOptions && coreOptions.channelOptions ? coreOptions.channelOptions : {})
+  ).replace(`'[FEATURES HERE]'`, JSON.stringify(features || {})).replace(`'[STORIES HERE]'`, JSON.stringify(stories || {})).replace(`'[DOCS_OPTIONS HERE]'`, JSON.stringify(docsOptions || {})).replace(`'[SERVER_CHANNEL_URL HERE]'`, JSON.stringify(serverChannelUrl)).replace("<!-- [HEAD HTML SNIPPET HERE] -->", headHtmlSnippet || "").replace("<!-- [BODY HTML SNIPPET HERE] -->", bodyHtmlSnippet || "");
+}
+
+// src/vite-server.ts
+import { createServer } from "vite";
+
+// src/vite-config.ts
+import * as path4 from "path";
+import { loadConfigFromFile, mergeConfig as mergeConfig2 } from "vite";
+import { viteExternalsPlugin } from "vite-plugin-externals";
+import { isPreservingSymlinks, getFrameworkName as getFrameworkName2 } from "@storybook/core-common";
+import { globals } from "@storybook/preview/globals";
+
+// src/plugins/inject-export-order-plugin.ts
+import { parse } from "es-module-lexer";
+import MagicString from "magic-string";
+import { createFilter } from "vite";
+var include = [/\.stories\.([tj])sx?$/, /(stories|story).mdx$/];
+var filter = createFilter(include);
+var injectExportOrderPlugin = {
+  name: "storybook:inject-export-order-plugin",
+  // This should only run after the typescript has been transpiled
+  enforce: "post",
+  async transform(code, id) {
+    if (!filter(id))
+      return void 0;
+    const [, exports] = await parse(code);
+    if (exports.includes("__namedExportsOrder")) {
+      return void 0;
+    }
+    const s = new MagicString(code);
+    const orderedExports = exports.filter((e) => e !== "default");
+    s.append(`;export const __namedExportsOrder = ${JSON.stringify(orderedExports)};`);
+    return {
+      code: s.toString(),
+      map: s.generateMap({ hires: true, source: id })
+    };
+  }
+};
+
+// src/plugins/mdx-plugin.ts
+import { createFilter as createFilter2 } from "vite";
+var isStorybookMdx = (id) => id.endsWith("stories.mdx") || id.endsWith("story.mdx");
+async function mdxPlugin(options) {
+  const include2 = /\.mdx?$/;
+  const filter2 = createFilter2(include2);
+  const addons = await options.presets.apply("addons", []);
+  const docsOptions = (
+    // @ts-expect-error - not sure what type to use here
+    addons.find((a) => [a, a.name].includes("@storybook/addon-docs"))?.options ?? {}
+  );
+  return {
+    name: "storybook:mdx-plugin",
+    enforce: "pre",
+    async transform(src, id) {
+      if (!filter2(id))
+        return void 0;
+      const { compile } = await import("@storybook/mdx2-csf");
+      const mdxLoaderOptions = await options.presets.apply("mdxLoaderOptions", {
+        mdxCompileOptions: {
+          providerImportSource: "@storybook/addon-docs/mdx-react-shim"
+        },
+        jsxOptions: docsOptions.jsxOptions
+      });
+      const code = String(
+        await compile(src, {
+          skipCsf: !isStorybookMdx(id),
+          ...mdxLoaderOptions
+        })
+      );
+      return {
+        code,
+        map: null
+        // TODO: update mdx2-csf to return the map
+      };
+    }
+  };
+}
+
+// src/plugins/strip-story-hmr-boundaries.ts
+import { createFilter as createFilter3 } from "vite";
+import MagicString2 from "magic-string";
+function stripStoryHMRBoundary() {
+  const filter2 = createFilter3(/\.stories\.([tj])sx?$/);
+  return {
+    name: "storybook:strip-hmr-boundary-plugin",
+    enforce: "post",
+    async transform(src, id) {
+      if (!filter2(id))
+        return void 0;
+      const s = new MagicString2(src);
+      s.replace(/import\.meta\.hot\.accept\(\);/, "");
+      return {
+        code: s.toString(),
+        map: s.generateMap({ hires: true, source: id })
+      };
+    }
+  };
+}
+
+// src/plugins/code-generator-plugin.ts
+import * as fs from "fs";
+import { mergeConfig } from "vite";
+
+// src/codegen-iframe-script.ts
+import { getRendererName } from "@storybook/core-common";
+
+// src/virtual-file-names.ts
+var virtualFileId = "/virtual:/@storybook/builder-vite/vite-app.js";
+var virtualStoriesFile = "/virtual:/@storybook/builder-vite/storybook-stories.js";
+var virtualPreviewFile = "/virtual:/@storybook/builder-vite/preview-entry.js";
+var virtualAddonSetupFile = "/virtual:/@storybook/builder-vite/setup-addons.js";
+
+// src/utils/process-preview-annotation.ts
+import { resolve } from "path";
+import slash from "slash";
+
+// src/utils/transform-abs-path.ts
+import path from "path";
+import { normalizePath } from "vite";
+function transformAbsPath(absPath) {
+  const splits = absPath.split(`node_modules${path.sep}`);
+  const module = normalizePath(splits[splits.length - 1]);
+  return module;
+}
+
+// src/utils/process-preview-annotation.ts
+function processPreviewAnnotation(path6) {
+  if (typeof path6 === "object") {
+    return path6.bare;
+  }
+  if (path6?.startsWith("./") || path6?.startsWith("../")) {
+    return slash(resolve(path6));
+  }
+  if (!path6) {
+    throw new Error("Could not determine path for previewAnnotation");
+  }
+  if (path6.includes("node_modules")) {
+    return transformAbsPath(path6);
+  }
+  return slash(path6);
+}
+
+// src/codegen-iframe-script.ts
+async function generateIframeScriptCode(options) {
+  const { presets } = options;
+  const rendererName = await getRendererName(options);
+  const previewAnnotations = await presets.apply(
+    "previewAnnotations",
+    [],
+    options
+  );
+  const configEntries = [...previewAnnotations].filter(Boolean).map(processPreviewAnnotation);
+  const filesToImport = (files, name) => files.map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ""}'${el}'`).join("\n");
+  const importArray = (name, length) => new Array(length).fill(0).map((_, i) => `${name}_${i}`);
+  const code = `
     // Ensure that the client API is initialized by the framework before any other iframe code
     // is loaded. That way our client-apis can assume the existence of the API+store
     import { configure } from '${rendererName}';
 
     import { logger } from '@storybook/client-logger';
     import * as previewApi from "@storybook/preview-api";
-    ${filesToImport(configEntries,"config")}
+    ${filesToImport(configEntries, "config")}
 
     import * as preview from '${virtualPreviewFile}';
     import { configStories } from '${virtualStoriesFile}';
@@ -23,7 +210,7 @@ var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(
       setGlobalRender,
     } = previewApi;
 
-    const configs = [${importArray("config",configEntries.length).concat("preview.default").join(",")}].filter(Boolean)
+    const configs = [${importArray("config", configEntries.length).concat("preview.default").join(",")}].filter(Boolean)
 
     configs.forEach(config => {
       Object.keys(config).forEach((key) => {
@@ -83,30 +270,53 @@ var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(
     */
 
     configStories(configure);
-    `.trim()}import{loadPreviewOrConfigFile,getFrameworkName}from"@storybook/core-common";async function generateModernIframeScriptCode(options){let{presets,configDir}=options,frameworkName=await getFrameworkName(options),previewOrConfigFile=loadPreviewOrConfigFile({configDir}),relativePreviewAnnotations=[...await presets.apply("previewAnnotations",[],options),previewOrConfigFile].filter(Boolean).map(processPreviewAnnotation),generateHMRHandler=frameworkName2=>frameworkName2==="@storybook/web-components-vite"?`
+    `.trim();
+  return code;
+}
+
+// src/codegen-modern-iframe-script.ts
+import { loadPreviewOrConfigFile, getFrameworkName } from "@storybook/core-common";
+async function generateModernIframeScriptCode(options) {
+  const { presets, configDir } = options;
+  const frameworkName = await getFrameworkName(options);
+  const previewOrConfigFile = loadPreviewOrConfigFile({ configDir });
+  const previewAnnotations = await presets.apply(
+    "previewAnnotations",
+    [],
+    options
+  );
+  const relativePreviewAnnotations = [...previewAnnotations, previewOrConfigFile].filter(Boolean).map(processPreviewAnnotation);
+  const generateHMRHandler = (frameworkName2) => {
+    if (frameworkName2 === "@storybook/web-components-vite") {
+      return `
       if (import.meta.hot) {
         import.meta.hot.decline();
-      }`.trim():`
+      }`.trim();
+    }
+    return `
     if (import.meta.hot) {
       import.meta.hot.accept('${virtualStoriesFile}', (newModule) => {
       // importFn has changed so we need to patch the new one in
       window.__STORYBOOK_PREVIEW__.onStoriesChanged({ importFn: newModule.importFn });
       });
 
-    import.meta.hot.accept(${JSON.stringify(relativePreviewAnnotations)}, ([...newConfigEntries]) => {
+    import.meta.hot.accept(${JSON.stringify(
+      relativePreviewAnnotations
+    )}, ([...newConfigEntries]) => {
       const newGetProjectAnnotations =  () => composeConfigs(newConfigEntries);
 
       // getProjectAnnotations has changed so we need to patch the new one in
       window.__STORYBOOK_PREVIEW__.onGetProjectAnnotationsChanged({ getProjectAnnotations: newGetProjectAnnotations });
     });
-  }`.trim();return`
+  }`.trim();
+  };
+  const code = `
   import { composeConfigs, PreviewWeb, ClientApi } from '@storybook/preview-api';
   import '${virtualAddonSetupFile}';
   import { importFn } from '${virtualStoriesFile}';
   
     const getProjectAnnotations = async () => {
-      const configs = await Promise.all([${relativePreviewAnnotations.map(previewAnnotation=>`import('${previewAnnotation}')`).join(`,
-`)}])
+      const configs = await Promise.all([${relativePreviewAnnotations.map((previewAnnotation) => `import('${previewAnnotation}')`).join(",\n")}])
       return composeConfigs(configs);
     }
 
@@ -118,18 +328,75 @@ var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(
     window.__STORYBOOK_PREVIEW__.initialize({ importFn, getProjectAnnotations });
     
     ${generateHMRHandler(frameworkName)};
-    `.trim()}import*as path3 from"path";import{normalizePath as normalizePath2}from"vite";import{logger}from"@storybook/node-logger";import*as path2 from"path";import{promise as glob}from"glob-promise";import{normalizeStories as normalizeStories2}from"@storybook/core-common";async function listStories(options){return(await Promise.all(normalizeStories2(await options.presets.apply("stories",[],options),{configDir:options.configDir,workingDir:options.configDir}).map(({directory,files})=>{let pattern=path2.join(directory,files);return glob(path2.isAbsolute(pattern)?pattern:path2.join(options.configDir,pattern),{follow:!0})}))).reduce((carry,stories)=>carry.concat(stories),[])}function toImportPath(relativePath){return relativePath.startsWith("../")?relativePath:`./${relativePath}`}async function toImportFn(stories){return`
+    `.trim();
+  return code;
+}
+
+// src/codegen-importfn-script.ts
+import * as path3 from "path";
+import { normalizePath as normalizePath2 } from "vite";
+import { logger } from "@storybook/node-logger";
+
+// src/list-stories.ts
+import * as path2 from "path";
+import { promise as glob } from "glob-promise";
+import { normalizeStories as normalizeStories2 } from "@storybook/core-common";
+async function listStories(options) {
+  return (await Promise.all(
+    normalizeStories2(await options.presets.apply("stories", [], options), {
+      configDir: options.configDir,
+      workingDir: options.configDir
+    }).map(({ directory, files }) => {
+      const pattern = path2.join(directory, files);
+      return glob(path2.isAbsolute(pattern) ? pattern : path2.join(options.configDir, pattern), {
+        follow: true
+      });
+    })
+  )).reduce((carry, stories) => carry.concat(stories), []);
+}
+
+// src/codegen-importfn-script.ts
+function toImportPath(relativePath) {
+  return relativePath.startsWith("../") ? relativePath : `./${relativePath}`;
+}
+async function toImportFn(stories) {
+  const objectEntries = stories.map((file) => {
+    const ext = path3.extname(file);
+    const relativePath = normalizePath2(path3.relative(process.cwd(), file));
+    if (![".js", ".jsx", ".ts", ".tsx", ".mdx", ".svelte"].includes(ext)) {
+      logger.warn(`Cannot process ${ext} file with storyStoreV7: ${relativePath}`);
+    }
+    return `  '${toImportPath(relativePath)}': async () => import('/@fs/${file}')`;
+  });
+  return `
     const importers = {
-      ${stories.map(file=>{let ext=path3.extname(file),relativePath=normalizePath2(path3.relative(process.cwd(),file));return[".js",".jsx",".ts",".tsx",".mdx",".svelte"].includes(ext)||logger.warn(`Cannot process ${ext} file with storyStoreV7: ${relativePath}`),`  '${toImportPath(relativePath)}': async () => import('/@fs/${file}')`}).join(`,
-`)}
+      ${objectEntries.join(",\n")}
     };
 
     export async function importFn(path) {
         return importers[path]();
     }
-  `}async function generateImportFnScriptCode(options){let stories=await listStories(options);return(await toImportFn(stories)).trim()}import{loadPreviewOrConfigFile as loadPreviewOrConfigFile2}from"@storybook/core-common";import slash2 from"slash";import{normalizePath as normalizePath3}from"vite";var absoluteFilesToImport=(files,name)=>files.map((el,i)=>`import ${name?`* as ${name}_${i} from `:""}'/@fs/${normalizePath3(el)}'`).join(`
-`);async function generateVirtualStoryEntryCode(options){let storyEntries=await listStories(options),resolveMap=storyEntries.reduce((prev,entry)=>({...prev,[entry]:entry.replace(slash2(process.cwd()),".")}),{}),modules=storyEntries.map((entry,i)=>`${JSON.stringify(entry)}: story_${i}`).join(",");return`
-    ${absoluteFilesToImport(storyEntries,"story")}
+  `;
+}
+async function generateImportFnScriptCode(options) {
+  const stories = await listStories(options);
+  return (await toImportFn(stories)).trim();
+}
+
+// src/codegen-entries.ts
+import { loadPreviewOrConfigFile as loadPreviewOrConfigFile2 } from "@storybook/core-common";
+import slash2 from "slash";
+import { normalizePath as normalizePath3 } from "vite";
+var absoluteFilesToImport = (files, name) => files.map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ""}'/@fs/${normalizePath3(el)}'`).join("\n");
+async function generateVirtualStoryEntryCode(options) {
+  const storyEntries = await listStories(options);
+  const resolveMap = storyEntries.reduce(
+    (prev, entry) => ({ ...prev, [entry]: entry.replace(slash2(process.cwd()), ".") }),
+    {}
+  );
+  const modules = storyEntries.map((entry, i) => `${JSON.stringify(entry)}: story_${i}`).join(",");
+  return `
+    ${absoluteFilesToImport(storyEntries, "story")}
 
     function loadable(key) {
       return {${modules}}[key];
@@ -143,8 +410,19 @@ var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(
     export function configStories(configure) {
       configure(loadable, { hot: import.meta.hot }, false);
     }
-  `.trim()}async function generatePreviewEntryCode({configDir}){let previewFile=loadPreviewOrConfigFile2({configDir});return previewFile?`import * as preview from '${slash2(previewFile)}';
-  export default preview;`:""}async function generateAddonSetupCode(){return`
+  `.trim();
+}
+async function generatePreviewEntryCode({ configDir }) {
+  const previewFile = loadPreviewOrConfigFile2({ configDir });
+  if (!previewFile)
+    return "";
+  return `import * as preview from '${slash2(previewFile)}';
+  export default preview;`;
+}
+
+// src/codegen-set-addon-channel.ts
+async function generateAddonSetupCode() {
+  return `
     import { createChannel as createPostMessageChannel } from '@storybook/channel-postmessage';
     import { createChannel as createWebSocketChannel } from '@storybook/channel-websocket';
     import { addons } from '@storybook/preview-api';
@@ -159,4 +437,481 @@ var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(
       addons.setServerChannel(serverChannel);
       window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
     }
-  `.trim()}function codeGeneratorPlugin(options){let iframePath=__require.resolve("@storybook/builder-vite/input/iframe.html"),iframeId;return{name:"storybook:code-generator-plugin",enforce:"pre",configureServer(server2){server2.watcher.on("change",()=>{let appModule=server2.moduleGraph.getModuleById(virtualFileId);appModule&&server2.moduleGraph.invalidateModule(appModule);let storiesModule=server2.moduleGraph.getModuleById(virtualStoriesFile);storiesModule&&server2.moduleGraph.invalidateModule(storiesModule)}),server2.watcher.on("add",path6=>{(/\.stories\.([tj])sx?$/.test(path6)||/\.(story|stories).mdx$/.test(path6))&&server2.watcher.emit("change",virtualStoriesFile)})},config(config,{command}){command==="build"&&(config.build||(config.build={}),config.build.rollupOptions={...config.build.rollupOptions,input:iframePath});try{__require.resolve("react-dom/client",{paths:[config.root||process.cwd()]})}catch(e){isNodeError(e)&&e.code==="MODULE_NOT_FOUND"&&(config.resolve=mergeConfig(config.resolve??{},{alias:{"react-dom/client":__require.resolve("@storybook/builder-vite/input/react-dom-client-placeholder.js")}}))}},configResolved(config){iframeId=`${config.root}/iframe.html`},resolveId(source){if(source===virtualFileId)return virtualFileId;if(source===iframePath)return iframeId;if(source===virtualStoriesFile)return virtualStoriesFile;if(source===virtualPreviewFile)return virtualPreviewFile;if(source===virtualAddonSetupFile)return virtualAddonSetupFile},async load(id){let storyStoreV7=options.features?.storyStoreV7;if(id===virtualStoriesFile)return storyStoreV7?generateImportFnScriptCode(options):generateVirtualStoryEntryCode(options);if(id===virtualAddonSetupFile)return generateAddonSetupCode();if(id===virtualPreviewFile&&!storyStoreV7)return generatePreviewEntryCode(options);if(id===virtualFileId)return storyStoreV7?generateModernIframeScriptCode(options):generateIframeScriptCode(options);if(id===iframeId)return fs.readFileSync(__require.resolve("@storybook/builder-vite/input/iframe.html"),"utf-8")},async transformIndexHtml(html,ctx){if(ctx.path==="/iframe.html")return transformIframeHtml(html,options)}}}var isNodeError=error=>error instanceof Error;import{vite}from"@storybook/csf-plugin";async function csfPlugin(config){let{presets}=config,docsOptions=(await presets.apply("addons",[])).find(a=>[a,a.name].includes("@storybook/addon-docs"))?.options??{};return vite(docsOptions?.csfPluginOptions)}var configEnvServe={mode:"development",command:"serve",ssrBuild:!1},configEnvBuild={mode:"production",command:"build",ssrBuild:!1};async function commonConfig(options,_type){let configEnv=_type==="development"?configEnvServe:configEnvBuild,{config:{build:buildProperty=void 0,...userConfig}={}}=await loadConfigFromFile(configEnv)??{},sbConfig={configFile:!1,cacheDir:"node_modules/.cache/.vite-storybook",root:path4.resolve(options.configDir,".."),base:"./",plugins:await pluginConfig(options),resolve:{preserveSymlinks:isPreservingSymlinks(),alias:{assert:__require.resolve("browser-assert")}},envPrefix:userConfig.envPrefix?"STORYBOOK_":["VITE_","STORYBOOK_"]};return mergeConfig2(userConfig,sbConfig)}async function pluginConfig(options){let frameworkName=await getFrameworkName2(options),plugins=[codeGeneratorPlugin(options),await csfPlugin(options),await mdxPlugin(options),injectExportOrderPlugin,stripStoryHMRBoundary(),{name:"storybook:allow-storybook-dir",enforce:"post",config(config){config?.server?.fs?.allow&&config.server.fs.allow.push(".storybook")}},externalGlobals(globals)];if(frameworkName==="@storybook/glimmerx-vite"){let plugin=__require("vite-plugin-glimmerx/index.cjs");plugins.push(plugin.default())}return plugins}import*as path5 from"path";import{normalizePath as normalizePath4,resolveConfig}from"vite";var INCLUDE_CANDIDATES=["@base2/pretty-print-object","@emotion/core","@emotion/is-prop-valid","@emotion/styled","@mdx-js/react","@storybook/addon-docs > acorn-jsx","@storybook/addon-docs","@storybook/channel-postmessage","@storybook/channel-websocket","@storybook/client-api","@storybook/client-logger","@storybook/core/client","@storybook/global","@storybook/preview-api","@storybook/preview-web","@storybook/react > acorn-jsx","@storybook/react","@storybook/svelte","@storybook/types","@storybook/vue3","acorn-jsx","acorn-walk","acorn","airbnb-js-shims","ansi-to-html","axe-core","color-convert","deep-object-diff","doctrine","emotion-theming","escodegen","estraverse","fast-deep-equal","html-tags","isobject","jest-mock","loader-utils","lodash/cloneDeep","lodash/isFunction","lodash/isPlainObject","lodash/isString","lodash/mapKeys","lodash/mapValues","lodash/pick","lodash/pickBy","lodash/startCase","lodash/throttle","lodash/uniq","markdown-to-jsx","memoizerific","overlayscrollbars","polished","prettier/parser-babel","prettier/parser-flow","prettier/parser-typescript","prop-types","qs","react-dom","react-dom/client","react-fast-compare","react-is","react-textarea-autosize","react","react/jsx-runtime","refractor/core","refractor/lang/bash.js","refractor/lang/css.js","refractor/lang/graphql.js","refractor/lang/js-extras.js","refractor/lang/json.js","refractor/lang/jsx.js","refractor/lang/markdown.js","refractor/lang/markup.js","refractor/lang/tsx.js","refractor/lang/typescript.js","refractor/lang/yaml.js","regenerator-runtime/runtime.js","slash","store2","synchronous-promise","telejson","ts-dedent","unfetch","util-deprecate","uuid-browser/v4","vue","warning"],asyncFilter=async(arr,predicate)=>Promise.all(arr.map(predicate)).then(results=>arr.filter((_v,index)=>results[index]));async function getOptimizeDeps(config,options){let{root=process.cwd()}=config,stories=(await listStories(options)).map(storyPath=>normalizePath4(path5.relative(root,storyPath))),resolve3=(await resolveConfig(config,"serve","development")).createResolver({asSrc:!1}),include2=await asyncFilter(INCLUDE_CANDIDATES,async id=>Boolean(await resolve3(id)));return{...config.optimizeDeps,entries:stories,include:[...include2,...config.optimizeDeps?.include||[]]}}import{stringifyEnvs}from"@storybook/core-common";var allowedEnvVariables=["STORYBOOK","BASE_URL","MODE","DEV","PROD","SSR"];function stringifyProcessEnvs(raw,envPrefix){let updatedRaw={},envs=Object.entries(raw).reduce((acc,[key,value])=>((allowedEnvVariables.includes(key)||Array.isArray(envPrefix)&&envPrefix.find(prefix=>key.startsWith(prefix))||typeof envPrefix=="string"&&key.startsWith(envPrefix))&&(acc[`import.meta.env.${key}`]=JSON.stringify(value),updatedRaw[key]=value),acc),{});return envs["import.meta.env"]=JSON.stringify(stringifyEnvs(updatedRaw)),envs}async function sanitizeEnvVars(options,config){let{presets}=options,envsRaw=await presets.apply("env"),{define}=config;if(Object.keys(envsRaw).length){let envs=stringifyProcessEnvs(envsRaw,config.envPrefix);define={...define,...envs}}return{...config,define}}async function createViteServer(options,devServer){let{presets}=options,commonCfg=await commonConfig(options,"development"),config={...commonCfg,server:{middlewareMode:!0,hmr:{port:options.port,server:devServer},fs:{strict:!0}},appType:"custom",optimizeDeps:await getOptimizeDeps(commonCfg,options)},finalConfig=await presets.apply("viteFinal",config,options);return createServer(await sanitizeEnvVars(options,finalConfig))}import{build as viteBuild,mergeConfig as mergeConfig3}from"vite";async function build(options){let{presets}=options,config=await commonConfig(options,"build");config.build=mergeConfig3(config,{build:{outDir:options.outputDir,emptyOutDir:!1,sourcemap:!0,rollupOptions:{external:["./sb-preview/runtime.mjs"]}}}).build;let finalConfig=await presets.apply("viteFinal",config,options);await viteBuild(await sanitizeEnvVars(options,finalConfig))}var withoutVitePlugins=async(plugins=[],namesToRemove)=>{let result=[],resolvedPlugins=await Promise.all(plugins);for(let plugin of resolvedPlugins)Array.isArray(plugin)&&result.push(await withoutVitePlugins(plugin,namesToRemove)),plugin&&"name"in plugin&&!namesToRemove.includes(plugin.name)&&result.push(plugin);return result};function checkName(plugin,names){return plugin!==null&&typeof plugin=="object"&&"name"in plugin&&names.includes(plugin.name)}async function hasVitePlugins(plugins,names){let resolvedPlugins=await Promise.all(plugins);for(let plugin of resolvedPlugins)if(Array.isArray(plugin)&&Boolean(await hasVitePlugins(plugin,names))||checkName(plugin,names))return!0;return!1}function iframeMiddleware(options,server2){return async(req,res,next)=>{if(!req.url.match(/^\/iframe\.html($|\?)/)){next();return}if(req.query["html-proxy"]!==void 0){next();return}let indexHtml=await fs2.readFile(__require.resolve("@storybook/builder-vite/input/iframe.html"),"utf-8"),generated=await transformIframeHtml(indexHtml,options),transformed=await server2.transformIndexHtml("/iframe.html",generated);res.setHeader("Content-Type","text/html"),res.status(200).send(transformed)}}var server;async function bail(){return server?.close()}var start=async({startTime,options,router,server:devServer})=>{server=await createViteServer(options,devServer);let previewResolvedDir=dirname(__require.resolve("@storybook/preview/package.json")),previewDirOrigin=join2(previewResolvedDir,"dist");return router.use("/sb-preview",express.static(previewDirOrigin,{immutable:!0,maxAge:"5m"})),router.use(iframeMiddleware(options,server)),router.use(server.middlewares),{bail,stats:{toJson:()=>null},totalTime:process.hrtime(startTime)}},build2=async({options})=>{let viteCompilation=build(options),previewResolvedDir=dirname(__require.resolve("@storybook/preview/package.json")),previewDirOrigin=join2(previewResolvedDir,"dist"),previewDirTarget=join2(options.outputDir||"","sb-preview"),previewFiles=fs2.copy(previewDirOrigin,previewDirTarget,{filter:src=>{let{ext}=parse2(src);return ext?ext===".mjs":!0}}),[out]=await Promise.all([viteCompilation,previewFiles]);return out};export{bail,build2 as build,hasVitePlugins,start,withoutVitePlugins};
+  `.trim();
+}
+
+// src/plugins/code-generator-plugin.ts
+function codeGeneratorPlugin(options) {
+  const iframePath = __require.resolve("@storybook/builder-vite/input/iframe.html");
+  let iframeId;
+  return {
+    name: "storybook:code-generator-plugin",
+    enforce: "pre",
+    configureServer(server2) {
+      server2.watcher.on("change", () => {
+        const appModule = server2.moduleGraph.getModuleById(virtualFileId);
+        if (appModule) {
+          server2.moduleGraph.invalidateModule(appModule);
+        }
+        const storiesModule = server2.moduleGraph.getModuleById(virtualStoriesFile);
+        if (storiesModule) {
+          server2.moduleGraph.invalidateModule(storiesModule);
+        }
+      });
+      server2.watcher.on("add", (path6) => {
+        if (/\.stories\.([tj])sx?$/.test(path6) || /\.(story|stories).mdx$/.test(path6)) {
+          server2.watcher.emit("change", virtualStoriesFile);
+        }
+      });
+    },
+    config(config, { command }) {
+      if (command === "build") {
+        if (!config.build) {
+          config.build = {};
+        }
+        config.build.rollupOptions = {
+          ...config.build.rollupOptions,
+          input: iframePath
+        };
+      }
+      try {
+        __require.resolve("react-dom/client", { paths: [config.root || process.cwd()] });
+      } catch (e) {
+        if (isNodeError(e) && e.code === "MODULE_NOT_FOUND") {
+          config.resolve = mergeConfig(config.resolve ?? {}, {
+            alias: {
+              "react-dom/client": __require.resolve(
+                "@storybook/builder-vite/input/react-dom-client-placeholder.js"
+              )
+            }
+          });
+        }
+      }
+    },
+    configResolved(config) {
+      iframeId = `${config.root}/iframe.html`;
+    },
+    resolveId(source) {
+      if (source === virtualFileId) {
+        return virtualFileId;
+      }
+      if (source === iframePath) {
+        return iframeId;
+      }
+      if (source === virtualStoriesFile) {
+        return virtualStoriesFile;
+      }
+      if (source === virtualPreviewFile) {
+        return virtualPreviewFile;
+      }
+      if (source === virtualAddonSetupFile) {
+        return virtualAddonSetupFile;
+      }
+      return void 0;
+    },
+    async load(id) {
+      const storyStoreV7 = options.features?.storyStoreV7;
+      if (id === virtualStoriesFile) {
+        if (storyStoreV7) {
+          return generateImportFnScriptCode(options);
+        }
+        return generateVirtualStoryEntryCode(options);
+      }
+      if (id === virtualAddonSetupFile) {
+        return generateAddonSetupCode();
+      }
+      if (id === virtualPreviewFile && !storyStoreV7) {
+        return generatePreviewEntryCode(options);
+      }
+      if (id === virtualFileId) {
+        if (storyStoreV7) {
+          return generateModernIframeScriptCode(options);
+        }
+        return generateIframeScriptCode(options);
+      }
+      if (id === iframeId) {
+        return fs.readFileSync(
+          __require.resolve("@storybook/builder-vite/input/iframe.html"),
+          "utf-8"
+        );
+      }
+      return void 0;
+    },
+    async transformIndexHtml(html, ctx) {
+      if (ctx.path !== "/iframe.html") {
+        return void 0;
+      }
+      return transformIframeHtml(html, options);
+    }
+  };
+}
+var isNodeError = (error) => error instanceof Error;
+
+// src/plugins/csf-plugin.ts
+import { vite } from "@storybook/csf-plugin";
+async function csfPlugin(config) {
+  const { presets } = config;
+  const addons = await presets.apply("addons", []);
+  const docsOptions = (
+    // @ts-expect-error - not sure what type to use here
+    addons.find((a) => [a, a.name].includes("@storybook/addon-docs"))?.options ?? {}
+  );
+  return vite(docsOptions?.csfPluginOptions);
+}
+
+// src/vite-config.ts
+var configEnvServe = {
+  mode: "development",
+  command: "serve",
+  ssrBuild: false
+};
+var configEnvBuild = {
+  mode: "production",
+  command: "build",
+  ssrBuild: false
+};
+async function commonConfig(options, _type) {
+  const configEnv = _type === "development" ? configEnvServe : configEnvBuild;
+  const { config: { build: buildProperty = void 0, ...userConfig } = {} } = await loadConfigFromFile(configEnv) ?? {};
+  const sbConfig = {
+    configFile: false,
+    cacheDir: "node_modules/.cache/.vite-storybook",
+    root: path4.resolve(options.configDir, ".."),
+    // Allow storybook deployed as subfolder.  See https://github.com/storybookjs/builder-vite/issues/238
+    base: "./",
+    plugins: await pluginConfig(options),
+    resolve: {
+      preserveSymlinks: isPreservingSymlinks(),
+      alias: {
+        assert: __require.resolve("browser-assert")
+      }
+    },
+    // If an envPrefix is specified in the vite config, add STORYBOOK_ to it,
+    // otherwise, add VITE_ and STORYBOOK_ so that vite doesn't lose its default.
+    envPrefix: userConfig.envPrefix ? "STORYBOOK_" : ["VITE_", "STORYBOOK_"]
+  };
+  const config = mergeConfig2(userConfig, sbConfig);
+  return config;
+}
+async function pluginConfig(options) {
+  const frameworkName = await getFrameworkName2(options);
+  const plugins = [
+    codeGeneratorPlugin(options),
+    await csfPlugin(options),
+    await mdxPlugin(options),
+    injectExportOrderPlugin,
+    stripStoryHMRBoundary(),
+    {
+      name: "storybook:allow-storybook-dir",
+      enforce: "post",
+      config(config) {
+        if (config?.server?.fs?.allow) {
+          config.server.fs.allow.push(".storybook");
+        }
+      }
+    },
+    viteExternalsPlugin(globals, { useWindow: false })
+  ];
+  if (frameworkName === "@storybook/glimmerx-vite") {
+    const plugin = __require("vite-plugin-glimmerx/index.cjs");
+    plugins.push(plugin.default());
+  }
+  return plugins;
+}
+
+// src/optimizeDeps.ts
+import * as path5 from "path";
+import { normalizePath as normalizePath4, resolveConfig } from "vite";
+var INCLUDE_CANDIDATES = [
+  "@base2/pretty-print-object",
+  "@emotion/core",
+  "@emotion/is-prop-valid",
+  "@emotion/styled",
+  "@mdx-js/react",
+  "@storybook/addon-docs > acorn-jsx",
+  "@storybook/addon-docs",
+  "@storybook/channel-postmessage",
+  "@storybook/channel-websocket",
+  "@storybook/client-api",
+  "@storybook/client-logger",
+  "@storybook/core/client",
+  "@storybook/global",
+  "@storybook/preview-api",
+  "@storybook/preview-web",
+  "@storybook/react > acorn-jsx",
+  "@storybook/react",
+  "@storybook/svelte",
+  "@storybook/types",
+  "@storybook/vue3",
+  "acorn-jsx",
+  "acorn-walk",
+  "acorn",
+  "airbnb-js-shims",
+  "ansi-to-html",
+  "axe-core",
+  "color-convert",
+  "deep-object-diff",
+  "doctrine",
+  "emotion-theming",
+  "escodegen",
+  "estraverse",
+  "fast-deep-equal",
+  "html-tags",
+  "isobject",
+  "jest-mock",
+  "loader-utils",
+  "lodash/cloneDeep",
+  "lodash/isFunction",
+  "lodash/isPlainObject",
+  "lodash/isString",
+  "lodash/mapKeys",
+  "lodash/mapValues",
+  "lodash/pick",
+  "lodash/pickBy",
+  "lodash/startCase",
+  "lodash/throttle",
+  "lodash/uniq",
+  "markdown-to-jsx",
+  "memoizerific",
+  "overlayscrollbars",
+  "polished",
+  "prettier/parser-babel",
+  "prettier/parser-flow",
+  "prettier/parser-typescript",
+  "prop-types",
+  "qs",
+  "react-dom",
+  "react-dom/client",
+  "react-fast-compare",
+  "react-is",
+  "react-textarea-autosize",
+  "react",
+  "react/jsx-runtime",
+  "refractor/core",
+  "refractor/lang/bash.js",
+  "refractor/lang/css.js",
+  "refractor/lang/graphql.js",
+  "refractor/lang/js-extras.js",
+  "refractor/lang/json.js",
+  "refractor/lang/jsx.js",
+  "refractor/lang/markdown.js",
+  "refractor/lang/markup.js",
+  "refractor/lang/tsx.js",
+  "refractor/lang/typescript.js",
+  "refractor/lang/yaml.js",
+  "regenerator-runtime/runtime.js",
+  "slash",
+  "store2",
+  "synchronous-promise",
+  "telejson",
+  "ts-dedent",
+  "unfetch",
+  "util-deprecate",
+  "uuid-browser/v4",
+  "vue",
+  "warning"
+];
+var asyncFilter = async (arr, predicate) => Promise.all(arr.map(predicate)).then((results) => arr.filter((_v, index) => results[index]));
+async function getOptimizeDeps(config, options) {
+  const { root = process.cwd() } = config;
+  const absoluteStories = await listStories(options);
+  const stories = absoluteStories.map((storyPath) => normalizePath4(path5.relative(root, storyPath)));
+  const resolvedConfig = await resolveConfig(config, "serve", "development");
+  const resolve3 = resolvedConfig.createResolver({ asSrc: false });
+  const include2 = await asyncFilter(INCLUDE_CANDIDATES, async (id) => Boolean(await resolve3(id)));
+  const optimizeDeps = {
+    ...config.optimizeDeps,
+    // We don't need to resolve the glob since vite supports globs for entries.
+    entries: stories,
+    // We need Vite to precompile these dependencies, because they contain non-ESM code that would break
+    // if we served it directly to the browser.
+    include: [...include2, ...config.optimizeDeps?.include || []]
+  };
+  return optimizeDeps;
+}
+
+// src/envs.ts
+import { stringifyEnvs } from "@storybook/core-common";
+var allowedEnvVariables = [
+  "STORYBOOK",
+  // Vite `import.meta.env` default variables
+  // @see https://github.com/vitejs/vite/blob/6b8d94dca2a1a8b4952e3e3fcd0aed1aedb94215/packages/vite/types/importMeta.d.ts#L68-L75
+  "BASE_URL",
+  "MODE",
+  "DEV",
+  "PROD",
+  "SSR"
+];
+function stringifyProcessEnvs(raw, envPrefix) {
+  const updatedRaw = {};
+  const envs = Object.entries(raw).reduce((acc, [key, value]) => {
+    if (allowedEnvVariables.includes(key) || Array.isArray(envPrefix) && !!envPrefix.find((prefix) => key.startsWith(prefix)) || typeof envPrefix === "string" && key.startsWith(envPrefix)) {
+      acc[`import.meta.env.${key}`] = JSON.stringify(value);
+      updatedRaw[key] = value;
+    }
+    return acc;
+  }, {});
+  envs["import.meta.env"] = JSON.stringify(stringifyEnvs(updatedRaw));
+  return envs;
+}
+async function sanitizeEnvVars(options, config) {
+  const { presets } = options;
+  const envsRaw = await presets.apply("env");
+  let { define } = config;
+  if (Object.keys(envsRaw).length) {
+    const envs = stringifyProcessEnvs(envsRaw, config.envPrefix);
+    define = {
+      ...define,
+      ...envs
+    };
+  }
+  return {
+    ...config,
+    define
+  };
+}
+
+// src/vite-server.ts
+async function createViteServer(options, devServer) {
+  const { presets } = options;
+  const commonCfg = await commonConfig(options, "development");
+  const config = {
+    ...commonCfg,
+    // Set up dev server
+    server: {
+      middlewareMode: true,
+      hmr: {
+        port: options.port,
+        server: devServer
+      },
+      fs: {
+        strict: true
+      }
+    },
+    appType: "custom",
+    optimizeDeps: await getOptimizeDeps(commonCfg, options)
+  };
+  const finalConfig = await presets.apply("viteFinal", config, options);
+  return createServer(await sanitizeEnvVars(options, finalConfig));
+}
+
+// src/build.ts
+import { build as viteBuild, mergeConfig as mergeConfig3 } from "vite";
+async function build(options) {
+  const { presets } = options;
+  const config = await commonConfig(options, "build");
+  config.build = mergeConfig3(config, {
+    build: {
+      outDir: options.outputDir,
+      emptyOutDir: false,
+      // do not clean before running Vite build - Storybook has already added assets in there!
+      sourcemap: true,
+      rollupOptions: {
+        // Do not try to bundle the storybook runtime, it is copied into the output dir after the build.
+        external: ["./sb-preview/runtime.mjs"]
+      }
+    }
+  }).build;
+  const finalConfig = await presets.apply("viteFinal", config, options);
+  await viteBuild(await sanitizeEnvVars(options, finalConfig));
+}
+
+// src/utils/without-vite-plugins.ts
+var withoutVitePlugins = async (plugins = [], namesToRemove) => {
+  const result = [];
+  const resolvedPlugins = await Promise.all(plugins);
+  for (const plugin of resolvedPlugins) {
+    if (Array.isArray(plugin)) {
+      result.push(await withoutVitePlugins(plugin, namesToRemove));
+    }
+    if (plugin && "name" in plugin && !namesToRemove.includes(plugin.name)) {
+      result.push(plugin);
+    }
+  }
+  return result;
+};
+
+// src/utils/has-vite-plugins.ts
+function checkName(plugin, names) {
+  return plugin !== null && typeof plugin === "object" && "name" in plugin && names.includes(plugin.name);
+}
+async function hasVitePlugins(plugins, names) {
+  const resolvedPlugins = await Promise.all(plugins);
+  for (const plugin of resolvedPlugins) {
+    if (Array.isArray(plugin) && Boolean(await hasVitePlugins(plugin, names))) {
+      return true;
+    }
+    if (checkName(plugin, names)) {
+      return true;
+    }
+  }
+  return false;
+}
+
+// src/index.ts
+function iframeMiddleware(options, server2) {
+  return async (req, res, next) => {
+    if (!req.url.match(/^\/iframe\.html($|\?)/)) {
+      next();
+      return;
+    }
+    if (req.query["html-proxy"] !== void 0) {
+      next();
+      return;
+    }
+    const indexHtml = await fs2.readFile(
+      __require.resolve("@storybook/builder-vite/input/iframe.html"),
+      "utf-8"
+    );
+    const generated = await transformIframeHtml(indexHtml, options);
+    const transformed = await server2.transformIndexHtml("/iframe.html", generated);
+    res.setHeader("Content-Type", "text/html");
+    res.status(200).send(transformed);
+  };
+}
+var server;
+async function bail() {
+  return server?.close();
+}
+var start = async ({
+  startTime,
+  options,
+  router,
+  server: devServer
+}) => {
+  server = await createViteServer(options, devServer);
+  const previewResolvedDir = dirname(__require.resolve("@storybook/preview/package.json"));
+  const previewDirOrigin = join2(previewResolvedDir, "dist");
+  router.use(`/sb-preview`, express.static(previewDirOrigin, { immutable: true, maxAge: "5m" }));
+  router.use(iframeMiddleware(options, server));
+  router.use(server.middlewares);
+  return {
+    bail,
+    stats: { toJson: () => null },
+    totalTime: process.hrtime(startTime)
+  };
+};
+var build2 = async ({ options }) => {
+  const viteCompilation = build(options);
+  const previewResolvedDir = dirname(__require.resolve("@storybook/preview/package.json"));
+  const previewDirOrigin = join2(previewResolvedDir, "dist");
+  const previewDirTarget = join2(options.outputDir || "", `sb-preview`);
+  const previewFiles = fs2.copy(previewDirOrigin, previewDirTarget, {
+    filter: (src) => {
+      const { ext } = parse2(src);
+      if (ext) {
+        return ext === ".mjs";
+      }
+      return true;
+    }
+  });
+  const [out] = await Promise.all([viteCompilation, previewFiles]);
+  return out;
+};
+export {
+  bail,
+  build2 as build,
+  hasVitePlugins,
+  start,
+  withoutVitePlugins
+};