@storybook/builder-webpack5 10.4.0-alpha.17 → 10.4.0-alpha.18

package/dist/_node-chunks/{chunk-5SWT7MGJ.js → chunk-DYG7656K.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_2pg5ogutpca from 'node:url';
-import CJS_COMPAT_NODE_PATH_2pg5ogutpca from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2pg5ogutpca from "node:module";
+import CJS_COMPAT_NODE_URL_pq0zmhmwfir from 'node:url';
+import CJS_COMPAT_NODE_PATH_pq0zmhmwfir from 'node:path';
+import CJS_COMPAT_NODE_MODULE_pq0zmhmwfir from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2pg5ogutpca.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2pg5ogutpca.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2pg5ogutpca.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_pq0zmhmwfir.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_pq0zmhmwfir.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_pq0zmhmwfir.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{chunk-FQ3KXHH2.js → chunk-RQPJVIU5.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_2pg5ogutpca from 'node:url';
-import CJS_COMPAT_NODE_PATH_2pg5ogutpca from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2pg5ogutpca from "node:module";
+import CJS_COMPAT_NODE_URL_pq0zmhmwfir from 'node:url';
+import CJS_COMPAT_NODE_PATH_pq0zmhmwfir from 'node:path';
+import CJS_COMPAT_NODE_MODULE_pq0zmhmwfir from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2pg5ogutpca.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2pg5ogutpca.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2pg5ogutpca.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_pq0zmhmwfir.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_pq0zmhmwfir.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_pq0zmhmwfir.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/index.d.ts

@@ -49,6 +49,12 @@ declare const executor: {
 };
 declare const getConfig: WebpackBuilder['getConfig'];
 declare const bail: WebpackBuilder['bail'];
+/**
+ * Returns a {@link ChangeDetectionAdapter} bound to the webpack compiler created by `start()`.
+ *
+ * Throws if called before `start()` has resolved (i.e. before the compiler exists).
+ */
+declare const changeDetectionAdapter: NonNullable<WebpackBuilder['changeDetectionAdapter']>;
 declare const start: (options: BuilderStartOptions) => Promise<void | {
     stats?: Stats | undefined;
     totalTime: ReturnType<typeof process.hrtime>;
@@ -58,4 +64,4 @@ declare const build: (options: BuilderStartOptions) => Promise<void | Stats>;
 declare const corePresets: string[];
 declare const overridePresets: string[];
 
-export { type BuilderOptions, type BuilderResult, type StorybookConfigWebpack, type TypescriptOptions, WebpackDefinePlugin, WebpackIgnorePlugin, bail, build, corePresets, executor, getConfig, getVirtualModules, overridePresets, printDuration, start };
+export { type BuilderOptions, type BuilderResult, type StorybookConfigWebpack, type TypescriptOptions, WebpackDefinePlugin, WebpackIgnorePlugin, bail, build, changeDetectionAdapter, corePresets, executor, getConfig, getVirtualModules, overridePresets, printDuration, start };

package/dist/index.js

@@ -1,22 +1,22 @@
-import CJS_COMPAT_NODE_URL_2pg5ogutpca from 'node:url';
-import CJS_COMPAT_NODE_PATH_2pg5ogutpca from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2pg5ogutpca from "node:module";
+import CJS_COMPAT_NODE_URL_pq0zmhmwfir from 'node:url';
+import CJS_COMPAT_NODE_PATH_pq0zmhmwfir from 'node:path';
+import CJS_COMPAT_NODE_MODULE_pq0zmhmwfir from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2pg5ogutpca.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2pg5ogutpca.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2pg5ogutpca.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_pq0zmhmwfir.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_pq0zmhmwfir.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_pq0zmhmwfir.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getVirtualModules
-} from "./_node-chunks/chunk-5SWT7MGJ.js";
+} from "./_node-chunks/chunk-DYG7656K.js";
 import {
   __commonJS,
   __require,
   __toESM
-} from "./_node-chunks/chunk-FQ3KXHH2.js";
+} from "./_node-chunks/chunk-RQPJVIU5.js";
 
 // ../../../node_modules/pretty-hrtime/index.js
 var require_pretty_hrtime = __commonJS({
@@ -622,7 +622,7 @@ var require_build2 = __commonJS({
 import { cp } from "node:fs/promises";
 import { fileURLToPath } from "node:url";
 import { PREVIEW_BUILDER_PROGRESS } from "storybook/internal/core-events";
-import { logger } from "storybook/internal/node-logger";
+import { logger as logger2 } from "storybook/internal/node-logger";
 import {
   WebpackCompilationError,
   WebpackInvocationError,
@@ -710,7 +710,59 @@ var import_pretty_hrtime = __toESM(require_pretty_hrtime(), 1), import_sirv = __
 import webpackModule from "webpack";
 import webpackDevMiddleware from "webpack-dev-middleware";
 import webpackHotMiddleware from "webpack-hot-middleware";
-var { DefinePlugin, IgnorePlugin, ProgressPlugin } = webpackModule, WebpackDefinePlugin = DefinePlugin, WebpackIgnorePlugin = IgnorePlugin, printDuration = (startTime) => (0, import_pretty_hrtime.default)(process.hrtime(startTime)).replace(" ms", " milliseconds").replace(" s", " seconds").replace(" min", " minutes"), corePath = dirname(fileURLToPath(import.meta.resolve("storybook/package.json"))), compilation, reject, executor = {
+
+// src/change-detection-adapter/index.ts
+import { logger } from "storybook/internal/node-logger";
+function createWebpackChangeDetectionAdapter(compiler) {
+  return {
+    async getResolveConfig() {
+      let resolveOpts = compiler.options.resolve;
+      return {
+        projectRoot: compiler.context,
+        alias: normaliseWebpackAlias(resolveOpts.alias),
+        conditions: resolveOpts.conditionNames
+      };
+    },
+    onFileChange(handler) {
+      let active = !0, firstRun = !0, seenFiles = /* @__PURE__ */ new Set();
+      return compiler.hooks.watchRun.tap("StorybookChangeDetection", (watchingCompiler) => {
+        if (active) {
+          for (let filePath of watchingCompiler.modifiedFiles ?? []) {
+            let path2 = normalize(filePath), kind = !firstRun && !seenFiles.has(path2) ? "add" : "change";
+            seenFiles.add(path2), handler({ kind, path: path2 });
+          }
+          for (let filePath of watchingCompiler.removedFiles ?? []) {
+            let path2 = normalize(filePath);
+            seenFiles.delete(path2), handler({ kind: "unlink", path: path2 });
+          }
+          firstRun = !1;
+        }
+      }), () => {
+        active = !1;
+      };
+    }
+  };
+}
+function normaliseWebpackAlias(alias) {
+  if (!alias) return;
+  if (Array.isArray(alias)) {
+    let entries = [];
+    for (let entry of alias) {
+      let replacement = typeof entry.alias == "string" ? entry.alias : Array.isArray(entry.alias) && entry.alias.length > 0 ? entry.alias[0] : null;
+      replacement != null && entries.push({ find: entry.name, replacement });
+    }
+    return entries.length > 0 ? entries : void 0;
+  }
+  let record = {};
+  for (let [key, value] of Object.entries(alias))
+    typeof value == "string" ? record[key] = value : Array.isArray(value) && value.length > 0 && (value.length > 1 && logger.debug(
+      `Change detection: webpack alias "${key}" has ${value.length} values; using only the first: "${value[0]}"`
+    ), record[key] = value[0]);
+  return Object.keys(record).length > 0 ? record : void 0;
+}
+
+// src/index.ts
+var { DefinePlugin, IgnorePlugin, ProgressPlugin } = webpackModule, WebpackDefinePlugin = DefinePlugin, WebpackIgnorePlugin = IgnorePlugin, printDuration = (startTime) => (0, import_pretty_hrtime.default)(process.hrtime(startTime)).replace(" ms", " milliseconds").replace(" s", " seconds").replace(" min", " minutes"), corePath = dirname(fileURLToPath(import.meta.resolve("storybook/package.json"))), compilation, reject, activeCompiler, executor = {
   get: async (options) => {
     let version = await options.presets.apply("webpackVersion") || "5", webpackInstance = (await options.presets.apply("webpackInstance"))?.default || webpackModule;
     return checkWebpackVersion({ version }, "5", "builder-webpack5"), webpackInstance;
@@ -732,16 +784,22 @@ var { DefinePlugin, IgnorePlugin, ProgressPlugin } = webpackModule, WebpackDefin
       await asyncIterator.throw(new Error());
     } catch {
     }
-  return reject && reject(), new Promise((res, rej) => {
+  reject && reject(), await new Promise((res, rej) => {
     if (process && compilation)
       try {
-        compilation.close(() => res()), logger.warn("Force closed preview build");
+        compilation.close(() => res()), logger2.warn("Force closed preview build");
       } catch {
-        logger.warn("Unable to close preview build!"), res();
+        logger2.warn("Unable to close preview build!"), res();
       }
     else
       res();
-  });
+  }), activeCompiler = void 0;
+}, changeDetectionAdapter = () => {
+  if (!activeCompiler)
+    throw new Error(
+      "builder-webpack5: changeDetectionAdapter() called before start(); the webpack compiler is not ready yet."
+    );
+  return createWebpackChangeDetectionAdapter(activeCompiler);
 }, starter = async function* ({
   startTime,
   options,
@@ -760,7 +818,7 @@ var { DefinePlugin, IgnorePlugin, ProgressPlugin } = webpackModule, WebpackDefin
       // eslint-disable-next-line local-rules/no-uncategorized-errors
       error: new Error("Missing Webpack compiler at runtime!")
     });
-  yield;
+  activeCompiler = compiler, yield;
   let modulesCount = await options.cache?.get("modulesCount", 1e3), totalModules, value = 0;
   new ProgressPlugin({
     handler: (newValue, message, arg3) => {
@@ -795,7 +853,7 @@ var { DefinePlugin, IgnorePlugin, ProgressPlugin } = webpackModule, WebpackDefin
   if (yield, !stats)
     throw new WebpackMissingStatsError();
   let { warnings, errors } = getWebpackStats({ config, stats });
-  if (warnings.length > 0 && warnings?.forEach((e) => logger.warn(e.message)), errors.length > 0)
+  if (warnings.length > 0 && warnings?.forEach((e) => logger2.warn(e.message)), errors.length > 0)
     throw new WebpackCompilationError({ errors });
   return {
     bail,
@@ -836,8 +894,8 @@ var builder = async function* ({ startTime, options }) {
       if (!stats)
         throw new WebpackMissingStatsError();
       let { warnings, errors } = getWebpackStats({ config, stats });
-      if (warnings.length > 0 && warnings?.forEach((e) => logger.warn(e.message)), errors.length > 0) {
-        errors.forEach((e) => logger.error(e.message)), compiler.close(() => fail(new WebpackCompilationError({ errors })));
+      if (warnings.length > 0 && warnings?.forEach((e) => logger2.warn(e.message)), errors.length > 0) {
+        errors.forEach((e) => logger2.error(e.message)), compiler.close(() => fail(new WebpackCompilationError({ errors })));
         return;
       }
       compiler.close((closeErr) => closeErr ? fail(new WebpackInvocationError({ error: closeErr })) : succeed(stats));
@@ -874,6 +932,7 @@ export {
   WebpackIgnorePlugin,
   bail,
   build,
+  changeDetectionAdapter,
   corePresets,
   executor,
   getConfig,

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

@@ -1,15 +1,15 @@
-import CJS_COMPAT_NODE_URL_2pg5ogutpca from 'node:url';
-import CJS_COMPAT_NODE_PATH_2pg5ogutpca from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2pg5ogutpca from "node:module";
+import CJS_COMPAT_NODE_URL_pq0zmhmwfir from 'node:url';
+import CJS_COMPAT_NODE_PATH_pq0zmhmwfir from 'node:path';
+import CJS_COMPAT_NODE_MODULE_pq0zmhmwfir from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2pg5ogutpca.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2pg5ogutpca.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2pg5ogutpca.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_pq0zmhmwfir.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_pq0zmhmwfir.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_pq0zmhmwfir.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import "../_node-chunks/chunk-FQ3KXHH2.js";
+import "../_node-chunks/chunk-RQPJVIU5.js";
 
 // src/loaders/export-order-loader.ts
 import assert from "node:assert";

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

@@ -1,15 +1,15 @@
-import CJS_COMPAT_NODE_URL_2pg5ogutpca from 'node:url';
-import CJS_COMPAT_NODE_PATH_2pg5ogutpca from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2pg5ogutpca from "node:module";
+import CJS_COMPAT_NODE_URL_pq0zmhmwfir from 'node:url';
+import CJS_COMPAT_NODE_PATH_pq0zmhmwfir from 'node:path';
+import CJS_COMPAT_NODE_MODULE_pq0zmhmwfir from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2pg5ogutpca.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2pg5ogutpca.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2pg5ogutpca.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_pq0zmhmwfir.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_pq0zmhmwfir.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_pq0zmhmwfir.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import "../_node-chunks/chunk-FQ3KXHH2.js";
+import "../_node-chunks/chunk-RQPJVIU5.js";
 
 // src/loaders/storybook-mock-transform-loader.ts
 import { rewriteSbMockImportCalls } from "storybook/internal/mocking-utils";

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

@@ -1,15 +1,15 @@
-import CJS_COMPAT_NODE_URL_2pg5ogutpca from 'node:url';
-import CJS_COMPAT_NODE_PATH_2pg5ogutpca from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2pg5ogutpca from "node:module";
+import CJS_COMPAT_NODE_URL_pq0zmhmwfir from 'node:url';
+import CJS_COMPAT_NODE_PATH_pq0zmhmwfir from 'node:path';
+import CJS_COMPAT_NODE_MODULE_pq0zmhmwfir from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2pg5ogutpca.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2pg5ogutpca.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2pg5ogutpca.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_pq0zmhmwfir.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_pq0zmhmwfir.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_pq0zmhmwfir.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import "../_node-chunks/chunk-FQ3KXHH2.js";
+import "../_node-chunks/chunk-RQPJVIU5.js";
 
 // src/loaders/webpack-automock-loader.ts
 import { babelParser, getAutomockCode } from "storybook/internal/mocking-utils";

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

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_2pg5ogutpca from 'node:url';
-import CJS_COMPAT_NODE_PATH_2pg5ogutpca from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2pg5ogutpca from "node:module";
+import CJS_COMPAT_NODE_URL_pq0zmhmwfir from 'node:url';
+import CJS_COMPAT_NODE_PATH_pq0zmhmwfir from 'node:path';
+import CJS_COMPAT_NODE_MODULE_pq0zmhmwfir from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2pg5ogutpca.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2pg5ogutpca.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2pg5ogutpca.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_pq0zmhmwfir.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_pq0zmhmwfir.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_pq0zmhmwfir.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   __require
-} from "../_node-chunks/chunk-FQ3KXHH2.js";
+} from "../_node-chunks/chunk-RQPJVIU5.js";
 
 // src/presets/custom-webpack-preset.ts
 import { fileURLToPath as fileURLToPath3 } from "node:url";

package/dist/presets/preview-preset.js

@@ -1,18 +1,18 @@
-import CJS_COMPAT_NODE_URL_2pg5ogutpca from 'node:url';
-import CJS_COMPAT_NODE_PATH_2pg5ogutpca from 'node:path';
-import CJS_COMPAT_NODE_MODULE_2pg5ogutpca from "node:module";
+import CJS_COMPAT_NODE_URL_pq0zmhmwfir from 'node:url';
+import CJS_COMPAT_NODE_PATH_pq0zmhmwfir from 'node:path';
+import CJS_COMPAT_NODE_MODULE_pq0zmhmwfir from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_2pg5ogutpca.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_2pg5ogutpca.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_2pg5ogutpca.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_pq0zmhmwfir.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_pq0zmhmwfir.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_pq0zmhmwfir.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getVirtualModules
-} from "../_node-chunks/chunk-5SWT7MGJ.js";
-import "../_node-chunks/chunk-FQ3KXHH2.js";
+} from "../_node-chunks/chunk-DYG7656K.js";
+import "../_node-chunks/chunk-RQPJVIU5.js";
 
 // src/presets/preview-preset.ts
 import { fileURLToPath as fileURLToPath2 } from "node:url";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "10.4.0-alpha.17",
+  "version": "10.4.0-alpha.18",
   "description": "A Storybook builder to dev and build with Webpack",
   "keywords": [
     "storybook",
@@ -52,7 +52,7 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@storybook/core-webpack": "10.4.0-alpha.17",
+    "@storybook/core-webpack": "10.4.0-alpha.18",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "cjs-module-lexer": "^1.2.3",
     "css-loader": "^7.1.2",
@@ -78,7 +78,7 @@
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "storybook": "^10.4.0-alpha.17"
+    "storybook": "^10.4.0-alpha.18"
   },
   "peerDependenciesMeta": {
     "typescript": {