@storybook/builder-webpack5 10.1.0-alpha.9 → 10.1.0-beta.1

package/dist/loaders/export-order-loader.js

@@ -1,17 +1,15 @@
-import CJS_COMPAT_NODE_URL_bfkiejj11wh from 'node:url';
-import CJS_COMPAT_NODE_PATH_bfkiejj11wh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_bfkiejj11wh from "node:module";
+import CJS_COMPAT_NODE_URL_igzmuwopv from 'node:url';
+import CJS_COMPAT_NODE_PATH_igzmuwopv from 'node:path';
+import CJS_COMPAT_NODE_MODULE_igzmuwopv from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_bfkiejj11wh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_bfkiejj11wh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_bfkiejj11wh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_igzmuwopv.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_igzmuwopv.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_igzmuwopv.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import {
-  __name
-} from "../_node-chunks/chunk-VEIR4MFH.js";
+import "../_node-chunks/chunk-TOVLNAI6.js";
 
 // src/loaders/export-order-loader.ts
 import assert from "node:assert";
@@ -19,40 +17,35 @@ import { init as initCjsParser, parse as parseCjs } from "cjs-module-lexer";
 import { parse as parseEs } from "es-module-lexer";
 import MagicString from "magic-string";
 async function loader(source, map, meta) {
-  const callback = this.async();
+  let callback = this.async();
   try {
-    const magicString = new MagicString(source);
-    if (!source.includes("__namedExportsOrder")) {
+    let magicString = new MagicString(source);
+    if (!source.includes("__namedExportsOrder"))
       try {
-        const parseResult = await parseEs(source);
-        const namedExportsOrder = (parseResult[1] || []).map((e) => source.substring(e.s, e.e)).filter((e) => e !== "default");
+        let namedExportsOrder = ((await parseEs(source))[1] || []).map((e) => source.substring(e.s, e.e)).filter((e) => e !== "default");
         assert(
           namedExportsOrder.length > 0,
           "No named exports found. Very likely that this is not a ES module."
-        );
-        magicString.append(
+        ), magicString.append(
           `;export const __namedExportsOrder = ${JSON.stringify(namedExportsOrder)};`
         );
       } catch {
         await initCjsParser();
-        const namedExportsOrder = (parseCjs(source).exports || []).filter(
+        let namedExportsOrder = (parseCjs(source).exports || []).filter(
           (e) => e !== "default" && e !== "__esModule"
         );
         assert(
           namedExportsOrder.length > 0,
           "No named exports found. Very likely that this is not a CJS module."
-        );
-        magicString.append(
+        ), magicString.append(
           `;module.exports.__namedExportsOrder = ${JSON.stringify(namedExportsOrder)};`
         );
       }
-    }
     return callback(null, magicString.toString(), map, meta);
-  } catch (err) {
+  } catch {
     return callback(null, source, map, meta);
   }
 }
-__name(loader, "loader");
 export {
   loader as default
 };

package/dist/loaders/storybook-mock-transform-loader.js

@@ -0,0 +1,29 @@
+import CJS_COMPAT_NODE_URL_igzmuwopv from 'node:url';
+import CJS_COMPAT_NODE_PATH_igzmuwopv from 'node:path';
+import CJS_COMPAT_NODE_MODULE_igzmuwopv from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_igzmuwopv.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_igzmuwopv.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_igzmuwopv.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import "../_node-chunks/chunk-TOVLNAI6.js";
+
+// src/loaders/storybook-mock-transform-loader.ts
+import { rewriteSbMockImportCalls } from "storybook/internal/mocking-utils";
+import { logger } from "storybook/internal/node-logger";
+var storybookMockTransformLoader = function(source, sourceMap, meta) {
+  let callback = this.async();
+  try {
+    let result = rewriteSbMockImportCalls(source);
+    callback(null, result.code, result.map || void 0, meta);
+  } catch (error) {
+    let filePath = this.resourcePath;
+    logger.debug(`Could not transform sb.mock(import(...)) calls in ${filePath}: ${error}`), callback(null, source, sourceMap, meta);
+  }
+}, storybook_mock_transform_loader_default = storybookMockTransformLoader;
+export {
+  storybook_mock_transform_loader_default as default
+};

package/dist/loaders/webpack-automock-loader.js

@@ -0,0 +1,22 @@
+import CJS_COMPAT_NODE_URL_igzmuwopv from 'node:url';
+import CJS_COMPAT_NODE_PATH_igzmuwopv from 'node:path';
+import CJS_COMPAT_NODE_MODULE_igzmuwopv from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_igzmuwopv.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_igzmuwopv.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_igzmuwopv.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import "../_node-chunks/chunk-TOVLNAI6.js";
+
+// src/loaders/webpack-automock-loader.ts
+import { babelParser, getAutomockCode } from "storybook/internal/mocking-utils";
+function webpackAutomockLoader(source) {
+  let isSpy = this.getOptions().spy === "true";
+  return getAutomockCode(source, isSpy, babelParser).toString();
+}
+export {
+  webpackAutomockLoader as default
+};

package/dist/presets/custom-webpack-preset.js

@@ -1,61 +1,181 @@
-import CJS_COMPAT_NODE_URL_bfkiejj11wh from 'node:url';
-import CJS_COMPAT_NODE_PATH_bfkiejj11wh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_bfkiejj11wh from "node:module";
+import CJS_COMPAT_NODE_URL_igzmuwopv from 'node:url';
+import CJS_COMPAT_NODE_PATH_igzmuwopv from 'node:path';
+import CJS_COMPAT_NODE_MODULE_igzmuwopv from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_bfkiejj11wh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_bfkiejj11wh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_bfkiejj11wh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_igzmuwopv.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_igzmuwopv.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_igzmuwopv.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
-  __name
-} from "../_node-chunks/chunk-VEIR4MFH.js";
+  __require
+} from "../_node-chunks/chunk-TOVLNAI6.js";
 
 // src/presets/custom-webpack-preset.ts
