storybook-builder-rsbuild 0.0.1-beta.0 → 0.0.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 fi3ework
+Copyright (c) 2024-present Bytedance, Inc. and its affiliates.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,11 +1,152 @@
-# Builder-Webpack5
+# storybook-builder-rsbuild
 
-Builder implemented with `webpack5` and `webpack5`-compatible loaders/plugins/config, used by `@storybook/core-server` to build the preview iframe.
+Storybook builder powered by Rsbuild.
+
+## Installation
+
+Requirements: `@rsbuild/core >= 0.6.15`, In Storybook v8, you don't need to manually install storybook-builder-rsbuild, it has been depended by the framework, such as storybook-react-rsbuild and storybook-vue3-rsbuild.
+
+## Usage
+
+### Use with React
+
+1. Install `storybook-react-rsbuild`.
+2. Change `.storybook/main.js`
+
+   ```js
+   import { StorybookConfig } from 'storybook-react-rsbuild'
+
+   const config: StorybookConfig = {
+     framework: 'storybook-react-rsbuild',
+     rsbuildFinal: (config) => {
+       // Customize the final webpack config here
+       return config;
+     },
+   };
+
+   export default config;
+   ```
+
+Now you're all set.
+
+### Use with Vue3
+
+1. Install `storybook-vue3-rsbuild`.
+2. Change `.storybook/main.js`
+
+   ```js
+   import { StorybookConfig } from 'storybook-vue3-rsbuild'
+
+   const config: StorybookConfig = {
+     framework: 'storybook-vue3-rsbuild',
+     rsbuildFinal: (config) => {
+       // Customize the final webpack config here
+       return config;
+     },
+   };
+
+   export default config;
+   ```
+
+Now you're all set.
+
+### Customize the Rsbuild config
+
+The builder _will_ read your `rsbuild.config.js` file, though it may change some of the options in order to work correctly.
+It looks for the Rsbuild config in the CWD. If your config is located elsewhere, specify the path using the `rsbuildConfigPath` builder option:
+
+```javascript
+// .storybook/main.mjs
+
+const config = {
+  framework: {
+    name: 'storybook-react-rsbuild',
+    options: {
+      builder: {
+        rsbuildConfigPath: '.storybook/customRsbuildConfig.js',
+      },
+    },
+  },
+}
+
+export default config
+```
+
+You can also override the merged Rsbuild config:
+
+```javascript
+// use `mergeRsbuildConfig` to recursively merge Rsbuild options
+import { mergeRsbuildConfig } from '@rsbuild/core'
+
+const config = {
+  async rsbuildFinal(config, { configType }) {
+    // Be sure to return the customized config
+    return mergeRsbuildConfig(config, {
+      // Customize the Rsbuild config for Storybook
+      source: {
+        alias: { foo: 'bar' },
+      },
+    })
+  },
+}
+
+export default config
+```
+
+The `rsbuildFinal` function will give you `config` which is the combination of your project's Rsbuild config and the builder's own Rsbuild config.
+You can tweak this as you want, for example to set up aliases, add new plugins etc.
+
+The `configType` variable will be either `"DEVELOPMENT"` or `"PRODUCTION"`.
+
+The function should return the updated Rsbuild configuration.
+
+## Troubleshooting
+
+### Error caused by bundling unwanted modules
+
+Because Rspack temporarily does not support the `webpackInclude` magic comment, non-story files may be bundled, which could lead to build failures. These files can be ignored using `rspack.IgnorePlugin`.
 
 ```js
-export default {
-  core: {
-    builder: '@storybook/builder-webpack5',
+import { mergeRsbuildConfig } from '@rsbuild/core'
+
+module.exports = {
+  framework: 'storybook-react-rsbuild',
+  async rsbuildFinal(config) {
+    return mergeRsbuildConfig(config, {
+      tools: {
+        rspack: (config, { addRules, appendPlugins, rspack, mergeConfig }) => {
+          appendPlugins([
+            new rspack.IgnorePlugin({
+              checkResource: (resource, context) => {
+                const absPathHasExt = extname(resource)
+                if (absPathHasExt === '.md') {
+                  return true
+                }
+
+                return false
+              },
+            }),
+          ])
+        },
+      },
+    })
   },
-};
+}
 ```
