storybook-react-rsbuild 0.0.4 → 0.0.6-beta.1

package/dist/index.d.ts

@@ -1,5 +1,52 @@
-export { F as FrameworkOptions, S as StorybookConfig } from './index-0d1103e1.js';
-import 'storybook-builder-rsbuild';
-import 'file-system-cache';
-import 'http';
-import '@storybook/react-docgen-typescript-plugin';
+import { BuilderOptions, StorybookConfigRsbuild, TypescriptOptions as TypescriptOptions$1 } from 'storybook-builder-rsbuild';
+import { StorybookConfig as StorybookConfig$1, TypescriptOptions } from 'storybook/internal/types';
+import { PluginOptions } from '@storybook/react-docgen-typescript-plugin';
+
+type FrameworkName = 'storybook-react-rsbuild';
+type BuilderName = 'storybook-builder-rsbuild';
+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;
+};
+type TypescriptOptionsReact = {
+    /**
+     * Sets the type of Docgen when working with React and TypeScript
+     *
+     * @default `'react-docgen'`
+     */
+    reactDocgen: 'react-docgen-typescript' | 'react-docgen' | false;
+    /**
+     * Configures `react-docgen-typescript-plugin`
+     *
+     * @default
+     * @see https://github.com/storybookjs/storybook/blob/next/code/builders/builder-webpack5/src/config/defaults.js#L4-L6
+     */
+    reactDocgenTypescriptOptions: PluginOptions;
+};
+type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfig$1['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+    typescript?: Partial<TypescriptOptions & TypescriptOptions$1 & TypescriptOptionsReact>;
+};
+/**
+ * The interface for Storybook configuration in `main.ts` files.
+ */
+type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigRsbuild | keyof StorybookConfigFramework> & StorybookConfigRsbuild & StorybookConfigFramework;
+
+export { FrameworkOptions, StorybookConfig };

package/dist/loaders/react-docgen-loader.d.ts

@@ -4,7 +4,7 @@ import { LoaderContext } from 'webpack';
 
 declare function reactDocgenLoader(this: LoaderContext<{
     debug: boolean;
-}>, source: string): Promise<void>;
+}>, source: string, map: any): Promise<void>;
 declare function getReactDocgenImporter(matchingPath: TsconfigPaths.MatchPath | undefined): react_docgen.Importer;
 
 export { reactDocgenLoader as default, getReactDocgenImporter };

package/dist/loaders/react-docgen-loader.js

@@ -38,7 +38,7 @@ var import_react_docgen = require("react-docgen");
 var TsconfigPaths = __toESM(require("tsconfig-paths"));
 var import_find_up = __toESM(require("find-up"));
 var import_magic_string = __toESM(require("magic-string"));
-var import_node_logger = require("@storybook/node-logger");
+var import_node_logger = require("storybook/internal/node-logger");
 
 // src/loaders/docgen-resolver.ts
 var import_path = require("path");
@@ -144,7 +144,7 @@ var finishInitialization = () => {
   tsconfigPathsInitializeStatus = "initialized";
 };
 var matchPath;
-async function reactDocgenLoader(source) {
+async function reactDocgenLoader(source, map) {
   const callback = this.async();
   const options = this.getOptions() || {};
   const { debug = false } = options;
@@ -184,11 +184,15 @@ async function reactDocgenLoader(source) {
         magicString.append(`;${actualName}.__docgenInfo=${docNode}`);
       }
     });
-    const map = magicString.generateMap({
-      includeContent: true,
-      source: this.resourcePath
-    });
-    callback(null, magicString.toString(), map);
+    callback(
+      null,
+      magicString.toString(),
+      map ?? magicString.generateMap({
+        hires: true,
+        source: this.resourcePath,
+        includeContent: true
+      })
+    );
   } catch (error) {
     if (error.code === import_react_docgen.ERROR_CODES.MISSING_DEFINITION) {
       callback(null, source);

package/dist/loaders/react-docgen-loader.mjs

@@ -2,7 +2,7 @@ import { builtinHandlers, builtinResolvers, parse, ERROR_CODES, makeFsImporter,
 import * as TsconfigPaths from 'tsconfig-paths';
 import findUp from 'find-up';
 import MagicString from 'magic-string';
-import { logger } from '@storybook/node-logger';
+import { logger } from 'storybook/internal/node-logger';
 import { extname } from 'path';
 import resolve from 'resolve';
 
@@ -108,7 +108,7 @@ var finishInitialization = () => {
   tsconfigPathsInitializeStatus = "initialized";
 };
 var matchPath;
-async function reactDocgenLoader(source) {
+async function reactDocgenLoader(source, map) {
   const callback = this.async();
   const options = this.getOptions() || {};
   const { debug = false } = options;
@@ -148,11 +148,15 @@ async function reactDocgenLoader(source) {
         magicString.append(`;${actualName}.__docgenInfo=${docNode}`);
       }
     });
-    const map = magicString.generateMap({
-      includeContent: true,
-      source: this.resourcePath
-    });
-    callback(null, magicString.toString(), map);
+    callback(
+      null,
+      magicString.toString(),
+      map ?? magicString.generateMap({
+        hires: true,
+        source: this.resourcePath,
+        includeContent: true
+      })
+    );
   } catch (error) {
     if (error.code === ERROR_CODES.MISSING_DEFINITION) {
       callback(null, source);

package/dist/preset.d.ts

@@ -1,7 +1,6 @@
-import { S as StorybookConfig, P as PresetProperty } from './index-0d1103e1.js';
+import { PresetProperty } from 'storybook/internal/types';
+import { StorybookConfig } from './index.js';
 import 'storybook-builder-rsbuild';
-import 'file-system-cache';
-import 'http';
 import '@storybook/react-docgen-typescript-plugin';
 
 declare const rsbuildFinal: StorybookConfig['rsbuildFinal'];

package/dist/preset.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(preset_exports);
 var import_path = require("path");
 
 // src/react-docs.ts
-var import_docs_tools = require("@storybook/docs-tools");
+var import_docs_tools = require("storybook/internal/docs-tools");
 var import_core = require("@rsbuild/core");
 
 // src/requirer.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-react-rsbuild",
-  "version": "0.0.4",
+  "version": "0.0.6-beta.1",
   "description": "Storybook for React and Rsbuild: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook",
@@ -49,10 +49,7 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@rsbuild/core": "0.6.15",
-    "@storybook/docs-tools": "^8.0.10",
-    "@storybook/node-logger": "^8.0.10",
-    "@storybook/react": "^8.0.10",
+    "@storybook/react": "^8.2.1",
     "@storybook/react-docgen-typescript-plugin": "^1.0.1",
     "@types/node": "^18.0.0",
     "find-up": "^5.0.0",
@@ -60,16 +57,21 @@
     "react-docgen": "^7.0.3",
     "resolve": "^1.22.8",
     "tsconfig-paths": "^4.2.0",
-    "storybook-builder-rsbuild": "0.0.4"
+    "storybook-builder-rsbuild": "0.0.6-beta.1"
   },
   "devDependencies": {
-    "@storybook/types": "^8.0.10",
+    "@rsbuild/core": "1.0.0-alpha.9",
+    "@storybook/types": "^8.2.1",
+    "@types/resolve": "^1.20.6",
     "add": "^2.0.6",
+    "storybook": "^8.2.1",
     "typescript": "^5.3.2"
   },
   "peerDependencies": {
+    "@rsbuild/core": ">= 1.0.0-alpha.9",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+    "storybook": "^8.2.1",
     "typescript": ">= 4.2.x"
   },
   "peerDependenciesMeta": {