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

package/dist/{index-a1d91e1e.d.ts → index-7f5efe3f.d.ts}

@@ -2786,9 +2786,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$1['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 {
@@ -2848,7 +2852,7 @@ interface BuilderOptions {
     cache?: FileSystemCache;
     configDir: string;
     docsMode?: boolean;
-    features?: StorybookConfig$1['features'];
+    features?: StorybookConfigRaw['features'];
     versionCheck?: VersionCheck;
     disableWebpackDefaults?: boolean;
     serverChannelUrl?: string;
@@ -2954,9 +2958,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$1 {
+interface StorybookConfigRaw {
     /**
      * Sets the addons you want to use with Storybook.
      *
@@ -2964,11 +2969,6 @@ interface StorybookConfig$1 {
      */
     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?: {
@@ -3010,70 +3010,110 @@ interface StorybookConfig$1 {
         disallowImplicitActionsInRenderV8?: boolean;
     };
     build?: TestBuildConfig;
+    stories: StoriesEntry[];
+    framework?: Preset;
+    typescript?: Partial<TypescriptOptions$1>;
+    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;
+    previewHead?: string;
+    previewBody?: string;
+    previewMainTemplate?: string;
+    managerHead?: string;
+}
+/**
+ * The interface for Storybook configuration in `main.ts` files.
+ * This interface is public
+ * All values should be wrapped with `PresetValue<>`, though there are a few exceptions: `addons`, `framework`
+ */
+interface StorybookConfig$1 {
+    /**
+     * Sets the addons you want to use with Storybook.
+     *
+     * @example `['@storybook/addon-essentials']` or `[{ name: '@storybook/addon-essentials', options: { backgrounds: false } }]`
+     */
+    addons?: StorybookConfigRaw['addons'];
+    core?: PresetValue<StorybookConfigRaw['core']>;
+    /**
+     * Sets a list of directories of static files to be loaded by Storybook server
+     *
+     * @example `['./public']` or `[{from: './public', 'to': '/assets'}]`
+     */
+    staticDirs?: PresetValue<StorybookConfigRaw['staticDirs']>;
+    logLevel?: PresetValue<StorybookConfigRaw['logLevel']>;
+    features?: PresetValue<StorybookConfigRaw['features']>;
+    build?: PresetValue<StorybookConfigRaw['build']>;
     /**
      * Tells Storybook where to find stories.
      *
-     * @example `['./src/*.stories.@(j|t)sx?']`
+     * @example `['./src/*.stories.@(j|t)sx?']` or `async () => [...(await myCustomStoriesEntryBuilderFunc())]`
      */
-    stories: StoriesEntry[];
+    stories: PresetValue<StorybookConfigRaw['stories']>;
     /**
      * Framework, e.g. '@storybook/react-vite', required in v7
      */
-    framework?: Preset;
+    framework?: StorybookConfigRaw['framework'];
     /**
      * Controls how Storybook handles TypeScript files.
      */
-    typescript?: Partial<TypescriptOptions$1>;
+    typescript?: PresetValue<StorybookConfigRaw['typescript']>;
     /**
      * References external Storybooks
      */
-    refs?: PresetValue<CoreCommon_StorybookRefs>;
+    refs?: PresetValue<StorybookConfigRaw['refs']>;
     /**
      * Modify or return babel config.
      */
-    babel?: (config: TransformOptions, options: Options) => TransformOptions | Promise<TransformOptions>;
+    babel?: PresetValue<StorybookConfigRaw['babel']>;
     /**
      * Modify or return swc config.
      */
-    swc?: (config: Options$2, options: Options) => Options$2 | Promise<Options$2>;
+    swc?: PresetValue<StorybookConfigRaw['swc']>;
     /**
      * Modify or return env config.
      */
-    env?: PresetValue<Record<string, string>>;
+    env?: PresetValue<StorybookConfigRaw['env']>;
     /**
      * Modify or return babel config.
      */
-    babelDefault?: (config: TransformOptions, options: Options) => TransformOptions | Promise<TransformOptions>;
+    babelDefault?: PresetValue<StorybookConfigRaw['babelDefault']>;
     /**
      * Add additional scripts to run in the preview a la `.storybook/preview.js`
      *
      * @deprecated use `previewAnnotations` or `/preview.js` file instead
      */
-    config?: PresetValue<Entry[]>;
+    config?: PresetValue<StorybookConfigRaw['config']>;
     /**
      * Add additional scripts to run in the preview a la `.storybook/preview.js`
      */
-    previewAnnotations?: PresetValue<Entry[]>;
+    previewAnnotations?: PresetValue<StorybookConfigRaw['previewAnnotations']>;
     /**
      * Process CSF files for the story index.
      * @deprecated use {@link experimental_indexers} instead
      */
-    storyIndexers?: PresetValue<StoryIndexer[]>;
+    storyIndexers?: PresetValue<StorybookConfigRaw['storyIndexers']>;
     /**
      * Process CSF files for the story index.
      */
-    experimental_indexers?: PresetValue<Indexer[]>;
+    experimental_indexers?: PresetValue<StorybookConfigRaw['experimental_indexers']>;
     /**
      * Docs related features in index generation
      */
-    docs?: DocsOptions;
+    docs?: PresetValue<StorybookConfigRaw['docs']>;
     /**
      * 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>;
+    previewHead?: PresetValue<StorybookConfigRaw['previewHead']>;
+    previewBody?: PresetValue<StorybookConfigRaw['previewBody']>;
     /**
      * Programmatically override the preview's main page template.
      * This should return a reference to a file containing an `.ejs` template
@@ -3081,17 +3121,17 @@ interface StorybookConfig$1 {
      *
      * @example '.storybook/index.ejs'
      */
-    previewMainTemplate?: string;
+    previewMainTemplate?: PresetValue<StorybookConfigRaw['previewMainTemplate']>;
     /**
      * 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?: PresetValue<StorybookConfigRaw['managerHead']>;
 }
 type PresetValue<T> = T | ((config: T, options: Options) => T | Promise<T>);
-type PresetProperty<K, TStorybookConfig = StorybookConfig$1> = TStorybookConfig[K extends keyof TStorybookConfig ? K : never] | PresetPropertyFn<K, TStorybookConfig>;
-type PresetPropertyFn<K, TStorybookConfig = StorybookConfig$1, 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;
 
 type FrameworkName = '@storybook/react-vite';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { F as FrameworkOptions, S as StorybookConfig } from './index-a1d91e1e.js';
+export { F as FrameworkOptions, S as StorybookConfig } from './index-7f5efe3f.js';
 import 'file-system-cache';
 import '@babel/core';
 import 'http';

package/dist/preset.d.ts

@@ -1,4 +1,4 @@
-import { P as PresetProperty, S as StorybookConfig } from './index-a1d91e1e.js';
+import { P as PresetProperty, S as StorybookConfig } from './index-7f5efe3f.js';
 import 'file-system-cache';
 import '@babel/core';
 import 'http';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-vite",
-  "version": "7.6.0-beta.2",
+  "version": "8.0.0-alpha.0",
   "description": "Storybook for React and Vite: Develop React components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -49,15 +49,15 @@
   "dependencies": {
     "@joshwooding/vite-plugin-react-docgen-typescript": "0.3.0",
     "@rollup/pluginutils": "^5.0.2",
-    "@storybook/builder-vite": "7.6.0-beta.2",
-    "@storybook/react": "7.6.0-beta.2",
+    "@storybook/builder-vite": "8.0.0-alpha.0",
+    "@storybook/react": "8.0.0-alpha.0",
     "@vitejs/plugin-react": "^3.0.1",
     "magic-string": "^0.30.0",
     "react-docgen": "^7.0.0"
   },
   "devDependencies": {
     "@types/node": "^18.0.0",
-    "typescript": "~4.9.3",
+    "typescript": "^5.3.2",
     "vite": "^4.0.0"
   },
   "peerDependencies": {