storybook-builder-rsbuild 3.0.0 → 3.2.0

package/compiled/@storybook/core-webpack/index.js

@@ -155,27 +155,21 @@ var dist_dirname = external_node_path_namespaceObject.dirname(dist_filename);
 var dist_require = external_node_module_namespaceObject.createRequire(
   import.meta.url,
 );
-var __defProp = Object.defineProperty;
-var __name = (target, value) =>
-  __defProp(target, "name", { value, configurable: true });
-var webpackConfigs = ["webpack.config", "webpackfile"];
-var loadCustomWebpackConfig = __name(
-  async (configDir) =>
+var webpackConfigs = ["webpack.config", "webpackfile"],
+  loadCustomWebpackConfig = async (configDir) =>
     (0, common_namespaceObject.serverRequire)(
       webpackConfigs.map((configName) =>
         (0, external_node_path_namespaceObject.resolve)(configDir, configName),
       ),
-    ),
-  "loadCustomWebpackConfig",
-);
-var checkWebpackVersion = __name((webpack, specifier, caption) => {
+    );
+var checkWebpackVersion = (webpack, specifier, caption) => {
   if (!webpack.version) {
     node_logger_namespaceObject.logger.info(
       "Skipping webpack version check, no version available",
     );
     return;
   }
-  if (webpack.version !== specifier) {
+  webpack.version !== specifier &&
     node_logger_namespaceObject.logger.warn((0, dist.TW)`
       Unexpected webpack version in ${caption}:
       - Received '${webpack.version}'
@@ -185,34 +179,28 @@ var checkWebpackVersion = __name((webpack, specifier, caption) => {
 
       For more info about Webpack 5 support: https://gist.github.com/shilman/8856ea1786dcd247139b47b270912324#troubleshooting
     `);
-  }
-}, "checkWebpackVersion");
+};
 function mergePluginsField(defaultPlugins = [], customPlugins = []) {
   return [...defaultPlugins, ...customPlugins];
 }
-__name(mergePluginsField, "mergePluginsField");
 function mergeRulesField(defaultRules = [], customRules = []) {
   return [...defaultRules, ...customRules];
 }
-__name(mergeRulesField, "mergeRulesField");
 function mergeExtensionsField(
   { extensions: defaultExtensions = [] },
   { extensions: customExtensions = [] },
 ) {
   return [...defaultExtensions, ...customExtensions];
 }
-__name(mergeExtensionsField, "mergeExtensionsField");
 function mergeAliasField(
   { alias: defaultAlias = {} },
   { alias: customAlias = {} },
 ) {
   return { ...defaultAlias, ...customAlias };
 }
-__name(mergeAliasField, "mergeAliasField");
 function mergeModuleField(a, b) {
   return { ...a, ...b, rules: mergeRulesField(a.rules || [], b.rules || []) };
 }
-__name(mergeModuleField, "mergeModuleField");
 function mergeResolveField(
   { resolve: defaultResolve = {} },
   { resolve: customResolve = {} },
@@ -224,14 +212,12 @@ function mergeResolveField(
     extensions: mergeExtensionsField(defaultResolve, customResolve),
   };
 }
-__name(mergeResolveField, "mergeResolveField");
 function mergeOptimizationField(
   { optimization: defaultOptimization = {} },
   { optimization: customOptimization = {} },
 ) {
   return { ...defaultOptimization, ...customOptimization };
 }
