@storybook/preset-react-webpack 9.2.0-alpha.3 → 10.0.0-beta.0

package/README.md

@@ -1,6 +1,8 @@
 # Storybook Webpack preset for React
 
-This package is a [preset](https://storybook.js.org/docs/addons/writing-presets?renderer=react) that configures Storybook's webpack settings for handling React.
+This package is a [preset](https://storybook.js.org/docs/addons/writing-presets?renderer=react&ref=readme) that configures Storybook's webpack settings for handling React.
 It's an internal package that's not intended to be used directly by users.
 
-- More info on [Storybook for React](https://storybook.js.org/docs/get-started/install?renderer=react)
+- More info on [Storybook for React](https://storybook.js.org/docs/get-started/install?renderer=react&ref=readme)
+
+Learn more about Storybook at [storybook.js.org](https://storybook.js.org/?ref=readme).

package/dist/_node-chunks/chunk-7NG2ZLPP.js

@@ -0,0 +1,17 @@
+import CJS_COMPAT_NODE_URL_k9voiyizho from 'node:url';
+import CJS_COMPAT_NODE_PATH_k9voiyizho from 'node:path';
+import CJS_COMPAT_NODE_MODULE_k9voiyizho from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_k9voiyizho.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_k9voiyizho.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_k9voiyizho.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+export {
+  __name
+};

package/dist/framework-preset-cra.js

@@ -1 +1,106 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var framework_preset_cra_exports={};__export(framework_preset_cra_exports,{webpackFinal:()=>webpackFinal});module.exports=__toCommonJS(framework_preset_cra_exports);var import_node_logger2=require("storybook/internal/node-logger");var import_node_fs=require("fs"),import_node_path=require("path"),import_node_logger=require("storybook/internal/node-logger"),import_semver=__toESM(require("semver")),appDirectory=(0,import_node_fs.realpathSync)(process.cwd()),reactScriptsPath;function getReactScriptsPath({noCache}={}){if(reactScriptsPath&&!noCache)return reactScriptsPath;let reactScriptsScriptPath=(0,import_node_fs.realpathSync)((0,import_node_path.join)(appDirectory,"/node_modules/.bin/react-scripts"));try{if(/node_modules[\\/]\.bin[\\/]react-scripts/i.test(reactScriptsScriptPath)){let packagePathMatch=(0,import_node_fs.readFileSync)(reactScriptsScriptPath,"utf8").match(/"\$basedir[\\/]([^\s]+?[\\/]bin[\\/]react-scripts\.js")/i);packagePathMatch&&packagePathMatch.length>1&&(reactScriptsScriptPath=(0,import_node_path.join)(appDirectory,"/node_modules/.bin/",packagePathMatch[1]))}}catch(e){import_node_logger.logger.warn(`Error occurred during react-scripts package path resolving: ${e}`)}reactScriptsPath=(0,import_node_path.join)(reactScriptsScriptPath,"../..");let scriptsPkgJson=(0,import_node_path.join)(reactScriptsPath,"package.json");return(0,import_node_fs.existsSync)(scriptsPkgJson)||(reactScriptsPath="react-scripts"),reactScriptsPath}function isReactScriptsInstalled(requiredVersion="2.0.0"){try{let reactScriptsJson=require((0,import_node_path.join)(getReactScriptsPath(),"package.json"));return!import_semver.default.gtr(requiredVersion,reactScriptsJson.version)}catch{return!1}}var checkForNewPreset=presetsList=>{presetsList.some(preset=>{let presetName=typeof preset=="string"?preset:preset.name;return/@storybook(\/|\\)preset-create-react-app/.test(presetName)})||(import_node_logger2.logger.warn("Storybook support for Create React App is now a separate preset."),import_node_logger2.logger.warn("To use the new preset, install `@storybook/preset-create-react-app` and add it to the list of `addons` in your `.storybook/main.js` config file."),import_node_logger2.logger.warn("The built-in preset has been disabled in Storybook 6.0."))},webpackFinal=(config,{presetsList})=>(isReactScriptsInstalled()&&presetsList&&checkForNewPreset(presetsList),config.module?.rules?.push({test:/\.m?js$/,type:"javascript/auto"},{test:/\.m?js$/,resolve:{fullySpecified:!1}}),config);0&&(module.exports={webpackFinal});
+import CJS_COMPAT_NODE_URL_k9voiyizho from 'node:url';
+import CJS_COMPAT_NODE_PATH_k9voiyizho from 'node:path';
+import CJS_COMPAT_NODE_MODULE_k9voiyizho from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_k9voiyizho.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_k9voiyizho.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_k9voiyizho.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "./_node-chunks/chunk-7NG2ZLPP.js";
+
+// src/framework-preset-cra.ts
+import { logger as logger2 } from "storybook/internal/node-logger";
+
+// src/cra-config.ts
+import { existsSync, readFileSync, realpathSync } from "node:fs";
+import { join } from "node:path";
+import { pathToFileURL } from "node:url";
+import { logger } from "storybook/internal/node-logger";
+import semver from "semver";
+var appDirectory = realpathSync(process.cwd());
+var reactScriptsPath;
+function getReactScriptsPath({ noCache } = {}) {
+  if (reactScriptsPath && !noCache) {
+    return reactScriptsPath;
+  }
+  let reactScriptsScriptPath = realpathSync(join(appDirectory, "/node_modules/.bin/react-scripts"));
+  try {
+    const pathIsNotResolved = /node_modules[\\/]\.bin[\\/]react-scripts/i.test(
+      reactScriptsScriptPath
+    );
+    if (pathIsNotResolved) {
+      const content = readFileSync(reactScriptsScriptPath, "utf8");
+      const packagePathMatch = content.match(
+        /"\$basedir[\\/]([^\s]+?[\\/]bin[\\/]react-scripts\.js")/i
+      );
+      if (packagePathMatch && packagePathMatch.length > 1) {
+        reactScriptsScriptPath = join(appDirectory, "/node_modules/.bin/", packagePathMatch[1]);
+      }
+    }
+  } catch (e) {
+    logger.warn(`Error occurred during react-scripts package path resolving: ${e}`);
+  }
+  reactScriptsPath = join(reactScriptsScriptPath, "../..");
+  const scriptsPkgJson = join(reactScriptsPath, "package.json");
+  if (!existsSync(scriptsPkgJson)) {
+    reactScriptsPath = "react-scripts";
+  }
+  return reactScriptsPath;
+}
+__name(getReactScriptsPath, "getReactScriptsPath");
+async function isReactScriptsInstalled(minimumVersion = "2.0.0") {
+  try {
+    const { default: reactScriptsJson } = await import(pathToFileURL(join(getReactScriptsPath(), "package.json")).href, {
+      with: { type: "json" }
+    });
+    return !semver.gtr(minimumVersion, reactScriptsJson.version);
+  } catch (e) {
+    return false;
+  }
+}
+__name(isReactScriptsInstalled, "isReactScriptsInstalled");
+
+// src/framework-preset-cra.ts
+var checkForNewPreset = /* @__PURE__ */ __name((presetsList) => {
+  const hasNewPreset = presetsList.some((preset) => {
+    const presetName = typeof preset === "string" ? preset : preset.name;
+    return /@storybook(\/|\\)preset-create-react-app/.test(presetName);
+  });
+  if (!hasNewPreset) {
+    logger2.warn("Storybook support for Create React App is now a separate preset.");
+    logger2.warn(
+      "To use the new preset, install `@storybook/preset-create-react-app` and add it to the list of `addons` in your `.storybook/main.js` config file."
+    );
+    logger2.warn("The built-in preset has been disabled in Storybook 6.0.");
+  }
+}, "checkForNewPreset");
+var webpackFinal = /* @__PURE__ */ __name(async (config, { presetsList }) => {
+  if (await isReactScriptsInstalled()) {
+    if (presetsList) {
+      checkForNewPreset(presetsList);
+    }
+  }
+  config.module?.rules?.push(
+    ...[
+      {
+        test: /\.m?js$/,
+        type: "javascript/auto"
+      },
+      {
+        test: /\.m?js$/,
+        resolve: {
+          fullySpecified: false
+        }
+      }
+    ]
+  );
+  return config;
+}, "webpackFinal");
+export {
+  webpackFinal
+};

package/dist/framework-preset-react-docs.js

@@ -1 +1,79 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var framework_preset_react_docs_exports={};__export(framework_preset_react_docs_exports,{webpackFinal:()=>webpackFinal});module.exports=__toCommonJS(framework_preset_react_docs_exports);function requirer(resolver,path){return resolver(path)}var webpackFinal=async(config,options)=>{let typescriptOptions=await options.presets.apply("typescript",{}),debug=options.loglevel==="debug",{reactDocgen,reactDocgenTypescriptOptions}=typescriptOptions||{};if(typeof reactDocgen!="string")return config;if(reactDocgen!=="react-docgen-typescript")return{...config,module:{...config.module??{},rules:[...config.module?.rules??[],{test:/\.(cjs|mjs|tsx?|jsx?)$/,enforce:"pre",loader:requirer(require.resolve,"@storybook/preset-react-webpack/dist/loaders/react-docgen-loader"),options:{debug},exclude:/(\.(stories|story)\.(js|jsx|ts|tsx))|(node_modules)/}]}};let{ReactDocgenTypeScriptPlugin}=await import("@storybook/react-docgen-typescript-plugin");return{...config,module:{...config.module??{},rules:[...config.module?.rules??[],{test:/\.(cjs|mjs|jsx?)$/,enforce:"pre",loader:requirer(require.resolve,"@storybook/preset-react-webpack/dist/loaders/react-docgen-loader"),options:{debug},exclude:/(\.(stories|story)\.(js|jsx|ts|tsx))|(node_modules)/}]},plugins:[...config.plugins||[],new ReactDocgenTypeScriptPlugin({...reactDocgenTypescriptOptions,savePropValueAsString:!0})]}};0&&(module.exports={webpackFinal});
+import CJS_COMPAT_NODE_URL_k9voiyizho from 'node:url';
+import CJS_COMPAT_NODE_PATH_k9voiyizho from 'node:path';
+import CJS_COMPAT_NODE_MODULE_k9voiyizho from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_k9voiyizho.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_k9voiyizho.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_k9voiyizho.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "./_node-chunks/chunk-7NG2ZLPP.js";
+
+// src/framework-preset-react-docs.ts
+import { fileURLToPath } from "node:url";
+var webpackFinal = /* @__PURE__ */ __name(async (config, options) => {
+  const typescriptOptions = await options.presets.apply("typescript", {});
+  const debug = options.loglevel === "debug";
+  const { reactDocgen, reactDocgenTypescriptOptions } = typescriptOptions || {};
+  if (typeof reactDocgen !== "string") {
+    return config;
+  }
+  if (reactDocgen !== "react-docgen-typescript") {
+    return {
+      ...config,
+      module: {
+        ...config.module ?? {},
+        rules: [
+          ...config.module?.rules ?? [],
+          {
+            test: /\.(cjs|mjs|tsx?|jsx?)$/,
+            enforce: "pre",
+            loader: fileURLToPath(
+              import.meta.resolve("@storybook/preset-react-webpack/react-docgen-loader")
+            ),
+            options: {
+              debug
+            },
+            exclude: /(\.(stories|story)\.(js|jsx|ts|tsx))|(node_modules)/
+          }
+        ]
+      }
+    };
+  }
+  const { ReactDocgenTypeScriptPlugin } = await import("@storybook/react-docgen-typescript-plugin");
+  return {
+    ...config,
+    module: {
+      ...config.module ?? {},
+      rules: [
+        ...config.module?.rules ?? [],
+        {
+          test: /\.(cjs|mjs|jsx?)$/,
+          enforce: "pre",
+          loader: fileURLToPath(
+            import.meta.resolve("@storybook/preset-react-webpack/react-docgen-loader")
+          ),
+          options: {
+            debug
+          },
+          exclude: /(\.(stories|story)\.(js|jsx|ts|tsx))|(node_modules)/
+        }
+      ]
+    },
+    plugins: [
+      ...config.plugins || [],
+      new ReactDocgenTypeScriptPlugin({
+        ...reactDocgenTypescriptOptions,
+        // We *need* this set so that RDT returns default values in the same format as react-docgen
+        savePropValueAsString: true
+      })
+    ]
+  };
+}, "webpackFinal");
+export {
+  webpackFinal
+};

package/dist/index.d.ts

@@ -1,8 +1,40 @@
 import { PresetProperty } from 'storybook/internal/types';
-export { R as ReactOptions, S as StorybookConfig, T as TypescriptOptions } from './types-147216d5.js';
+import { TypescriptOptions as TypescriptOptions$1, WebpackConfiguration, StorybookConfig as StorybookConfig$1 } from '@storybook/core-webpack';
 export { BuilderResult } from '@storybook/core-webpack';
-import '@storybook/react-docgen-typescript-plugin';
+import { PluginOptions } from '@storybook/react-docgen-typescript-plugin';
+
+interface ReactOptions {
+    strictMode?: boolean;
+    /**
+     * Use React's legacy root API to mount components
+     *
+     * 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 TypescriptOptions = TypescriptOptions$1 & {
+    /**
+     * 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 StorybookConfig<TWebpackConfiguration = WebpackConfiguration> = StorybookConfig$1<TWebpackConfiguration> & {
+    typescript?: Partial<TypescriptOptions>;
+};
 
 declare const addons: PresetProperty<'addons'>;
 
-export { addons };
+export { type ReactOptions, type StorybookConfig, type TypescriptOptions, addons };

package/dist/index.js

@@ -1 +1,22 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var index_exports={};__export(index_exports,{addons:()=>addons});module.exports=__toCommonJS(index_exports);var addons=[require.resolve("@storybook/preset-react-webpack/dist/framework-preset-cra"),require.resolve("@storybook/preset-react-webpack/dist/framework-preset-react-docs")];0&&(module.exports={addons});
+import CJS_COMPAT_NODE_URL_k9voiyizho from 'node:url';
+import CJS_COMPAT_NODE_PATH_k9voiyizho from 'node:path';
+import CJS_COMPAT_NODE_MODULE_k9voiyizho from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_k9voiyizho.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_k9voiyizho.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_k9voiyizho.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import "./_node-chunks/chunk-7NG2ZLPP.js";
+
+// src/index.ts
+import { fileURLToPath } from "node:url";
+var addons = [
+  fileURLToPath(import.meta.resolve("@storybook/preset-react-webpack/preset-cra")),
+  fileURLToPath(import.meta.resolve("@storybook/preset-react-webpack/preset-react-docs"))
+];
+export {
+  addons
+};

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

@@ -1 +1,466 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var react_docgen_loader_exports={};__export(react_docgen_loader_exports,{default:()=>reactDocgenLoader,getReactDocgenImporter:()=>getReactDocgenImporter});module.exports=__toCommonJS(react_docgen_loader_exports);var import_common=require("storybook/internal/common"),import_node_logger=require("storybook/internal/node-logger"),import_find_up=require("find-up"),import_magic_string=__toESM(require("magic-string")),import_react_docgen=require("react-docgen"),TsconfigPaths=__toESM(require("tsconfig-paths"));var import_node_path=require("path"),import_resolve=__toESM(require("resolve")),ReactDocgenResolveError=class extends Error{constructor(filename){super(`'${filename}' was ignored by react-docgen.`);this.code="MODULE_NOT_FOUND"}},RESOLVE_EXTENSIONS=[".js",".cts",".mts",".ctsx",".mtsx",".ts",".tsx",".mjs",".cjs",".mts",".cts",".jsx"];function defaultLookupModule(filename,basedir){let resolveOptions={basedir,extensions:RESOLVE_EXTENSIONS,includeCoreModules:!1};try{return import_resolve.default.sync(filename,resolveOptions)}catch(error){let ext=(0,import_node_path.extname)(filename),newFilename;switch(ext){case".js":case".mjs":case".cjs":newFilename=`${filename.slice(0,-2)}ts`;break;case".jsx":newFilename=`${filename.slice(0,-3)}tsx`;break;default:throw error}return import_resolve.default.sync(newFilename,{...resolveOptions,extensions:[]})}}var{getNameOrValue,isReactForwardRefCall}=import_react_docgen.utils,actualNameHandler=function(documentation,componentDefinition){if(documentation.set("definedInFile",componentDefinition.hub.file.opts.filename),(componentDefinition.isClassDeclaration()||componentDefinition.isFunctionDeclaration())&&componentDefinition.has("id"))documentation.set("actualName",getNameOrValue(componentDefinition.get("id")));else if(componentDefinition.isArrowFunctionExpression()||componentDefinition.isFunctionExpression()||isReactForwardRefCall(componentDefinition)){let currentPath=componentDefinition;for(;currentPath.parentPath;){if(currentPath.parentPath.isVariableDeclarator()){documentation.set("actualName",getNameOrValue(currentPath.parentPath.get("id")));return}if(currentPath.parentPath.isAssignmentExpression()){let leftPath=currentPath.parentPath.get("left");if(leftPath.isIdentifier()||leftPath.isLiteral()){documentation.set("actualName",getNameOrValue(leftPath));return}}currentPath=currentPath.parentPath}documentation.set("actualName","")}},defaultHandlers=Object.values(import_react_docgen.builtinHandlers).map(handler=>handler),defaultResolver=new import_react_docgen.builtinResolvers.FindExportedDefinitionsResolver,handlers=[...defaultHandlers,actualNameHandler],tsconfigPathsInitialized=!1,matchPath;async function reactDocgenLoader(source,map){let callback=this.async(),options=this.getOptions()||{},{debug=!1}=options;if(!tsconfigPathsInitialized){let tsconfigPath=await(0,import_find_up.findUp)("tsconfig.json",{cwd:process.cwd(),stopAt:(0,import_common.getProjectRoot)()}),tsconfig=TsconfigPaths.loadConfig(tsconfigPath);tsconfig.resultType==="success"&&(import_node_logger.logger.info("Using tsconfig paths for react-docgen"),matchPath=TsconfigPaths.createMatchPath(tsconfig.absoluteBaseUrl,tsconfig.paths,["browser","module","main"])),tsconfigPathsInitialized=!0}try{let docgenResults=(0,import_react_docgen.parse)(source,{filename:this.resourcePath,resolver:defaultResolver,handlers,importer:getReactDocgenImporter(matchPath),babelOptions:{babelrc:!1,configFile:!1}}),magicString=new import_magic_string.default(source);docgenResults.forEach(info=>{let{actualName,definedInFile,...docgenInfo}=info;if(actualName&&definedInFile==this.resourcePath){let docNode=JSON.stringify(docgenInfo);magicString.append(`;${actualName}.__docgenInfo=${docNode}`)}}),callback(null,magicString.toString(),map??magicString.generateMap({hires:!0,source:this.resourcePath,includeContent:!0}))}catch(error){error.code===import_react_docgen.ERROR_CODES.MISSING_DEFINITION||(debug?(import_node_logger.logger.warn(`Failed to parse ${this.resourcePath} with react-docgen. Please use the below error message and the content of the file which causes the error to report the issue to the maintainers of react-docgen. https://github.com/reactjs/react-docgen`),import_node_logger.logger.error(error)):import_node_logger.logger.warn(`Failed to parse ${this.resourcePath} with react-docgen. Rerun Storybook with --loglevel=debug to get more info.`)),callback(null,source)}}function getReactDocgenImporter(matchingPath){return(0,import_react_docgen.makeFsImporter)((filename,basedir)=>{let mappedFilenameByPaths=matchingPath&&matchingPath(filename)||filename,result=defaultLookupModule(mappedFilenameByPaths,basedir);if(RESOLVE_EXTENSIONS.find(ext=>result.endsWith(ext)))return result;throw new ReactDocgenResolveError(filename)})}0&&(module.exports={getReactDocgenImporter});
+import CJS_COMPAT_NODE_URL_k9voiyizho from 'node:url';
+import CJS_COMPAT_NODE_PATH_k9voiyizho from 'node:path';
+import CJS_COMPAT_NODE_MODULE_k9voiyizho from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_k9voiyizho.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_k9voiyizho.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_k9voiyizho.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "../_node-chunks/chunk-7NG2ZLPP.js";
+
+// src/loaders/react-docgen-loader.ts
+import { getProjectRoot } from "storybook/internal/common";
+import { logger } from "storybook/internal/node-logger";
+
+// ../../node_modules/find-up/index.js
+import path2 from "node:path";
+
+// ../../node_modules/locate-path/index.js
+import process2 from "node:process";
+import path from "node:path";
+import fs, { promises as fsPromises } from "node:fs";
+import { fileURLToPath } from "node:url";
+
+// ../../node_modules/yocto-queue/index.js
+var Node = class {
+  static {
+    __name(this, "Node");
+  }
+  value;
+  next;
+  constructor(value) {
+    this.value = value;
+  }
+};
+var Queue = class {
+  static {
+    __name(this, "Queue");
+  }
+  #head;
+  #tail;
+  #size;
+  constructor() {
+    this.clear();
+  }
+  enqueue(value) {
+    const node = new Node(value);
+    if (this.#head) {
+      this.#tail.next = node;
+      this.#tail = node;
+    } else {
+      this.#head = node;
+      this.#tail = node;
+    }
+    this.#size++;
+  }
+  dequeue() {
+    const current = this.#head;
+    if (!current) {
+      return;
+    }
+    this.#head = this.#head.next;
+    this.#size--;
+    return current.value;
+  }
+  peek() {
+    if (!this.#head) {
+      return;
+    }
+    return this.#head.value;
+  }
+  clear() {
+    this.#head = void 0;
+    this.#tail = void 0;
+    this.#size = 0;
+  }
+  get size() {
+    return this.#size;
+  }
+  *[Symbol.iterator]() {
+    let current = this.#head;
+    while (current) {
+      yield current.value;
+      current = current.next;
+    }
+  }
+  *drain() {
+    while (this.#head) {
+      yield this.dequeue();
+    }
+  }
+};
+
+// ../../node_modules/locate-path/node_modules/p-limit/index.js
+function pLimit(concurrency) {
+  if (!((Number.isInteger(concurrency) || concurrency === Number.POSITIVE_INFINITY) && concurrency > 0)) {
+    throw new TypeError("Expected `concurrency` to be a number from 1 and up");
+  }
+  const queue = new Queue();
+  let activeCount = 0;
+  const next = /* @__PURE__ */ __name(() => {
+    activeCount--;
+    if (queue.size > 0) {
+      queue.dequeue()();
+    }
+  }, "next");
+  const run = /* @__PURE__ */ __name(async (fn, resolve2, args) => {
+    activeCount++;
+    const result = (async () => fn(...args))();
+    resolve2(result);
+    try {
+      await result;
+    } catch {
+    }
+    next();
+  }, "run");
+  const enqueue = /* @__PURE__ */ __name((fn, resolve2, args) => {
+    queue.enqueue(run.bind(void 0, fn, resolve2, args));
+    (async () => {
+      await Promise.resolve();
+      if (activeCount < concurrency && queue.size > 0) {
+        queue.dequeue()();
+      }
+    })();
+  }, "enqueue");
+  const generator = /* @__PURE__ */ __name((fn, ...args) => new Promise((resolve2) => {
+    enqueue(fn, resolve2, args);
+  }), "generator");
+  Object.defineProperties(generator, {
+    activeCount: {
+      get: /* @__PURE__ */ __name(() => activeCount, "get")
+    },
+    pendingCount: {
+      get: /* @__PURE__ */ __name(() => queue.size, "get")
+    },
+    clearQueue: {
+      value: /* @__PURE__ */ __name(() => {
+        queue.clear();
+      }, "value")
+    }
+  });
+  return generator;
+}
+__name(pLimit, "pLimit");
+
+// ../../node_modules/locate-path/node_modules/p-locate/index.js
+var EndError = class extends Error {
+  static {
+    __name(this, "EndError");
+  }
+  constructor(value) {
+    super();
+    this.value = value;
+  }
+};
+var testElement = /* @__PURE__ */ __name(async (element, tester) => tester(await element), "testElement");
+var finder = /* @__PURE__ */ __name(async (element) => {
+  const values = await Promise.all(element);
+  if (values[1] === true) {
+    throw new EndError(values[0]);
+  }
+  return false;
+}, "finder");
+async function pLocate(iterable, tester, {
+  concurrency = Number.POSITIVE_INFINITY,
+  preserveOrder = true
+} = {}) {
+  const limit = pLimit(concurrency);
+  const items = [...iterable].map((element) => [element, limit(testElement, element, tester)]);
+  const checkLimit = pLimit(preserveOrder ? 1 : Number.POSITIVE_INFINITY);
+  try {
+    await Promise.all(items.map((element) => checkLimit(finder, element)));
+  } catch (error) {
+    if (error instanceof EndError) {
+      return error.value;
+    }
+    throw error;
+  }
+}
+__name(pLocate, "pLocate");
+
+// ../../node_modules/locate-path/index.js
+var typeMappings = {
+  directory: "isDirectory",
+  file: "isFile"
+};
+function checkType(type) {
+  if (Object.hasOwnProperty.call(typeMappings, type)) {
+    return;
+  }
+  throw new Error(`Invalid type specified: ${type}`);
+}
+__name(checkType, "checkType");
+var matchType = /* @__PURE__ */ __name((type, stat) => stat[typeMappings[type]](), "matchType");
+var toPath = /* @__PURE__ */ __name((urlOrPath) => urlOrPath instanceof URL ? fileURLToPath(urlOrPath) : urlOrPath, "toPath");
+async function locatePath(paths, {
+  cwd = process2.cwd(),
+  type = "file",
+  allowSymlinks = true,
+  concurrency,
+  preserveOrder
+} = {}) {
+  checkType(type);
+  cwd = toPath(cwd);
+  const statFunction = allowSymlinks ? fsPromises.stat : fsPromises.lstat;
+  return pLocate(paths, async (path_) => {
+    try {
+      const stat = await statFunction(path.resolve(cwd, path_));
+      return matchType(type, stat);
+    } catch {
+      return false;
+    }
+  }, { concurrency, preserveOrder });
+}
+__name(locatePath, "locatePath");
+
+// ../../node_modules/find-up/node_modules/unicorn-magic/node.js
+import { fileURLToPath as fileURLToPath2 } from "node:url";
+function toPath2(urlOrPath) {
+  return urlOrPath instanceof URL ? fileURLToPath2(urlOrPath) : urlOrPath;
+}
+__name(toPath2, "toPath");
+
+// ../../node_modules/find-up/index.js
+var findUpStop = Symbol("findUpStop");
+async function findUpMultiple(name, options = {}) {
+  let directory = path2.resolve(toPath2(options.cwd) ?? "");
+  const { root } = path2.parse(directory);
+  const stopAt = path2.resolve(directory, toPath2(options.stopAt ?? root));
+  const limit = options.limit ?? Number.POSITIVE_INFINITY;
+  const paths = [name].flat();
+  const runMatcher = /* @__PURE__ */ __name(async (locateOptions) => {
+    if (typeof name !== "function") {
+      return locatePath(paths, locateOptions);
+    }
+    const foundPath = await name(locateOptions.cwd);
+    if (typeof foundPath === "string") {
+      return locatePath([foundPath], locateOptions);
+    }
+    return foundPath;
+  }, "runMatcher");
+  const matches = [];
+  while (true) {
+    const foundPath = await runMatcher({ ...options, cwd: directory });
+    if (foundPath === findUpStop) {
+      break;
+    }
+    if (foundPath) {
+      matches.push(path2.resolve(directory, foundPath));
+    }
+    if (directory === stopAt || matches.length >= limit) {
+      break;
+    }
+    directory = path2.dirname(directory);
+  }
+  return matches;
+}
+__name(findUpMultiple, "findUpMultiple");
+async function findUp(name, options = {}) {
+  const matches = await findUpMultiple(name, { ...options, limit: 1 });
+  return matches[0];
+}
+__name(findUp, "findUp");
+
+// src/loaders/react-docgen-loader.ts
+import MagicString from "magic-string";
+import {
+  ERROR_CODES,
+  builtinHandlers as docgenHandlers,
+  builtinResolvers as docgenResolver,
+  makeFsImporter,
+  parse,
+  utils
+} from "react-docgen";
+import * as TsconfigPaths from "tsconfig-paths";
+
+// src/loaders/docgen-resolver.ts
+import { extname } from "node:path";
+import resolve from "resolve";
+var ReactDocgenResolveError = class extends Error {
+  constructor(filename) {
+    super(`'${filename}' was ignored by react-docgen.`);
+    // the magic string that react-docgen uses to check if a module is ignored
+    this.code = "MODULE_NOT_FOUND";
+  }
+  static {
+    __name(this, "ReactDocgenResolveError");
+  }
+};
+var RESOLVE_EXTENSIONS = [
+  ".js",
+  ".cts",
+  // These were originally not in the code, I added them
+  ".mts",
+  // These were originally not in the code, I added them
+  ".ctsx",
+  // These were originally not in the code, I added them
+  ".mtsx",
+  // These were originally not in the code, I added them
+  ".ts",
+  ".tsx",
+  ".mjs",
+  ".cjs",
+  ".mts",
+  ".cts",
+  ".jsx"
+];
+function defaultLookupModule(filename, basedir) {
+  const resolveOptions = {
+    basedir,
+    extensions: RESOLVE_EXTENSIONS,
+    // we do not need to check core modules as we cannot import them anyway
+    includeCoreModules: false
+  };
+  try {
+    return resolve.sync(filename, resolveOptions);
+  } catch (error) {
+    const ext = extname(filename);
+    let newFilename;
+    switch (ext) {
+      case ".js":
+      case ".mjs":
+      case ".cjs":
+        newFilename = `${filename.slice(0, -2)}ts`;
+        break;
+      case ".jsx":
+        newFilename = `${filename.slice(0, -3)}tsx`;
+        break;
+      default:
+        throw error;
+    }
+    return resolve.sync(newFilename, {
+      ...resolveOptions,
+      // we already know that there is an extension at this point, so no need to check other extensions
+      extensions: []
+    });
+  }
+}
+__name(defaultLookupModule, "defaultLookupModule");
+
+// src/loaders/react-docgen-loader.ts
+var { getNameOrValue, isReactForwardRefCall } = utils;
+var actualNameHandler = /* @__PURE__ */ __name(function actualNameHandler2(documentation, componentDefinition) {
+  documentation.set("definedInFile", componentDefinition.hub.file.opts.filename);
+  if ((componentDefinition.isClassDeclaration() || componentDefinition.isFunctionDeclaration()) && componentDefinition.has("id")) {
+    documentation.set(
+      "actualName",
+      getNameOrValue(componentDefinition.get("id"))
+    );
+  } else if (componentDefinition.isArrowFunctionExpression() || componentDefinition.isFunctionExpression() || isReactForwardRefCall(componentDefinition)) {
+    let currentPath = componentDefinition;
+    while (currentPath.parentPath) {
+      if (currentPath.parentPath.isVariableDeclarator()) {
+        documentation.set("actualName", getNameOrValue(currentPath.parentPath.get("id")));
+        return;
+      }
+      if (currentPath.parentPath.isAssignmentExpression()) {
+        const leftPath = currentPath.parentPath.get("left");
+        if (leftPath.isIdentifier() || leftPath.isLiteral()) {
+          documentation.set("actualName", getNameOrValue(leftPath));
+          return;
+        }
+      }
+      currentPath = currentPath.parentPath;
+    }
+    documentation.set("actualName", "");
+  }
+}, "actualNameHandler");
+var defaultHandlers = Object.values(docgenHandlers).map((handler) => handler);
+var defaultResolver = new docgenResolver.FindExportedDefinitionsResolver();
+var handlers = [...defaultHandlers, actualNameHandler];
+var tsconfigPathsInitialized = false;
+var matchPath;
+async function reactDocgenLoader(source, map) {
+  const callback = this.async();
+  const options = this.getOptions() || {};
+  const { debug = false } = options;
+  if (!tsconfigPathsInitialized) {
+    const tsconfigPath = await findUp("tsconfig.json", {
+      cwd: process.cwd(),
+      stopAt: getProjectRoot()
+    });
+    const tsconfig = TsconfigPaths.loadConfig(tsconfigPath);
+    if (tsconfig.resultType === "success") {
+      logger.info("Using tsconfig paths for react-docgen");
+      matchPath = TsconfigPaths.createMatchPath(tsconfig.absoluteBaseUrl, tsconfig.paths, [
+        "browser",
+        "module",
+        "main"
+      ]);
+    }
+    tsconfigPathsInitialized = true;
+  }
+  try {
+    const docgenResults = parse(source, {
+      filename: this.resourcePath,
+      resolver: defaultResolver,
+      handlers,
+      importer: getReactDocgenImporter(matchPath),
+      babelOptions: {
+        babelrc: false,
+        configFile: false
+      }
+    });
+    const magicString = new MagicString(source);
+    docgenResults.forEach((info) => {
+      const { actualName, definedInFile, ...docgenInfo } = info;
+      if (actualName && definedInFile == this.resourcePath) {
+        const docNode = JSON.stringify(docgenInfo);
+        magicString.append(`;${actualName}.__docgenInfo=${docNode}`);
+      }
+    });
+    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);
+    } else {
+      if (!debug) {
+        logger.warn(
+          `Failed to parse ${this.resourcePath} with react-docgen. Rerun Storybook with --loglevel=debug to get more info.`
+        );
+      } else {
+        logger.warn(
+          `Failed to parse ${this.resourcePath} with react-docgen. Please use the below error message and the content of the file which causes the error to report the issue to the maintainers of react-docgen. https://github.com/reactjs/react-docgen`
+        );
+        logger.error(error);
+      }
+      callback(null, source);
+    }
+  }
+}
+__name(reactDocgenLoader, "reactDocgenLoader");
+function getReactDocgenImporter(matchingPath) {
+  return makeFsImporter((filename, basedir) => {
+    const mappedFilenameByPaths = (() => {
+      if (matchingPath) {
+        const match = matchingPath(filename);
+        return match || filename;
+      } else {
+        return filename;
+      }
+    })();
+    const result = defaultLookupModule(mappedFilenameByPaths, basedir);
+    if (RESOLVE_EXTENSIONS.find((ext) => result.endsWith(ext))) {
+      return result;
+    }
+    throw new ReactDocgenResolveError(filename);
+  });
+}
+__name(getReactDocgenImporter, "getReactDocgenImporter");
+export {
+  reactDocgenLoader as default,
+  getReactDocgenImporter
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "9.2.0-alpha.3",
+  "version": "10.0.0-beta.0",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
@@ -19,39 +19,17 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "default": "./dist/index.js"
     },
-    "./preset": {
-      "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./dist/framework-preset-cra": {
-      "types": "./dist/framework-preset-cra.d.ts",
-      "import": "./dist/framework-preset-cra.mjs",
-      "require": "./dist/framework-preset-cra.js"
-    },
-    "./dist/framework-preset-react-docs": {
-      "types": "./dist/framework-preset-react-docs.d.ts",
-      "import": "./dist/framework-preset-react-docs.mjs",
-      "require": "./dist/framework-preset-react-docs.js"
-    },
-    "./dist/loaders/react-docgen-loader": {
-      "types": "./dist/loaders/react-docgen-loader.d.ts",
-      "import": "./dist/loaders/react-docgen-loader.mjs",
-      "require": "./dist/loaders/react-docgen-loader.js"
-    },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./preset-cra": "./dist/framework-preset-cra.js",
+    "./preset-react-docs": "./dist/framework-preset-react-docs.js",
+    "./react-docgen-loader": "./dist/loaders/react-docgen-loader.js"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -60,14 +38,13 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "jiti ../../../scripts/prepare/check.ts",
-    "prep": "jiti ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/check/check-package.ts",
+    "prep": "jiti ../../../scripts/build/build-package.ts"
   },
   "dependencies": {
-    "@storybook/core-webpack": "9.2.0-alpha.3",
+    "@storybook/core-webpack": "10.0.0-beta.0",
     "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
     "@types/semver": "^7.3.4",
-    "find-up": "^7.0.0",
     "magic-string": "^0.30.5",
     "react-docgen": "^7.1.1",
     "resolve": "^1.22.8",
@@ -77,32 +54,21 @@
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
+    "find-up": "^7.0.0",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "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": "^9.2.0-alpha.3"
+    "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.0.0-beta.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
       "optional": true
     }
   },
