@storybook/react-webpack5 7.6.0-beta.2 → 8.0.0-alpha.0

package/README.md

@@ -42,6 +42,6 @@ But you probably also need to use types from `@types/node @types/react`.
 
 ## Docs
 
-- [Basics](https://storybook.js.org/docs/react/get-started/introduction)
-- [Configurations](https://storybook.js.org/docs/react/configure/overview)
+- [Basics](https://storybook.js.org/docs/react/get-started)
+- [Configurations](https://storybook.js.org/docs/react/configure)
 - [Addons](https://storybook.js.org/docs/react/configure/storybook-addons)

package/dist/preset.d.ts

@@ -1,7 +1,7 @@
 import { FileSystemCache } from 'file-system-cache';
 import { TransformOptions } from '@babel/core';
 import { Server } from 'http';
-import { StorybookConfig as StorybookConfig$1 } from './index.js';
+import { StorybookConfig } from './index.js';
 import '@storybook/preset-react-webpack';
 import '@storybook/builder-webpack5';
 
@@ -2787,9 +2787,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 {
@@ -2849,7 +2853,7 @@ interface BuilderOptions {
     cache?: FileSystemCache;
     configDir: string;
     docsMode?: boolean;
-    features?: StorybookConfig['features'];
+    features?: StorybookConfigRaw['features'];
     versionCheck?: VersionCheck;
     disableWebpackDefaults?: boolean;
     serverChannelUrl?: string;
@@ -2955,9 +2959,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.
      *
@@ -2965,11 +2970,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?: {
@@ -3011,93 +3011,31 @@ 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 PresetProperty<K, TStorybookConfig = StorybookConfig> = TStorybookConfig[K extends keyof TStorybookConfig ? K : never] | PresetPropertyFn<K, TStorybookConfig>;
-type PresetPropertyFn<K, TStorybookConfig = StorybookConfig, TOptions = {}> = (config: TStorybookConfig[K extends keyof TStorybookConfig ? K : never], options: Options & TOptions) => TStorybookConfig[K extends keyof TStorybookConfig ? K : never] | Promise<TStorybookConfig[K extends keyof TStorybookConfig ? K : never]>;
+type PresetProperty<K, TStorybookConfig = StorybookConfigRaw> = TStorybookConfig[K extends keyof TStorybookConfig ? K : never] | PresetPropertyFn<K, TStorybookConfig>;
+type PresetPropertyFn<K, TStorybookConfig = StorybookConfigRaw, TOptions = {}> = (config: TStorybookConfig[K extends keyof TStorybookConfig ? K : never], options: Options & TOptions) => TStorybookConfig[K extends keyof TStorybookConfig ? K : never] | Promise<TStorybookConfig[K extends keyof TStorybookConfig ? K : never]>;
 type Path = string;
 
-declare const addons: PresetProperty<'addons', StorybookConfig$1>;
-declare const frameworkOptions: (_: never, options: Options) => Promise<StorybookConfig$1['framework']>;
-declare const core: PresetProperty<'core', StorybookConfig$1>;
-declare const webpack: StorybookConfig$1['webpack'];
+declare const addons: PresetProperty<'addons'>;
+declare const frameworkOptions: (_: never, options: Options) => Promise<StorybookConfig['framework']>;
+declare const core: PresetProperty<'core'>;
+declare const webpack: StorybookConfig['webpack'];
 
 export { addons, core, frameworkOptions, webpack };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "7.6.0-beta.2",
+  "version": "8.0.0-alpha.0",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,9 +47,9 @@
     "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.6.0-beta.2",
-    "@storybook/preset-react-webpack": "7.6.0-beta.2",
-    "@storybook/react": "7.6.0-beta.2",
+    "@storybook/builder-webpack5": "8.0.0-alpha.0",
+    "@storybook/preset-react-webpack": "8.0.0-alpha.0",
+    "@storybook/react": "8.0.0-alpha.0",
     "@types/node": "^18.0.0"
   },
   "devDependencies": {