@storybook/preset-react-webpack 7.1.0-alpha.8 → 7.1.0-beta.0

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

@@ -1,4 +1,4 @@
-import { S as StorybookConfig } from './types-b181cc47.js';
+import { S as StorybookConfig } from './types-1597a784.js';
 import '@storybook/core-webpack';
 import '@storybook/react-docgen-typescript-plugin';
 

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

@@ -1 +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_react_docgen_typescript_plugin=__toESM(require("@storybook/react-docgen-typescript-plugin")),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||{};return reactDocgen!=="react-docgen-typescript"?config:{...config,plugins:[...config.plugins||[],new import_react_docgen_typescript_plugin.default({...reactDocgenTypescriptOptions,savePropValueAsString:!0})]}};0&&(module.exports={babel,webpackFinal});
+"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

@@ -1,4 +1,4 @@
-import { S as StorybookConfig } from './types-b181cc47.js';
+import { S as StorybookConfig } from './types-1597a784.js';
 import '@storybook/core-webpack';
 import '@storybook/react-docgen-typescript-plugin';
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { S as StorybookConfig } from './types-b181cc47.js';
-export { R as ReactOptions, T as TypescriptOptions } from './types-b181cc47.js';
+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';
 

package/dist/index.mjs

@@ -1 +1,3 @@
-import{__require}from"./chunk-R4NKYYJA.mjs";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};
+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 new 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-b181cc47.d.ts → types-1597a784.d.ts}

@@ -24,7 +24,7 @@ type TypescriptOptions = TypescriptOptions$1 & {
      * Configures `react-docgen-typescript-plugin`
      *
      * @default
-     * @see https://github.com/storybookjs/storybook/blob/next/lib/builder-webpack5/src/config/defaults.js#L4-L6
+     * @see https://github.com/storybookjs/storybook/blob/next/code/builders/builder-webpack5/src/config/defaults.js#L4-L6
      */
     reactDocgenTypescriptOptions: PluginOptions;
 };

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@storybook/preset-react-webpack",
-  "version": "7.1.0-alpha.8",
+  "version": "7.1.0-beta.0",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading",
   "keywords": [
     "storybook"
   ],
-  "homepage": "https://github.com/storybookjs/storybook/tree/main/presets/react-webpack",
+  "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": "presets/react-webpack"
+    "directory": "code/presets/react-webpack"
   },
   "funding": {
     "type": "opencollective",
@@ -21,31 +21,31 @@
   "license": "MIT",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "node": "./dist/index.js",
       "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+      "import": "./dist/index.mjs"
     },
     "./preset": {
+      "types": "./dist/index.d.ts",
       "node": "./dist/index.js",
       "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+      "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",
-      "types": "./dist/framework-preset-cra.d.ts"
+      "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",
-      "types": "./dist/framework-preset-react-docs.d.ts"
+      "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",
-      "types": "./dist/framework-preset-react.d.ts"
+      "import": "./dist/framework-preset-react.mjs"
     },
     "./package.json": "./package.json"
   },
@@ -63,13 +63,13 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@babel/preset-flow": "^7.18.6",
-    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-flow": "^7.21.0",
+    "@babel/preset-react": "^7.22.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "@storybook/core-webpack": "7.1.0-alpha.8",
-    "@storybook/docs-tools": "7.1.0-alpha.8",
-    "@storybook/node-logger": "7.1.0-alpha.8",
-    "@storybook/react": "7.1.0-alpha.8",
+    "@storybook/core-webpack": "7.1.0-beta.0",
+    "@storybook/docs-tools": "7.1.0-beta.0",
+    "@storybook/node-logger": "7.1.0-beta.0",
+    "@storybook/react": "7.1.0-beta.0",
     "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
     "@types/node": "^16.0.0",
     "@types/semver": "^7.3.4",
@@ -84,7 +84,7 @@
     "typescript": "~4.9.3"
   },
   "peerDependencies": {
-    "@babel/core": "^7.11.5",
+    "@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"
   },
@@ -111,5 +111,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "ae73d1c8065f7d614cfe6f3462ae7ca55a0c4e6b"
-}
+  "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae17"
+}

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;
+}

package/dist/chunk-R4NKYYJA.mjs

@@ -1 +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 new Error('Dynamic require of "'+x+'" is not supported')});export{__require};

package/dist/framework-preset-cra.mjs

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

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

@@ -1 +0,0 @@
-import{__require}from"./chunk-R4NKYYJA.mjs";import ReactDocgenTypescriptPlugin from"@storybook/react-docgen-typescript-plugin";import{hasDocsOrControls}from"@storybook/docs-tools";var babel=async(config,options)=>{if(!hasDocsOrControls(options))return config;let typescriptOptions=await options.presets.apply("typescript",{}),{reactDocgen}=typescriptOptions||{};return typeof reactDocgen!="string"?config:{...config,overrides:[...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(!hasDocsOrControls(options))return config;let typescriptOptions=await options.presets.apply("typescript",{}),{reactDocgen,reactDocgenTypescriptOptions}=typescriptOptions||{};return reactDocgen!=="react-docgen-typescript"?config:{...config,plugins:[...config.plugins||[],new ReactDocgenTypescriptPlugin({...reactDocgenTypescriptOptions,savePropValueAsString:!0})]}};export{babel,webpackFinal};

package/dist/framework-preset-react.mjs

@@ -1 +0,0 @@
-import{__require}from"./chunk-R4NKYYJA.mjs";import{dirname,join}from"path";import ReactRefreshWebpackPlugin from"@pmmmwh/react-refresh-webpack-plugin";import{logger}from"@storybook/node-logger";var wrapForPnP=input=>dirname(__require.resolve(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=wrapForPnP("@storybook/preset-react-webpack"),context=storybookReactDirName.includes("node_modules")?join(storybookReactDirName,"../../"):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?.presets||[],[__require.resolve("@babel/preset-react"),presetReactOptions]],plugins:[...config?.plugins||[],__require.resolve("babel-plugin-add-react-displayname")]}},webpackFinal=async(config,options)=>await applyFastRefresh(options)?config.plugins?.find(p=>p.constructor.name==="ReactRefreshPlugin")?(logger.warn("=> React refresh is already set. You don't need to set the option"),config):(logger.info("=> Using React fast refresh"),{...config,plugins:[...config.plugins||[],new ReactRefreshWebpackPlugin({overlay:{sockIntegration:"whm"}})]}):config;export{babel,babelDefault,webpackFinal};