-  "engines": {
-    "node": ">=20.0.0"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "bundler": {
-    "entries": [
-      "./src/index.ts",
-      "./src/framework-preset-cra.ts",
-      "./src/framework-preset-react-docs.ts",
-      "./src/loaders/react-docgen-loader.ts"
-    ],
-    "platform": "node"
-  },
-  "gitHead": "ce6a1e4a8d5ad69c699021a0b183df89cfc7b684"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
 }

package/preset.js

@@ -1 +1 @@
-module.exports = require('./dist/index');
+export * from './src/index.js';

package/dist/chunk-MXFP7CYD.mjs

@@ -1,3 +0,0 @@
-var __require=(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/framework-preset-cra.d.ts

@@ -1,5 +0,0 @@
-import { StorybookConfig } from '@storybook/core-webpack';
-
-declare const webpackFinal: StorybookConfig['webpack'];
-
-export { webpackFinal };

package/dist/framework-preset-react-docs.d.ts

@@ -1,7 +0,0 @@
-import { S as StorybookConfig } from './types-147216d5.js';
-import '@storybook/core-webpack';
-import '@storybook/react-docgen-typescript-plugin';
-
-declare const webpackFinal: StorybookConfig['webpackFinal'];
-
-export { webpackFinal };

package/dist/index.mjs

@@ -1,5 +0,0 @@
-import { __require } from './chunk-MXFP7CYD.mjs';
-
-var addons=[__require.resolve("@storybook/preset-react-webpack/dist/framework-preset-cra"),__require.resolve("@storybook/preset-react-webpack/dist/framework-preset-react-docs")];
-
-export { addons };

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

@@ -1,10 +0,0 @@
-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 };

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

