@storybook/builder-vite 0.2.1 → 7.0.0-alpha.26

package/dist/cjs/build.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.build = build;
+
+var _vite = require("vite");
+
+var _envs = require("./envs");
+
+var _viteConfig = require("./vite-config");
+
+async function build(options) {
+  const {
+    presets
+  } = options;
+  const baseConfig = await (0, _viteConfig.commonConfig)(options, 'build');
+  const config = Object.assign({}, baseConfig, {
+    build: {
+      outDir: options.outputDir,
+      emptyOutDir: false,
+      // do not clean before running Vite build - Storybook has already added assets in there!
+      sourcemap: true
+    }
+  });
+  const finalConfig = await presets.apply('viteFinal', config, options);
+  const envsRaw = await presets.apply('env'); // Stringify env variables after getting `envPrefix` from the final config
+
+  const envs = (0, _envs.stringifyProcessEnvs)(envsRaw, finalConfig.envPrefix); // Update `define`
+
+  finalConfig.define = Object.assign({}, finalConfig.define, envs);
+  await (0, _vite.build)(finalConfig);
+}

package/dist/cjs/code-generator-plugin.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.codeGeneratorPlugin = codeGeneratorPlugin;
+
+var fs = _interopRequireWildcard(require("fs"));
+
+var path = _interopRequireWildcard(require("path"));
+
+var _vite = require("vite");
+
+var _transformIframeHtml = require("./transform-iframe-html");
+
+var _codegenIframeScript = require("./codegen-iframe-script");
+
+var _codegenModernIframeScript = require("./codegen-modern-iframe-script");
+
+var _codegenImportfnScript = require("./codegen-importfn-script");
+
+var _codegenEntries = require("./codegen-entries");
+
+var _codegenSetAddonChannel = require("./codegen-set-addon-channel");
+
+var _virtualFileNames = require("./virtual-file-names");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/* eslint-disable no-param-reassign */
+function codeGeneratorPlugin(options) {
+  const iframePath = path.resolve(__dirname, '../..', 'input', 'iframe.html');
+  let iframeId; // noinspection JSUnusedGlobalSymbols
+
+  return {
+    name: 'storybook-vite-code-generator-plugin',
+    enforce: 'pre',
+
+    configureServer(server) {
+      // invalidate the whole vite-app.js script on every file change.
+      // (this might be a little too aggressive?)
+      server.watcher.on('change', () => {
+        const appModule = server.moduleGraph.getModuleById(_virtualFileNames.virtualFileId);
+
+        if (appModule) {
+          server.moduleGraph.invalidateModule(appModule);
+        }
+
+        const storiesModule = server.moduleGraph.getModuleById(_virtualFileNames.virtualStoriesFile);
+
+        if (storiesModule) {
+          server.moduleGraph.invalidateModule(storiesModule);
+        }
+      }); // Adding new story files is not covered by the change event above. So we need to detect this and trigger
+      // HMR to update the importFn.
+
+      server.watcher.on('add', path => {
+        // TODO maybe use the stories declaration in main
+        if (/\.stories\.([tj])sx?$/.test(path) || /\.(story|stories).mdx$/.test(path)) {
+          // We need to emit a change event to trigger HMR
+          server.watcher.emit('change', _virtualFileNames.virtualStoriesFile);
+        }
+      });
+    },
+
+    config(config, {
+      command
+    }) {
+      // If we are building the static distribution, add iframe.html as an entry.
+      // In development mode, it's not an entry - instead, we use an express middleware
+      // to serve iframe.html. The reason is that Vite's dev server (at the time of writing)
+      // does not support virtual files as entry points.
+      if (command === 'build') {
+        if (!config.build) {
+          config.build = {};
+        }
+
+        config.build.rollupOptions = Object.assign({}, config.build.rollupOptions, {
+          input: iframePath
+        });
+      } // Detect if react 18 is installed.  If not, alias it to a virtual placeholder file.
+
+
+      try {
+        require.resolve('react-dom/client', {
+          paths: [config.root || process.cwd()]
+        });
+      } catch (e) {
+        if (isNodeError(e) && e.code === 'MODULE_NOT_FOUND') {
+          config.resolve = (0, _vite.mergeConfig)(config.resolve ?? {}, {
+            alias: {
+              'react-dom/client': path.resolve(__dirname, '../..', 'input', 'react-dom-client-placeholder.js')
+            }
+          });
+        }
+      }
+    },
+
+    configResolved(config) {
+      iframeId = `${config.root}/iframe.html`;
+    },
+
+    resolveId(source) {
+      if (source === _virtualFileNames.virtualFileId) {
+        return _virtualFileNames.virtualFileId;
+      }
+
+      if (source === iframePath) {
+        return iframeId;
+      }
+
+      if (source === _virtualFileNames.virtualStoriesFile) {
+        return _virtualFileNames.virtualStoriesFile;
+      }
+
+      if (source === _virtualFileNames.virtualPreviewFile) {
+        return _virtualFileNames.virtualPreviewFile;
+      }
+
+      if (source === _virtualFileNames.virtualAddonSetupFile) {
+        return _virtualFileNames.virtualAddonSetupFile;
+      }
+
+      return undefined;
+    },
+
+    async load(id) {
+      var _options$features;
+
+      const storyStoreV7 = (_options$features = options.features) === null || _options$features === void 0 ? void 0 : _options$features.storyStoreV7;
+
+      if (id === _virtualFileNames.virtualStoriesFile) {
+        if (storyStoreV7) {
+          return (0, _codegenImportfnScript.generateImportFnScriptCode)(options);
+        }
+
+        return (0, _codegenEntries.generateVirtualStoryEntryCode)(options);
+      }
+
+      if (id === _virtualFileNames.virtualAddonSetupFile) {
+        return (0, _codegenSetAddonChannel.generateAddonSetupCode)();
+      }
+
+      if (id === _virtualFileNames.virtualPreviewFile && !storyStoreV7) {
+        return (0, _codegenEntries.generatePreviewEntryCode)(options);
+      }
+
+      if (id === _virtualFileNames.virtualFileId) {
+        if (storyStoreV7) {
+          return (0, _codegenModernIframeScript.generateModernIframeScriptCode)(options);
+        }
+
+        return (0, _codegenIframeScript.generateIframeScriptCode)(options);
+      }
+
+      if (id === iframeId) {
+        return fs.readFileSync(path.resolve(__dirname, '../..', 'input', 'iframe.html'), 'utf-8');
+      }
+
+      return undefined;
+    },
+
+    async transformIndexHtml(html, ctx) {
+      if (ctx.path !== '/iframe.html') {
+        return undefined;
+      }
+
+      return (0, _transformIframeHtml.transformIframeHtml)(html, options);
+    }
+
+  };
+} // Refines an error received from 'catch' to be a NodeJS exception
+
+
+const isNodeError = error => error instanceof Error;