-__name(mergeOptimizationField, "mergeOptimizationField");
 function mergeConfigs(config, customConfig) {
   return {
     ...customConfig,
@@ -243,49 +229,45 @@ function mergeConfigs(config, customConfig) {
     optimization: mergeOptimizationField(config, customConfig),
   };
 }
-__name(mergeConfigs, "mergeConfigs");
 function importPipeline() {
   let importGate = Promise.resolve();
   return async (importFn) => {
     await importGate;
-    const moduleExportsPromise = importFn();
-    importGate = importGate.then(async () => {
-      await moduleExportsPromise;
-    });
-    return moduleExportsPromise;
+    let moduleExportsPromise = importFn();
+    return (
+      (importGate = importGate.then(async () => {
+        await moduleExportsPromise;
+      })),
+      moduleExportsPromise
+    );
   };
 }
-__name(importPipeline, "importPipeline");
 function adjustRegexToExcludeNodeModules(originalRegex) {
-  const originalRegexString = originalRegex.source;
-  const startsWithCaret = originalRegexString.startsWith("^");
-  const excludeNodeModulesPattern = startsWithCaret
-    ? "(?!.*node_modules)"
-    : "^(?!.*node_modules)";
-  const adjustedRegexString = startsWithCaret
-    ? `^${excludeNodeModulesPattern}${originalRegexString.substring(1)}`
-    : excludeNodeModulesPattern + originalRegexString;
+  let originalRegexString = originalRegex.source,
+    startsWithCaret = originalRegexString.startsWith("^"),
+    excludeNodeModulesPattern = startsWithCaret
+      ? "(?!.*node_modules)"
+      : "^(?!.*node_modules)",
+    adjustedRegexString = startsWithCaret
+      ? `^${excludeNodeModulesPattern}${originalRegexString.substring(1)}`
+      : excludeNodeModulesPattern + originalRegexString;
   return new RegExp(adjustedRegexString);
 }
-__name(adjustRegexToExcludeNodeModules, "adjustRegexToExcludeNodeModules");
 function webpackIncludeRegexp(specifier) {
-  const { directory, files } = specifier;
-  const directoryWithoutLeadingDots = directory.replace(/^(\.+\/)+/, "/");
-  const webpackIncludeGlob = [".", ".."].includes(directory)
-    ? files
-    : `${directoryWithoutLeadingDots}/${files}`;
-  const webpackIncludeRegexpWithCaret = webpackIncludeGlob.includes(
-    "node_modules",
-  )
-    ? (0, common_namespaceObject.globToRegexp)(webpackIncludeGlob)
-    : adjustRegexToExcludeNodeModules(
-        (0, common_namespaceObject.globToRegexp)(webpackIncludeGlob),
-      );
+  let { directory, files } = specifier,
+    directoryWithoutLeadingDots = directory.replace(/^(\.+\/)+/, "/"),
+    webpackIncludeGlob = [".", ".."].includes(directory)
+      ? files
+      : `${directoryWithoutLeadingDots}/${files}`,
+    webpackIncludeRegexpWithCaret = webpackIncludeGlob.includes("node_modules")
+      ? (0, common_namespaceObject.globToRegexp)(webpackIncludeGlob)
+      : adjustRegexToExcludeNodeModules(
+          (0, common_namespaceObject.globToRegexp)(webpackIncludeGlob),
+        );
   return new RegExp(webpackIncludeRegexpWithCaret.source.replace(/^\^/, ""));
 }
-__name(webpackIncludeRegexp, "webpackIncludeRegexp");
 function toImportFnPart(specifier) {
-  const { directory, importPathMatcher } = specifier;
+  let { directory, importPathMatcher } = specifier;
   return (0, dist.TW)`
       async (path) => {
         if (!${importPathMatcher}.exec(path)) {
@@ -302,17 +284,16 @@ function toImportFnPart(specifier) {
 
   `;
 }
-__name(toImportFnPart, "toImportFnPart");
 function toImportFn(stories, { needPipelinedImport } = {}) {
-  let pipelinedImport = `const pipeline = (x) => x();`;
-  if (needPipelinedImport) {
-    pipelinedImport = `\n      const importPipeline = ${importPipeline};\n      const pipeline = importPipeline();\n    `;
-  }
-  return (0, dist.TW)`
+  let pipelinedImport = "const pipeline = (x) => x();";
+  return (
+    needPipelinedImport &&
+      (pipelinedImport = `\n      const importPipeline = ${importPipeline};\n      const pipeline = importPipeline();\n    `),
+    (0, dist.TW)`
     ${pipelinedImport}
 
     const importers = [
-      ${stories.map(toImportFnPart).join(",\n")}
+      ${stories.map(toImportFnPart).join(`,\n`)}
     ];
 
     export async function importFn(path) {
@@ -323,23 +304,22 @@ function toImportFn(stories, { needPipelinedImport } = {}) {
         }
       }
     }
-  `;
+  `
+  );
 }
