storybook-builder-rsbuild 1.0.1 → 1.0.3

package/dist/index.d.ts

@@ -29,7 +29,12 @@ type BuilderOptions = {
     /**
      * Enable Rspack's lazy compilation (experimental).
      */
-    lazyCompilation?: boolean;
+    lazyCompilation?: NonNullable<RsbuildConfig['performance']>['buildCache'];
+    /**
+     * Enable Rspack's [persistent cache(experimental)](https://rspack.dev/config/experiments#experimentscache).
+     * We continue to use the name `fsCache` here to maintain better compatibility with the webpack builder.
+     */
+    fsCache?: boolean;
     /**
      * Which environment to use from the Rsbuild config.
      */

package/dist/index.js

@@ -102,6 +102,41 @@ var require_pretty_hrtime = __commonJS({
   }
 });
 
+// ../../node_modules/.pnpm/common-path-prefix@3.0.0/node_modules/common-path-prefix/index.js
+var require_common_path_prefix = __commonJS({
+  "../../node_modules/.pnpm/common-path-prefix@3.0.0/node_modules/common-path-prefix/index.js"(exports, module2) {
+    "use strict";
+    var { sep: DEFAULT_SEPARATOR } = require("path");
+    var determineSeparator = (paths) => {
+      for (const path6 of paths) {
+        const match = /(\/|\\)/.exec(path6);
+        if (match !== null)
+          return match[0];
+      }
+      return DEFAULT_SEPARATOR;
+    };
+    module2.exports = function commonPathPrefix2(paths, sep = determineSeparator(paths)) {
+      const [first = "", ...remaining] = paths;
+      if (first === "" || remaining.length === 0)
+        return "";
+      const parts = first.split(sep);
+      let endOfPrefix = parts.length;
+      for (const path6 of remaining) {
+        const compare = path6.split(sep);
+        for (let i = 0; i < endOfPrefix; i++) {
+          if (compare[i] !== parts[i]) {
+            endOfPrefix = i;
+          }
+        }
+        if (endOfPrefix === 0)
+          return "";
+      }
+      const prefix = parts.slice(0, endOfPrefix).join(sep);
+      return prefix.endsWith(sep) ? prefix : prefix + sep;
+    };
+  }
+});
+
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
@@ -120,7 +155,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var import_node_net = require("net");
-var import_node_path5 = require("path");
+var import_node_path9 = require("path");
 var rsbuildReal = __toESM(require("@rsbuild/core"));
 var import_fs_extra = __toESM(require("fs-extra"));
 var import_pretty_hrtime = __toESM(require_pretty_hrtime());
@@ -130,10 +165,10 @@ var import_common3 = require("storybook/internal/common");
 var import_server_errors = require("storybook/internal/server-errors");
 
 // src/preview/iframe-rsbuild.config.ts
-var import_node_path3 = require("path");
+var import_node_path7 = require("path");
 var import_core = require("@rsbuild/core");
 var import_plugin_type_check = require("@rsbuild/plugin-type-check");
-var import_preset = require("@storybook/addon-docs/dist/preset");
+var import_preset = require("@storybook/addon-docs/preset");
 var import_case_sensitive_paths_webpack_plugin = __toESM(require("case-sensitive-paths-webpack-plugin"));
 var import_rsbuild_plugin_html_minifier_terser = require("rsbuild-plugin-html-minifier-terser");
 var import_common2 = require("storybook/internal/common");
@@ -141,19 +176,166 @@ var import_globals = require("storybook/internal/preview/globals");
 var import_ts_dedent2 = require("ts-dedent");
 
 // src/preview/virtual-module-mapping.ts
-var import_node_fs = __toESM(require("fs"));
-var import_node_path = __toESM(require("path"));
-var import_node_path2 = require("path");
+var import_node_fs4 = __toESM(require("fs"));
+var import_node_path5 = __toESM(require("path"));
+var import_node_path6 = require("path");
 var import_core_webpack = require("@storybook/core-webpack");
