storybook-react-rsbuild 3.4.2 → 3.6.0

package/dist/chunks/generate-1782ed11.js

@@ -0,0 +1,86 @@
+import "node:module";
+import magic_string from "magic-string";
+import typescript from "typescript";
+function createLiteral(value) {
+    switch(typeof value){
+        case 'string':
+            return typescript.factory.createStringLiteral(value);
+        case 'number':
+            return typescript.factory.createNumericLiteral(value);
+        case 'boolean':
+            return value ? typescript.factory.createTrue() : typescript.factory.createFalse();
+    }
+}
+function insertTsIgnoreBeforeStatement(statement) {
+    typescript.setSyntheticLeadingComments(statement, [
+        {
+            text: ' @ts-ignore',
+            kind: typescript.SyntaxKind.SingleLineCommentTrivia,
+            pos: -1,
+            end: -1
+        }
+    ]);
+    return statement;
+}
+function setDisplayName(d) {
+    return insertTsIgnoreBeforeStatement(typescript.factory.createExpressionStatement(typescript.factory.createBinaryExpression(typescript.factory.createPropertyAccessExpression(typescript.factory.createIdentifier(d.displayName), typescript.factory.createIdentifier('displayName')), typescript.SyntaxKind.EqualsToken, typescript.factory.createStringLiteral(d.displayName))));
+}
+function createPropDefinition(propName, prop, options) {
+    const setDefaultValue = (defaultValue)=>typescript.factory.createPropertyAssignment(typescript.factory.createStringLiteral('defaultValue'), defaultValue?.value !== void 0 && ('string' == typeof defaultValue.value || 'number' == typeof defaultValue.value || 'boolean' == typeof defaultValue.value) ? typescript.factory.createObjectLiteralExpression([
+            typescript.factory.createPropertyAssignment(typescript.factory.createIdentifier('value'), createLiteral(defaultValue.value))
+        ]) : typescript.factory.createNull());
+    const setStringLiteralField = (fieldName, fieldValue)=>typescript.factory.createPropertyAssignment(typescript.factory.createStringLiteral(fieldName), typescript.factory.createStringLiteral(fieldValue));
+    const setDescription = (description)=>setStringLiteralField("description", description);
+    const setName = (name)=>setStringLiteralField('name', name);
+    const setRequired = (required)=>typescript.factory.createPropertyAssignment(typescript.factory.createStringLiteral('required'), required ? typescript.factory.createTrue() : typescript.factory.createFalse());
+    const setValue = (typeValue)=>Array.isArray(typeValue) && typeValue.every((value)=>'string' == typeof value.value) ? typescript.factory.createPropertyAssignment(typescript.factory.createStringLiteral('value'), typescript.factory.createArrayLiteralExpression(typeValue.map((value)=>typescript.factory.createObjectLiteralExpression([
+                setStringLiteralField('value', value.value)
+            ])))) : void 0;
+    const setType = (typeName, typeValue)=>{
+        const objectFields = [
+            setStringLiteralField('name', typeName)
+        ];
+        const valueField = setValue(typeValue);
+        if (valueField) objectFields.push(valueField);
+        return typescript.factory.createPropertyAssignment(typescript.factory.createStringLiteral(options.typePropName), typescript.factory.createObjectLiteralExpression(objectFields));
+    };
+    return typescript.factory.createPropertyAssignment(typescript.factory.createStringLiteral(propName), typescript.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(typescript.factory.createExpressionStatement(typescript.factory.createBinaryExpression(typescript.factory.createPropertyAccessExpression(typescript.factory.createIdentifier(d.displayName), typescript.factory.createIdentifier('__docgenInfo')), typescript.SyntaxKind.EqualsToken, typescript.factory.createObjectLiteralExpression([
+        typescript.factory.createPropertyAssignment(typescript.factory.createStringLiteral("description"), typescript.factory.createStringLiteral(d.description)),
+        typescript.factory.createPropertyAssignment(typescript.factory.createStringLiteral('displayName'), typescript.factory.createStringLiteral(d.displayName)),
+        typescript.factory.createPropertyAssignment(typescript.factory.createStringLiteral('props'), typescript.factory.createObjectLiteralExpression(Object.entries(d.props).map(([propName, prop])=>createPropDefinition(propName, prop, options))))
+    ]))));
+}
+function generateDocgenCodeBlock(options) {
+    const sourceFile = typescript.createSourceFile(options.filename, options.source, typescript.ScriptTarget.ESNext);
+    const wrapInTryStatement = (statements)=>typescript.factory.createTryStatement(typescript.factory.createBlock(statements, true), typescript.factory.createCatchClause(typescript.factory.createVariableDeclaration(typescript.factory.createIdentifier("__react_docgen_typescript_loader_error")), typescript.factory.createBlock([])), void 0);
+    const codeBlocks = options.componentDocs.map((d)=>wrapInTryStatement([
+            options.setDisplayName ? setDisplayName(d) : null,
+            setComponentDocGen(d, options)
+        ].filter((s)=>null !== s)));
+    const printer = typescript.createPrinter({
+        newLine: typescript.NewLineKind.LineFeed
+    });
+    const printNode = (sourceNode)=>printer.printNode(typescript.EmitHint.Unspecified, sourceNode, sourceFile);
+    const s = new magic_string(options.source, {
+        filename: options.filename
+    });
+    for (const node of codeBlocks)s.append(printNode(node));
+    return {
+        code: s.toString(),
+        map: s.generateMap({
+            source: options.filename,
+            includeContent: true,
+            hires: true
+        }).toString()
+    };
+}
+export { generateDocgenCodeBlock };

package/dist/chunks/options-7e849a08.js

@@ -0,0 +1,9 @@
+import "node:module";
+function getGenerateOptions(options) {
+    const { setDisplayName = true, typePropName = 'type' } = options;
+    return {
+        setDisplayName,
+        typePropName
+    };
+}
+export { getGenerateOptions };

package/dist/chunks/react-docgen-typescript-9f56b1df.js

@@ -0,0 +1,99 @@
+import "node:module";
+import { createFilter } from "@rollup/pluginutils";
+const defaultPropFilter = (prop)=>!prop.parent?.fileName.includes('node_modules');
+const getDocgen = async (config)=>{
+    const docGen = await import("react-docgen-typescript");
+    const { tsconfigPath, compilerOptions, propFilter = defaultPropFilter, setDisplayName, typePropName, ...rest } = config;
+    const docgenOptions = {
+        propFilter,
+        ...rest
+    };
+    return docGen.withCompilerOptions({}, docgenOptions);
+};
+const startWatch = async (config, onProgramCreatedOrUpdated)=>{
+    const { default: ts } = await import("typescript");
+    const { getTSConfigFile } = await import("./typescript-69cd7fa9.js");
+    let compilerOptions = {
+        jsx: ts.JsxEmit.React,
+        module: ts.ModuleKind.CommonJS,
+        target: ts.ScriptTarget.Latest
+    };
+    const tsconfigPath = config.tsconfigPath ?? './tsconfig.json';
+    if (config.compilerOptions) compilerOptions = {
+        ...compilerOptions,
+        ...config.compilerOptions
+    };
+    else {
+        const { options: tsOptions } = getTSConfigFile(tsconfigPath);
+        compilerOptions = {
+            ...compilerOptions,
+            ...tsOptions
+        };
+    }
+    const host = ts.createWatchCompilerHost(tsconfigPath, compilerOptions, ts.sys, ts.createSemanticDiagnosticsBuilderProgram, void 0, ()=>{});
+    host.afterProgramCreate = (program)=>{
+        onProgramCreatedOrUpdated(program.getProgram());
+    };
+    return new Promise((resolve)=>{
+        const watch = ts.createWatchProgram(host);
+        resolve([
+            watch.getProgram().getProgram(),
+            ()=>watch.close()
+        ]);
+    });
+};
+const react_docgen_typescript = (config = {})=>{
+    let tsProgram;
+    let docGenParser;
+    let generateDocgenCodeBlock;
+    let generateOptions;
+    let filter;
+    const moduleInvalidationQueue = new Map();
+    let closeWatch;
+    return {
+        name: "rsbuild-plugin-react-docgen-typescript",
+        setup (api) {
+            api.modifyRsbuildConfig(async ()=>{
+                const { getGenerateOptions } = await import("./options-7e849a08.js");
+                generateDocgenCodeBlock = (await import("./generate-1782ed11.js")).generateDocgenCodeBlock;
+                docGenParser = await getDocgen(config);
+                generateOptions = getGenerateOptions(config);
+                [tsProgram, closeWatch] = await startWatch(config, (program)=>{
+                    tsProgram = program;
+                    for (const [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 {
+                    const componentDocs = docGenParser.parseWithProgramProvider(id, ()=>tsProgram);
+                    if (!componentDocs.length) return {
+                        code: src
+                    };
+                    const res = generateDocgenCodeBlock({
+                        filename: id,
+                        source: src,
+                        componentDocs,
+                        ...generateOptions
+                    });
+                    return res;
+                } catch (_e) {
+                    return src;
+                }
+            });
+            api.onCloseBuild(()=>{
+                closeWatch();
+            });
+        }
+    };
+};
+export default react_docgen_typescript;

package/dist/chunks/typescript-69cd7fa9.js

@@ -0,0 +1,13 @@
+import "node:module";
+import { dirname } from "node:path";
+import typescript from "typescript";
+function getTSConfigFile(tsconfigPath) {
+    try {
+        const basePath = dirname(tsconfigPath);
+        const configFile = typescript.readConfigFile(tsconfigPath, (p)=>typescript.sys.readFile(p));
+        return typescript.parseJsonConfigFileContent(configFile.config, typescript.sys, basePath, {}, tsconfigPath);
+    } catch (_error) {
+        return {};
+    }
+}
+export { getTSConfigFile };

package/dist/index.d.ts

@@ -1,54 +1,75 @@
-export * from '@storybook/react';
-export { __definePreview as definePreview } from '@storybook/react';
-import { PluginOptions } from '@storybook/react-docgen-typescript-plugin';
-import { StorybookConfig as StorybookConfig$1, CompatibleString, TypescriptOptions } from 'storybook/internal/types';
-import { BuilderOptions, StorybookConfigRsbuild, TypescriptOptions as TypescriptOptions$1 } from 'storybook-builder-rsbuild';
-
-type FrameworkName = CompatibleString<'storybook-react-rsbuild'>;
-type BuilderName = CompatibleString<'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 type { FrameworkOptions, StorybookConfig };
+import type { BuilderOptions } from 'storybook-builder-rsbuild';
+import type { CompatibleString } from 'storybook/internal/types';
+import { __definePreview as definePreview } from '@storybook/react';
+import type { PluginOptions } from '@storybook/react-docgen-typescript-plugin';
+import type { StorybookConfig as StorybookConfig_2 } from 'storybook/internal/types';
+import type { StorybookConfigRsbuild } from 'storybook-builder-rsbuild';
+import type { TypescriptOptions } from 'storybook/internal/types';
+import type { TypescriptOptions as TypescriptOptions_2 } from 'storybook-builder-rsbuild';
+
+declare type BuilderName = CompatibleString<'storybook-builder-rsbuild'>;
+
+export { definePreview }
+
+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;
+};
+
+/**
+ * The interface for Storybook configuration in `main.ts` files.
+ */
+export declare type StorybookConfig = Omit<StorybookConfig_2, keyof StorybookConfigRsbuild | keyof StorybookConfigFramework> & StorybookConfigRsbuild & StorybookConfigFramework;
+
+declare type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfig_2['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+    features?: StorybookConfig_2['features'] & {
+        /**
+         * Enable the experimental `.test` function in CSF Next
+         *
+         * @see https://storybook.js.org/docs/api/main-config/main-config-features#experimentaltestsyntax
+         */
+        experimentalTestSyntax?: boolean;
+    };
+    typescript?: Partial<TypescriptOptions & TypescriptOptions_2 & TypescriptOptionsReact>;
+};
+
+declare 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;
+};
+
+
+export * from "@storybook/react";
+
+export { }

package/dist/index.js

@@ -1,6 +1,2 @@
-// src/index.ts
 export * from "@storybook/react";
-import { __definePreview } from "@storybook/react";
-export {
-  __definePreview as definePreview
-};
+export { __definePreview as definePreview } from "@storybook/react";

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

@@ -1,10 +1,12 @@
-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 };
+import { Importer } from 'react-docgen';
+import type { LoaderContext } from 'webpack';
+import * as TsconfigPaths from 'tsconfig-paths';
+
+export declare function getReactDocgenImporter(matchingPath: TsconfigPaths.MatchPath | undefined): Importer;
+
+declare function reactDocgenLoader(this: LoaderContext<{
+    debug: boolean;
+}>, source: string, map: any): Promise<void>;
+export default reactDocgenLoader;
+
+export { }