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

package/README.md

@@ -1,3 +1,7 @@
 # Storybook for React & Webpack
 
-See [documentation](https://storybook.js.org/docs/get-started/frameworks/react-webpack5?renderer=react) for installation instructions, usage examples, APIs, and more.
+Develop, document, and test UI components in isolation.
+
+See [documentation](https://storybook.js.org/docs/get-started/frameworks/react-webpack5?renderer=react&ref=readme) for installation instructions, usage examples, APIs, and more.
+
+Learn more about Storybook at [storybook.js.org](https://storybook.js.org/?ref=readme).

package/dist/_node-chunks/chunk-EFZN3O5G.js

@@ -0,0 +1,17 @@
+import CJS_COMPAT_NODE_URL_1b1ifm7v1tv from 'node:url';
+import CJS_COMPAT_NODE_PATH_1b1ifm7v1tv from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1b1ifm7v1tv from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_1b1ifm7v1tv.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1b1ifm7v1tv.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1b1ifm7v1tv.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/index.d.ts

@@ -25,4 +25,4 @@ type StorybookConfigFramework = {
 /** The interface for Storybook configuration in `main.ts` files. */
 type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
 
-export { FrameworkOptions, StorybookConfig };
+export type { FrameworkOptions, StorybookConfig };

package/dist/index.js

@@ -1 +1,6 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!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},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default"));var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var index_exports={};__export(index_exports,{definePreview:()=>import_react.__definePreview});module.exports=__toCommonJS(index_exports);__reExport(index_exports,require("@storybook/react"),module.exports);var import_react=require("@storybook/react");0&&(module.exports={definePreview,...require("@storybook/react")});
+// src/index.ts
+export * from "@storybook/react";
+import { __definePreview } from "@storybook/react";
+export {
+  __definePreview as definePreview
+};

package/dist/node/index.d.ts

@@ -1,8 +1,27 @@
-import { StorybookConfig } from '../index.js';
-import '@storybook/react';
-import 'storybook/internal/types';
-import '@storybook/builder-webpack5';
-import '@storybook/preset-react-webpack';
+import { CompatibleString } from 'storybook/internal/types';
+import { StorybookConfigWebpack, BuilderOptions, TypescriptOptions } from '@storybook/builder-webpack5';
+import { StorybookConfig as StorybookConfig$1, ReactOptions, TypescriptOptions as TypescriptOptions$1 } from '@storybook/preset-react-webpack';
+
+type FrameworkName = CompatibleString<'@storybook/react-webpack5'>;
+type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
+type FrameworkOptions = ReactOptions & {
+    builder?: BuilderOptions;
+};
+type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfig$1['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+    typescript?: Partial<TypescriptOptions & TypescriptOptions$1> & StorybookConfig$1['typescript'];
+};
+/** The interface for Storybook configuration in `main.ts` files. */
+type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
 
 declare function defineMain(config: StorybookConfig): StorybookConfig;
 

package/dist/node/index.js

@@ -1 +1,23 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!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 __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var node_exports={};__export(node_exports,{defineMain:()=>defineMain});module.exports=__toCommonJS(node_exports);function defineMain(config){return config}0&&(module.exports={defineMain});
+import CJS_COMPAT_NODE_URL_1b1ifm7v1tv from 'node:url';
+import CJS_COMPAT_NODE_PATH_1b1ifm7v1tv from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1b1ifm7v1tv from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_1b1ifm7v1tv.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1b1ifm7v1tv.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1b1ifm7v1tv.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "../_node-chunks/chunk-EFZN3O5G.js";
+
+// src/node/index.ts
+function defineMain(config) {
+  return config;
+}
+__name(defineMain, "defineMain");
+export {
+  defineMain
+};

package/dist/preset.js

@@ -1 +1,54 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!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 __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preset_exports={};__export(preset_exports,{addons:()=>addons,core:()=>core,webpack:()=>webpack});module.exports=__toCommonJS(preset_exports);var import_node_path=require("path"),import_builder_webpack5=require("@storybook/builder-webpack5"),getAbsolutePath=input=>(0,import_node_path.dirname)(require.resolve((0,import_node_path.join)(input,"package.json"))),addons=[getAbsolutePath("@storybook/preset-react-webpack")],core=async(config,options)=>{let framework=await options.presets.apply("framework");return{...config,builder:{name:getAbsolutePath("@storybook/builder-webpack5"),options:typeof framework=="string"?{}:framework.options.builder||{}},renderer:getAbsolutePath("@storybook/react")}},webpack=async(config,options)=>(config.resolve=config.resolve||{},config.resolve.alias={...config.resolve?.alias,"@storybook/react":getAbsolutePath("@storybook/react")},options.features?.developmentModeForBuild&&(config.plugins=[...config.plugins,new import_builder_webpack5.WebpackDefinePlugin({NODE_ENV:JSON.stringify("development")})]),config);0&&(module.exports={addons,core,webpack});
+import CJS_COMPAT_NODE_URL_1b1ifm7v1tv from 'node:url';
+import CJS_COMPAT_NODE_PATH_1b1ifm7v1tv from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1b1ifm7v1tv from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_1b1ifm7v1tv.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1b1ifm7v1tv.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1b1ifm7v1tv.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+import {
+  __name
+} from "./_node-chunks/chunk-EFZN3O5G.js";
+
+// src/preset.ts
+import { fileURLToPath } from "node:url";
+import { WebpackDefinePlugin } from "@storybook/builder-webpack5";
+var addons = [
+  fileURLToPath(import.meta.resolve("@storybook/preset-react-webpack"))
+];
+var core = /* @__PURE__ */ __name(async (config, options) => {
+  const framework = await options.presets.apply("framework");
+  return {
+    ...config,
+    builder: {
+      name: fileURLToPath(import.meta.resolve("@storybook/builder-webpack5")),
+      options: typeof framework === "string" ? {} : framework.options.builder || {}
+    },
+    renderer: fileURLToPath(import.meta.resolve("@storybook/react/preset"))
+  };
+}, "core");
+var webpack = /* @__PURE__ */ __name(async (config, options) => {
+  config.resolve = config.resolve || {};
+  config.resolve.alias = {
+    ...config.resolve?.alias,
+    "@storybook/react": fileURLToPath(import.meta.resolve("@storybook/react"))
+  };
+  if (options.features?.developmentModeForBuild) {
+    config.plugins = [
+      // @ts-expect-error Ignore this error, because in the `webpack` preset the user actually hasn't defined a config yet.
+      ...config.plugins,
+      new WebpackDefinePlugin({
+        NODE_ENV: JSON.stringify("development")
+      })
+    ];
+  }
+  return config;
+}, "webpack");
+export {
+  addons,
+  core,
+  webpack
+};

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "9.2.0-alpha.3",
-  "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
+  "version": "10.0.0-beta.0",
+  "description": "Storybook for React and Webpack: Develop, document, and test UI components in isolation",
   "keywords": [
-    "storybook"
+    "storybook",
+    "storybook-framework",
+    "react",
+    "webpack",
+    "component",
+    "components"
   ],
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/react-webpack5",
   "bugs": {
@@ -19,28 +24,19 @@
     "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"
-    },
-    "./preset": {
-      "types": "./dist/preset.d.ts",
-      "require": "./dist/preset.js"
+      "default": "./dist/index.js"
     },
     "./node": {
       "types": "./dist/node/index.d.ts",
-      "node": "./dist/node/index.js",
-      "import": "./dist/node/index.mjs",
-      "require": "./dist/node/index.js"
+      "default": "./dist/node/index.js"
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./preset": "./dist/preset.js"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "template/cli/**/*",
@@ -50,21 +46,21 @@
     "!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/builder-webpack5": "9.2.0-alpha.3",
-    "@storybook/preset-react-webpack": "9.2.0-alpha.3",
-    "@storybook/react": "9.2.0-alpha.3"
+    "@storybook/builder-webpack5": "10.0.0-beta.0",
+    "@storybook/preset-react-webpack": "10.0.0-beta.0",
+    "@storybook/react": "10.0.0-beta.0"
   },
   "devDependencies": {
     "@types/node": "^22.0.0"
   },
   "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",
     "typescript": ">= 4.9.x"
   },
   "peerDependenciesMeta": {
@@ -72,19 +68,8 @@
       "optional": true
     }
   },
-  "engines": {
-    "node": ">=20.0.0"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "bundler": {
-    "entries": [
-      "./src/index.ts",
-      "./src/preset.ts",
-      "./src/node/index.ts"
-    ],
-    "platform": "node"
-  },
-  "gitHead": "ce6a1e4a8d5ad69c699021a0b183df89cfc7b684"
+  "gitHead": "a8e7fd8a655c69780bc20b9749d2699e45beae16"
 }

package/preset.js

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

package/dist/index.mjs

@@ -1,2 +0,0 @@
-export * from '@storybook/react';
-export { __definePreview as definePreview } from '@storybook/react';

package/dist/node/index.mjs

@@ -1,3 +0,0 @@
-function defineMain(config){return config}
-
-export { defineMain };

package/dist/preset.d.ts

@@ -1,11 +0,0 @@
-import { PresetProperty } from 'storybook/internal/types';
-import { StorybookConfig } from './index.js';
-import '@storybook/react';
-import '@storybook/builder-webpack5';
-import '@storybook/preset-react-webpack';
-
-declare const addons: PresetProperty<'addons'>;
-declare const core: PresetProperty<'core'>;
-declare const webpack: StorybookConfig['webpack'];
-
-export { addons, core, webpack };