-var import_find_cache_dir = __toESM(require("find-cache-dir"));
+
+// ../../node_modules/.pnpm/find-cache-dir@5.0.0/node_modules/find-cache-dir/index.js
+var import_node_process2 = __toESM(require("process"), 1);
+var import_node_path4 = __toESM(require("path"), 1);
+var import_node_fs3 = __toESM(require("fs"), 1);
+var import_common_path_prefix = __toESM(require_common_path_prefix(), 1);
+
+// ../../node_modules/.pnpm/pkg-dir@7.0.0/node_modules/pkg-dir/index.js
+var import_node_path3 = __toESM(require("path"), 1);
+
+// ../../node_modules/.pnpm/find-up@6.3.0/node_modules/find-up/index.js
+var import_node_path2 = __toESM(require("path"), 1);
+var import_node_url2 = require("url");
+
+// ../../node_modules/.pnpm/locate-path@7.2.0/node_modules/locate-path/index.js
+var import_node_process = __toESM(require("process"), 1);
+var import_node_path = __toESM(require("path"), 1);
+var import_node_fs = __toESM(require("fs"), 1);
+var import_node_url = require("url");
+var typeMappings = {
+  directory: "isDirectory",
+  file: "isFile"
+};
+function checkType(type) {
+  if (Object.hasOwnProperty.call(typeMappings, type)) {
+    return;
+  }
+  throw new Error(`Invalid type specified: ${type}`);
+}
+var matchType = (type, stat) => stat[typeMappings[type]]();
+var toPath = (urlOrPath) => urlOrPath instanceof URL ? (0, import_node_url.fileURLToPath)(urlOrPath) : urlOrPath;
+function locatePathSync(paths, {
+  cwd: cwd2 = import_node_process.default.cwd(),
+  type = "file",
+  allowSymlinks = true
+} = {}) {
+  checkType(type);
+  cwd2 = toPath(cwd2);
+  const statFunction = allowSymlinks ? import_node_fs.default.statSync : import_node_fs.default.lstatSync;
+  for (const path_ of paths) {
+    try {
+      const stat = statFunction(import_node_path.default.resolve(cwd2, path_), {
+        throwIfNoEntry: false
+      });
+      if (!stat) {
+        continue;
+      }
+      if (matchType(type, stat)) {
+        return path_;
+      }
+    } catch {
+    }
+  }
+}
+
+// ../../node_modules/.pnpm/path-exists@5.0.0/node_modules/path-exists/index.js
+var import_node_fs2 = __toESM(require("fs"), 1);
+
+// ../../node_modules/.pnpm/find-up@6.3.0/node_modules/find-up/index.js
+var toPath2 = (urlOrPath) => urlOrPath instanceof URL ? (0, import_node_url2.fileURLToPath)(urlOrPath) : urlOrPath;
+var findUpStop = Symbol("findUpStop");
+function findUpMultipleSync(name, options = {}) {
+  let directory = import_node_path2.default.resolve(toPath2(options.cwd) || "");
+  const { root } = import_node_path2.default.parse(directory);
+  const stopAt = options.stopAt || root;
+  const limit = options.limit || Number.POSITIVE_INFINITY;
+  const paths = [name].flat();
+  const runMatcher = (locateOptions) => {
+    if (typeof name !== "function") {
+      return locatePathSync(paths, locateOptions);
+    }
+    const foundPath = name(locateOptions.cwd);
+    if (typeof foundPath === "string") {
+      return locatePathSync([foundPath], locateOptions);
+    }
+    return foundPath;
+  };
+  const matches = [];
+  while (true) {
+    const foundPath = runMatcher({ ...options, cwd: directory });
+    if (foundPath === findUpStop) {
+      break;
+    }
+    if (foundPath) {
+      matches.push(import_node_path2.default.resolve(directory, foundPath));
+    }
+    if (directory === stopAt || matches.length >= limit) {
+      break;
+    }
+    directory = import_node_path2.default.dirname(directory);
+  }
+  return matches;
+}
+function findUpSync(name, options = {}) {
+  const matches = findUpMultipleSync(name, { ...options, limit: 1 });
+  return matches[0];
+}
+
+// ../../node_modules/.pnpm/pkg-dir@7.0.0/node_modules/pkg-dir/index.js
+function packageDirectorySync({ cwd: cwd2 } = {}) {
+  const filePath = findUpSync("package.json", { cwd: cwd2 });
+  return filePath && import_node_path3.default.dirname(filePath);
+}
+
+// ../../node_modules/.pnpm/find-cache-dir@5.0.0/node_modules/find-cache-dir/index.js
+var { env, cwd } = import_node_process2.default;
+var isWritable = (path6) => {
+  try {
+    import_node_fs3.default.accessSync(path6, import_node_fs3.default.constants.W_OK);
+    return true;
+  } catch {
+    return false;
+  }
+};
+function useDirectory(directory, options) {
+  if (options.create) {
+    import_node_fs3.default.mkdirSync(directory, { recursive: true });
+  }
+  return directory;
+}
+function getNodeModuleDirectory(directory) {
+  const nodeModules = import_node_path4.default.join(directory, "node_modules");
+  if (!isWritable(nodeModules) && (import_node_fs3.default.existsSync(nodeModules) || !isWritable(import_node_path4.default.join(directory)))) {
+    return;
+  }
+  return nodeModules;
+}
+function findCacheDirectory(options = {}) {
+  if (env.CACHE_DIR && !["true", "false", "1", "0"].includes(env.CACHE_DIR)) {
+    return useDirectory(import_node_path4.default.join(env.CACHE_DIR, options.name), options);
+  }
+  let { cwd: directory = cwd(), files } = options;
+  if (files) {
+    if (!Array.isArray(files)) {
+      throw new TypeError(`Expected \`files\` option to be an array, got \`${typeof files}\`.`);
+    }
+    directory = (0, import_common_path_prefix.default)(files.map((file) => import_node_path4.default.resolve(directory, file)));
+  }
+  directory = packageDirectorySync({ cwd: directory });
+  if (!directory) {
+    return;
+  }
+  const nodeModules = getNodeModuleDirectory(directory);
+  if (!nodeModules) {
+    return;
+  }
+  return useDirectory(import_node_path4.default.join(directory, "node_modules", ".cache", options.name), options);
+}
 
 // ../../node_modules/.pnpm/slash@5.1.0/node_modules/slash/index.js
