@storybook/preset-react-webpack 0.0.0-pr-23609-sha-f47ef339

package/README.md

@@ -0,0 +1,6 @@
+# Storybook Webpack preset for React
+
+This package is a [preset](https://storybook.js.org/docs/react/addons/writing-presets#presets-api) 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/react/get-started/introduction)

package/dist/framework-preset-cra.d.ts

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

package/dist/framework-preset-cra.js

@@ -0,0 +1 @@
+"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/node-logger");var import_fs=__toESM(require("fs")),import_path=__toESM(require("path")),import_semver=__toESM(require("semver")),import_node_logger=require("@storybook/node-logger"),appDirectory=import_fs.default.realpathSync(process.cwd()),reactScriptsPath;function getReactScriptsPath({noCache}={}){if(reactScriptsPath&&!noCache)return reactScriptsPath;let reactScriptsScriptPath=import_fs.default.realpathSync(import_path.default.join(appDirectory,"/node_modules/.bin/react-scripts"));try{if(/node_modules[\\/]\.bin[\\/]react-scripts/i.test(reactScriptsScriptPath)){let packagePathMatch=import_fs.default.readFileSync(reactScriptsScriptPath,"utf8").match(/"\$basedir[\\/]([^\s]+?[\\/]bin[\\/]react-scripts\.js")/i);packagePathMatch&&packagePathMatch.length>1&&(reactScriptsScriptPath=import_path.default.join(appDirectory,"/node_modules/.bin/",packagePathMatch[1]))}}catch(e){import_node_logger.logger.warn(`Error occurred during react-scripts package path resolving: ${e}`)}reactScriptsPath=import_path.default.join(reactScriptsScriptPath,"../..");let scriptsPkgJson=import_path.default.join(reactScriptsPath,"package.json");return import_fs.default.existsSync(scriptsPkgJson)||(reactScriptsPath="react-scripts"),reactScriptsPath}function isReactScriptsInstalled(requiredVersion="2.0.0"){try{let reactScriptsJson=require(import_path.default.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})=>{var _a,_b;return isReactScriptsInstalled()&&presetsList&&checkForNewPreset(presetsList),(_b=(_a=config.module)==null?void 0:_a.rules)==null||_b.push({test:/\.m?js$/,type:"javascript/auto"},{test:/\.m?js$/,resolve:{fullySpecified:!1}}),config};0&&(module.exports={webpackFinal});

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

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

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

@@ -0,0 +1 @@
+"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,{babel:()=>babel,webpackFinal:()=>webpackFinal});module.exports=__toCommonJS(framework_preset_react_docs_exports);var import_docs_tools=require("@storybook/docs-tools"),babel=async(config,options)=>{if(!(0,import_docs_tools.hasDocsOrControls)(options))return config;let typescriptOptions=await options.presets.apply("typescript",{}),{reactDocgen}=typescriptOptions||{};return typeof reactDocgen!="string"?config:{...config,overrides:[...(config==null?void 0:config.overrides)||[],{test:reactDocgen==="react-docgen"?/\.(cjs|mjs|tsx?|jsx?)$/:/\.(cjs|mjs|jsx?)$/,plugins:[[require.resolve("babel-plugin-react-docgen")]]}]}},webpackFinal=async(config,options)=>{if(!(0,import_docs_tools.hasDocsOrControls)(options))return config;let typescriptOptions=await options.presets.apply("typescript",{}),{reactDocgen,reactDocgenTypescriptOptions}=typescriptOptions||{};if(reactDocgen!=="react-docgen-typescript")return config;let{ReactDocgenTypeScriptPlugin}=await import("@storybook/react-docgen-typescript-plugin");return{...config,plugins:[...config.plugins||[],new ReactDocgenTypeScriptPlugin({...reactDocgenTypescriptOptions,savePropValueAsString:!0})]}};0&&(module.exports={babel,webpackFinal});

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

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

package/dist/framework-preset-react.js

@@ -0,0 +1 @@
+"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_exports={};__export(framework_preset_react_exports,{babel:()=>babel,babelDefault:()=>babelDefault,webpackFinal:()=>webpackFinal});module.exports=__toCommonJS(framework_preset_react_exports);var import_path=require("path"),import_react_refresh_webpack_plugin=__toESM(require("@pmmmwh/react-refresh-webpack-plugin")),import_node_logger=require("@storybook/node-logger"),getAbsolutePath=input=>(0,import_path.dirname)(require.resolve((0,import_path.join)(input,"package.json"))),applyFastRefresh=async options=>{let isDevelopment=options.configType==="DEVELOPMENT",framework=await options.presets.apply("framework"),reactOptions=typeof framework=="object"?framework.options:{};return isDevelopment&&(reactOptions.fastRefresh||process.env.FAST_REFRESH==="true")},babel=async(config,options)=>await applyFastRefresh(options)?{...config,plugins:[[require.resolve("react-refresh/babel"),{},"storybook-react-refresh"],...config.plugins||[]]}:config,storybookReactDirName=getAbsolutePath("@storybook/preset-react-webpack"),context=storybookReactDirName.includes("node_modules")?(0,import_path.join)(storybookReactDirName,"../../"):(0,import_path.join)(storybookReactDirName,"../../node_modules"),hasJsxRuntime=()=>{try{return require.resolve("react/jsx-runtime",{paths:[context]}),!0}catch{return!1}},babelDefault=async config=>{let presetReactOptions=hasJsxRuntime()?{runtime:"automatic"}:{};return{...config,presets:[...(config==null?void 0:config.presets)||[],[require.resolve("@babel/preset-react"),presetReactOptions]],plugins:[...(config==null?void 0:config.plugins)||[],require.resolve("babel-plugin-add-react-displayname")]}},webpackFinal=async(config,options)=>{var _a;return await applyFastRefresh(options)?(_a=config.plugins)!=null&&_a.find(p=>p.constructor.name==="ReactRefreshPlugin")?(import_node_logger.logger.warn("=> React refresh is already set. You don't need to set the option"),config):(import_node_logger.logger.info("=> Using React fast refresh"),{...config,plugins:[...config.plugins||[],new import_react_refresh_webpack_plugin.default({overlay:{sockIntegration:"whm"}})]}):config};0&&(module.exports={babel,babelDefault,webpackFinal});

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { S as StorybookConfig } from './types-1597a784.js';
+export { R as ReactOptions, T as TypescriptOptions } from './types-1597a784.js';
+export { BuilderResult } from '@storybook/core-webpack';
+import '@storybook/react-docgen-typescript-plugin';
+
+declare const addons: StorybookConfig['addons'];
+
+export { StorybookConfig, addons };

package/dist/index.js

@@ -0,0 +1 @@
+"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 src_exports={};__export(src_exports,{addons:()=>addons});module.exports=__toCommonJS(src_exports);var addons=[require.resolve("@storybook/preset-react-webpack/dist/framework-preset-react"),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});

package/dist/index.mjs

@@ -0,0 +1,3 @@
+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')});var addons=[__require.resolve("@storybook/preset-react-webpack/dist/framework-preset-react"),__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/types-1597a784.d.ts

@@ -0,0 +1,35 @@
+import { TypescriptOptions as TypescriptOptions$1, WebpackConfiguration, StorybookConfig as StorybookConfig$1 } from '@storybook/core-webpack';
+import { PluginOptions } from '@storybook/react-docgen-typescript-plugin';
+
+interface ReactOptions {
+    fastRefresh?: boolean;
+    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 TypescriptOptions = TypescriptOptions$1 & {
+    /**
+     * Sets the type of Docgen when working with React and TypeScript
+     *
+     * @default `'react-docgen-typescript'`
+     */
+    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 };

package/package.json

@@ -0,0 +1,115 @@
+{
+  "name": "@storybook/preset-react-webpack",
+  "version": "0.0.0-pr-23609-sha-f47ef339",
+  "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
+  "keywords": [
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/next/code/presets/react-webpack",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "code/presets/react-webpack"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./dist/index.js",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    },
+    "./preset": {
+      "types": "./dist/index.d.ts",
+      "node": "./dist/index.js",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/framework-preset-cra": {
+      "types": "./dist/framework-preset-cra.d.ts",
+      "require": "./dist/framework-preset-cra.js",
+      "import": "./dist/framework-preset-cra.mjs"
+    },
+    "./dist/framework-preset-react-docs": {
+      "types": "./dist/framework-preset-react-docs.d.ts",
+      "require": "./dist/framework-preset-react-docs.js",
+      "import": "./dist/framework-preset-react-docs.mjs"
+    },
+    "./dist/framework-preset-react": {
+      "types": "./dist/framework-preset-react.d.ts",
+      "require": "./dist/framework-preset-react.js",
+      "import": "./dist/framework-preset-react.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "check": "../../../scripts/prepare/check.ts",
+    "prep": "../../../scripts/prepare/bundle.ts"
+  },
+  "dependencies": {
+    "@babel/preset-flow": "^7.22.5",
+    "@babel/preset-react": "^7.22.5",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
+    "@storybook/core-webpack": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/docs-tools": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/node-logger": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/react": "0.0.0-pr-23609-sha-f47ef339",
+    "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
+    "@types/node": "^16.0.0",
+    "@types/semver": "^7.3.4",
+    "babel-plugin-add-react-displayname": "^0.0.5",
+    "babel-plugin-react-docgen": "^4.2.1",
+    "fs-extra": "^11.1.0",
+    "react-refresh": "^0.11.0",
+    "semver": "^7.3.7",
+    "webpack": "5"
+  },
+  "devDependencies": {
+    "typescript": "~4.9.3"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.22.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@babel/core": {
+      "optional": true
+    },
+    "typescript": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/framework-preset-cra.ts",
+      "./src/framework-preset-react-docs.ts",
+      "./src/framework-preset-react.ts"
+    ],
+    "platform": "node"
+  },
+  "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae17"
+}