-__name(toImportFn, "toImportFn");
-var toRequireContext = __name((specifier) => {
-  const { directory, files } = specifier;
-  const match = (0, common_namespaceObject.globToRegexp)(`./${files}`);
-  return {
-    path: directory,
-    recursive: files.includes("**") || files.split("/").length > 1,
-    match,
+var toRequireContext = (specifier) => {
+    let { directory, files } = specifier,
+      match = (0, common_namespaceObject.globToRegexp)(`./${files}`);
+    return {
+      path: directory,
+      recursive: files.includes("**") || files.split("/").length > 1,
+      match,
+    };
+  },
+  toRequireContextString = (specifier) => {
+    let { path: p, recursive: r, match: m } = toRequireContext(specifier);
+    return `require.context('${p}', ${r}, ${m})`;
   };
-}, "toRequireContext");
-var toRequireContextString = __name((specifier) => {
-  const { path: p, recursive: r, match: m } = toRequireContext(specifier);
-  const result = `require.context('${p}', ${r}, ${m})`;
-  return result;
-}, "toRequireContextString");
 var __webpack_exports__checkWebpackVersion = __webpack_exports__.il;
 var __webpack_exports__loadCustomWebpackConfig = __webpack_exports__.Tu;
 var __webpack_exports__mergeConfigs = __webpack_exports__.SV;

package/compiled/@storybook/core-webpack/package.json

@@ -1 +1 @@
-{"name":"@storybook/core-webpack","version":"10.0.7","funding":{"type":"opencollective","url":"https://opencollective.com/storybook"},"license":"MIT","types":"index.d.ts","type":"module"}
+{"name":"@storybook/core-webpack","version":"10.1.2","funding":{"type":"opencollective","url":"https://opencollective.com/storybook"},"license":"MIT","types":"index.d.ts","type":"module"}

package/dist/_node-chunks/{chunk-EUKC5ATQ.js → chunk-IFQ2M2R3.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_8698d093820fd910 from 'node:url';
-import CJS_COMPAT_NODE_PATH_8698d093820fd910 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_8698d093820fd910 from "node:module";
+import CJS_COMPAT_NODE_URL_9f7479727fe3f3ec from 'node:url';
+import CJS_COMPAT_NODE_PATH_9f7479727fe3f3ec from 'node:path';
+import CJS_COMPAT_NODE_MODULE_9f7479727fe3f3ec from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_8698d093820fd910.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_8698d093820fd910.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_8698d093820fd910.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_9f7479727fe3f3ec.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_9f7479727fe3f3ec.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_9f7479727fe3f3ec.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_8698d093820fd910 from 'node:url';
-import CJS_COMPAT_NODE_PATH_8698d093820fd910 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_8698d093820fd910 from "node:module";
+import CJS_COMPAT_NODE_URL_9f7479727fe3f3ec from 'node:url';
+import CJS_COMPAT_NODE_PATH_9f7479727fe3f3ec from 'node:path';
+import CJS_COMPAT_NODE_MODULE_9f7479727fe3f3ec from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_8698d093820fd910.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_8698d093820fd910.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_8698d093820fd910.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_9f7479727fe3f3ec.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_9f7479727fe3f3ec.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_9f7479727fe3f3ec.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -13,7 +13,7 @@ import {
   __commonJS,
   __require,
   __toESM
-} from "./_node-chunks/chunk-EUKC5ATQ.js";
+} from "./_node-chunks/chunk-IFQ2M2R3.js";
 
 // ../../node_modules/.pnpm/pretty-hrtime@1.0.3/node_modules/pretty-hrtime/index.js
 var require_pretty_hrtime = __commonJS({
@@ -46,16 +46,18 @@ import { logger as rsbuildLogger } from "@rsbuild/core";
 import picocolors from "picocolors";
 import { logger } from "storybook/internal/node-logger";
 function overrideRsbuildLogger() {
-  let logWithPrefix = (fn) => (msg) => fn(`${picocolors.bgCyanBright(" Rsbuild ")} ${String(msg)}`);
+  let logWithPrefix = (fn) => (msg) => fn(
+    `${picocolors.black(picocolors.bgBlueBright("Rsbuild"))} ${String(msg)}`
+  );
   rsbuildLogger.override({
     error: logWithPrefix(logger.error),
     warn: logWithPrefix(logger.warn),
-    info: logWithPrefix(logger.info),
+    info: logWithPrefix((msg) => logger.log(msg, { spacing: 0 })),
+    start: logWithPrefix(logger.info),
+    ready: logWithPrefix(logger.info),
     success: logWithPrefix(logger.info),
-    debug: logWithPrefix(logger.info),
     log: logWithPrefix(logger.info),
-    ready: logWithPrefix(logger.info),
-    start: logWithPrefix(logger.info)
+    debug: logWithPrefix(logger.debug)
   });
 }
 
@@ -201,14 +203,11 @@ var node_logger_namespaceObject = node_logger_x({
   import.meta.url
 ), dist_dirname = external_node_path_namespaceObject.dirname(dist_filename), dist_require = external_node_module_namespaceObject.createRequire(
   import.meta.url
-), __defProp = Object.defineProperty, __name = (target, value) => __defProp(target, "name", { value, configurable: !0 }), webpackConfigs = ["webpack.config", "webpackfile"], loadCustomWebpackConfig = __name(
-  async (configDir) => (0, common_namespaceObject.serverRequire)(
-    webpackConfigs.map(
-      (configName) => (0, external_node_path_namespaceObject.resolve)(configDir, configName)
-    )
-  ),
-  "loadCustomWebpackConfig"
-), checkWebpackVersion = __name((webpack, specifier, caption) => {
+), webpackConfigs = ["webpack.config", "webpackfile"], loadCustomWebpackConfig = async (configDir) => (0, common_namespaceObject.serverRequire)(
+  webpackConfigs.map(
+    (configName) => (0, external_node_path_namespaceObject.resolve)(configDir, configName)
+  )
+), checkWebpackVersion = (webpack, specifier, caption) => {
   if (!webpack.version) {
     node_logger_namespaceObject.logger.info(
       "Skipping webpack version check, no version available"
@@ -224,27 +223,22 @@ var node_logger_namespaceObject = node_logger_x({
 
       For more info about Webpack 5 support: https://gist.github.com/shilman/8856ea1786dcd247139b47b270912324#troubleshooting
     `);
-}, "checkWebpackVersion");
+};
 function mergePluginsField(defaultPlugins = [], customPlugins = []) {
   return [...defaultPlugins, ...customPlugins];
 }
-__name(mergePluginsField, "mergePluginsField");
 function mergeRulesField(defaultRules = [], customRules = []) {
   return [...defaultRules, ...customRules];
 }
-__name(mergeRulesField, "mergeRulesField");
 function mergeExtensionsField({ extensions: defaultExtensions = [] }, { extensions: customExtensions = [] }) {
   return [...defaultExtensions, ...customExtensions];
 }
-__name(mergeExtensionsField, "mergeExtensionsField");
 function mergeAliasField({ alias: defaultAlias = {} }, { alias: customAlias = {} }) {
   return { ...defaultAlias, ...customAlias };
 }
-__name(mergeAliasField, "mergeAliasField");
 function mergeModuleField(a, b) {
   return { ...a, ...b, rules: mergeRulesField(a.rules || [], b.rules || []) };
 }
-__name(mergeModuleField, "mergeModuleField");
 function mergeResolveField({ resolve: defaultResolve = {} }, { resolve: customResolve = {} }) {
   return {
     ...defaultResolve,
@@ -253,11 +247,9 @@ function mergeResolveField({ resolve: defaultResolve = {} }, { resolve: customRe
     extensions: mergeExtensionsField(defaultResolve, customResolve)
   };
 }
-__name(mergeResolveField, "mergeResolveField");
 function mergeOptimizationField({ optimization: defaultOptimization = {} }, { optimization: customOptimization = {} }) {
   return { ...defaultOptimization, ...customOptimization };
 }
-__name(mergeOptimizationField, "mergeOptimizationField");
 function mergeConfigs(config, customConfig) {
   return {
     ...customConfig,
@@ -269,7 +261,6 @@ function mergeConfigs(config, customConfig) {
     optimization: mergeOptimizationField(config, customConfig)
   };
 }
-__name(mergeConfigs, "mergeConfigs");
 function importPipeline() {
   let importGate = Promise.resolve();
   return async (importFn) => {
@@ -280,21 +271,16 @@ function importPipeline() {
     }), moduleExportsPromise;
   };
 }
-__name(importPipeline, "importPipeline");
 function adjustRegexToExcludeNodeModules(originalRegex) {
   let originalRegexString = originalRegex.source, startsWithCaret = originalRegexString.startsWith("^"), excludeNodeModulesPattern = startsWithCaret ? "(?!.*node_modules)" : "^(?!.*node_modules)", adjustedRegexString = startsWithCaret ? `^${excludeNodeModulesPattern}${originalRegexString.substring(1)}` : excludeNodeModulesPattern + originalRegexString;
   return new RegExp(adjustedRegexString);
 }
-__name(adjustRegexToExcludeNodeModules, "adjustRegexToExcludeNodeModules");
 function webpackIncludeRegexp(specifier) {
-  let { directory, files } = specifier, directoryWithoutLeadingDots = directory.replace(/^(\.+\/)+/, "/"), webpackIncludeGlob = [".", ".."].includes(directory) ? files : `${directoryWithoutLeadingDots}/${files}`, webpackIncludeRegexpWithCaret = webpackIncludeGlob.includes(
-    "node_modules"
-  ) ? (0, common_namespaceObject.globToRegexp)(webpackIncludeGlob) : adjustRegexToExcludeNodeModules(
+  let { directory, files } = specifier, directoryWithoutLeadingDots = directory.replace(/^(\.+\/)+/, "/"), webpackIncludeGlob = [".", ".."].includes(directory) ? files : `${directoryWithoutLeadingDots}/${files}`, webpackIncludeRegexpWithCaret = webpackIncludeGlob.includes("node_modules") ? (0, common_namespaceObject.globToRegexp)(webpackIncludeGlob) : adjustRegexToExcludeNodeModules(
     (0, common_namespaceObject.globToRegexp)(webpackIncludeGlob)
   );
   return new RegExp(webpackIncludeRegexpWithCaret.source.replace(/^\^/, ""));
 }
-__name(webpackIncludeRegexp, "webpackIncludeRegexp");
 function toImportFnPart(specifier) {
   let { directory, importPathMatcher } = specifier;
   return (0, dist.TW)`
@@ -313,7 +299,6 @@ function toImportFnPart(specifier) {
 
   `;
 }
-__name(toImportFnPart, "toImportFnPart");
 function toImportFn(stories, { needPipelinedImport } = {}) {
   let pipelinedImport = "const pipeline = (x) => x();";
   return needPipelinedImport && (pipelinedImport = `
@@ -337,18 +322,17 @@ function toImportFn(stories, { needPipelinedImport } = {}) {
     }
   `;
 }
-__name(toImportFn, "toImportFn");
-var toRequireContext = __name((specifier) => {
+var toRequireContext = (specifier) => {
   let { directory, files } = specifier, match = (0, common_namespaceObject.globToRegexp)(`./${files}`);
   return {
     path: directory,
     recursive: files.includes("**") || files.split("/").length > 1,
     match
   };
-}, "toRequireContext"), toRequireContextString = __name((specifier) => {
+}, toRequireContextString = (specifier) => {
   let { path: p, recursive: r, match: m } = toRequireContext(specifier);
   return `require.context('${p}', ${r}, ${m})`;
-}, "toRequireContextString"), __webpack_exports__checkWebpackVersion = __webpack_exports__.il, __webpack_exports__loadCustomWebpackConfig = __webpack_exports__.Tu, __webpack_exports__mergeConfigs = __webpack_exports__.SV, __webpack_exports__toImportFn = __webpack_exports__.T1, __webpack_exports__toImportFnPart = __webpack_exports__.i8, __webpack_exports__toRequireContext = __webpack_exports__.sg, __webpack_exports__toRequireContextString = __webpack_exports__.HO, __webpack_exports__webpackIncludeRegexp = __webpack_exports__.hO;
+}, __webpack_exports__checkWebpackVersion = __webpack_exports__.il, __webpack_exports__loadCustomWebpackConfig = __webpack_exports__.Tu, __webpack_exports__mergeConfigs = __webpack_exports__.SV, __webpack_exports__toImportFn = __webpack_exports__.T1, __webpack_exports__toImportFnPart = __webpack_exports__.i8, __webpack_exports__toRequireContext = __webpack_exports__.sg, __webpack_exports__toRequireContextString = __webpack_exports__.HO, __webpack_exports__webpackIncludeRegexp = __webpack_exports__.hO;
 
 // src/preview/virtual-module-mapping.ts
 var getVirtualModules = async (options) => {
@@ -408,7 +392,7 @@ var require2 = createRequire(import.meta.url), getAbsolutePath = (input) => {
   ".json",
   ".cjs"
 ], globalPath = maybeGetAbsolutePath("@storybook/global"), storybookPaths = {
-  // biome-ignore lint/complexity/useLiteralKeys: <explanation>
+  // biome-ignore lint/complexity/useLiteralKeys: dynamic key required for conditional spread
   ...globalPath ? { "@storybook/global": globalPath } : {}
 }, iframe_rsbuild_config_default = async (options, extraWebpackConfig) => {
   let { rsbuildConfigPath, addonDocs } = await getBuilderOptions2(options), webpackConfigFromPresets = await options.presets.apply("webpack", {}, options);
@@ -567,7 +551,7 @@ var require2 = createRequire(import.meta.url), getAbsolutePath = (input) => {
       swc: (config) => {
         config.env ??= {}, config.env.bugfixes = !0;
       },
-      rspack: (config, { addRules, rspack: rspack2, mergeConfig }) => {
+      rspack: (config, { addRules, rspack, mergeConfig }) => {
         if (addRules({
           test: /\.stories\.([tj])sx?$|(stories|story)\.mdx$/,
           exclude: /node_modules/,
@@ -598,16 +582,16 @@ var require2 = createRequire(import.meta.url), getAbsolutePath = (input) => {
           url: require2.resolve("url"),
           fs: !1,
           constants: require2.resolve("constants-browserify")
-        }, config.optimization ??= {}, config.optimization.runtimeChunk = !0, config.optimization.usedExports = options.build?.test?.disableTreeShaking ? !1 : isProd, config.optimization.moduleIds = "named", config.module ??= {}, config.module.parser ??= {}, config.module.parser.javascript ??= {}, config.module.parser.javascript.exportsPresence = !1, !rspack2.experiments?.VirtualModulesPlugin)
+        }, config.optimization ??= {}, config.optimization.runtimeChunk = !0, config.optimization.usedExports = options.build?.test?.disableTreeShaking ? !1 : isProd, config.optimization.moduleIds = "named", config.module ??= {}, config.module.parser ??= {}, config.module.parser.javascript ??= {}, config.module.parser.javascript.exportsPresence = !1, !rspack.experiments?.VirtualModulesPlugin)
           throw new Error(
             "rspack.experiments.VirtualModulesPlugin requires at least 1.5.0 version of @rsbuild/core, please upgrade or downgrade storybook-rsbuild-builder to lower version."
           );
         return config.plugins ??= [], config.plugins.push(
           ...[
-            Object.keys(virtualModuleMapping).length > 0 ? new rspack2.experiments.VirtualModulesPlugin(
+            Object.keys(virtualModuleMapping).length > 0 ? new rspack.experiments.VirtualModulesPlugin(
               virtualModuleMapping
             ) : null,
-            new rspack2.ProvidePlugin({
+            new rspack.ProvidePlugin({
               process: require2.resolve("process/browser.js")
             }),
             new CaseSensitivePathsPlugin()
@@ -673,7 +657,7 @@ var getIsReactVersion18or19 = async (options) => {
     await readFile(join3(reactDom, "package.json"), "utf-8")
   );
   return version.startsWith("18") || version.startsWith("19") || version.startsWith("0.0.0");
-}, applyReactShims = async (config, options) => await getIsReactVersion18or19(options) ? {} : {
+}, applyReactShims = async (_config, options) => await getIsReactVersion18or19(options) ? {} : {
   resolve: {
     alias: {
       "@storybook/react-dom-shim": "@storybook/react-dom-shim/react-16"
@@ -737,8 +721,7 @@ var start = async ({
   startTime,
   options,
   router,
-  server: storybookServer,
-  channel
+  server: storybookServer
 }) => {
   overrideRsbuildLogger();
   let { createRsbuild } = await executor.get(options), config = await getConfig(options), rsbuildBuild = await createRsbuild({

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

@@ -1,15 +1,15 @@
-import CJS_COMPAT_NODE_URL_8698d093820fd910 from 'node:url';
-import CJS_COMPAT_NODE_PATH_8698d093820fd910 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_8698d093820fd910 from "node:module";
+import CJS_COMPAT_NODE_URL_9f7479727fe3f3ec from 'node:url';
+import CJS_COMPAT_NODE_PATH_9f7479727fe3f3ec from 'node:path';
+import CJS_COMPAT_NODE_MODULE_9f7479727fe3f3ec from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_8698d093820fd910.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_8698d093820fd910.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_8698d093820fd910.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_9f7479727fe3f3ec.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_9f7479727fe3f3ec.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_9f7479727fe3f3ec.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
-import "../_node-chunks/chunk-EUKC5ATQ.js";
+import "../_node-chunks/chunk-IFQ2M2R3.js";
 
 // src/loaders/export-order-loader.ts
 import assert from "node:assert";

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

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

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

@@ -0,0 +1,30 @@
+import CJS_COMPAT_NODE_URL_9f7479727fe3f3ec from 'node:url';
+import CJS_COMPAT_NODE_PATH_9f7479727fe3f3ec from 'node:path';
+import CJS_COMPAT_NODE_MODULE_9f7479727fe3f3ec from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_9f7479727fe3f3ec.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_9f7479727fe3f3ec.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_9f7479727fe3f3ec.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import "../_node-chunks/chunk-IFQ2M2R3.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) {
+    logger.debug(
+      `Could not transform sb.mock(import(...)) calls in ${this.resourcePath}: ${error}`
+    ), callback(null, source, sourceMap, meta);
+  }
+}, storybook_mock_transform_loader_default = storybookMockTransformLoader;
+export {
+  storybook_mock_transform_loader_default as default
+};

package/dist/preview-preset.js

@@ -1,20 +1,171 @@
-import CJS_COMPAT_NODE_URL_8698d093820fd910 from 'node:url';
-import CJS_COMPAT_NODE_PATH_8698d093820fd910 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_8698d093820fd910 from "node:module";
+import CJS_COMPAT_NODE_URL_9f7479727fe3f3ec from 'node:url';
+import CJS_COMPAT_NODE_PATH_9f7479727fe3f3ec from 'node:path';
+import CJS_COMPAT_NODE_MODULE_9f7479727fe3f3ec from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_8698d093820fd910.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_8698d093820fd910.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_8698d093820fd910.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_9f7479727fe3f3ec.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_9f7479727fe3f3ec.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_9f7479727fe3f3ec.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
+import "./_node-chunks/chunk-IFQ2M2R3.js";
+
+// src/preview-preset.ts
+import { createRequire } from "node:module";
+import { fileURLToPath as fileURLToPath2 } from "node:url";
+import { findConfigFile } from "storybook/internal/common";
+
+// src/plugins/rspack-inject-mocker-runtime-plugin.ts
+import { getMockerRuntime } from "storybook/internal/mocking-utils";
+var PLUGIN_NAME = "RspackInjectMockerRuntimePlugin", RspackInjectMockerRuntimePlugin = class {
+  getHtmlPlugin(compiler) {
+    try {
+      return compiler.options.plugins?.find((plugin) => {
+        let name = plugin?.constructor?.name;
+        return name === "HtmlRspackPlugin" || name === "HtmlWebpackPlugin";
+      })?.constructor;
+    } catch (error) {
+      return compiler.getInfrastructureLogger(PLUGIN_NAME).warn(
+        `Unable to locate HTML plugin for mock runtime injection: ${error}`
+      ), null;
+    }
+  }
+  apply(compiler) {
+    let HtmlPlugin = this.getHtmlPlugin(compiler);
+    if (!HtmlPlugin || typeof HtmlPlugin.getHooks != "function") {
+      compiler.getInfrastructureLogger(PLUGIN_NAME).warn("HTML plugin is not available. Cannot inject mocker runtime.");
+      return;
+    }
+    compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
+      HtmlPlugin.getHooks(compilation).beforeAssetTagGeneration.tapAsync(
+        PLUGIN_NAME,
+        (data, cb) => {
+          try {
+            let runtimeScriptContent = getMockerRuntime(), runtimeAssetName = "./mocker-runtime-injected.js", Sources = compiler.webpack?.sources;
+            if (!Sources?.RawSource)
+              throw new Error(
+                "rspack sources is not available on compiler.webpack"
+              );
+            compilation.emitAsset(
+              runtimeAssetName,
+              new Sources.RawSource(runtimeScriptContent)
+            ), data.assets.js.unshift(runtimeAssetName), cb(null, data);
+          } catch (error) {
+            cb(error);
+          }
+        }
+      );
+    });
+  }
+};
+
+// src/plugins/rspack-mock-plugin.ts
+import { dirname, isAbsolute } from "node:path";
+import { fileURLToPath } from "node:url";
+import { rspack } from "@rsbuild/core";
+import { findMockRedirect } from "@vitest/mocker/redirect";
 import {
-  __require
-} from "./_node-chunks/chunk-EUKC5ATQ.js";
+  babelParser,
+  extractMockCalls,
+  getIsExternal,
+  resolveExternalModule,
+  resolveWithExtensions
+} from "storybook/internal/mocking-utils";
+var PLUGIN_NAME2 = "RspackMockPlugin";
+function normalizePath(filePath) {
+  return filePath.replace(/\\/g, "/");
+}
+var RspackMockPlugin = class {
+  constructor(options) {
+    this.mockMap = /* @__PURE__ */ new Map();
+    if (!options.previewConfigPath)
+      throw new Error(`[${PLUGIN_NAME2}] \`previewConfigPath\` is required.`);
+    this.options = options;
+  }
+  apply(compiler) {
+    let logger = compiler.getInfrastructureLogger(PLUGIN_NAME2), updateMocks = () => {
+      this.mockMap = new Map(
+        this.extractAndResolveMocks(compiler).flatMap((mock) => [
+          [normalizePath(mock.absolutePath), mock],
+          [normalizePath(mock.absolutePath.replace(/\.[^.]+$/, "")), mock]
+        ])
+      ), logger.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 rspack.NormalModuleReplacementPlugin(/.*/, (resource) => {
+      try {
+        let path = resource.request, importer = resource.context, absolutePath = getIsExternal(path, importer) ? resolveExternalModule(path, importer) : resolveWithExtensions(path, importer), normalizedAbsolutePath = normalizePath(absolutePath);
+        this.mockMap.has(normalizedAbsolutePath) && (resource.request = this.mockMap.get(
+          normalizedAbsolutePath
+        ).replacementResource);
+      } catch {
+        logger.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));
+    });
+  }
+  extractAndResolveMocks(compiler) {
+    let { previewConfigPath, configDir } = this.options, logger = compiler.getInfrastructureLogger(PLUGIN_NAME2), mocks = extractMockCalls(
+      {
+        previewConfigPath,
+        configDir: 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-rsbuild/loaders/rsbuild-automock-loader"
+          )
+        )}?spy=${mock.spy}!${absolutePath}`, resolvedMocks.push({
+          ...mock,
+          replacementResource
+        });
+      } catch {
+        logger.warn(
+          `Could not resolve mock for "${mock.path}". It will be ignored.`
+        );
+      }
+    return resolvedMocks;
+  }
+};
 
 // src/preview-preset.ts
-var previewMainTemplate = () => __require.resolve("storybook-builder-rsbuild/templates/preview.ejs");
+var require2 = createRequire(import.meta.url), previewMainTemplate = () => require2.resolve("storybook-builder-rsbuild/templates/preview.ejs");
+async function rsbuildFinal(config, options) {
+  let previewConfigPath = findConfigFile("preview", options.configDir);
+  if (!previewConfigPath)
+    return config;
+  let applyMocking = (rspackConfig, utils) => (utils.addRules({
+    test: /preview\.(t|j)sx?$/,
+    use: [
+      {
+        loader: fileURLToPath2(
+          import.meta.resolve(
+            "storybook-builder-rsbuild/loaders/storybook-mock-transform-loader"
+          )
+        )
+      }
+    ]
+  }), rspackConfig.plugins ??= [], rspackConfig.plugins.push(new RspackMockPlugin({ previewConfigPath })), rspackConfig.plugins.push(new RspackInjectMockerRuntimePlugin()), rspackConfig);
+  return {
+    ...config,
+    tools: {
+      ...config.tools,
+      rspack: Array.isArray(config.tools?.rspack) ? [...config.tools.rspack, applyMocking] : [config.tools?.rspack, applyMocking].filter(
+        (v) => !!v
+      )
+    }
+  };
+}
 export {
-  previewMainTemplate
+  previewMainTemplate,
+  rsbuildFinal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-builder-rsbuild",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "description": "Rsbuild builder for Storybook",
   "keywords": [
     "storybook",
@@ -24,6 +24,8 @@
       "default": "./dist/index.js"
     },
     "./loaders/export-order-loader": "./dist/loaders/export-order-loader.js",
+    "./loaders/rsbuild-automock-loader": "./dist/loaders/rsbuild-automock-loader.js",
+    "./loaders/storybook-mock-transform-loader": "./dist/loaders/storybook-mock-transform-loader.js",
     "./package.json": "./package.json",
     "./presets/preview-preset": "./dist/preview-preset.js",
     "./templates/preview.ejs": "./templates/preview.ejs",
@@ -41,16 +43,17 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@rsbuild/plugin-type-check": "^1.2.4",
+    "@rsbuild/plugin-type-check": "^1.3.2",
+    "@vitest/mocker": "3.2.4",
     "browser-assert": "^1.2.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
-    "cjs-module-lexer": "^1.4.3",
+    "cjs-module-lexer": "^2.1.1",
     "constants-browserify": "^1.0.0",
     "es-module-lexer": "^1.7.0",
     "fs-extra": "^11.3.2",
     "magic-string": "^0.30.21",
     "path-browserify": "^1.0.1",
-    "picocolors": "^1.1.0",
+    "picocolors": "^1.1.1",
     "process": "^0.11.10",
     "rsbuild-plugin-html-minifier-terser": "^1.1.2",
     "sirv": "^2.0.4",
@@ -60,24 +63,22 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.7",
-    "@storybook/core-webpack": "^10.0.0",
-    "@types/find-cache-dir": "^5.0.2",
+    "@rsbuild/core": "^1.6.13",
+    "@storybook/core-webpack": "10.1.2",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^22.0.0",
     "@types/pretty-hrtime": "^1.0.3",
-    "find-cache-dir": "^5.0.0",
     "prebundle": "^1.6.0",
     "pretty-hrtime": "^1.0.3",
     "slash": "^5.1.0",
-    "storybook": "10.0.8",
+    "storybook": "10.1.2",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "@rsbuild/core": "^1.5.0",
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-    "storybook": "^10.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "storybook": "^10.1.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -97,7 +98,9 @@
     "entries": [
       "./src/index.ts",
       "./src/preview-preset.ts",
-      "./src/loaders/export-order-loader.ts"
+      "./src/loaders/export-order-loader.ts",
+      "./src/loaders/storybook-mock-transform-loader.ts",
+      "./src/loaders/rsbuild-automock-loader.ts"
     ],
     "platform": "node"
   },

package/templates/virtualModuleModernEntry.js

@@ -1,11 +1,9 @@
+import { importFn } from '{{storiesFilename}}'
+import { global } from '@storybook/global'
 import { createBrowserChannel } from 'storybook/internal/channels'
 import { STORY_HOT_UPDATED } from 'storybook/internal/core-events'
 import { isPreview } from 'storybook/internal/csf'
-
-import { global } from '@storybook/global'
-
-import { PreviewWeb, addons, composeConfigs } from 'storybook/preview-api'
-import { importFn } from '{{storiesFilename}}'
+import { addons, composeConfigs, PreviewWeb } from 'storybook/preview-api'
 
 const getProjectAnnotations = () => {
   const previewAnnotations = ['{{previewAnnotations_requires}}']