+
+## Rspack support tasks
+
+- [ ] Support persistent cache
+- [ ] Support lazy compilation
+- [ ] Support virtual modules
+- [ ] Support `module.unknownContextCritical`
+- [ ] Support `webpackInclude` magic comment
+- [ ] Support `compilation.dependencyTemplates.set` for react-docgen-typescript
+
+## Credits
+
+Some codes are copied or modified from [storybookjs/storybook](https://github.com/storybookjs/storybook).
+
+## License
+
+[MIT](./LICENSE)

package/dist/index.d.ts

@@ -1,2 +1,44 @@
-// dev-mode
-export * from '../src/index';
+import * as rsbuildReal from '@rsbuild/core';
+import { RsbuildConfig } from '@rsbuild/core';
+import { Builder, Options, NormalizedStoriesSpecifier } from '@storybook/types';
+
+type RsbuildStats = {
+    toJson: () => any;
+};
+type RsbuildBuilder = Builder<RsbuildConfig, RsbuildStats>;
+type RsbuildFinal = (config: RsbuildConfig, options: Options) => RsbuildConfig | Promise<RsbuildConfig>;
+type StorybookConfigRsbuild = {
+    rsbuildFinal?: RsbuildFinal;
+};
+type BuilderOptions = {
+    /**
+     * Path to rsbuild.config file, relative to CWD.
+     */
+    rsbuildConfigPath?: string;
+};
+
+declare const getVirtualModules: (options: Options) => Promise<{
+    virtualModules: Record<string, string>;
+    entries: string[];
+}>;
+declare function toImportFnPart(specifier: NormalizedStoriesSpecifier): string;
+declare function toImportFn(stories: NormalizedStoriesSpecifier[], relativeOffset: string, { needPipelinedImport }?: {
+    needPipelinedImport?: boolean;
+}): string;
+type ModuleExports = Record<string, any>;
+declare function importPipeline(): (importFn: () => Promise<ModuleExports>) => Promise<ModuleExports>;
+
+declare const printDuration: (startTime: [number, number]) => string;
+type BuilderStartOptions = Parameters<RsbuildBuilder['start']>['0'];
+declare const executor: {
+    get: (options: Options) => Promise<typeof rsbuildReal>;
+};
+declare const rsbuild: (_: unknown, options: Options) => Promise<rsbuildReal.RsbuildConfig>;
+declare const getConfig: RsbuildBuilder['getConfig'];
+declare function bail(): Promise<void>;
+declare const start: RsbuildBuilder['start'];
+declare const build: ({ options }: BuilderStartOptions) => Promise<void>;
+declare const corePresets: string[];
+declare const previewMainTemplate: () => string;
+
+export { BuilderOptions, RsbuildBuilder, RsbuildFinal, StorybookConfigRsbuild, bail, build, corePresets, executor, getConfig, getVirtualModules, importPipeline, previewMainTemplate, printDuration, rsbuild, start, toImportFn, toImportFnPart };

package/dist/loaders/export-order-loader.d.ts

@@ -1,2 +1,5 @@
-// dev-mode
-export * from '../../src/loaders/export-order-loader';
+import { Rspack } from '@rsbuild/core';
+
+declare function loader(this: Rspack.LoaderContext<any>, source: string, map: any, meta: any): Promise<void>;
+
+export { loader as default };

package/dist/preview-preset.d.ts

@@ -1,2 +1,3 @@
-// dev-mode
-export * from '../src/preview-preset';
+declare const previewMainTemplate: () => string;
+
+export { previewMainTemplate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-builder-rsbuild",
-  "version": "0.0.1-beta.0",
+  "version": "0.0.1",
   "description": "Rsbuild builder for Storybook",
   "keywords": [
     "storybook",
@@ -48,8 +48,6 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@rsbuild/core": "0.6.15",
-    "@rsbuild/shared": "0.6.15",
     "@storybook/addon-docs": "8.0.10",
     "@storybook/channels": "8.0.10",
     "@storybook/client-logger": "8.0.10",
@@ -79,6 +77,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
+    "@rsbuild/core": "0.6.15",
     "@types/node": "^18.0.0",
     "@types/express": "^4.17.21",
     "@types/fs-extra": "^11.0.4",
@@ -88,6 +87,10 @@
     "slash": "^5.0.0",
     "typescript": "^5.3.2"
   },
+  "peerDependencies": {
+    "@rsbuild/core": ">= 0.6.15",
+    "vite": "^4.0.0 || ^5.0.0"
+  },
   "peerDependenciesMeta": {
     "typescript": {
       "optional": true
@@ -99,7 +102,6 @@
   "bundler": {
     "entries": [
       "./src/index.ts",
-      "./src/presets/custom-rsbuild-preset.ts",
       "./src/preview-preset.ts",
       "./src/loaders/export-order-loader.ts"
     ],

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

@@ -1,56 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/presets/custom-rsbuild-preset.ts
-var custom_rsbuild_preset_exports = {};
-__export(custom_rsbuild_preset_exports, {
-  rsbuild: () => rsbuild,
-  rsbuildInstance: () => rsbuildInstance,
-  rsbuildVersion: () => rsbuildVersion
-});
-module.exports = __toCommonJS(custom_rsbuild_preset_exports);
-var rsbuildReal = __toESM(require("@rsbuild/core"));
-async function rsbuild(config, options) {
-  const { presets } = options;
-  let defaultConfig = config;
-  const finalDefaultConfig = await presets.apply(
-    "rsbuildFinal",
-    defaultConfig,
-    options
-  );
-  return finalDefaultConfig;
-}
-var rsbuildInstance = async () => rsbuildReal;
-var rsbuildVersion = async () => "0.7";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  rsbuild,
-  rsbuildInstance,
-  rsbuildVersion
-});

package/dist/presets/preview-preset.js

@@ -1,427 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/presets/preview-preset.ts
-var preview_preset_exports = {};
-__export(preview_preset_exports, {
-  entries: () => entries,
-  previewMainTemplate: () => previewMainTemplate,
-  rsbuild: () => rsbuild
-});
-module.exports = __toCommonJS(preview_preset_exports);
-
-// src/preview/iframe-rsbuild.config.ts
-var import_path3 = require("path");
-var import_case_sensitive_paths_webpack_plugin = __toESM(require("case-sensitive-paths-webpack-plugin"));
-var import_globals = require("@storybook/preview/globals");
-var import_core_common2 = require("@storybook/core-common");
-var import_ts_dedent2 = require("ts-dedent");
-
-// src/preview/virtual-module-mapping.ts
-var import_path = __toESM(require("path"));
-var import_fs = __toESM(require("fs"));
-var import_path2 = require("path");
-var import_core_common = require("@storybook/core-common");
-
-// ../../node_modules/.pnpm/slash@5.1.0/node_modules/slash/index.js
-function slash(path2) {
-  const isExtendedLengthPath = path2.startsWith("\\\\?\\");
-  if (isExtendedLengthPath) {
-    return path2;
-  }
-  return path2.replace(/\\/g, "/");
-}
-
-// src/preview/virtual-module-mapping.ts
-var import_core_webpack = require("@storybook/core-webpack");
-var import_ts_dedent = require("ts-dedent");
-var getVirtualModules = async (options) => {
-  const virtualModules = {};
-  const cwd = process.cwd();
-  const workingDir = options.cache?.basePath || process.cwd();
-  const isProd = options.configType === "PRODUCTION";
-  const nonNormalizedStories = await options.presets.apply("stories", []);
-  const entries2 = [];
-  const stories = (0, import_core_common.normalizeStories)(nonNormalizedStories, {
-    configDir: options.configDir,
-    workingDir
-  });
-  const realPathRelativeToCwd = import_path.default.relative(workingDir, cwd);
-  const previewAnnotations = [
-    ...(await options.presets.apply(
-      "previewAnnotations",
-      [],
-      options
-    )).map((entry) => {
-      if (typeof entry === "object") {
-        return entry.absolute;
-      }
-      return slash(entry);
-    }),
-    (0, import_core_common.loadPreviewOrConfigFile)(options)
-  ].filter(Boolean);
-  const storiesFilename = "storybook-stories.js";
-  const storiesPath = (0, import_path2.resolve)((0, import_path2.join)(workingDir, storiesFilename));
-  const needPipelinedImport = !isProd;
-  virtualModules[storiesPath] = toImportFn(stories, realPathRelativeToCwd, {
-    needPipelinedImport
-  });
-  const configEntryPath = (0, import_path2.resolve)((0, import_path2.join)(workingDir, "storybook-config-entry.js"));
-  virtualModules[configEntryPath] = (0, import_core_common.handlebars)(
-    await (0, import_core_common.readTemplate)(
-      require.resolve("@storybook/builder-rsbuild/templates/virtualModuleModernEntry.js.handlebars")
-    ),
-    {
-      storiesFilename,
-      previewAnnotations
-    }
-    // We need to double escape `\` for webpack. We may have some in windows paths
-  ).replace(/\\/g, "\\\\");
-  entries2.push(configEntryPath);
-  Object.entries(virtualModules).forEach(([key, value]) => {
-    import_fs.default.writeFileSync(key, value);
-  });
-  return {
-    virtualModules,
-    entries: entries2
-  };
-};
-function toImportFnPart(specifier) {
-  const { directory, importPathMatcher } = specifier;
-  return import_ts_dedent.dedent`
-      async (path) => {
-        if (!${importPathMatcher}.exec(path)) {
-          return;
-        }
-
-        const pathRemainder = path.substring(${directory.length + 1});
-        return import(
-          /* webpackChunkName: "[request]" */
-          /* webpackInclude: ${(0, import_core_webpack.webpackIncludeRegexp)(specifier)} */
-          '${directory}/' + pathRemainder
-        );
-      }
-
-  `;
-}
-function toImportFn(stories, relativeOffset, { needPipelinedImport } = {}) {
-  let pipelinedImport = `const pipeline = (x) => x();`;
-  if (needPipelinedImport) {
-    pipelinedImport = `
-      const importPipeline = ${importPipeline};
-      const pipeline = importPipeline();
-    `;
-  }
-  return import_ts_dedent.dedent`
-    ${pipelinedImport}
-
-    const importers = [
-      ${stories.map(toImportFnPart).join(",\n")}
-    ];
-
-    export async function importFn(path) {
-      const offset = '${relativeOffset}';
-
-      for (let i = 0; i < importers.length; i++) {
-        const pathWithOffset = buildPath(offset, path)
-
-        const moduleExports = await pipeline(() => importers[i](pathWithOffset));
-        if (moduleExports) {
-          return moduleExports;
-        }
-      }
-    }
-
-    function buildPath(offset, path) {
-      if(path.startsWith('./')) {
-        return offset + '/' + path.substring(2);
-      } else {
-        return offset + '/' + path;
-      }
-    }
-  `;
-}
-function importPipeline() {
-  let importGate = Promise.resolve();
-  return async (importFn) => {
-    await importGate;
-    const moduleExportsPromise = importFn();
-    importGate = importGate.then(async () => {
-      await moduleExportsPromise;
-    });
-    return moduleExportsPromise;
-  };
-}
-
-// src/preview/iframe-rsbuild.config.ts
-var import_core = require("@rsbuild/core");
-var import_preset = require("@storybook/addon-docs/dist/preset");
-var getAbsolutePath = (input) => (0, import_path3.dirname)(require.resolve((0, import_path3.join)(input, "package.json")));
-var maybeGetAbsolutePath = (input) => {
-  try {
-    return getAbsolutePath(input);
-  } catch (e) {
-    return false;
-  }
-};
-var managerAPIPath = maybeGetAbsolutePath(`@storybook/manager-api`);
-var componentsPath = maybeGetAbsolutePath(`@storybook/components`);
-var globalPath = maybeGetAbsolutePath(`@storybook/global`);
-var routerPath = maybeGetAbsolutePath(`@storybook/router`);
-var themingPath = maybeGetAbsolutePath(`@storybook/theming`);
-var storybookPaths = {
-  ...managerAPIPath ? {
-    [`@storybook/manager-api`]: managerAPIPath
-  } : {},
-  ...componentsPath ? { [`@storybook/components`]: componentsPath } : {},
-  ...globalPath ? { [`@storybook/global`]: globalPath } : {},
-  ...routerPath ? { [`@storybook/router`]: routerPath } : {},
-  ...themingPath ? { [`@storybook/theming`]: themingPath } : {}
-};
-var iframe_rsbuild_config_default = async (options) => {
-  const appliedDocsWebpack = await (0, import_preset.webpack)({}, options);
-  const {
-    outputDir = (0, import_path3.join)(".", "public"),
-    quiet,
-    packageJson,
-    configType,
-    presets,
-    previewUrl,
-    // typescriptOptions,
-    features
-  } = options;
-  const isProd = configType === "PRODUCTION";
-  const workingDir = process.cwd();
-  const [
-    coreOptions,
-    frameworkOptions,
-    envs,
-    logLevel,
-    headHtmlSnippet,
-    bodyHtmlSnippet,
-    template,
-    docsOptions,
-    entries2,
-    nonNormalizedStories,
-    // modulesCount = 1000,
-    build,
-    tagsOptions
-  ] = await Promise.all([
-    presets.apply("core"),
-    presets.apply("frameworkOptions1"),
-    presets.apply("env"),
-    presets.apply("logLevel", void 0),
-    presets.apply("previewHead"),
-    presets.apply("previewBody"),
-    presets.apply("previewMainTemplate"),
-    presets.apply("docs"),
-    presets.apply("entries", []),
-    presets.apply("stories", []),
-    options.cache?.get("modulesCount").catch(() => {
-    }),
-    options.presets.apply("build"),
-    presets.apply("tags", {})
-  ]);
-  const stories = (0, import_core_common2.normalizeStories)(nonNormalizedStories, {
-    configDir: options.configDir,
-    workingDir
-  });
-  if (!template) {
-    throw new Error(import_ts_dedent2.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 = import_globals.globalsNameReferenceMap;
-  if (build?.test?.disableBlocks) {
-    externals["@storybook/blocks"] = "__STORYBOOK_BLOCKS_EMPTY_MODULE__";
-  }
-  const { virtualModules: _virtualModules, entries: dynamicEntries } = await getVirtualModules(options);
-  if (!options.cache) {
-    throw new Error("Cache is required");
-  }
-  const { content } = await (0, import_core.loadConfig)({
-    cwd: workingDir
-  });
-  const resourceFilename = isProd ? "static/media/[name].[contenthash:8][ext]" : "static/media/[path][name][ext]";
-  const merged = (0, import_core.mergeRsbuildConfig)(content, {
-    output: {
-      cleanDistPath: false,
-      dataUriLimit: {
-        media: 1e4
-      },
-      sourceMap: {
-        js: options.build?.test?.disableSourcemaps ? false : "cheap-module-source-map",
-        css: options.build?.test?.disableSourcemaps ? false : true
-      },
-      distPath: {
-        root: (0, import_path3.resolve)(process.cwd(), outputDir)
-      },
-      filename: {
-        js: isProd ? "[name].[contenthash:8].iframe.bundle.js" : "[name].iframe.bundle.js",
-        image: resourceFilename,
-        font: resourceFilename,
-        media: resourceFilename
-      },
-      assetPrefix: "/",
-      externals
-    },
-    dev: {
-      assetPrefix: "",
-      progressBar: !quiet
-    },
-    source: {
-      alias: {
-        ...storybookPaths
-        // '@storybook/react-dom-shim': '@storybook/react-dom-shim/dist/react-16',
-      },
-      entry: {
-        // to avoid `It's not allowed to load an initial chunk on demand. The chunk name "main" is already used by an entrypoint` of
-        main: [...entries2 ?? [], ...dynamicEntries]
-      },
-      define: {
-        ...(0, import_core_common2.stringifyProcessEnvs)(envs),
-        NODE_ENV: JSON.stringify(process.env.NODE_ENV)
-      }
-    },
-    performance: {
-      chunkSplit: {
-        strategy: "custom",
-        splitChunks: {
-          chunks: "all"
-        }
-      }
-    },
-    tools: {
-      rspack: (config, { addRules, appendPlugins, rspack, mergeConfig }) => {
-        addRules({
-          test: /\.stories\.([tj])sx?$|(stories|story)\.mdx$/,
-          exclude: /node_modules/,
-          enforce: "post",
-          use: [
-            {
-              loader: require.resolve("@storybook/builder-rsbuild/loaders/export-order-loader")
-            }
-          ]
-        });
-        config.resolve ??= {};
-        config.resolve.symlinks = !(0, import_core_common2.isPreservingSymlinks)();
-        config.watchOptions = {
-          ignored: /node_modules/
-        };
-        config.output = config.output || {};
-        config.output.publicPath = "";
-        config.ignoreWarnings = [
-          ...config.ignoreWarnings || [],
-          /export '\S+' was not found in 'global'/,
-          /export '\S+' was not found in '@storybook\/global'/
-        ];
-        config.resolve ??= {};
-        config.resolve.fallback ??= {
-          stream: false,
-          path: require.resolve("path-browserify"),
-          assert: require.resolve("browser-assert"),
-          util: require.resolve("util"),
-          url: require.resolve("url"),
-          fs: false,
-          constants: require.resolve("constants-browserify")
-        };
-        config.optimization ??= {};
-        config.optimization.runtimeChunk = true;
-        config.optimization.usedExports = options.build?.test?.disableTreeShaking ? false : isProd;
-        config.optimization.moduleIds = "named";
-        appendPlugins(
-          [
-            new rspack.ProvidePlugin({
-              process: require.resolve("process/browser.js")
-            }),
-            new import_case_sensitive_paths_webpack_plugin.default()
-          ].filter(Boolean)
-        );
-        console.log("\u{1F919}", appliedDocsWebpack);
-        return mergeConfig(config, appliedDocsWebpack);
-      },
-      htmlPlugin: {
-        filename: `iframe.html`,
-        // FIXME: `none` isn't a known option
-        chunksSortMode: "none",
-        alwaysWriteToDisk: true,
-        inject: false,
-        template,
-        templateParameters: {
-          version: packageJson.version,
-          globals: {
-            CONFIG_TYPE: configType,
-            LOGLEVEL: logLevel,
-            FRAMEWORK_OPTIONS: frameworkOptions,
-            CHANNEL_OPTIONS: coreOptions.channelOptions,
-            FEATURES: features,
-            PREVIEW_URL: previewUrl,
-            STORIES: stories.map((specifier) => ({
-              ...specifier,
-              importPathMatcher: specifier.importPathMatcher.source
-            })),
-            DOCS_OPTIONS: docsOptions,
-            TAGS_OPTIONS: tagsOptions,
-            ...build?.test?.disableBlocks ? { __STORYBOOK_BLOCKS_EMPTY_MODULE__: {} } : {}
-          },
-          headHtmlSnippet,
-          bodyHtmlSnippet
-        },
-        minify: {
-          collapseWhitespace: true,
-          removeComments: true,
-          removeRedundantAttributes: true,
-          removeScriptTypeAttributes: false,
-          removeStyleLinkTypeAttributes: true,
-          useShortDoctype: true
-        }
-      }
-    }
-  });
-  return merged;
-};
-
-// src/presets/preview-preset.ts
-var rsbuild = async (_, options) => {
-  return iframe_rsbuild_config_default(options);
-};
-var entries = async (_, options) => {
-  let result = [];
-  return result;
-};
-var previewMainTemplate = () => require.resolve("@storybook/builder-rsbuild/templates/preview.ejs");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  entries,
-  previewMainTemplate,
-  rsbuild
-});