@storybook/react-dom-shim 7.6.0 → 8.0.0-alpha.0

package/dist/preset.d.ts

@@ -2784,9 +2784,13 @@ interface Presets {
     apply(extension: 'entries', config?: [], args?: any): Promise<unknown>;
     apply(extension: 'stories', config?: [], args?: any): Promise<StoriesEntry[]>;
     apply(extension: 'managerEntries', config: [], args?: any): Promise<string[]>;
-    apply(extension: 'refs', config?: [], args?: any): Promise<unknown>;
-    apply(extension: 'core', config?: {}, args?: any): Promise<CoreConfig>;
-    apply(extension: 'build', config?: {}, args?: any): Promise<StorybookConfig['build']>;
+    apply(extension: 'refs', config?: [], args?: any): Promise<StorybookConfigRaw['refs']>;
+    apply(extension: 'core', config?: StorybookConfigRaw['core'], args?: any): Promise<NonNullable<StorybookConfigRaw['core']>>;
+    apply(extension: 'docs', config?: StorybookConfigRaw['docs'], args?: any): Promise<NonNullable<StorybookConfigRaw['docs']>>;
+    apply(extension: 'features', config?: StorybookConfigRaw['features'], args?: any): Promise<NonNullable<StorybookConfigRaw['features']>>;
+    apply(extension: 'typescript', config?: StorybookConfigRaw['typescript'], args?: any): Promise<NonNullable<StorybookConfigRaw['typescript']>>;
+    apply(extension: 'build', config?: StorybookConfigRaw['build'], args?: any): Promise<NonNullable<StorybookConfigRaw['build']>>;
+    apply(extension: 'staticDirs', config?: StorybookConfigRaw['staticDirs'], args?: any): Promise<StorybookConfigRaw['staticDirs']>;
     apply<T>(extension: string, config?: T, args?: unknown): Promise<T>;
 }
 interface LoadedPreset {
@@ -2846,7 +2850,7 @@ interface BuilderOptions {
     cache?: FileSystemCache;
     configDir: string;
     docsMode?: boolean;
-    features?: StorybookConfig['features'];
+    features?: StorybookConfigRaw['features'];
     versionCheck?: VersionCheck;
     disableWebpackDefaults?: boolean;
     serverChannelUrl?: string;
@@ -2952,9 +2956,10 @@ interface TestBuildConfig {
     test?: TestBuildFlags;
 }
 /**
- * The interface for Storybook configuration in `main.ts` files.
+ * The interface for Storybook configuration used internally in presets
+ * The difference is that these values are the raw values, AKA, not wrapped with `PresetValue<>`
  */
-interface StorybookConfig {
+interface StorybookConfigRaw {
     /**
      * Sets the addons you want to use with Storybook.
      *
@@ -2962,11 +2967,6 @@ interface StorybookConfig {
      */
     addons?: Preset[];
     core?: CoreConfig;
-    /**
-     * Sets a list of directories of static files to be loaded by Storybook server
-     *
-     * @example `['./public']` or `[{from: './public', 'to': '/assets'}]`
-     */
     staticDirs?: (DirectoryMapping | string)[];
     logLevel?: string;
     features?: {
@@ -3008,86 +3008,24 @@ interface StorybookConfig {
         disallowImplicitActionsInRenderV8?: boolean;
     };
     build?: TestBuildConfig;
-    /**
-     * Tells Storybook where to find stories.
-     *
-     * @example `['./src/*.stories.@(j|t)sx?']`
-     */
     stories: StoriesEntry[];
-    /**
-     * Framework, e.g. '@storybook/react-vite', required in v7
-     */
     framework?: Preset;
-    /**
-     * Controls how Storybook handles TypeScript files.
-     */
     typescript?: Partial<TypescriptOptions>;
-    /**
-     * References external Storybooks
-     */
-    refs?: PresetValue<CoreCommon_StorybookRefs>;
-    /**
-     * Modify or return babel config.
-     */
-    babel?: (config: TransformOptions, options: Options) => TransformOptions | Promise<TransformOptions>;
-    /**
-     * Modify or return swc config.
-     */
-    swc?: (config: Options$2, options: Options) => Options$2 | Promise<Options$2>;
-    /**
-     * Modify or return env config.
-     */
-    env?: PresetValue<Record<string, string>>;
-    /**
-     * Modify or return babel config.
-     */
-    babelDefault?: (config: TransformOptions, options: Options) => TransformOptions | Promise<TransformOptions>;
-    /**
-     * Add additional scripts to run in the preview a la `.storybook/preview.js`
-     *
-     * @deprecated use `previewAnnotations` or `/preview.js` file instead
-     */
-    config?: PresetValue<Entry[]>;
-    /**
-     * Add additional scripts to run in the preview a la `.storybook/preview.js`
-     */
-    previewAnnotations?: PresetValue<Entry[]>;
-    /**
-     * Process CSF files for the story index.
-     * @deprecated use {@link experimental_indexers} instead
-     */
-    storyIndexers?: PresetValue<StoryIndexer[]>;
-    /**
-     * Process CSF files for the story index.
-     */
-    experimental_indexers?: PresetValue<Indexer[]>;
-    /**
-     * Docs related features in index generation
-     */
+    refs?: CoreCommon_StorybookRefs;
+    babel?: TransformOptions;
+    swc?: Options$2;
+    env?: Record<string, string>;
+    babelDefault?: TransformOptions;
+    config?: Entry[];
+    previewAnnotations?: Entry[];
+    storyIndexers?: StoryIndexer[];
+    experimental_indexers?: Indexer[];
     docs?: DocsOptions;
-    /**
-     * Programmatically modify the preview head/body HTML.
-     * The previewHead and previewBody functions accept a string,
-     * which is the existing head/body, and return a modified string.
-     */
-    previewHead?: PresetValue<string>;
-    previewBody?: PresetValue<string>;
-    /**
-     * Programmatically override the preview's main page template.
-     * This should return a reference to a file containing an `.ejs` template
-     * that will be interpolated with environment variables.
-     *
-     * @example '.storybook/index.ejs'
-     */
+    previewHead?: string;
+    previewBody?: string;
     previewMainTemplate?: string;
-    /**
-     * Programmatically modify the preview head/body HTML.
-     * The managerHead function accept a string,
-     * which is the existing head content, and return a modified string.
-     */
-    managerHead?: PresetValue<string>;
+    managerHead?: string;
 }
-type PresetValue<T> = T | ((config: T, options: Options) => T | Promise<T>);
 type Path = string;
 
 declare const webpackFinal: (config: any, options: Options) => Promise<any>;

package/dist/preset.js

@@ -1 +1 @@
-"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,{viteFinal:()=>viteFinal,webpackFinal:()=>webpackFinal});module.exports=__toCommonJS(preset_exports);var import_package=require("react-dom/package.json"),webpackFinal=async(config,options)=>{var _a;let{legacyRootApi}=await options.presets.apply("frameworkOptions")||{},isReact18=import_package.version.startsWith("18")||import_package.version.startsWith("0.0.0");return legacyRootApi??!isReact18?config:{...config,resolve:{...config.resolve,alias:{...(_a=config.resolve)==null?void 0:_a.alias,"@storybook/react-dom-shim":"@storybook/react-dom-shim/dist/react-18"}}}},viteFinal=async(config,options)=>{var _a,_b;let{legacyRootApi}=await options.presets.apply("frameworkOptions")||{},isReact18=import_package.version.startsWith("18")||import_package.version.startsWith("0.0.0");if(legacyRootApi||!isReact18)return config;let alias=Array.isArray((_a=config.resolve)==null?void 0:_a.alias)?config.resolve.alias.concat({find:/^@storybook\/react-dom-shim$/,replacement:"@storybook/react-dom-shim/dist/react-18"}):{...(_b=config.resolve)==null?void 0:_b.alias,"@storybook/react-dom-shim":"@storybook/react-dom-shim/dist/react-18"};return{...config,resolve:{...config.resolve,alias}}};0&&(module.exports={viteFinal,webpackFinal});
+"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,{viteFinal:()=>viteFinal,webpackFinal:()=>webpackFinal});module.exports=__toCommonJS(preset_exports);var import_package=require("react-dom/package.json"),webpackFinal=async(config,options)=>{var _a;let{legacyRootApi}=await options.presets.apply("frameworkOptions")||{},isReact18=import_package.version.startsWith("18")||import_package.version.startsWith("0.0.0");return legacyRootApi??!isReact18?{...config,resolve:{...config.resolve,alias:{...(_a=config.resolve)==null?void 0:_a.alias,"@storybook/react-dom-shim":"@storybook/react-dom-shim/dist/react-16"}}}:config},viteFinal=async(config,options)=>{var _a,_b;let{legacyRootApi}=await options.presets.apply("frameworkOptions")||{},isReact18=import_package.version.startsWith("18")||import_package.version.startsWith("0.0.0");if(!(legacyRootApi||!isReact18))return config;let alias=Array.isArray((_a=config.resolve)==null?void 0:_a.alias)?config.resolve.alias.concat({find:/^@storybook\/react-dom-shim$/,replacement:"@storybook/react-dom-shim/dist/react-16"}):{...(_b=config.resolve)==null?void 0:_b.alias,"@storybook/react-dom-shim":"@storybook/react-dom-shim/dist/react-16"};return{...config,resolve:{...config.resolve,alias}}};0&&(module.exports={viteFinal,webpackFinal});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-dom-shim",
-  "version": "7.6.0",
+  "version": "8.0.0-alpha.0",
   "description": "",
   "keywords": [
     "storybook"
@@ -22,26 +22,26 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./dist/react-16.d.ts",
-      "node": "./dist/react-16.js",
-      "require": "./dist/react-16.js",
-      "import": "./dist/react-16.mjs"
-    },
-    "./dist/react-18": {
       "types": "./dist/react-18.d.ts",
       "node": "./dist/react-18.js",
       "require": "./dist/react-18.js",
       "import": "./dist/react-18.mjs"
     },
+    "./dist/react-16": {
+      "types": "./dist/react-16.d.ts",
+      "node": "./dist/react-16.js",
+      "require": "./dist/react-16.js",
+      "import": "./dist/react-16.mjs"
+    },
     "./dist/preset": {
       "types": "./dist/preset.d.ts",
       "require": "./dist/preset.js"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/react-16.js",
-  "module": "dist/react-16.mjs",
-  "types": "dist/react-16.d.ts",
+  "main": "dist/react-18.js",
+  "module": "dist/react-18.mjs",
+  "types": "dist/react-18.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -54,8 +54,8 @@
     "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
   },
   "devDependencies": {
-    "@storybook/types": "7.6.0",
-    "typescript": "~4.9.3"
+    "@storybook/types": "8.0.0-alpha.0",
+    "typescript": "^5.3.2"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",