storybook-react-rsbuild 2.1.6 → 3.0.0-beta.1

package/dist/_node-chunks/chunk-736S2ISL.js

@@ -0,0 +1,21 @@
+import CJS_COMPAT_NODE_URL_456fc18c5bc9e809 from 'node:url';
+import CJS_COMPAT_NODE_PATH_456fc18c5bc9e809 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_456fc18c5bc9e809 from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_456fc18c5bc9e809.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_456fc18c5bc9e809.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_456fc18c5bc9e809.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+var __require = /* @__PURE__ */ ((x) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(x, {
+  get: (a, b) => (typeof require < "u" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require < "u") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export {
+  __require
+};

package/dist/_node-chunks/generate-ZW2DFGJB.js

@@ -0,0 +1,162 @@
+import CJS_COMPAT_NODE_URL_456fc18c5bc9e809 from 'node:url';
+import CJS_COMPAT_NODE_PATH_456fc18c5bc9e809 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_456fc18c5bc9e809 from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_456fc18c5bc9e809.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_456fc18c5bc9e809.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_456fc18c5bc9e809.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import "./chunk-736S2ISL.js";
+
+// src/plugins/react-docgen-typescript/utils/generate.ts
+import MagicString from "magic-string";
+import ts from "typescript";
+function createLiteral(value) {
+  switch (typeof value) {
+    case "string":
+      return ts.factory.createStringLiteral(value);
+    case "number":
+      return ts.factory.createNumericLiteral(value);
+    case "boolean":
+      return value ? ts.factory.createTrue() : ts.factory.createFalse();
+  }
+}
+function insertTsIgnoreBeforeStatement(statement) {
+  return ts.setSyntheticLeadingComments(statement, [
+    {
+      text: " @ts-ignore",
+      // Leading space is important here
+      kind: ts.SyntaxKind.SingleLineCommentTrivia,
+      pos: -1,
+      end: -1
+    }
+  ]), statement;
+}
+function setDisplayName(d) {
+  return insertTsIgnoreBeforeStatement(
+    ts.factory.createExpressionStatement(
+      ts.factory.createBinaryExpression(
+        ts.factory.createPropertyAccessExpression(
+          ts.factory.createIdentifier(d.displayName),
+          ts.factory.createIdentifier("displayName")
+        ),
+        ts.SyntaxKind.EqualsToken,
+        ts.factory.createStringLiteral(d.displayName)
+      )
+    )
+  );
+}
+function createPropDefinition(propName, prop, options) {
+  let setDefaultValue = (defaultValue) => ts.factory.createPropertyAssignment(
+    ts.factory.createStringLiteral("defaultValue"),
+    // Use a more extensive check on defaultValue. Sometimes the parser
+    // returns an empty object.
+    defaultValue?.value !== void 0 && (typeof defaultValue.value == "string" || typeof defaultValue.value == "number" || typeof defaultValue.value == "boolean") ? ts.factory.createObjectLiteralExpression([
+      ts.factory.createPropertyAssignment(
+        ts.factory.createIdentifier("value"),
+        createLiteral(defaultValue.value)
+      )
+    ]) : ts.factory.createNull()
+  ), setStringLiteralField = (fieldName, fieldValue) => ts.factory.createPropertyAssignment(
+    ts.factory.createStringLiteral(fieldName),
+    ts.factory.createStringLiteral(fieldValue)
+  ), setDescription = (description) => setStringLiteralField("description", description), setName = (name) => setStringLiteralField("name", name), setRequired = (required) => ts.factory.createPropertyAssignment(
+    ts.factory.createStringLiteral("required"),
+    required ? ts.factory.createTrue() : ts.factory.createFalse()
+  ), setValue = (typeValue) => Array.isArray(typeValue) && typeValue.every((value) => typeof value.value == "string") ? ts.factory.createPropertyAssignment(
+    ts.factory.createStringLiteral("value"),
+    ts.factory.createArrayLiteralExpression(
+      typeValue.map(
+        (value) => ts.factory.createObjectLiteralExpression([
+          setStringLiteralField("value", value.value)
+        ])
+      )
+    )
+  ) : void 0, setType = (typeName, typeValue) => {
+    let objectFields = [setStringLiteralField("name", typeName)], valueField = setValue(typeValue);
+    return valueField && objectFields.push(valueField), ts.factory.createPropertyAssignment(
+      ts.factory.createStringLiteral(options.typePropName),
+      ts.factory.createObjectLiteralExpression(objectFields)
+    );
+  };
+  return ts.factory.createPropertyAssignment(
+    ts.factory.createStringLiteral(propName),
+    ts.factory.createObjectLiteralExpression([
+      setDefaultValue(prop.defaultValue),
+      setDescription(prop.description),
+      setName(prop.name),
+      setRequired(prop.required),
+      setType(prop.type.name, prop.type.value)
+    ])
+  );
+}
+function setComponentDocGen(d, options) {
+  return insertTsIgnoreBeforeStatement(
+    ts.factory.createExpressionStatement(
+      ts.factory.createBinaryExpression(
+        // SimpleComponent.__docgenInfo
+        ts.factory.createPropertyAccessExpression(
+          ts.factory.createIdentifier(d.displayName),
+          ts.factory.createIdentifier("__docgenInfo")
+        ),
+        ts.SyntaxKind.EqualsToken,
+        ts.factory.createObjectLiteralExpression([
+          // SimpleComponent.__docgenInfo.description
+          ts.factory.createPropertyAssignment(
+            ts.factory.createStringLiteral("description"),
+            ts.factory.createStringLiteral(d.description)
+          ),
+          // SimpleComponent.__docgenInfo.displayName
+          ts.factory.createPropertyAssignment(
+            ts.factory.createStringLiteral("displayName"),
+            ts.factory.createStringLiteral(d.displayName)
+          ),
+          // SimpleComponent.__docgenInfo.props
+          ts.factory.createPropertyAssignment(
+            ts.factory.createStringLiteral("props"),
+            ts.factory.createObjectLiteralExpression(
+              Object.entries(d.props).map(
+                ([propName, prop]) => createPropDefinition(propName, prop, options)
+              )
+            )
+          )
+        ])
+      )
+    )
+  );
+}
+function generateDocgenCodeBlock(options) {
+  let sourceFile = ts.createSourceFile(
+    options.filename,
+    options.source,
+    ts.ScriptTarget.ESNext
+  ), wrapInTryStatement = (statements) => ts.factory.createTryStatement(
+    ts.factory.createBlock(statements, !0),
+    ts.factory.createCatchClause(
+      ts.factory.createVariableDeclaration(
+        ts.factory.createIdentifier("__react_docgen_typescript_loader_error")
+      ),
+      ts.factory.createBlock([])
+    ),
+    void 0
+  ), codeBlocks = options.componentDocs.map(
+    (d) => wrapInTryStatement(
+      [
+        options.setDisplayName ? setDisplayName(d) : null,
+        setComponentDocGen(d, options)
+      ].filter((s2) => s2 !== null)
+    )
+  ), printer = ts.createPrinter({ newLine: ts.NewLineKind.LineFeed }), printNode = (sourceNode) => printer.printNode(ts.EmitHint.Unspecified, sourceNode, sourceFile), s = new MagicString(options.source);
+  for (let node of codeBlocks)
+    s.append(printNode(node));
+  return {
+    code: s.toString(),
+    map: s.generateMap()
+  };
+}
+export {
+  generateDocgenCodeBlock
+};

package/dist/_node-chunks/options-IABV5J64.js

@@ -0,0 +1,24 @@
+import CJS_COMPAT_NODE_URL_456fc18c5bc9e809 from 'node:url';
+import CJS_COMPAT_NODE_PATH_456fc18c5bc9e809 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_456fc18c5bc9e809 from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_456fc18c5bc9e809.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_456fc18c5bc9e809.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_456fc18c5bc9e809.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import "./chunk-736S2ISL.js";
+
+// src/plugins/react-docgen-typescript/utils/options.ts
+function getGenerateOptions(options) {
+  let { setDisplayName = !0, typePropName = "type" } = options;
+  return {
+    setDisplayName,
+    typePropName
+  };
+}
+export {
+  getGenerateOptions
+};

package/dist/_node-chunks/react-docgen-typescript-FEITIOSV.js

@@ -0,0 +1,114 @@
+import CJS_COMPAT_NODE_URL_456fc18c5bc9e809 from 'node:url';
+import CJS_COMPAT_NODE_PATH_456fc18c5bc9e809 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_456fc18c5bc9e809 from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_456fc18c5bc9e809.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_456fc18c5bc9e809.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_456fc18c5bc9e809.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import "./chunk-736S2ISL.js";
+
+// src/plugins/react-docgen-typescript/index.ts
+import { createFilter } from "@rollup/pluginutils";
+
+// src/plugins/react-docgen-typescript/utils/filter.ts
+var defaultPropFilter = (prop) => !prop.parent?.fileName.includes("node_modules");
+
+// src/plugins/react-docgen-typescript/index.ts
+var getDocgen = async (config) => {
+  let docGen = await import("react-docgen-typescript"), {
+    tsconfigPath,
+    compilerOptions,
+    propFilter = defaultPropFilter,
+    setDisplayName,
+    typePropName,
+    ...rest
+  } = config, docgenOptions = {
+    propFilter,
+    ...rest
+  };
+  return docGen.withCompilerOptions(
+    // Compiler Options are passed in to the custom program.
+    {},
+    docgenOptions
+  );
+}, startWatch = async (config, onProgramCreatedOrUpdated) => {
+  let { default: ts } = await import("typescript"), { getTSConfigFile } = await import("./typescript-Q2KR3T37.js"), compilerOptions = {
+    jsx: ts.JsxEmit.React,
+    module: ts.ModuleKind.CommonJS,
+    target: ts.ScriptTarget.Latest
+  }, tsconfigPath = config.tsconfigPath ?? "./tsconfig.json";
+  if (config.compilerOptions)
+    compilerOptions = {
+      ...compilerOptions,
+      ...config.compilerOptions
+    };
+  else {
+    let { options: tsOptions } = getTSConfigFile(tsconfigPath);
+    compilerOptions = { ...compilerOptions, ...tsOptions };
+  }
+  let host = ts.createWatchCompilerHost(
+    tsconfigPath,
+    compilerOptions,
+    ts.sys,
+    ts.createSemanticDiagnosticsBuilderProgram,
+    void 0,
+    () => {
+    }
+  );
+  return host.afterProgramCreate = (program) => {
+    onProgramCreatedOrUpdated(program.getProgram());
+  }, new Promise((resolve) => {
+    let watch = ts.createWatchProgram(host);
+    resolve([watch.getProgram().getProgram(), watch.close]);
+  });
+}, react_docgen_typescript_default = (config = {}) => {
+  let tsProgram, docGenParser, generateDocgenCodeBlock, generateOptions, filter, moduleInvalidationQueue = /* @__PURE__ */ new Map(), closeWatch;
+  return {
+    name: "rsbuild-plugin-react-docgen-typescript",
+    setup(api) {
+      api.modifyRsbuildConfig(async () => {
+        let { getGenerateOptions } = await import("./options-IABV5J64.js");
+        generateDocgenCodeBlock = (await import("./generate-ZW2DFGJB.js")).generateDocgenCodeBlock, docGenParser = await getDocgen(config), generateOptions = getGenerateOptions(config), [tsProgram, closeWatch] = await startWatch(config, (program) => {
+          tsProgram = program;
+          for (let [
+            filepath,
+            invalidateModule
+          ] of moduleInvalidationQueue.entries())
+            invalidateModule(), moduleInvalidationQueue.delete(filepath);
+        }), filter = createFilter(
+          config.include ?? ["**/**.tsx"],
+          config.exclude ?? ["**/**.stories.tsx"]
+        );
+      }), api.transform(
+        {
+          test: (id) => filter(id)
+        },
+        async ({ code: src, resource: id }) => {
+          try {
+            let componentDocs = docGenParser.parseWithProgramProvider(
+              id,
+              () => tsProgram
+            );
+            return componentDocs.length ? generateDocgenCodeBlock({
+              filename: id,
+              source: src,
+              componentDocs,
+              ...generateOptions
+            }) : { code: src };
+          } catch {
+            return src;
+          }
+        }
+      ), api.onCloseBuild(() => {
+        closeWatch();
+      });
+    }
+  };
+};
+export {
+  react_docgen_typescript_default as default
+};

package/dist/_node-chunks/typescript-Q2KR3T37.js

@@ -0,0 +1,33 @@
+import CJS_COMPAT_NODE_URL_456fc18c5bc9e809 from 'node:url';
+import CJS_COMPAT_NODE_PATH_456fc18c5bc9e809 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_456fc18c5bc9e809 from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_456fc18c5bc9e809.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_456fc18c5bc9e809.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_456fc18c5bc9e809.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import "./chunk-736S2ISL.js";
+
+// src/plugins/react-docgen-typescript/utils/typescript.ts
+import { dirname } from "node:path";
+import ts from "typescript";
+function getTSConfigFile(tsconfigPath) {
+  try {
+    let basePath = dirname(tsconfigPath), configFile = ts.readConfigFile(tsconfigPath, ts.sys.readFile);
+    return ts.parseJsonConfigFileContent(
+      configFile.config,
+      ts.sys,
+      basePath,
+      {},
+      tsconfigPath
+    );
+  } catch {
+    return {};
+  }
+}
+export {
+  getTSConfigFile
+};

package/dist/index.d.ts

@@ -1,54 +1,3 @@
-export * from '@storybook/react';
-export { __definePreview as definePreview } from '@storybook/react';
-import { PluginOptions } from '@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';
-
-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 };
+// auto generated file from file:///Users/bytedance/Projects/storybook-rsbuild/scripts/build/utils/generate-type-mappers.ts, do not edit
+export * from '../src/index.ts';
+export type * from '../src/index.ts';

package/dist/index.js

@@ -1,33 +1,6 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  definePreview: () => import_react.__definePreview
-});
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("@storybook/react"), module.exports);
-var import_react = require("@storybook/react");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  definePreview,
-  ...require("@storybook/react")
-});
+export * from "@storybook/react";
+import { __definePreview } from "@storybook/react";
+export {
+  __definePreview as definePreview
+};

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

@@ -1,10 +1,3 @@
-import * as react_docgen from 'react-docgen';
-import * as TsconfigPaths from 'tsconfig-paths';
-import { LoaderContext } from 'webpack';
-
-declare function reactDocgenLoader(this: LoaderContext<{
-    debug: boolean;
-}>, source: string, map: any): Promise<void>;
-declare function getReactDocgenImporter(matchingPath: TsconfigPaths.MatchPath | undefined): react_docgen.Importer;
-
-export { reactDocgenLoader as default, getReactDocgenImporter };
+// auto generated file from file:///Users/bytedance/Projects/storybook-rsbuild/scripts/build/utils/generate-type-mappers.ts, do not edit
+export * from '../../src/loaders/react-docgen-loader.ts';
+export type * from '../../src/loaders/react-docgen-loader.ts';