-function slash(path2) {
-  const isExtendedLengthPath = path2.startsWith("\\\\?\\");
+function slash(path6) {
+  const isExtendedLengthPath = path6.startsWith("\\\\?\\");
   if (isExtendedLengthPath) {
-    return path2;
+    return path6;
   }
-  return path2.replace(/\\/g, "/");
+  return path6.replace(/\\/g, "/");
 }
 
 // src/preview/virtual-module-mapping.ts
@@ -161,17 +343,17 @@ var import_common = require("storybook/internal/common");
 var import_ts_dedent = require("ts-dedent");
 var getVirtualModules = async (options) => {
   const virtualModules = {};
-  const cwd = process.cwd();
+  const cwd2 = process.cwd();
   const workingDir = options.cache ? (
     // TODO: This is a hard code cache dir, as Rspack doesn't support virtual modules now.
     // Remove this when Rspack supports virtual modules.
-    (0, import_find_cache_dir.default)({
+    findCacheDirectory({
       name: "storybook-rsbuild-builder",
       create: true
     })
   ) : process.cwd();
-  if (!import_node_fs.default.existsSync(workingDir)) {
-    import_node_fs.default.mkdirSync(workingDir, { recursive: true });
+  if (!import_node_fs4.default.existsSync(workingDir)) {
+    import_node_fs4.default.mkdirSync(workingDir, { recursive: true });
   }
   const isProd = options.configType === "PRODUCTION";
   const nonNormalizedStories = await options.presets.apply("stories", []);
@@ -180,7 +362,7 @@ var getVirtualModules = async (options) => {
     configDir: options.configDir,
     workingDir
   });
-  const realPathRelativeToCwd = import_node_path.default.relative(workingDir, cwd).split(import_node_path.default.sep).join(import_node_path.default.posix.sep);
+  const realPathRelativeToCwd = import_node_path5.default.relative(workingDir, cwd2).split(import_node_path5.default.sep).join(import_node_path5.default.posix.sep);
   const previewAnnotations = [
     ...(await options.presets.apply(
       "previewAnnotations",
@@ -195,13 +377,13 @@ var getVirtualModules = async (options) => {
     (0, import_common.loadPreviewOrConfigFile)(options)
   ].filter(Boolean);
   const storiesFilename = "storybook-stories.js";
-  const storiesPath = (0, import_node_path2.resolve)((0, import_node_path2.join)(workingDir, storiesFilename));
+  const storiesPath = (0, import_node_path6.resolve)((0, import_node_path6.join)(workingDir, storiesFilename));
   const builderOptions = await (0, import_common.getBuilderOptions)(options);
   const needPipelinedImport = !!builderOptions.lazyCompilation && !isProd;
   virtualModules[storiesPath] = toImportFn(stories, realPathRelativeToCwd, {
     needPipelinedImport
   });
-  const configEntryPath = (0, import_node_path2.resolve)((0, import_node_path2.join)(workingDir, "storybook-config-entry.js"));
+  const configEntryPath = (0, import_node_path6.resolve)((0, import_node_path6.join)(workingDir, "storybook-config-entry.js"));
   virtualModules[configEntryPath] = (await (0, import_common.readTemplate)(
     require.resolve("storybook-builder-rsbuild/templates/virtualModuleModernEntry.js")
   )).replaceAll(`'{{storiesFilename}}'`, `'./${storiesFilename}'`).replaceAll(
@@ -213,7 +395,7 @@ var getVirtualModules = async (options) => {
   ).replace(/\\/g, "\\\\");
   entries.push(configEntryPath);
   for (const [key, value] of Object.entries(virtualModules)) {
-    import_node_fs.default.writeFileSync(key, value);
+    import_node_fs4.default.writeFileSync(key, value);
   }
   return {
     virtualModules,
@@ -288,7 +470,7 @@ function importPipeline() {
 }
 
 // src/preview/iframe-rsbuild.config.ts
-var getAbsolutePath = (input) => (0, import_node_path3.dirname)(require.resolve((0, import_node_path3.join)(input, "package.json")));
+var getAbsolutePath = (input) => (0, import_node_path7.dirname)(require.resolve((0, import_node_path7.join)(input, "package.json")));
 var maybeGetAbsolutePath = (input) => {
   try {
     return getAbsolutePath(input);
@@ -323,7 +505,7 @@ var iframe_rsbuild_config_default = async (options, extraWebpackConfig) => {
   const { rsbuildConfigPath, addonDocs } = await (0, import_common2.getBuilderOptions)(options);
   const appliedDocsWebpack = await (0, import_preset.webpack)({}, { ...options, ...addonDocs });
   const {
-    outputDir = (0, import_node_path3.join)(".", "public"),
+    outputDir = (0, import_node_path7.join)(".", "public"),
     quiet,
     packageJson,
     configType,
@@ -370,6 +552,7 @@ var iframe_rsbuild_config_default = async (options, extraWebpackConfig) => {
   const shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipCompiler;
   const tsCheckOptions = typescriptOptions.checkOptions || {};
   const builderOptions = await (0, import_common2.getBuilderOptions)(options);
+  const cacheConfig = builderOptions.fsCache ? true : void 0;
   const lazyCompilationConfig = builderOptions.lazyCompilation && !isProd ? {
     lazyCompilation: { entries: false }
   } : {};
@@ -440,7 +623,7 @@ var iframe_rsbuild_config_default = async (options, extraWebpackConfig) => {
         css: !options.build?.test?.disableSourcemaps
       },
       distPath: {
-        root: (0, import_node_path3.resolve)(process.cwd(), outputDir)
+        root: (0, import_node_path7.resolve)(process.cwd(), outputDir)
       },
       filename: {
         js: isProd ? "[name].[contenthash:8].iframe.bundle.js" : "[name].iframe.bundle.js",
@@ -481,7 +664,8 @@ var iframe_rsbuild_config_default = async (options, extraWebpackConfig) => {
         splitChunks: {
           chunks: "all"
         }
-      }
+      },
+      buildCache: cacheConfig
     },
     plugins: [
       shouldCheckTs ? (0, import_plugin_type_check.pluginTypeCheck)(tsCheckOptions) : null,
@@ -553,7 +737,7 @@ var iframe_rsbuild_config_default = async (options, extraWebpackConfig) => {
           ...config.experiments,
           ...lazyCompilationConfig
         };
-        return mergeConfig(config, extraWebpackConfig, appliedDocsWebpack);
+        return mergeConfig(config, extraWebpackConfig || {}, appliedDocsWebpack);
       },
       htmlPlugin: {
         filename: "iframe.html",
@@ -590,7 +774,7 @@ var iframe_rsbuild_config_default = async (options, extraWebpackConfig) => {
 
 // src/react-shims.ts
 var import_promises = require("fs/promises");
-var import_node_path4 = require("path");
+var import_node_path8 = require("path");
 var getIsReactVersion18or19 = async (options) => {
   const { legacyRootApi } = await options.presets.apply(
     "frameworkOptions"
@@ -602,12 +786,12 @@ var getIsReactVersion18or19 = async (options) => {
     "resolvedReact",
     {}
   );
-  const reactDom = resolvedReact.reactDom || (0, import_node_path4.dirname)(require.resolve("react-dom/package.json"));
-  if (!(0, import_node_path4.isAbsolute)(reactDom)) {
+  const reactDom = resolvedReact.reactDom || (0, import_node_path8.dirname)(require.resolve("react-dom/package.json"));
+  if (!(0, import_node_path8.isAbsolute)(reactDom)) {
     return false;
   }
   const { version } = JSON.parse(
-    await (0, import_promises.readFile)((0, import_node_path4.join)(reactDom, "package.json"), "utf-8")
+    await (0, import_promises.readFile)((0, import_node_path8.join)(reactDom, "package.json"), "utf-8")
   );
   return version.startsWith("18") || version.startsWith("19") || version.startsWith("0.0.0");
 };
@@ -650,13 +834,14 @@ var rsbuild = async (_, options) => {
     "webpackFinal",
     // TODO: using empty webpack config as base for now. It's better to using the composed rspack
     // config in `iframe-rsbuild.config.ts` as base config. But when `tools.rspack` is an async function,
-    // the following `tools.rspack` raise an ` Promises are not supported` error.
+    // the following `tools.rspack` raise an `Promises are not supported` error.
     {
       output: {},
       module: {},
       plugins: [],
       resolve: {},
-      devServer: {},
+      // https://github.com/web-infra-dev/rsbuild/blob/8dc35dc1d1500d2f119875d46b6a07e27986d532/packages/core/src/provider/rspackConfig.ts#L167
+      devServer: void 0,
       optimization: {},
       performance: {},
       externals: {},
@@ -732,7 +917,7 @@ var start = async ({
       error: new Error("Missing Rsbuild build instance at runtime!")
     });
   }
-  const previewResolvedDir = (0, import_node_path5.join)(import_core_path.corePath, "dist/preview");
+  const previewResolvedDir = (0, import_node_path9.join)(import_core_path.corePath, "dist/preview");
   const previewDirOrigin = previewResolvedDir;
   router.use(
     "/sb-preview",
@@ -755,16 +940,16 @@ var build = async ({ options }) => {
     cwd: process.cwd(),
     rsbuildConfig: config
   });
-  const previewResolvedDir = (0, import_node_path5.join)(import_core_path.corePath, "dist/preview");
+  const previewResolvedDir = (0, import_node_path9.join)(import_core_path.corePath, "dist/preview");
   const previewDirOrigin = previewResolvedDir;
-  const previewDirTarget = (0, import_node_path5.join)(options.outputDir || "", "sb-preview");
+  const previewDirTarget = (0, import_node_path9.join)(options.outputDir || "", "sb-preview");
   let stats;
   rsbuildBuild.onAfterBuild((params) => {
     stats = params.stats;
   });
   const previewFiles = import_fs_extra.default.copy(previewDirOrigin, previewDirTarget, {
     filter: (src) => {
-      const { ext } = (0, import_node_path5.parse)(src);
+      const { ext } = (0, import_node_path9.parse)(src);
       if (ext) {
         return ext === ".js";
       }
@@ -778,7 +963,7 @@ var build = async ({ options }) => {
   await close();
   return stats;
 };
-var corePresets = [(0, import_node_path5.join)(__dirname, "./preview-preset.js")];
+var corePresets = [(0, import_node_path9.join)(__dirname, "./preview-preset.js")];
 var previewMainTemplate = () => require.resolve("storybook-builder-rsbuild/templates/preview.ejs");
 function getRandomPort(host) {
   return new Promise((resolve3, reject) => {

package/dist/index.mjs

@@ -1,22 +1,23 @@
-import { __commonJS, __toESM, __require } from './chunk-TTFRSOOU.mjs';
+import { __commonJS, __require, __toESM } from './chunk-TTFRSOOU.mjs';
 import { createServer } from 'net';
-import path, { join, resolve, parse, dirname, isAbsolute } from 'path';
+import path4, { join, resolve, parse, dirname, isAbsolute } from 'path';
 import * as rsbuildReal from '@rsbuild/core';
 import { loadConfig, mergeRsbuildConfig } from '@rsbuild/core';
-import fs2 from 'fs-extra';
+import fs4 from 'fs-extra';
 import sirv from 'sirv';
 import { corePath } from 'storybook/core-path';
 import { normalizeStories, loadPreviewOrConfigFile, getBuilderOptions, readTemplate, resolveAddonName, getPresets, stringifyProcessEnvs, isPreservingSymlinks } from 'storybook/internal/common';
 import { WebpackInvocationError } from 'storybook/internal/server-errors';
 import { pluginTypeCheck } from '@rsbuild/plugin-type-check';
-import { webpack } from '@storybook/addon-docs/dist/preset';
+import { webpack } from '@storybook/addon-docs/preset';
 import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
 import { pluginHtmlMinifierTerser } from 'rsbuild-plugin-html-minifier-terser';
 import { globalsNameReferenceMap } from 'storybook/internal/preview/globals';
 import { dedent } from 'ts-dedent';
-import fs from 'fs';
+import fs2 from 'fs';
 import { webpackIncludeRegexp } from '@storybook/core-webpack';
-import findCacheDirectory from 'find-cache-dir';
+import process2 from 'process';
+import { fileURLToPath } from 'url';
 import { readFile } from 'fs/promises';
 
 // ../../node_modules/.pnpm/pretty-hrtime@1.0.3/node_modules/pretty-hrtime/index.js
@@ -90,20 +91,183 @@ var require_pretty_hrtime = __commonJS({
   }
 });
 
+// ../../node_modules/.pnpm/common-path-prefix@3.0.0/node_modules/common-path-prefix/index.js
+var require_common_path_prefix = __commonJS({
+  "../../node_modules/.pnpm/common-path-prefix@3.0.0/node_modules/common-path-prefix/index.js"(exports, module) {
+    var { sep: DEFAULT_SEPARATOR } = __require("path");
+    var determineSeparator = (paths) => {
+      for (const path6 of paths) {
+        const match = /(\/|\\)/.exec(path6);
+        if (match !== null)
+          return match[0];
+      }
+      return DEFAULT_SEPARATOR;
+    };
+    module.exports = function commonPathPrefix2(paths, sep = determineSeparator(paths)) {
+      const [first = "", ...remaining] = paths;
+      if (first === "" || remaining.length === 0)
+        return "";
+      const parts = first.split(sep);
+      let endOfPrefix = parts.length;
+      for (const path6 of remaining) {
+        const compare = path6.split(sep);
+        for (let i = 0; i < endOfPrefix; i++) {
+          if (compare[i] !== parts[i]) {
+            endOfPrefix = i;
+          }
+        }
+        if (endOfPrefix === 0)
+          return "";
+      }
+      const prefix = parts.slice(0, endOfPrefix).join(sep);
+      return prefix.endsWith(sep) ? prefix : prefix + sep;
+    };
+  }
+});
+
 // src/index.ts
 var import_pretty_hrtime = __toESM(require_pretty_hrtime());
 
+// ../../node_modules/.pnpm/find-cache-dir@5.0.0/node_modules/find-cache-dir/index.js
+var import_common_path_prefix = __toESM(require_common_path_prefix(), 1);
+var typeMappings = {
+  directory: "isDirectory",
+  file: "isFile"
+};
+function checkType(type) {
+  if (Object.hasOwnProperty.call(typeMappings, type)) {
+    return;
+  }
+  throw new Error(`Invalid type specified: ${type}`);
+}
+var matchType = (type, stat) => stat[typeMappings[type]]();
+var toPath = (urlOrPath) => urlOrPath instanceof URL ? fileURLToPath(urlOrPath) : urlOrPath;
+function locatePathSync(paths, {
+  cwd: cwd2 = process2.cwd(),
+  type = "file",
+  allowSymlinks = true
+} = {}) {
+  checkType(type);
+  cwd2 = toPath(cwd2);
+  const statFunction = allowSymlinks ? fs2.statSync : fs2.lstatSync;
+  for (const path_ of paths) {
+    try {
+      const stat = statFunction(path4.resolve(cwd2, path_), {
+        throwIfNoEntry: false
+      });
+      if (!stat) {
+        continue;
+      }
+      if (matchType(type, stat)) {
+        return path_;
+      }
+    } catch {
+    }
+  }
+}
+
+// ../../node_modules/.pnpm/find-up@6.3.0/node_modules/find-up/index.js
+var toPath2 = (urlOrPath) => urlOrPath instanceof URL ? fileURLToPath(urlOrPath) : urlOrPath;
+var findUpStop = Symbol("findUpStop");
+function findUpMultipleSync(name, options = {}) {
+  let directory = path4.resolve(toPath2(options.cwd) || "");
+  const { root } = path4.parse(directory);
+  const stopAt = options.stopAt || root;
+  const limit = options.limit || Number.POSITIVE_INFINITY;
+  const paths = [name].flat();
+  const runMatcher = (locateOptions) => {
+    if (typeof name !== "function") {
+      return locatePathSync(paths, locateOptions);
+    }
+    const foundPath = name(locateOptions.cwd);
+    if (typeof foundPath === "string") {
+      return locatePathSync([foundPath], locateOptions);
+    }
+    return foundPath;
+  };
+  const matches = [];
+  while (true) {
+    const foundPath = runMatcher({ ...options, cwd: directory });
+    if (foundPath === findUpStop) {
+      break;
+    }
+    if (foundPath) {
+      matches.push(path4.resolve(directory, foundPath));
+    }
+    if (directory === stopAt || matches.length >= limit) {
+      break;
+    }
+    directory = path4.dirname(directory);
+  }
+  return matches;
+}
+function findUpSync(name, options = {}) {
+  const matches = findUpMultipleSync(name, { ...options, limit: 1 });
+  return matches[0];
+}
+
+// ../../node_modules/.pnpm/pkg-dir@7.0.0/node_modules/pkg-dir/index.js
+function packageDirectorySync({ cwd: cwd2 } = {}) {
+  const filePath = findUpSync("package.json", { cwd: cwd2 });
+  return filePath && path4.dirname(filePath);
+}
+
+// ../../node_modules/.pnpm/find-cache-dir@5.0.0/node_modules/find-cache-dir/index.js
+var { env, cwd } = process2;
+var isWritable = (path6) => {
+  try {
+    fs2.accessSync(path6, fs2.constants.W_OK);
+    return true;
+  } catch {
+    return false;
+  }
+};
+function useDirectory(directory, options) {
+  if (options.create) {
+    fs2.mkdirSync(directory, { recursive: true });
+  }
+  return directory;
+}
+function getNodeModuleDirectory(directory) {
+  const nodeModules = path4.join(directory, "node_modules");
+  if (!isWritable(nodeModules) && (fs2.existsSync(nodeModules) || !isWritable(path4.join(directory)))) {
+    return;
+  }
+  return nodeModules;
+}
+function findCacheDirectory(options = {}) {
+  if (env.CACHE_DIR && !["true", "false", "1", "0"].includes(env.CACHE_DIR)) {
+    return useDirectory(path4.join(env.CACHE_DIR, options.name), options);
+  }
+  let { cwd: directory = cwd(), files } = options;
+  if (files) {
+    if (!Array.isArray(files)) {
+      throw new TypeError(`Expected \`files\` option to be an array, got \`${typeof files}\`.`);
+    }
+    directory = (0, import_common_path_prefix.default)(files.map((file) => path4.resolve(directory, file)));
+  }
+  directory = packageDirectorySync({ cwd: directory });
+  if (!directory) {
+    return;
+  }
+  const nodeModules = getNodeModuleDirectory(directory);
+  if (!nodeModules) {
+    return;
+  }
+  return useDirectory(path4.join(directory, "node_modules", ".cache", options.name), options);
+}
+
 // ../../node_modules/.pnpm/slash@5.1.0/node_modules/slash/index.js
-function slash(path2) {
-  const isExtendedLengthPath = path2.startsWith("\\\\?\\");
+function slash(path6) {
+  const isExtendedLengthPath = path6.startsWith("\\\\?\\");
   if (isExtendedLengthPath) {
-    return path2;
+    return path6;
   }
-  return path2.replace(/\\/g, "/");
+  return path6.replace(/\\/g, "/");
 }
 var getVirtualModules = async (options) => {
   const virtualModules = {};
-  const cwd = process.cwd();
+  const cwd2 = process.cwd();
   const workingDir = options.cache ? (
     // TODO: This is a hard code cache dir, as Rspack doesn't support virtual modules now.
     // Remove this when Rspack supports virtual modules.
@@ -112,8 +276,8 @@ var getVirtualModules = async (options) => {
       create: true
     })
   ) : process.cwd();
-  if (!fs.existsSync(workingDir)) {
-    fs.mkdirSync(workingDir, { recursive: true });
+  if (!fs2.existsSync(workingDir)) {
+    fs2.mkdirSync(workingDir, { recursive: true });
   }
   const isProd = options.configType === "PRODUCTION";
   const nonNormalizedStories = await options.presets.apply("stories", []);
@@ -122,7 +286,7 @@ var getVirtualModules = async (options) => {
     configDir: options.configDir,
     workingDir
   });
-  const realPathRelativeToCwd = path.relative(workingDir, cwd).split(path.sep).join(path.posix.sep);
+  const realPathRelativeToCwd = path4.relative(workingDir, cwd2).split(path4.sep).join(path4.posix.sep);
   const previewAnnotations = [
     ...(await options.presets.apply(
       "previewAnnotations",
@@ -157,7 +321,7 @@ var getVirtualModules = async (options) => {
   ).replace(/\\/g, "\\\\");
   entries.push(configEntryPath);
   for (const [key, value] of Object.entries(virtualModules)) {
-    fs.writeFileSync(key, value);
+    fs2.writeFileSync(key, value);
   }
   return {
     virtualModules,
@@ -314,6 +478,7 @@ var iframe_rsbuild_config_default = async (options, extraWebpackConfig) => {
   const shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipCompiler;
   const tsCheckOptions = typescriptOptions.checkOptions || {};
   const builderOptions = await getBuilderOptions(options);
+  const cacheConfig = builderOptions.fsCache ? true : void 0;
   const lazyCompilationConfig = builderOptions.lazyCompilation && !isProd ? {
     lazyCompilation: { entries: false }
   } : {};
@@ -425,7 +590,8 @@ var iframe_rsbuild_config_default = async (options, extraWebpackConfig) => {
         splitChunks: {
           chunks: "all"
         }
-      }
+      },
+      buildCache: cacheConfig
     },
     plugins: [
       shouldCheckTs ? pluginTypeCheck(tsCheckOptions) : null,
@@ -499,7 +665,7 @@ var iframe_rsbuild_config_default = async (options, extraWebpackConfig) => {
           ...config.experiments,
           ...lazyCompilationConfig
         };
-        return mergeConfig(config, extraWebpackConfig, appliedDocsWebpack);
+        return mergeConfig(config, extraWebpackConfig || {}, appliedDocsWebpack);
       },
       htmlPlugin: {
         filename: "iframe.html",
@@ -592,13 +758,14 @@ var rsbuild = async (_, options) => {
     "webpackFinal",
     // TODO: using empty webpack config as base for now. It's better to using the composed rspack
     // config in `iframe-rsbuild.config.ts` as base config. But when `tools.rspack` is an async function,
-    // the following `tools.rspack` raise an ` Promises are not supported` error.
+    // the following `tools.rspack` raise an `Promises are not supported` error.
     {
       output: {},
       module: {},
       plugins: [],
       resolve: {},
-      devServer: {},
+      // https://github.com/web-infra-dev/rsbuild/blob/8dc35dc1d1500d2f119875d46b6a07e27986d532/packages/core/src/provider/rspackConfig.ts#L167
+      devServer: void 0,
       optimization: {},
       performance: {},
       externals: {},
@@ -704,7 +871,7 @@ var build = async ({ options }) => {
   rsbuildBuild.onAfterBuild((params) => {
     stats = params.stats;
   });
-  const previewFiles = fs2.copy(previewDirOrigin, previewDirTarget, {
+  const previewFiles = fs4.copy(previewDirOrigin, previewDirTarget, {
     filter: (src) => {
       const { ext } = parse(src);
       if (ext) {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "storybook-builder-rsbuild",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Rsbuild builder for Storybook",
   "keywords": [
     "storybook",
     "rsbuild",
     "rspack"
   ],
-  "homepage": "https://storybook-rsbuild.netlify.app",
+  "homepage": "https://storybook.rsbuild.dev",
   "bugs": {
     "url": "https://github.com/rspack-contrib/storybook-rsbuild/issues"
   },
@@ -57,15 +57,14 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@rsbuild/plugin-type-check": "^1.2.1",
-    "@storybook/addon-docs": "^8.2.1",
-    "@storybook/core-webpack": "^8.2.1",
+    "@rsbuild/plugin-type-check": "^1.2.2",
+    "@storybook/addon-docs": "^8.6.14",
+    "@storybook/core-webpack": "^8.6.14",
     "browser-assert": "^1.2.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "cjs-module-lexer": "^1.4.3",
     "constants-browserify": "^1.0.0",
     "es-module-lexer": "^1.6.0",
-    "find-cache-dir": "^5.0.0",
     "fs-extra": "^11.3.0",
     "magic-string": "^0.30.17",
     "path-browserify": "^1.0.1",
@@ -78,14 +77,15 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.1.13",
+    "@rsbuild/core": "^1.3.22",
     "@types/find-cache-dir": "^5.0.2",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^18.0.0",
     "@types/pretty-hrtime": "^1.0.3",
+    "find-cache-dir": "^5.0.0",
     "pretty-hrtime": "^1.0.3",
     "slash": "^5.1.0",
-    "storybook": "8.6.3",
+    "storybook": "8.6.14",
     "typescript": "^5.7.3"
   },
   "peerDependencies": {