storybook-react-rsbuild 3.6.0 → 4.0.0-beta.0

package/dist/chunks/{react-docgen-typescript-9f56b1df.js → react-docgen-typescript-16ec96c4.js}

@@ -10,7 +10,7 @@ const getDocgen = async (config)=>{
     };
     return docGen.withCompilerOptions({}, docgenOptions);
 };
-const startWatch = async (config, onProgramCreatedOrUpdated)=>{
+const startProgram = async (config, isBuild, onProgramCreatedOrUpdated)=>{
     const { default: ts } = await import("typescript");
     const { getTSConfigFile } = await import("./typescript-69cd7fa9.js");
     let compilerOptions = {
@@ -30,6 +30,21 @@ const startWatch = async (config, onProgramCreatedOrUpdated)=>{
             ...tsOptions
         };
     }
+    if (isBuild) {
+        const tsConfig = getTSConfigFile(tsconfigPath);
+        const program = ts.createProgram({
+            rootNames: tsConfig.fileNames ?? [],
+            options: {
+                ...tsConfig.options,
+                ...compilerOptions
+            },
+            projectReferences: tsConfig.projectReferences
+        });
+        return [
+            program,
+            ()=>{}
+        ];
+    }
     const host = ts.createWatchCompilerHost(tsconfigPath, compilerOptions, ts.sys, ts.createSemanticDiagnosticsBuilderProgram, void 0, ()=>{});
     host.afterProgramCreate = (program)=>{
         onProgramCreatedOrUpdated(program.getProgram());
@@ -58,7 +73,7 @@ const react_docgen_typescript = (config = {})=>{
                 generateDocgenCodeBlock = (await import("./generate-1782ed11.js")).generateDocgenCodeBlock;
                 docGenParser = await getDocgen(config);
                 generateOptions = getGenerateOptions(config);
-                [tsProgram, closeWatch] = await startWatch(config, (program)=>{
+                [tsProgram, closeWatch] = await startProgram(config, 'build' === api.context.action, (program)=>{
                     tsProgram = program;
                     for (const [filepath, invalidateModule] of moduleInvalidationQueue.entries()){
                         invalidateModule();
@@ -90,9 +105,9 @@ const react_docgen_typescript = (config = {})=>{
                     return src;
                 }
             });
-            api.onCloseBuild(()=>{
-                closeWatch();
-            });
+            const close = ()=>closeWatch?.();
+            api.onCloseBuild(close);
+            api.onCloseDevServer(close);
         }
     };
 };

package/dist/index.d.ts

@@ -16,14 +16,6 @@ declare type FrameworkName = CompatibleString<'storybook-react-rsbuild'>;
 export declare type FrameworkOptions = {
     builder?: BuilderOptions;
     strictMode?: boolean;
-    /**
-     * Use React's legacy root API to mount components
-     * @description
-     * React has introduced a new root API with React 18.x to enable a whole set of new features (e.g. concurrent features)
-     * If this flag is true, the legacy Root API is used to mount components to make it easier to migrate step by step to React 18.
-     * @default false
-     */
-    legacyRootApi?: boolean;
 };
 
 /**
@@ -58,6 +50,7 @@ declare type TypescriptOptionsReact = {
      * Sets the type of Docgen when working with React and TypeScript
      *
      * @default `'react-docgen'`
+     * @deprecated Builder docgen is removed in Storybook 12. Use `features.docgenServer`.
      */
     reactDocgen: 'react-docgen-typescript' | 'react-docgen' | false;
     /**
@@ -65,6 +58,7 @@ declare type TypescriptOptionsReact = {
      *
      * @default
      * @see https://github.com/storybookjs/storybook/blob/next/code/builders/builder-webpack5/src/config/defaults.js#L4-L6
+     * @deprecated Builder docgen is removed in Storybook 12. Use `features.docgenServer`.
      */
     reactDocgenTypescriptOptions: PluginOptions;
 };

package/dist/node/index.d.ts

@@ -15,14 +15,6 @@ declare type FrameworkName = CompatibleString<'storybook-react-rsbuild'>;
 declare type FrameworkOptions = {
     builder?: BuilderOptions;
     strictMode?: boolean;
-    /**
-     * Use React's legacy root API to mount components
-     * @description
-     * React has introduced a new root API with React 18.x to enable a whole set of new features (e.g. concurrent features)
-     * If this flag is true, the legacy Root API is used to mount components to make it easier to migrate step by step to React 18.
-     * @default false
-     */
-    legacyRootApi?: boolean;
 };
 
 /**
@@ -57,6 +49,7 @@ declare type TypescriptOptionsReact = {
      * Sets the type of Docgen when working with React and TypeScript
      *
      * @default `'react-docgen'`
+     * @deprecated Builder docgen is removed in Storybook 12. Use `features.docgenServer`.
      */
     reactDocgen: 'react-docgen-typescript' | 'react-docgen' | false;
     /**
@@ -64,6 +57,7 @@ declare type TypescriptOptionsReact = {
      *
      * @default
      * @see https://github.com/storybookjs/storybook/blob/next/code/builders/builder-webpack5/src/config/defaults.js#L4-L6
+     * @deprecated Builder docgen is removed in Storybook 12. Use `features.docgenServer`.
      */
     reactDocgenTypescriptOptions: PluginOptions;
 };

package/dist/preset.d.ts

@@ -16,14 +16,6 @@ declare type FrameworkName = CompatibleString<'storybook-react-rsbuild'>;
 declare type FrameworkOptions = {
     builder?: BuilderOptions;
     strictMode?: boolean;
-    /**
-     * Use React's legacy root API to mount components
-     * @description
-     * React has introduced a new root API with React 18.x to enable a whole set of new features (e.g. concurrent features)
-     * If this flag is true, the legacy Root API is used to mount components to make it easier to migrate step by step to React 18.
-     * @default false
-     */
-    legacyRootApi?: boolean;
 };
 
 export declare const rsbuildFinal: NonNullable<StorybookConfig['rsbuildFinal']>;
@@ -60,6 +52,7 @@ declare type TypescriptOptionsReact = {
      * Sets the type of Docgen when working with React and TypeScript
      *
      * @default `'react-docgen'`
+     * @deprecated Builder docgen is removed in Storybook 12. Use `features.docgenServer`.
      */
     reactDocgen: 'react-docgen-typescript' | 'react-docgen' | false;
     /**
@@ -67,6 +60,7 @@ declare type TypescriptOptionsReact = {
      *
      * @default
      * @see https://github.com/storybookjs/storybook/blob/next/code/builders/builder-webpack5/src/config/defaults.js#L4-L6
+     * @deprecated Builder docgen is removed in Storybook 12. Use `features.docgenServer`.
      */
     reactDocgenTypescriptOptions: PluginOptions;
 };

package/dist/preset.js

@@ -3,16 +3,18 @@ const require = /*#__PURE__*/ __rslib_shim_module__.createRequire(/*#__PURE__*/
 import { mergeRsbuildConfig } from "@rsbuild/core";
 import { createRequire } from "node:module";
 import { fileURLToPath } from "node:url";
+import { deprecate } from "storybook/internal/node-logger";
 function requirer(resolver, path) {
     return resolver(path);
 }
 const rsbuildFinalDocs = async (config, options)=>{
     const features = await options.presets.apply('features', {});
-    if (features?.experimentalDocgenServer) return config;
+    if (features?.docgenServer) return config;
     const typescriptOptions = await options.presets.apply("typescript", {});
     const debug = 'debug' === options.loglevel;
     const { reactDocgen, reactDocgenTypescriptOptions } = typescriptOptions || {};
     if ('string' != typeof reactDocgen) return config;
+    deprecate(`Builder docgen (\`typescript.reactDocgen: '${reactDocgen}'\`) is deprecated and will be removed in Storybook 12. It runs because \`features.docgenServer\` is off. Server-side docgen needs the \`typescript\` package: install it and remove any \`docgenServer: false\` from your \`.storybook/main.ts\`.`);
     const reactDocgenLoaderRule = (test)=>({
             test,
             enforce: 'pre',
@@ -41,7 +43,7 @@ const rsbuildFinalDocs = async (config, options)=>{
             }
         }
     });
-    const reactDocGenTsPlugin = await import("./chunks/react-docgen-typescript-9f56b1df.js");
+    const reactDocGenTsPlugin = await import("./chunks/react-docgen-typescript-16ec96c4.js");
     return mergeRsbuildConfig(config, {
         tools: {
             rspack: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-react-rsbuild",
-  "version": "3.6.0",
+  "version": "4.0.0-beta.0",
   "description": "Storybook for React and Rsbuild: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook",
@@ -47,32 +47,32 @@
   ],
   "dependencies": {
     "@rollup/pluginutils": "^5.4.0",
-    "@storybook/react": "^10.6.0",
+    "@storybook/react": "^11.0.0-alpha.9",
     "@storybook/react-docgen-typescript-plugin": "^1.0.1",
-    "magic-string": "^1.4.1",
-    "react-docgen": "^8.0.3",
+    "magic-string": "^1.4.3",
+    "react-docgen": "^8.0.4",
     "react-docgen-typescript": "^2.4.0",
-    "resolve": "^1.22.12",
+    "resolve": "^1.22.13",
     "tsconfig-paths": "^4.2.0",
-    "storybook-builder-rsbuild": "3.6.0"
+    "storybook-builder-rsbuild": "4.0.0-beta.0"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "^7.59.1",
-    "@rsbuild/core": "^2.2.6",
-    "@types/node": "^22.0.0",
+    "@microsoft/api-extractor": "^7.59.4",
+    "@rsbuild/core": "^2.2.13",
+    "@types/node": "^22.12.0",
     "@types/react": "^18.3.31",
     "@types/resolve": "^1.20.6",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "storybook": "10.6.0",
+    "storybook": "11.0.0-alpha.9",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "@rsbuild/core": "^1.5.0 || ^2.0.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.6.0",
-    "typescript": ">= 4.2.x"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "storybook": "^11.0.0-alpha.9",
+    "typescript": "^5.9.0 || ^6.0.0 || ^7.0.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
@@ -80,7 +80,7 @@
     }
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.12.0"
   },
   "publishConfig": {
     "access": "public"