+import { fileURLToPath as fileURLToPath3 } from "node:url";
+import { findConfigFile } from "storybook/internal/common";
 import { logger as logger2 } from "storybook/internal/node-logger";
 import { loadCustomWebpackConfig } from "@storybook/core-webpack";
 import webpackModule from "webpack";
 
-// src/preview/base-webpack.config.ts
+// src/plugins/webpack-inject-mocker-runtime-plugin.ts
+import { getMockerRuntime } from "storybook/internal/mocking-utils";
+var PLUGIN_NAME = "WebpackInjectMockerRuntimePlugin", WebpackInjectMockerRuntimePlugin = class {
+  // We need to lazy-require HtmlWebpackPlugin because it's an optional peer dependency.
+  getHtmlWebpackPlugin(compiler) {
+    try {
+      let constructor = compiler.options.plugins.find(
+        (p) => p?.constructor?.name === "HtmlWebpackPlugin"
+      )?.constructor;
+      return constructor || __require("html-webpack-plugin");
+    } catch {
+      return compiler.getInfrastructureLogger(PLUGIN_NAME).warn("html-webpack-plugin is not installed. Cannot inject mocker runtime."), null;
+    }
+  }
+  /**
+   * The main entry point for the Webpack plugin.
+   *
+   * @param {Compiler} compiler The Webpack compiler instance.
+   */
+  apply(compiler) {
+    let HtmlWebpackPlugin = this.getHtmlWebpackPlugin(compiler);
+    HtmlWebpackPlugin && compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
+      HtmlWebpackPlugin.getHooks(compilation).beforeAssetTagGeneration.tapAsync(
+        PLUGIN_NAME,
+        (data, cb) => {
+          try {
+            let runtimeScriptContent = getMockerRuntime(), runtimeAssetName = "mocker-runtime-injected.js";
+            compilation.emitAsset(
+              runtimeAssetName,
+              new compiler.webpack.sources.RawSource(runtimeScriptContent)
+            ), data.assets.js.unshift(runtimeAssetName), cb(null, data);
+          } catch (error) {
+            cb(error);
+          }
+        }
+      );
+    });
+  }
+};
+
+// src/plugins/webpack-mock-plugin.ts
+import { dirname, isAbsolute } from "node:path";
 import { fileURLToPath } from "node:url";
