storybook-builder-rsbuild 0.0.7 → 0.0.8

package/dist/index.d.ts

@@ -25,6 +25,10 @@ type BuilderOptions = {
      * Path to rsbuild.config file, relative to CWD.
      */
     rsbuildConfigPath?: string;
+    /**
+     * Enable Rspack's lazy compilation (experimental).
+     */
+    lazyCompilation?: boolean;
 };
 interface BuilderResult extends BuilderResult$1 {
     stats?: Stats;
@@ -58,7 +62,7 @@ declare const rsbuild: (_: unknown, options: RsbuildBuilderOptions) => Promise<r
 declare const getConfig: RsbuildBuilder['getConfig'];
 declare function bail(): Promise<void>;
 declare const start: RsbuildBuilder['start'];
-declare const build: ({ options, }: BuilderStartOptions) => Promise<Stats>;
+declare const build: ({ options }: BuilderStartOptions) => Promise<Stats>;
 declare const corePresets: string[];
 declare const previewMainTemplate: () => string;
 

package/dist/index.js

@@ -120,24 +120,32 @@ __export(src_exports, {
   toImportFnPart: () => toImportFnPart
 });
 module.exports = __toCommonJS(src_exports);
+var import_node_net = require("net");
+var import_node_path5 = require("path");
 var rsbuildReal = __toESM(require("@rsbuild/core"));
-var import_path5 = require("path");
+var import_core2 = require("@rsbuild/core");
 var import_express = __toESM(require("express"));
 var import_fs_extra = __toESM(require("fs-extra"));
+var import_pretty_hrtime = __toESM(require_pretty_hrtime());
+var import_core_path = require("storybook/core-path");
 var import_server_errors = require("storybook/internal/server-errors");
 
 // src/preview/iframe-rsbuild.config.ts
-var import_path3 = require("path");
+var import_node_path3 = 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_case_sensitive_paths_webpack_plugin = __toESM(require("case-sensitive-paths-webpack-plugin"));
-var import_globals = require("storybook/internal/preview/globals");
+var import_rsbuild_plugin_html_minifier_terser = require("rsbuild-plugin-html-minifier-terser");
 var import_common2 = require("storybook/internal/common");
+var import_globals = require("storybook/internal/preview/globals");
 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_common = require("storybook/internal/common");
+var import_node_fs = __toESM(require("fs"));
+var import_node_path = __toESM(require("path"));
+var import_node_path2 = require("path");
+var import_core_webpack = require("@storybook/core-webpack");
 
 // ../../node_modules/.pnpm/slash@5.1.0/node_modules/slash/index.js
 function slash(path2) {
@@ -149,7 +157,7 @@ function slash(path2) {
 }
 
 // src/preview/virtual-module-mapping.ts
-var import_core_webpack = require("@storybook/core-webpack");
+var import_common = require("storybook/internal/common");
 var import_ts_dedent = require("ts-dedent");
 var getVirtualModules = async (options) => {
   const virtualModules = {};
@@ -162,7 +170,7 @@ var getVirtualModules = async (options) => {
     configDir: options.configDir,
     workingDir
   });
-  const realPathRelativeToCwd = import_path.default.relative(workingDir, cwd).split(import_path.default.sep).join(import_path.default.posix.sep);
+  const realPathRelativeToCwd = import_node_path.default.relative(workingDir, cwd).split(import_node_path.default.sep).join(import_node_path.default.posix.sep);
   const previewAnnotations = [
     ...(await options.presets.apply(
       "previewAnnotations",
@@ -177,12 +185,13 @@ var getVirtualModules = async (options) => {
     (0, import_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;
+  const storiesPath = (0, import_node_path2.resolve)((0, import_node_path2.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_path2.resolve)((0, import_path2.join)(workingDir, "storybook-config-entry.js"));
+  const configEntryPath = (0, import_node_path2.resolve)((0, import_node_path2.join)(workingDir, "storybook-config-entry.js"));
   virtualModules[configEntryPath] = (0, import_common.handlebars)(
     await (0, import_common.readTemplate)(
       require.resolve("storybook-builder-rsbuild/templates/virtualModuleModernEntry.js.handlebars")
@@ -194,9 +203,9 @@ var getVirtualModules = async (options) => {
     // We need to double escape `\` for webpack. We may have some in windows paths
   ).replace(/\\/g, "\\\\");
   entries.push(configEntryPath);
-  Object.entries(virtualModules).forEach(([key, value]) => {
-    import_fs.default.writeFileSync(key, value);
-  });
+  for (const [key, value] of Object.entries(virtualModules)) {
+    import_node_fs.default.writeFileSync(key, value);
+  }
   return {
     virtualModules,
     entries
@@ -221,7 +230,7 @@ function toImportFnPart(specifier) {
   `;
 }
 function toImportFn(stories, relativeOffset, { needPipelinedImport } = {}) {
-  let pipelinedImport = `const pipeline = (x) => x();`;
+  let pipelinedImport = "const pipeline = (x) => x();";
   if (needPipelinedImport) {
     pipelinedImport = `
       const importPipeline = ${importPipeline};
@@ -270,11 +279,7 @@ function importPipeline() {
 }
 
 // src/preview/iframe-rsbuild.config.ts
-var import_core = require("@rsbuild/core");
-var import_preset = require("@storybook/addon-docs/dist/preset");
-var import_plugin_type_check = require("@rsbuild/plugin-type-check");
-var import_rsbuild_plugin_html_minifier_terser = require("rsbuild-plugin-html-minifier-terser");
-var getAbsolutePath = (input) => (0, import_path3.dirname)(require.resolve((0, import_path3.join)(input, "package.json")));
+var getAbsolutePath = (input) => (0, import_node_path3.dirname)(require.resolve((0, import_node_path3.join)(input, "package.json")));
 var maybeGetAbsolutePath = (input) => {
   try {
     return getAbsolutePath(input);
@@ -282,24 +287,24 @@ var maybeGetAbsolutePath = (input) => {
     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 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
+    "@storybook/manager-api": managerAPIPath
   } : {},
-  ...componentsPath ? { [`@storybook/components`]: componentsPath } : {},
-  ...globalPath ? { [`@storybook/global`]: globalPath } : {},
-  ...routerPath ? { [`@storybook/router`]: routerPath } : {},
-  ...themingPath ? { [`@storybook/theming`]: themingPath } : {}
+  ...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"),
+    outputDir = (0, import_node_path3.join)(".", "public"),
     quiet,
     packageJson,
     configType,
@@ -347,6 +352,10 @@ var iframe_rsbuild_config_default = async (options) => {
   });
   const shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipCompiler;
   const tsCheckOptions = typescriptOptions.checkOptions || {};
+  const builderOptions = await (0, import_common2.getBuilderOptions)(options);
+  const lazyCompilationConfig = builderOptions.lazyCompilation && !isProd ? {
+    lazyCompilation: { entries: false }
+  } : {};
   if (!template) {
     throw new Error(import_ts_dedent2.dedent`
       Storybook's Webpack5 builder requires a template to be specified.
@@ -376,10 +385,10 @@ var iframe_rsbuild_config_default = async (options) => {
       },
       sourceMap: {
         js: options.build?.test?.disableSourcemaps ? false : "cheap-module-source-map",
-        css: options.build?.test?.disableSourcemaps ? false : true
+        css: !options.build?.test?.disableSourcemaps
       },
       distPath: {
-        root: (0, import_path3.resolve)(process.cwd(), outputDir)
+        root: (0, import_node_path3.resolve)(process.cwd(), outputDir)
       },
       filename: {
         js: isProd ? "[name].[contenthash:8].iframe.bundle.js" : "[name].iframe.bundle.js",
@@ -479,10 +488,15 @@ var iframe_rsbuild_config_default = async (options) => {
             new import_case_sensitive_paths_webpack_plugin.default()
           ].filter(Boolean)
         );
+        config.experiments ??= {};
+        config.experiments = {
+          ...config.experiments,
+          ...lazyCompilationConfig
+        };
         return mergeConfig(config, appliedDocsWebpack);
       },
       htmlPlugin: {
-        filename: `iframe.html`,
+        filename: "iframe.html",
         // FIXME: `none` isn't a known option
         chunksSortMode: "none",
         alwaysWriteToDisk: true,
@@ -514,12 +528,9 @@ var iframe_rsbuild_config_default = async (options) => {
   return merged;
 };
 
-// src/index.ts
-var import_core_path = require("storybook/core-path");
-
 // src/react-shims.ts
-var import_path4 = require("path");
 var import_promises = require("fs/promises");
+var import_node_path4 = require("path");
 var getIsReactVersion18or19 = async (options) => {
   const { legacyRootApi } = await options.presets.apply(
     "frameworkOptions"
@@ -531,12 +542,12 @@ var getIsReactVersion18or19 = async (options) => {
     "resolvedReact",
     {}
   );
-  const reactDom = resolvedReact.reactDom || (0, import_path4.dirname)(require.resolve("react-dom/package.json"));
-  if (!(0, import_path4.isAbsolute)(reactDom)) {
+  const reactDom = resolvedReact.reactDom || (0, import_node_path4.dirname)(require.resolve("react-dom/package.json"));
+  if (!(0, import_node_path4.isAbsolute)(reactDom)) {
     return false;
   }
   const { version } = JSON.parse(
-    await (0, import_promises.readFile)((0, import_path4.join)(reactDom, "package.json"), "utf-8")
+    await (0, import_promises.readFile)((0, import_node_path4.join)(reactDom, "package.json"), "utf-8")
   );
   return version.startsWith("18") || version.startsWith("19") || version.startsWith("0.0.0");
 };
@@ -555,8 +566,6 @@ var applyReactShims = async (config, options) => {
 };
 
 // src/index.ts
-var import_pretty_hrtime = __toESM(require_pretty_hrtime());
-var import_core2 = require("@rsbuild/core");
 var printDuration = (startTime) => (0, import_pretty_hrtime.default)(process.hrtime(startTime)).replace(" ms", " milliseconds").replace(" s", " seconds").replace(" m", " minutes");
 var executor = {
   get: async (options) => {
@@ -608,10 +617,9 @@ var start = async ({
       ...config,
       server: {
         ...config.server,
-        port: options.port,
-        host: "localhost",
+        port: await getRandomPort(options.host),
+        host: options.host,
         htmlFallback: false,
-        strictPort: true,
         printUrls: false
       },
       dev: {
@@ -632,13 +640,13 @@ var start = async ({
   if (!rsbuildBuild) {
     throw new import_server_errors.WebpackInvocationError({
       // eslint-disable-next-line local-rules/no-uncategorized-errors
-      error: new Error(`Missing Rsbuild build instance at runtime!`)
+      error: new Error("Missing Rsbuild build instance at runtime!")
     });
   }
-  const previewResolvedDir = (0, import_path5.join)(import_core_path.corePath, "dist/preview");
+  const previewResolvedDir = (0, import_node_path5.join)(import_core_path.corePath, "dist/preview");
   const previewDirOrigin = previewResolvedDir;
   router.use(
-    `/sb-preview`,
+    "/sb-preview",
     import_express.default.static(previewDirOrigin, { immutable: true, maxAge: "5m" })
   );
   router.use(rsbuildServer.middlewares);
@@ -657,16 +665,16 @@ var build = async ({ options }) => {
     cwd: process.cwd(),
     rsbuildConfig: config
   });
-  const previewResolvedDir = (0, import_path5.join)(import_core_path.corePath, "dist/preview");
+  const previewResolvedDir = (0, import_node_path5.join)(import_core_path.corePath, "dist/preview");
   const previewDirOrigin = previewResolvedDir;
-  const previewDirTarget = (0, import_path5.join)(options.outputDir || "", `sb-preview`);
+  const previewDirTarget = (0, import_node_path5.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_path5.parse)(src);
+      const { ext } = (0, import_node_path5.parse)(src);
       if (ext) {
         return ext === ".js";
       }
@@ -679,8 +687,21 @@ var build = async ({ options }) => {
   await Promise.all([rsbuildBuild.build(), previewFiles]);
   return stats;
 };
-var corePresets = [(0, import_path5.join)(__dirname, "./preview-preset.js")];
+var corePresets = [(0, import_node_path5.join)(__dirname, "./preview-preset.js")];
 var previewMainTemplate = () => require.resolve("storybook-builder-rsbuild/templates/preview.ejs");
+function getRandomPort(host) {
+  return new Promise((resolve3, reject) => {
+    const server2 = (0, import_node_net.createServer)();
+    server2.unref();
+    server2.on("error", reject);
+    server2.listen({ port: 0, host }, () => {
+      const { port } = server2.address();
+      server2.close(() => {
+        resolve3(port);
+      });
+    });
+  });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   bail,

package/dist/index.mjs

@@ -1,20 +1,21 @@
 import { __commonJS, __toESM, __require } from './chunk-TTFRSOOU.mjs';
+import { createServer } from 'net';
+import path, { join, resolve, parse, dirname, isAbsolute } from 'path';
 import * as rsbuildReal from '@rsbuild/core';
 import { mergeRsbuildConfig, loadConfig } from '@rsbuild/core';
-import path, { join, resolve, parse, dirname, isAbsolute } from 'path';
 import express from 'express';
 import fs2 from 'fs-extra';
+import { corePath } from 'storybook/core-path';
 import { WebpackInvocationError } from 'storybook/internal/server-errors';
+import { pluginTypeCheck } from '@rsbuild/plugin-type-check';
+import { webpack } from '@storybook/addon-docs/dist/preset';
 import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
+import { pluginHtmlMinifierTerser } from 'rsbuild-plugin-html-minifier-terser';
+import { normalizeStories, loadPreviewOrConfigFile, getBuilderOptions, handlebars, readTemplate, stringifyProcessEnvs, isPreservingSymlinks } from 'storybook/internal/common';
 import { globalsNameReferenceMap } from 'storybook/internal/preview/globals';
-import { normalizeStories, loadPreviewOrConfigFile, handlebars, readTemplate, getBuilderOptions, stringifyProcessEnvs, isPreservingSymlinks } from 'storybook/internal/common';
 import { dedent } from 'ts-dedent';
 import fs from 'fs';
 import { webpackIncludeRegexp } from '@storybook/core-webpack';
-import { webpack } from '@storybook/addon-docs/dist/preset';
-import { pluginTypeCheck } from '@rsbuild/plugin-type-check';
-import { pluginHtmlMinifierTerser } from 'rsbuild-plugin-html-minifier-terser';
-import { corePath } from 'storybook/core-path';
 import { readFile } from 'fs/promises';
 
 // ../../node_modules/.pnpm/pretty-hrtime@1.0.3/node_modules/pretty-hrtime/index.js
@@ -88,6 +89,9 @@ var require_pretty_hrtime = __commonJS({
   }
 });
 
+// src/index.ts
+var import_pretty_hrtime = __toESM(require_pretty_hrtime());
+
 // ../../node_modules/.pnpm/slash@5.1.0/node_modules/slash/index.js
 function slash(path2) {
   const isExtendedLengthPath = path2.startsWith("\\\\?\\");
@@ -123,7 +127,8 @@ var getVirtualModules = async (options) => {
   ].filter(Boolean);
   const storiesFilename = "storybook-stories.js";
   const storiesPath = resolve(join(workingDir, storiesFilename));
-  const needPipelinedImport = !isProd;
+  const builderOptions = await getBuilderOptions(options);
+  const needPipelinedImport = !!builderOptions.lazyCompilation && !isProd;
   virtualModules[storiesPath] = toImportFn(stories, realPathRelativeToCwd, {
     needPipelinedImport
   });
@@ -141,9 +146,9 @@ var getVirtualModules = async (options) => {
     // We need to double escape `\` for webpack. We may have some in windows paths
   ).replace(/\\/g, "\\\\");
   entries.push(configEntryPath);
-  Object.entries(virtualModules).forEach(([key, value]) => {
+  for (const [key, value] of Object.entries(virtualModules)) {
     fs.writeFileSync(key, value);
-  });
+  }
   return {
     virtualModules,
     entries
@@ -168,7 +173,7 @@ function toImportFnPart(specifier) {
   `;
 }
 function toImportFn(stories, relativeOffset, { needPipelinedImport } = {}) {
-  let pipelinedImport = `const pipeline = (x) => x();`;
+  let pipelinedImport = "const pipeline = (x) => x();";
   if (needPipelinedImport) {
     pipelinedImport = `
       const importPipeline = ${importPipeline};
@@ -215,6 +220,8 @@ function importPipeline() {
     return moduleExportsPromise;
   };
 }
+
+// src/preview/iframe-rsbuild.config.ts
 var getAbsolutePath = (input) => dirname(__require.resolve(join(input, "package.json")));
 var maybeGetAbsolutePath = (input) => {
   try {
@@ -223,19 +230,19 @@ var maybeGetAbsolutePath = (input) => {
     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 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
+    "@storybook/manager-api": managerAPIPath
   } : {},
-  ...componentsPath ? { [`@storybook/components`]: componentsPath } : {},
-  ...globalPath ? { [`@storybook/global`]: globalPath } : {},
-  ...routerPath ? { [`@storybook/router`]: routerPath } : {},
-  ...themingPath ? { [`@storybook/theming`]: themingPath } : {}
+  ...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 webpack({}, options);
@@ -288,6 +295,10 @@ var iframe_rsbuild_config_default = async (options) => {
   });
   const shouldCheckTs = typescriptOptions.check && !typescriptOptions.skipCompiler;
   const tsCheckOptions = typescriptOptions.checkOptions || {};
+  const builderOptions = await getBuilderOptions(options);
+  const lazyCompilationConfig = builderOptions.lazyCompilation && !isProd ? {
+    lazyCompilation: { entries: false }
+  } : {};
   if (!template) {
     throw new Error(dedent`
       Storybook's Webpack5 builder requires a template to be specified.
@@ -317,7 +328,7 @@ var iframe_rsbuild_config_default = async (options) => {
       },
       sourceMap: {
         js: options.build?.test?.disableSourcemaps ? false : "cheap-module-source-map",
-        css: options.build?.test?.disableSourcemaps ? false : true
+        css: !options.build?.test?.disableSourcemaps
       },
       distPath: {
         root: resolve(process.cwd(), outputDir)
@@ -422,10 +433,15 @@ var iframe_rsbuild_config_default = async (options) => {
             new CaseSensitivePathsPlugin()
           ].filter(Boolean)
         );
+        config.experiments ??= {};
+        config.experiments = {
+          ...config.experiments,
+          ...lazyCompilationConfig
+        };
         return mergeConfig(config, appliedDocsWebpack);
       },
       htmlPlugin: {
-        filename: `iframe.html`,
+        filename: "iframe.html",
         // FIXME: `none` isn't a known option
         chunksSortMode: "none",
         alwaysWriteToDisk: true,
@@ -491,7 +507,6 @@ var applyReactShims = async (config, options) => {
 };
 
 // src/index.ts
-var import_pretty_hrtime = __toESM(require_pretty_hrtime());
 var printDuration = (startTime) => (0, import_pretty_hrtime.default)(process.hrtime(startTime)).replace(" ms", " milliseconds").replace(" s", " seconds").replace(" m", " minutes");
 var executor = {
   get: async (options) => {
@@ -543,10 +558,9 @@ var start = async ({
       ...config,
       server: {
         ...config.server,
-        port: options.port,
-        host: "localhost",
+        port: await getRandomPort(options.host),
+        host: options.host,
         htmlFallback: false,
-        strictPort: true,
         printUrls: false
       },
       dev: {
@@ -567,13 +581,13 @@ var start = async ({
   if (!rsbuildBuild) {
     throw new WebpackInvocationError({
       // eslint-disable-next-line local-rules/no-uncategorized-errors
-      error: new Error(`Missing Rsbuild build instance at runtime!`)
+      error: new Error("Missing Rsbuild build instance at runtime!")
     });
   }
   const previewResolvedDir = join(corePath, "dist/preview");
   const previewDirOrigin = previewResolvedDir;
   router.use(
-    `/sb-preview`,
+    "/sb-preview",
     express.static(previewDirOrigin, { immutable: true, maxAge: "5m" })
   );
   router.use(rsbuildServer.middlewares);
@@ -594,7 +608,7 @@ var build = async ({ options }) => {
   });
   const previewResolvedDir = join(corePath, "dist/preview");
   const previewDirOrigin = previewResolvedDir;
-  const previewDirTarget = join(options.outputDir || "", `sb-preview`);
+  const previewDirTarget = join(options.outputDir || "", "sb-preview");
   let stats;
   rsbuildBuild.onAfterBuild((params) => {
     stats = params.stats;
@@ -616,5 +630,18 @@ var build = async ({ options }) => {
 };
 var corePresets = [join(__dirname, "./preview-preset.js")];
 var previewMainTemplate = () => __require.resolve("storybook-builder-rsbuild/templates/preview.ejs");
+function getRandomPort(host) {
+  return new Promise((resolve3, reject) => {
+    const server2 = createServer();
+    server2.unref();
+    server2.on("error", reject);
+    server2.listen({ port: 0, host }, () => {
+      const { port } = server2.address();
+      server2.close(() => {
+        resolve3(port);
+      });
+    });
+  });
+}
 
 export { bail, build, corePresets, executor, getConfig, getVirtualModules, importPipeline, previewMainTemplate, printDuration, rsbuild, start, toImportFn, toImportFnPart };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-builder-rsbuild",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Rsbuild builder for Storybook",
   "keywords": [
     "storybook",
@@ -56,7 +56,7 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@rsbuild/plugin-type-check": "1.0.0-alpha.9",
+    "@rsbuild/plugin-type-check": "1.0.1-beta.0",
     "@storybook/addon-docs": "^8.2.1",
     "@storybook/core-webpack": "^8.2.1",
     "browser-assert": "^1.2.1",
@@ -78,7 +78,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "1.0.0-alpha.9",
+    "@rsbuild/core": "1.0.1-beta.0",
     "@types/express": "^4.17.21",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^18.0.0",
@@ -110,6 +110,7 @@
     "platform": "node"
   },
   "scripts": {
+    "build": "pnpm run prep --optimized",
     "check": "node --loader ../../scripts/node_modules/esbuild-register/loader.js -r ../../scripts/node_modules/esbuild-register/register.js ../../scripts/prepare/check.ts",
     "prep": "node --loader ../../scripts/node_modules/esbuild-register/loader.js -r ../../scripts/node_modules/esbuild-register/register.js ../../scripts/prepare/bundle.ts"
   }