@@ -1,13 +0,0 @@
-import '../chunk-MXFP7CYD.mjs';
-import { getProjectRoot } from 'storybook/internal/common';
-import { logger } from 'storybook/internal/node-logger';
-import { findUp } from 'find-up';
-import MagicString from 'magic-string';
-import { builtinHandlers, builtinResolvers, parse, ERROR_CODES, makeFsImporter, utils } from 'react-docgen';
-import * as TsconfigPaths from 'tsconfig-paths';
-import { extname } from 'node:path';
-import resolve from 'resolve';
-
-var ReactDocgenResolveError=class extends Error{constructor(filename){super(`'${filename}' was ignored by react-docgen.`);this.code="MODULE_NOT_FOUND";}},RESOLVE_EXTENSIONS=[".js",".cts",".mts",".ctsx",".mtsx",".ts",".tsx",".mjs",".cjs",".mts",".cts",".jsx"];function defaultLookupModule(filename,basedir){let resolveOptions={basedir,extensions:RESOLVE_EXTENSIONS,includeCoreModules:!1};try{return resolve.sync(filename,resolveOptions)}catch(error){let ext=extname(filename),newFilename;switch(ext){case".js":case".mjs":case".cjs":newFilename=`${filename.slice(0,-2)}ts`;break;case".jsx":newFilename=`${filename.slice(0,-3)}tsx`;break;default:throw error}return resolve.sync(newFilename,{...resolveOptions,extensions:[]})}}var{getNameOrValue,isReactForwardRefCall}=utils,actualNameHandler=function(documentation,componentDefinition){if(documentation.set("definedInFile",componentDefinition.hub.file.opts.filename),(componentDefinition.isClassDeclaration()||componentDefinition.isFunctionDeclaration())&&componentDefinition.has("id"))documentation.set("actualName",getNameOrValue(componentDefinition.get("id")));else if(componentDefinition.isArrowFunctionExpression()||componentDefinition.isFunctionExpression()||isReactForwardRefCall(componentDefinition)){let currentPath=componentDefinition;for(;currentPath.parentPath;){if(currentPath.parentPath.isVariableDeclarator()){documentation.set("actualName",getNameOrValue(currentPath.parentPath.get("id")));return}if(currentPath.parentPath.isAssignmentExpression()){let leftPath=currentPath.parentPath.get("left");if(leftPath.isIdentifier()||leftPath.isLiteral()){documentation.set("actualName",getNameOrValue(leftPath));return}}currentPath=currentPath.parentPath;}documentation.set("actualName","");}},defaultHandlers=Object.values(builtinHandlers).map(handler=>handler),defaultResolver=new builtinResolvers.FindExportedDefinitionsResolver,handlers=[...defaultHandlers,actualNameHandler],tsconfigPathsInitialized=!1,matchPath;async function reactDocgenLoader(source,map){let callback=this.async(),options=this.getOptions()||{},{debug=!1}=options;if(!tsconfigPathsInitialized){let tsconfigPath=await findUp("tsconfig.json",{cwd:process.cwd(),stopAt:getProjectRoot()}),tsconfig=TsconfigPaths.loadConfig(tsconfigPath);tsconfig.resultType==="success"&&(logger.info("Using tsconfig paths for react-docgen"),matchPath=TsconfigPaths.createMatchPath(tsconfig.absoluteBaseUrl,tsconfig.paths,["browser","module","main"])),tsconfigPathsInitialized=!0;}try{let docgenResults=parse(source,{filename:this.resourcePath,resolver:defaultResolver,handlers,importer:getReactDocgenImporter(matchPath),babelOptions:{babelrc:!1,configFile:!1}}),magicString=new MagicString(source);docgenResults.forEach(info=>{let{actualName,definedInFile,...docgenInfo}=info;if(actualName&&definedInFile==this.resourcePath){let docNode=JSON.stringify(docgenInfo);magicString.append(`;${actualName}.__docgenInfo=${docNode}`);}}),callback(null,magicString.toString(),map??magicString.generateMap({hires:!0,source:this.resourcePath,includeContent:!0}));}catch(error){error.code===ERROR_CODES.MISSING_DEFINITION||(debug?(logger.warn(`Failed to parse ${this.resourcePath} with react-docgen. Please use the below error message and the content of the file which causes the error to report the issue to the maintainers of react-docgen. https://github.com/reactjs/react-docgen`),logger.error(error)):logger.warn(`Failed to parse ${this.resourcePath} with react-docgen. Rerun Storybook with --loglevel=debug to get more info.`)),callback(null,source);}}function getReactDocgenImporter(matchingPath){return makeFsImporter((filename,basedir)=>{let mappedFilenameByPaths=matchingPath&&matchingPath(filename)||filename,result=defaultLookupModule(mappedFilenameByPaths,basedir);if(RESOLVE_EXTENSIONS.find(ext=>result.endsWith(ext)))return result;throw new ReactDocgenResolveError(filename)})}
-
-export { reactDocgenLoader as default, getReactDocgenImporter };

package/dist/types-147216d5.d.ts

@@ -1,36 +0,0 @@
-import { TypescriptOptions as TypescriptOptions$1, WebpackConfiguration, StorybookConfig as StorybookConfig$1 } from '@storybook/core-webpack';
-import { PluginOptions } from '@storybook/react-docgen-typescript-plugin';
-
-interface ReactOptions {
-    strictMode?: boolean;
-    /**
-     * Use React's legacy root API to mount components
-     *
-     * 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 TypescriptOptions = TypescriptOptions$1 & {
-    /**
-     * 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 StorybookConfig<TWebpackConfiguration = WebpackConfiguration> = StorybookConfig$1<TWebpackConfiguration> & {
-    typescript?: Partial<TypescriptOptions>;
-};
-
-export { ReactOptions as R, StorybookConfig as S, TypescriptOptions as T };