+import {
+  babelParser,
+  extractMockCalls,
+  getIsExternal,
+  resolveExternalModule,
+  resolveWithExtensions
+} from "storybook/internal/mocking-utils";
+import { findMockRedirect } from "@vitest/mocker/redirect";
+var PLUGIN_NAME2 = "storybook-mock-plugin", WebpackMockPlugin = class {
+  constructor(options) {
+    this.mockMap = /* @__PURE__ */ new Map();
+    if (!options.previewConfigPath)
+      throw new Error(`[${PLUGIN_NAME2}] \`previewConfigPath\` is required.`);
+    this.options = options;
+  }
+  /**
+   * The main entry point for the Webpack plugin.
+   *
+   * @param {Compiler} compiler The Webpack compiler instance.
+   */
+  apply(compiler) {
+    let logger3 = compiler.getInfrastructureLogger(PLUGIN_NAME2), updateMocks = () => {
+      this.mockMap = new Map(
+        this.extractAndResolveMocks(compiler).flatMap((mock) => [
+          // first one, full path
+          [mock.absolutePath, mock],
+          // second one, without the extension
+          [mock.absolutePath.replace(/\.[^.]+$/, ""), mock]
+        ])
+      ), logger3.info(`Mock map updated with ${this.mockMap.size / 2} mocks.`);
+    };
+    compiler.hooks.beforeRun.tap(PLUGIN_NAME2, updateMocks), compiler.hooks.watchRun.tap(PLUGIN_NAME2, updateMocks), new compiler.webpack.NormalModuleReplacementPlugin(/.*/, (resource) => {
+      try {
+        let path = resource.request, importer = resource.context, absolutePath = getIsExternal(path, importer) ? resolveExternalModule(path, importer) : resolveWithExtensions(path, importer);
+        this.mockMap.has(absolutePath) && (resource.request = this.mockMap.get(absolutePath).replacementResource);
+      } catch {
+        logger3.debug(`Could not resolve mock for "${resource.request}".`);
+      }
+    }).apply(compiler), compiler.hooks.afterCompile.tap(PLUGIN_NAME2, (compilation) => {
+      compilation.fileDependencies.add(this.options.previewConfigPath);
+      for (let mock of this.mockMap.values())
+        isAbsolute(mock.replacementResource) && mock.replacementResource.includes("__mocks__") && compilation.contextDependencies.add(dirname(mock.replacementResource));
+    });
+  }
+  /**
+   * Reads the preview config, parses it to find all `sb.mock()` calls, and resolves their
+   * corresponding mock implementations.
+   *
+   * @param {Compiler} compiler The Webpack compiler instance.
+   * @returns {ResolvedMock[]} An array of fully processed mocks.
+   */
+  extractAndResolveMocks(compiler) {
+    let { previewConfigPath } = this.options, logger3 = compiler.getInfrastructureLogger(PLUGIN_NAME2), mocks = extractMockCalls(
+      { previewConfigPath, configDir: dirname(previewConfigPath) },
+      babelParser,
+      compiler.context,
+      findMockRedirect
+    ), resolvedMocks = [];
+    for (let mock of mocks)
+      try {
+        let { absolutePath, redirectPath } = mock, replacementResource;
+        redirectPath ? replacementResource = redirectPath : replacementResource = `${fileURLToPath(
+          import.meta.resolve("@storybook/builder-webpack5/loaders/webpack-automock-loader")
+        )}?spy=${mock.spy}!${absolutePath}`, resolvedMocks.push({
+          ...mock,
+          replacementResource
+        });
+      } catch {
+        logger3.warn(`Could not resolve mock for "${mock.path}". It will be ignored.`);
+      }
+    return resolvedMocks;
+  }
+};
+
+// src/preview/base-webpack.config.ts
+import { fileURLToPath as fileURLToPath2 } from "node:url";
 import { logger } from "storybook/internal/node-logger";
 async function createDefaultWebpackConfig(storybookBaseConfig, options) {
   if (options.presetsList?.some(
     (preset) => /@storybook(\/|\\)preset-create-react-app/.test(
-      typeof preset === "string" ? preset : preset.name
+      typeof preset == "string" ? preset : preset.name
     )
-  )) {
+  ))
     return storybookBaseConfig;
