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

package/dist/index.mjs

@@ -1,199 +1,12 @@
-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 = `
+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{viteExternalsPlugin}from"vite-plugin-externals";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`
     // 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}';
@@ -210,7 +23,7 @@ async function generateIframeScriptCode(options) {
       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) => {
@@ -270,53 +83,30 @@ async function generateIframeScriptCode(options) {
     */
 
     configStories(configure);
-    `.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 `
+    `.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"?`
       if (import.meta.hot) {
         import.meta.hot.decline();
-      }`.trim();
-    }
-    return `
+      }`.trim():`
     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();
-  };
-  const code = `
+  }`.trim();return`
   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(",\n")}])
+      const configs = await Promise.all([${relativePreviewAnnotations.map(previewAnnotation=>`import('${previewAnnotation}')`).join(`,
+`)}])
       return composeConfigs(configs);
     }
 
@@ -328,75 +118,18 @@ async function generateModernIframeScriptCode(options) {
     window.__STORYBOOK_PREVIEW__.initialize({ importFn, getProjectAnnotations });
     
     ${generateHMRHandler(frameworkName)};
-    `.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 `
+    `.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`
     const importers = {
-      ${objectEntries.join(",\n")}
+      ${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(`,
+`)}
     };
 
     export async function importFn(path) {
         return importers[path]();
     }
-  `;
-}
-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")}
+  `}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")}
 
     function loadable(key) {
       return {${modules}}[key];
@@ -410,19 +143,8 @@ async function generateVirtualStoryEntryCode(options) {
     export function configStories(configure) {
       configure(loadable, { hot: import.meta.hot }, false);
     }
-  `.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 `
+  `.trim()}async function generatePreviewEntryCode({configDir}){let previewFile=loadPreviewOrConfigFile2({configDir});return previewFile?`import * as preview from '${slash2(previewFile)}';
+  export default preview;`:""}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';
@@ -437,481 +159,4 @@ async function generateAddonSetupCode() {
       addons.setServerChannel(serverChannel);
       window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
     }
-  `.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
-};
+  `.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")}},viteExternalsPlugin(globals,{useWindow:!1})];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};