package/dist/cjs/codegen-entries.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generatePreviewEntryCode = generatePreviewEntryCode;
+exports.generateVirtualStoryEntryCode = generateVirtualStoryEntryCode;
+
+var _coreCommon = require("@storybook/core-common");
+
+var _slash = _interopRequireDefault(require("slash"));
+
+var _vite = require("vite");
+
+var _listStories = require("./list-stories");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const absoluteFilesToImport = (files, name) => files.map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ''}'/@fs/${(0, _vite.normalizePath)(el)}'`).join('\n');
+
+async function generateVirtualStoryEntryCode(options) {
+  const storyEntries = await (0, _listStories.listStories)(options);
+  const resolveMap = storyEntries.reduce((prev, entry) => Object.assign({}, prev, {
+    [entry]: entry.replace((0, _slash.default)(process.cwd()), '.')
+  }), {});
+  const modules = storyEntries.map((entry, i) => `${JSON.stringify(entry)}: story_${i}`).join(',');
+  return `
+    ${absoluteFilesToImport(storyEntries, 'story')}
+
+    function loadable(key) {
+      return {${modules}}[key];
+    }
+    
+    Object.assign(loadable, {
+      keys: () => (${JSON.stringify(Object.keys(resolveMap))}),
+      resolve: (key) => (${JSON.stringify(resolveMap)}[key])
+    });
+
+    export function configStories(configure) {
+      configure(loadable, { hot: import.meta.hot }, false);
+    }
+  `.trim();
+}
+
+async function generatePreviewEntryCode({
+  configDir
+}) {
+  const previewFile = (0, _coreCommon.loadPreviewOrConfigFile)({
+    configDir
+  });
+  if (!previewFile) return '';
+  return `import * as preview from '${(0, _slash.default)(previewFile)}';
+  export default preview;`;
+}

package/dist/{codegen-iframe-script.js → cjs/codegen-iframe-script.js}

@@ -1,19 +1,37 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateIframeScriptCode = void 0;
-const virtual_file_names_1 = require("./virtual-file-names");
-const transform_abs_path_1 = require("./utils/transform-abs-path");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateIframeScriptCode = generateIframeScriptCode;
+
+var _path = require("path");
+
+var _virtualFileNames = require("./virtual-file-names");
+
+var _transformAbsPath = require("./utils/transform-abs-path");
+
 async function generateIframeScriptCode(options) {
-    const { presets, frameworkPath, framework } = options;
-    const frameworkImportPath = frameworkPath || `@storybook/${framework}`;
-    const presetEntries = await presets.apply('config', [], options);
-    const configEntries = [...presetEntries].filter(Boolean);
-    const absoluteFilesToImport = (files, name) => files.map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ''}'${(0, transform_abs_path_1.transformAbsPath)(el)}'`).join('\n');
-    const importArray = (name, length) => new Array(length).fill(0).map((_, i) => `${name}_${i}`);
-    // noinspection UnnecessaryLocalVariableJS
-    /** @todo Inline variable and remove `noinspection` */
-    // language=JavaScript
-    const code = `
+  const {
+    presets,
+    frameworkPath,
+    framework
+  } = options;
+  const frameworkImportPath = frameworkPath || `@storybook/${framework}`;
+  const presetEntries = await presets.apply('config', [], options);
+  const previewEntries = await presets.apply('previewEntries', [], options);
+  const absolutePreviewEntries = previewEntries.map(entry => (0, _path.isAbsolute)(entry) ? entry : (0, _path.resolve)(entry));
+  const configEntries = [...presetEntries, ...absolutePreviewEntries].filter(Boolean);
+
+  const absoluteFilesToImport = (files, name) => files.map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ''}'${(0, _transformAbsPath.transformAbsPath)(el)}'`).join('\n');
+
+  const importArray = (name, length) => new Array(length).fill(0).map((_, i) => `${name}_${i}`); // noinspection UnnecessaryLocalVariableJS
+
+  /** @todo Inline variable and remove `noinspection` */
+  // language=JavaScript
+
+
+  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 '${frameworkImportPath}';
@@ -21,8 +39,8 @@ async function generateIframeScriptCode(options) {
     import * as clientApi from "@storybook/client-api";
     import { logger } from '@storybook/client-logger';
     ${absoluteFilesToImport(configEntries, 'config')}
-    import * as preview from '${virtual_file_names_1.virtualPreviewFile}';
-    import { configStories } from '${virtual_file_names_1.virtualStoriesFile}';
+    import * as preview from '${_virtualFileNames.virtualPreviewFile}';
+    import { configStories } from '${_virtualFileNames.virtualStoriesFile}';
 
     const {
       addDecorator,
@@ -102,7 +120,5 @@ async function generateIframeScriptCode(options) {
 
     configStories(configure);
     `.trim();
-    return code;
-}
-exports.generateIframeScriptCode = generateIframeScriptCode;
-//# sourceMappingURL=codegen-iframe-script.js.map
+  return code;
+}

package/dist/cjs/codegen-importfn-script.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateImportFnScriptCode = generateImportFnScriptCode;
+
+var path = _interopRequireWildcard(require("path"));
+
+var _vite = require("vite");
+
+var _nodeLogger = require("@storybook/node-logger");
+
+var _listStories = require("./list-stories");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * This file is largely based on https://github.com/storybookjs/storybook/blob/d1195cbd0c61687f1720fefdb772e2f490a46584/lib/core-common/src/utils/to-importFn.ts
+ */
+
+/**
+ * Paths get passed either with no leading './' - e.g. `src/Foo.stories.js`,
+ * or with a leading `../` (etc), e.g. `../src/Foo.stories.js`.
+ * We want to deal in importPaths relative to the working dir, so we normalize
+ */
+function toImportPath(relativePath) {
+  return relativePath.startsWith('../') ? relativePath : `./${relativePath}`;
+}
+/**
+ * This function takes an array of stories and creates a mapping between the stories' relative paths
+ * to the working directory and their dynamic imports. The import is done in an asynchronous function
+ * to delay loading. It then creates a function, `importFn(path)`, which resolves a path to an import
+ * function and this is called by Storybook to fetch a story dynamically when needed.
+ * @param stories An array of absolute story paths.
+ */
+
+
+async function toImportFn(stories) {
+  const objectEntries = stories.map(file => {
+    const ext = path.extname(file);
+    const relativePath = (0, _vite.normalizePath)(path.relative(process.cwd(), file));
+
+    if (!['.js', '.jsx', '.ts', '.tsx', '.mdx'].includes(ext)) {
+      _nodeLogger.logger.warn(`Cannot process ${ext} file with storyStoreV7: ${relativePath}`);
+    }
+
+    return `  '${toImportPath(relativePath)}': async () => import('/@fs/${file}')`;
+  });
+  return `
+    const importers = {
+      ${objectEntries.join(',\n')}
+    };
+
+    export async function importFn(path) {
+        return importers[path]();
+    }
+  `;
+}
+
+async function generateImportFnScriptCode(options) {
+  // First we need to get an array of stories and their absolute paths.
+  const stories = await (0, _listStories.listStories)(options); // We can then call toImportFn to create a function that can be used to load each story dynamically.
+
+  return (await toImportFn(stories)).trim();
+}

package/dist/cjs/codegen-modern-iframe-script.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateModernIframeScriptCode = generateModernIframeScriptCode;
+
+var _path = require("path");
+
+var _coreCommon = require("@storybook/core-common");
+
+var _virtualFileNames = require("./virtual-file-names");
+
+var _transformAbsPath = require("./utils/transform-abs-path");
+
+async function generateModernIframeScriptCode(options) {
+  const {
+    presets,
+    configDir,
+    framework
+  } = options;
+  const previewOrConfigFile = (0, _coreCommon.loadPreviewOrConfigFile)({
+    configDir
+  });
+  const presetEntries = await presets.apply('config', [], options);
+  const previewEntries = await presets.apply('previewEntries', [], options);
+  const absolutePreviewEntries = previewEntries.map(entry => (0, _path.isAbsolute)(entry) ? entry : (0, _path.resolve)(entry));
+  const configEntries = [...presetEntries, ...absolutePreviewEntries, previewOrConfigFile].filter(Boolean).map(configEntry => (0, _transformAbsPath.transformAbsPath)(configEntry));
+
+  const generateHMRHandler = framework => {
+    // Web components are not compatible with HMR, so disable HMR, reload page instead.
+    if (framework === 'web-components') {
+      return `
+      if (import.meta.hot) {
+        import.meta.hot.decline();
+      }`.trim();
+    }
+
+    return `
+    if (import.meta.hot) {
+      import.meta.hot.accept('${_virtualFileNames.virtualStoriesFile}', (newModule) => {
+      // importFn has changed so we need to patch the new one in
+      preview.onStoriesChanged({ importFn: newModule.importFn });
+      });
+
+    import.meta.hot.accept(${JSON.stringify(configEntries)}, ([...newConfigEntries]) => {
+      const newGetProjectAnnotations =  () => composeConfigs(newConfigEntries);
+
+      // getProjectAnnotations has changed so we need to patch the new one in
+      preview.onGetProjectAnnotationsChanged({ getProjectAnnotations: newGetProjectAnnotations });
+    });
+  }`.trim();
+  };
+  /**
+   * This code is largely taken from https://github.com/storybookjs/storybook/blob/d1195cbd0c61687f1720fefdb772e2f490a46584/lib/builder-webpack4/src/preview/virtualModuleModernEntry.js.handlebars
+   * Some small tweaks were made to `getProjectAnnotations` (since `import()` needs to be resolved asynchronously)
+   * and the HMR implementation has been tweaked to work with Vite.
+   * @todo Inline variable and remove `noinspection`
+   */
+
+
+  const code = `
+    import { composeConfigs, PreviewWeb } from '@storybook/preview-web';
+    import { ClientApi } from '@storybook/client-api';
+    import '${_virtualFileNames.virtualAddonSetupFile}';
+    import { importFn } from '${_virtualFileNames.virtualStoriesFile}';
+
+    const getProjectAnnotations = async () => {
+      const configs = await Promise.all([${configEntries.map(configEntry => `import('${configEntry}')`).join(',\n')}])
+      return composeConfigs(configs);
+    }
+
+    const preview = new PreviewWeb();
+
+    window.__STORYBOOK_PREVIEW__ = preview;
+    window.__STORYBOOK_STORY_STORE__ = preview.storyStore;
+    window.__STORYBOOK_CLIENT_API__ = new ClientApi({ storyStore: preview.storyStore });
+
+    preview.initialize({ importFn, getProjectAnnotations });
+    
+    ${generateHMRHandler(framework)};
+    `.trim();
+  return code;
+}

package/dist/{codegen-set-addon-channel.js → cjs/codegen-set-addon-channel.js}

@@ -1,10 +1,14 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateAddonSetupCode = void 0;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateAddonSetupCode = generateAddonSetupCode;
+
 function generateAddonSetupCode() {
-    return `
-    import createPostMessageChannel from '@storybook/channel-postmessage';
-    import createWebSocketChannel from '@storybook/channel-websocket';
+  return `
+    import { createChannel as createPostMessageChannel } from '@storybook/channel-postmessage';
+    import { createChannel as createWebSocketChannel } from '@storybook/channel-websocket';
     import { addons } from '@storybook/addons';
 
     const channel = createPostMessageChannel({ page: 'preview' });
@@ -18,6 +22,4 @@ function generateAddonSetupCode() {
       window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
     }
   `.trim();
-}
-exports.generateAddonSetupCode = generateAddonSetupCode;
-//# sourceMappingURL=codegen-set-addon-channel.js.map
+}

package/dist/cjs/declarations/extract-stories.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/declarations/svetle-stories-loader.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/envs.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedEnvPrefix = void 0;
+exports.stringifyProcessEnvs = stringifyProcessEnvs;
+
+var _coreCommon = require("@storybook/core-common");
+
+// Allowed env variables on the client
+const 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']; // Env variables starts with env prefix will be exposed to your client source code via `import.meta.env`
+
+const allowedEnvPrefix = ['VITE_', 'STORYBOOK_'];
+/**
+ * Customized version of stringifyProcessEnvs from @storybook/core-common which
+ * uses import.meta.env instead of process.env and checks for allowed variables.
+ */
+
+exports.allowedEnvPrefix = allowedEnvPrefix;
+
+function stringifyProcessEnvs(raw, envPrefix) {
+  const updatedRaw = {};
+  const envs = Object.entries(raw).reduce((acc, [key, value]) => {
+    // Only add allowed values OR values from array OR string started with allowed prefixes
+    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;
+  }, {
+    // Default fallback
+    'process.env.XSTORYBOOK_EXAMPLE_APP': '""'
+  }); // support destructuring like
+  // const { foo } = import.meta.env;
+
+  envs['import.meta.env'] = JSON.stringify((0, _coreCommon.stringifyEnvs)(updatedRaw));
+  return envs;
+}

package/dist/cjs/index.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.start = exports.build = void 0;
+
+var fs = _interopRequireWildcard(require("fs"));
+
+var path = _interopRequireWildcard(require("path"));
+
+var _transformIframeHtml = require("./transform-iframe-html");
+
+var _viteServer = require("./vite-server");
+
+var _build = require("./build");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// noinspection JSUnusedGlobalSymbols
+function iframeMiddleware(options, server) {
+  return async (req, res, next) => {
+    if (!req.url.match(/^\/iframe\.html($|\?)/)) {
+      next();
+      return;
+    } // We need to handle `html-proxy` params for style tag HMR https://github.com/storybookjs/builder-vite/issues/266#issuecomment-1055677865
+    // e.g. /iframe.html?html-proxy&index=0.css
+
+
+    if (req.query['html-proxy'] !== undefined) {
+      next();
+      return;
+    }
+
+    const indexHtml = fs.readFileSync(path.resolve(__dirname, '../..', 'input', 'iframe.html'), 'utf-8');
+    const generated = await (0, _transformIframeHtml.transformIframeHtml)(indexHtml, options);
+    const transformed = await server.transformIndexHtml('/iframe.html', generated);
+    res.setHeader('Content-Type', 'text/html');
+    res.status(200).send(transformed);
+  };
+}
+
+const start = async ({
+  startTime,
+  options,
+  router,
+  server: devServer
+}) => {
+  const server = await (0, _viteServer.createViteServer)(options, devServer); // Just mock this endpoint (which is really Webpack-specific) so we don't get spammed with 404 in browser devtools
+  // TODO: we should either show some sort of progress from Vite, or just try to disable the whole Loader in the Manager UI.
+
+  router.get('/progress', (req, res) => {
+    res.header('Cache-Control', 'no-cache');
+    res.header('Content-Type', 'text/event-stream');
+  });
+  router.use(iframeMiddleware(options, server));
+  router.use(server.middlewares);
+
+  async function bail(e) {
+    try {
+      return await server.close();
+    } catch (err) {
+      console.warn('unable to close vite server');
+    }
+
+    throw e;
+  }
+
+  return {
+    bail,
+    stats: {
+      toJson: () => null
+    },
+    totalTime: process.hrtime(startTime)
+  };
+};
+
+exports.start = start;
+
+const build = async ({
+  options
+}) => {
+  return (0, _build.build)(options);
+};
+
+exports.build = build;