-  }
-  const hasPostcssAddon = options.presetsList?.some(
-    (preset) => /@storybook(\/|\\)addon-postcss/.test(typeof preset === "string" ? preset : preset.name)
-  );
-  let cssLoaders = {};
-  if (!hasPostcssAddon) {
-    logger.info(`=> Using implicit CSS loaders`);
-    cssLoaders = {
-      test: /\.css$/,
-      sideEffects: true,
-      use: [
-        // TODO: Decide if we want to keep style-loader & css-loader in core
-        // Trying to apply style-loader or css-loader to files that already have been
-        // processed by them causes webpack to crash, so no one else can add similar
-        // loader configurations to the `.css` extension.
-        fileURLToPath(import.meta.resolve("style-loader")),
-        {
-          loader: fileURLToPath(import.meta.resolve("css-loader")),
-          options: {
-            importLoaders: 1
-          }
+  let hasPostcssAddon = options.presetsList?.some(
+    (preset) => /@storybook(\/|\\)addon-postcss/.test(typeof preset == "string" ? preset : preset.name)
+  ), cssLoaders = {};
+  hasPostcssAddon || (logger.info("Using implicit CSS loaders"), cssLoaders = {
+    test: /\.css$/,
+    sideEffects: !0,
+    use: [
+      // TODO: Decide if we want to keep style-loader & css-loader in core
+      // Trying to apply style-loader or css-loader to files that already have been
+      // processed by them causes webpack to crash, so no one else can add similar
+      // loader configurations to the `.css` extension.
+      fileURLToPath2(import.meta.resolve("style-loader")),
+      {
+        loader: fileURLToPath2(import.meta.resolve("css-loader")),
+        options: {
+          importLoaders: 1
         }
-      ]
-    };
-  }
-  const isProd = storybookBaseConfig.mode !== "development";
+      }
+    ]
+  });
+  let isProd = storybookBaseConfig.mode !== "development";
   return {
     ...storybookBaseConfig,
+    // TODO: Implement the clearing functionality of StyledConsoleLogger so that we can use it for webpack
+    // The issue currently is that the status line is not cleared when the webpack compiler is run,
+    // which causes the status line to be printed multiple times.
+    // infrastructureLogging: {
+    //   console: new StyledConsoleLogger({ prefix: 'Webpack', color: 'bgBlue' }),
+    // },
     module: {
       ...storybookBaseConfig.module,
       rules: [
@@ -100,55 +220,54 @@ async function createDefaultWebpackConfig(storybookBaseConfig, options) {
         "..."
       ],
       fallback: {
-        crypto: false,
-        assert: false,
+        crypto: !1,
+        assert: !1,
         ...storybookBaseConfig.resolve?.fallback
       }
     }
   };
 }
-__name(createDefaultWebpackConfig, "createDefaultWebpackConfig");
 
 // src/presets/custom-webpack-preset.ts
-var swc = /* @__PURE__ */ __name((config) => {
-  return {
-    ...config,
-    env: {
-      ...config?.env ?? {},
-      targets: config?.env?.targets ?? {
-        chrome: 100,
-        safari: 15,
-        firefox: 91
-      },
-      // Transpiles the broken syntax to the closest non-broken modern syntax.
-      // E.g. it won't transpile parameter destructuring in Safari
-      // which would break how we detect if the mount context property is used in the play function.
-      bugfixes: config?.env?.bugfixes ?? true
-    }
-  };
-}, "swc");
-async function webpack(config, options) {
-  const { configDir, configType, presets } = options;
-  const coreOptions = await presets.apply("core");
-  let defaultConfig = config;
-  if (!coreOptions?.disableWebpackDefaults) {
-    defaultConfig = await createDefaultWebpackConfig(config, options);
-  }
-  const finalDefaultConfig = await presets.apply("webpackFinal", defaultConfig, options);
-  const customConfig = await loadCustomWebpackConfig(configDir);
-  if (typeof customConfig === "function") {
-    logger2.info("=> Loading custom Webpack config (full-control mode).");
-    return customConfig({ config: finalDefaultConfig, mode: configType });
+var swc = (config) => ({
+  ...config,
+  env: {
+    ...config?.env ?? {},
+    targets: config?.env?.targets ?? {
+      chrome: 100,
+      safari: 15,
+      firefox: 91
+    },
+    // Transpiles the broken syntax to the closest non-broken modern syntax.
+    // E.g. it won't transpile parameter destructuring in Safari
+    // which would break how we detect if the mount context property is used in the play function.
+    bugfixes: config?.env?.bugfixes ?? !0
   }
-  logger2.info("=> Using default Webpack5 setup");
-  return finalDefaultConfig;
+});
+async function webpackFinal(config, options) {
+  let previewConfigPath = findConfigFile("preview", options.configDir);
+  return previewConfigPath && (config.plugins = config.plugins || [], config.module.rules.push({
+    test: /preview\.(t|j)sx?$/,
+    use: [
+      {
+        loader: fileURLToPath3(
+          import.meta.resolve("@storybook/builder-webpack5/loaders/storybook-mock-transform-loader")
+        )
+      }
+    ]
+  }), config.plugins.push(new WebpackMockPlugin({ previewConfigPath })), config.plugins.push(new WebpackInjectMockerRuntimePlugin())), config;
+}
+async function webpack(config, options) {
+  let { configDir, configType, presets } = options, coreOptions = await presets.apply("core"), defaultConfig = config;
+  coreOptions?.disableWebpackDefaults || (defaultConfig = await createDefaultWebpackConfig(config, options));
+  let finalDefaultConfig = await presets.apply("webpackFinal", defaultConfig, options), customConfig = await loadCustomWebpackConfig(configDir);
+  return typeof customConfig == "function" ? (logger2.info("Loading custom Webpack config (full-control mode)."), customConfig({ config: finalDefaultConfig, mode: configType })) : (logger2.info("Using default Webpack5 setup"), finalDefaultConfig);
 }
-__name(webpack, "webpack");
-var webpackInstance = /* @__PURE__ */ __name(async () => webpackModule, "webpackInstance");
-var webpackVersion = /* @__PURE__ */ __name(async () => "5", "webpackVersion");
+var webpackInstance = async () => webpackModule, webpackVersion = async () => "5";
 export {
   swc,
   webpack,
+  webpackFinal,
   webpackInstance,
   webpackVersion
 };

package/dist/presets/preview-preset.js

@@ -1,20 +1,18 @@
-import CJS_COMPAT_NODE_URL_bfkiejj11wh from 'node:url';
-import CJS_COMPAT_NODE_PATH_bfkiejj11wh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_bfkiejj11wh from "node:module";
+import CJS_COMPAT_NODE_URL_igzmuwopv from 'node:url';
+import CJS_COMPAT_NODE_PATH_igzmuwopv from 'node:path';
+import CJS_COMPAT_NODE_MODULE_igzmuwopv from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_bfkiejj11wh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_bfkiejj11wh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_bfkiejj11wh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_igzmuwopv.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_igzmuwopv.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_igzmuwopv.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getVirtualModules
-} from "../_node-chunks/chunk-ZH33Z335.js";
-import {
-  __name
-} from "../_node-chunks/chunk-VEIR4MFH.js";
+} from "../_node-chunks/chunk-CAP7MRPN.js";
+import "../_node-chunks/chunk-TOVLNAI6.js";
 
 // src/presets/preview-preset.ts
 import { fileURLToPath as fileURLToPath2 } from "node:url";
@@ -36,9 +34,8 @@ import TerserWebpackPlugin from "terser-webpack-plugin";
 import { dedent } from "ts-dedent";
 import webpackModule from "webpack";
 import VirtualModulePlugin from "webpack-virtual-modules";
-var { DefinePlugin, HotModuleReplacementPlugin, ProgressPlugin } = webpackModule;
-var iframe_webpack_config_default = /* @__PURE__ */ __name(async (options) => {
-  const {
+var { DefinePlugin, HotModuleReplacementPlugin, ProgressPlugin } = webpackModule, iframe_webpack_config_default = async (options) => {
+  let {
     outputDir = join(".", "public"),
     quiet,
     packageJson,
@@ -47,10 +44,7 @@ var iframe_webpack_config_default = /* @__PURE__ */ __name(async (options) => {
     previewUrl,
     typescriptOptions,
     features
-  } = options;
-  const isProd = configType === "PRODUCTION";
-  const workingDir = process.cwd();
-  const [
+  } = options, isProd = configType === "PRODUCTION", workingDir = process.cwd(), [
     coreOptions,
     frameworkOptions,
     envs,
@@ -78,36 +72,27 @@ var iframe_webpack_config_default = /* @__PURE__ */ __name(async (options) => {
     options.cache?.get("modulesCount", 1e3),
     options.presets.apply("build"),
     presets.apply("tags", {})
-  ]);
-  const stories = normalizeStories(nonNormalizedStories, {
+  ]), stories = normalizeStories(nonNormalizedStories, {
     configDir: options.configDir,
     workingDir
-  });
-  const builderOptions = await getBuilderOptions(options);
-  const shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipCompiler;
-  const tsCheckOptions = typescriptOptions.checkOptions || {};
-  const cacheConfig = builderOptions.fsCache ? { cache: { type: "filesystem" } } : {};
-  const lazyCompilationConfig = builderOptions.lazyCompilation && !isProd ? {
-    lazyCompilation: { entries: false }
+  }), builderOptions = await getBuilderOptions(options), shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipCompiler, tsCheckOptions = typescriptOptions.checkOptions || {}, cacheConfig = builderOptions.fsCache ? { cache: { type: "filesystem" } } : {}, lazyCompilationConfig = builderOptions.lazyCompilation && !isProd ? {
+    lazyCompilation: { entries: !1 }
   } : {};
-  if (!template) {
+  if (!template)
     throw new Error(dedent`
       Storybook's Webpack5 builder requires a template to be specified.
       Somehow you've ended up with a falsy value for the template option.
 
       Please file an issue at https://github.com/storybookjs/storybook with a reproduction.
     `);
-  }
-  const externals = globalsNameReferenceMap;
-  if (build?.test?.disableBlocks) {
-    externals["@storybook/addon-docs/blocks"] = "__STORYBOOK_BLOCKS_EMPTY_MODULE__";
-  }
-  const { virtualModules: virtualModuleMapping, entries: dynamicEntries } = await getVirtualModules(options);
+  let externals = globalsNameReferenceMap;
+  build?.test?.disableBlocks && (externals["@storybook/addon-docs/blocks"] = "__STORYBOOK_BLOCKS_EMPTY_MODULE__");
+  let { virtualModules: virtualModuleMapping, entries: dynamicEntries } = await getVirtualModules(options);
   return {
     name: "preview",
     mode: isProd ? "production" : "development",
     bail: isProd,
-    devtool: options.build?.test?.disableSourcemaps ? false : "cheap-module-source-map",
+    devtool: options.build?.test?.disableSourcemaps ? !1 : "cheap-module-source-map",
     entry: [...entries2 ?? [], ...dynamicEntries],
     output: {
       path: resolve(process.cwd(), outputDir),
@@ -133,11 +118,11 @@ var iframe_webpack_config_default = /* @__PURE__ */ __name(async (options) => {
     plugins: [
       Object.keys(virtualModuleMapping).length > 0 ? new VirtualModulePlugin(virtualModuleMapping) : null,
       new HtmlWebpackPlugin({
-        filename: `iframe.html`,
+        filename: "iframe.html",
         // FIXME: `none` isn't a known option
         chunksSortMode: "none",
-        alwaysWriteToDisk: true,
-        inject: false,
+        alwaysWriteToDisk: !0,
+        inject: !1,
         template,
         templateParameters: {
           version: packageJson?.version,
@@ -160,12 +145,12 @@ var iframe_webpack_config_default = /* @__PURE__ */ __name(async (options) => {
           bodyHtmlSnippet
         },
         minify: {
-          collapseWhitespace: true,
-          removeComments: true,
-          removeRedundantAttributes: true,
-          removeScriptTypeAttributes: false,
-          removeStyleLinkTypeAttributes: true,
-          useShortDoctype: true
+          collapseWhitespace: !0,
+          removeComments: !0,
+          removeRedundantAttributes: !0,
+          removeScriptTypeAttributes: !1,
+          removeStyleLinkTypeAttributes: !0,
+          useShortDoctype: !0
         }
       }),
       new DefinePlugin({
@@ -181,7 +166,7 @@ var iframe_webpack_config_default = /* @__PURE__ */ __name(async (options) => {
     ].filter(Boolean),
     module: {
       // Disable warning for dynamic requires
-      unknownContextCritical: false,
+      unknownContextCritical: !1,
       rules: [
         {
           test: /\.stories\.([tj])sx?$|(stories|story)\.mdx$/,
@@ -202,7 +187,7 @@ var iframe_webpack_config_default = /* @__PURE__ */ __name(async (options) => {
         {
           test: /\.m?js$/,
           resolve: {
-            fullySpecified: false
+            fullySpecified: !1
           }
         },
         {
@@ -223,15 +208,15 @@ var iframe_webpack_config_default = /* @__PURE__ */ __name(async (options) => {
       splitChunks: {
         chunks: "all"
       },
-      runtimeChunk: true,
-      sideEffects: true,
-      usedExports: options.build?.test?.disableTreeShaking ? false : isProd,
+      runtimeChunk: !0,
+      sideEffects: !0,
+      usedExports: options.build?.test?.disableTreeShaking ? !1 : isProd,
       moduleIds: "named",
       ...isProd ? {
-        minimize: true,
+        minimize: !0,
         minimizer: options.build?.test?.esbuildMinify ? [
           new TerserWebpackPlugin({
-            parallel: true,
+            parallel: !0,
             minify: TerserWebpackPlugin.esbuildMinify,
             terserOptions: {
               sourcemap: !options.build?.test?.disableSourcemaps,
@@ -240,42 +225,37 @@ var iframe_webpack_config_default = /* @__PURE__ */ __name(async (options) => {
           })
         ] : [
           new TerserWebpackPlugin({
-            parallel: true,
+            parallel: !0,
             terserOptions: {
               sourceMap: !options.build?.test?.disableSourcemaps,
-              mangle: false,
-              keep_fnames: true
+              mangle: !1,
+              keep_fnames: !0
             }
           })
         ]
       } : {}
     },
     performance: {
-      hints: isProd ? "warning" : false
+      hints: isProd ? "warning" : !1
     },
     ...cacheConfig,
     experiments: { ...lazyCompilationConfig }
   };
-}, "default");
+};
 
 // src/presets/preview-preset.ts
-var webpack = /* @__PURE__ */ __name(async (_, options) => iframe_webpack_config_default(options), "webpack");
-var entries = /* @__PURE__ */ __name(async (_, options) => {
+var webpack = async (_, options) => iframe_webpack_config_default(options), entries = async (_, options) => {
   let result = [];
-  if (options.configType === "DEVELOPMENT") {
-    result = result.concat(
-      `${fileURLToPath2(
-        import.meta.resolve("webpack-hot-middleware/client.js")
-      )}?reload=true&quiet=false&overlay=${JSON.stringify({
-        errors: true,
-        warnings: false,
-        runtimeErrors: false
-      })}&noInfo=${options.quiet}`
-    );
-  }
-  return result;
-}, "entries");
-var previewMainTemplate = /* @__PURE__ */ __name(() => fileURLToPath2(import.meta.resolve("@storybook/builder-webpack5/templates/preview.ejs")), "previewMainTemplate");
+  return options.configType === "DEVELOPMENT" && (result = result.concat(
+    `${fileURLToPath2(
+      import.meta.resolve("webpack-hot-middleware/client.js")
+    )}?reload=true&quiet=false&overlay=${JSON.stringify({
+      errors: !0,
+      warnings: !1,
+      runtimeErrors: !1
+    })}&noInfo=${options.quiet}`
+  )), result;
+}, previewMainTemplate = () => fileURLToPath2(import.meta.resolve("@storybook/builder-webpack5/templates/preview.ejs"));
 export {
   entries,
   previewMainTemplate,