package/preset.js

@@ -0,0 +1 @@
+module.exports = require('./dist/index');

package/src/typings.d.ts

@@ -0,0 +1,44 @@
+// TODO: Replace, as soon as @types/react-dom 17.0.14 is used
+// Source: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/fb0f14b7a35cde26ffaa82e7536c062e593e9ae6/types/react-dom/client.d.ts
+declare module 'react-dom/client' {
+  import React = require('react');
+
+  export interface HydrationOptions {
+    onHydrated?(suspenseInstance: Comment): void;
+    onDeleted?(suspenseInstance: Comment): void;
+    /**
+     * Prefix for `useId`.
+     */
+    identifierPrefix?: string;
+    onRecoverableError?: (error: unknown) => void;
+  }
+
+  export interface RootOptions {
+    /**
+     * Prefix for `useId`.
+     */
+    identifierPrefix?: string;
+    onRecoverableError?: (error: unknown) => void;
+  }
+
+  export interface Root {
+    render(children: React.ReactChild | Iterable<React.ReactNode>): void;
+    unmount(): void;
+  }
+
+  /**
+   * Replaces `ReactDOM.render` when the `.render` method is called and enables Concurrent Mode.
+   *
+   * @see https://reactjs.org/docs/concurrent-mode-reference.html#createroot
+   */
+  export function createRoot(
+    container: Element | Document | DocumentFragment | Comment,
+    options?: RootOptions
+  ): Root;
+
+  export function hydrateRoot(
+    container: Element | Document | DocumentFragment | Comment,
+    initialChildren: React.ReactChild | Iterable<React.ReactNode>,
+    options?: HydrationOptions
+  ): Root;
+}