@storybook/react-webpack5 7.0.0-alpha.8 → 7.0.0-beta.1

package/README.md

@@ -12,7 +12,7 @@ So you can develop UI components in isolation without worrying about app specifi
 
 ```sh
 cd my-react-app
-npx sb init
+npx storybook init
 ```
 
 For more information visit: [storybook.js.org](https://storybook.js.org)

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export * from '@storybook/react';
-export { F as FrameworkOptions, S as StorybookConfig } from './types-e3f39788.js';
+export { F as FrameworkOptions, S as StorybookConfig } from './types-6a41b796.js';
 import '@storybook/preset-react-webpack';
 import '@storybook/builder-webpack5';

package/dist/index.js

@@ -1 +1 @@
-var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var f=(r,o,x,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of c(o))!d.call(r,p)&&p!==x&&a(r,p,{get:()=>o[p],enumerable:!(m=b(o,p))||m.enumerable});return r},t=(r,o,x)=>(f(r,o,"default"),x&&f(x,o,"default"));var g=r=>f(a({},"__esModule",{value:!0}),r);var e={};module.exports=g(e);t(e,require("@storybook/react"),module.exports);
+"use strict";var m=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var b=(r,o,p,f)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of x(o))!a.call(r,e)&&e!==p&&m(r,e,{get:()=>o[e],enumerable:!(f=t(o,e))||f.enumerable});return r};var c=r=>b(m({},"__esModule",{value:!0}),r);var d={};module.exports=c(d);

package/dist/index.mjs

@@ -1 +0,0 @@
-export*from"@storybook/react";

package/dist/preset.d.ts

@@ -1,10 +1,769 @@
+import { FileSystemCache } from 'file-system-cache';
 import { TransformOptions } from '@babel/core';
 import { Server } from 'http';
-import { S as StorybookConfig$1 } from './types-e3f39788.js';
+import { S as StorybookConfig$1 } from './types-6a41b796.js';
 import '@storybook/preset-react-webpack';
 import '@storybook/builder-webpack5';
 
-interface Options {
+/**
+Matches any [primitive value](https://developer.mozilla.org/en-US/docs/Glossary/Primitive).
+
+@category Type
+*/
+type Primitive =
+	| null
+	| undefined
+	| string
+	| number
+	| boolean
+	| symbol
+	| bigint;
+
+declare global {
+	interface SymbolConstructor {
+		readonly observable: symbol;
+	}
+}
+
+/**
+Allows creating a union type by combining primitive types and literal types without sacrificing auto-completion in IDEs for the literal type part of the union.
+
+Currently, when a union type of a primitive type is combined with literal types, TypeScript loses all information about the combined literals. Thus, when such type is used in an IDE with autocompletion, no suggestions are made for the declared literals.
+
+This type is a workaround for [Microsoft/TypeScript#29729](https://github.com/Microsoft/TypeScript/issues/29729). It will be removed as soon as it's not needed anymore.
+
+@example
+```
+import type {LiteralUnion} from 'type-fest';
+
+// Before
+
+type Pet = 'dog' | 'cat' | string;
+
+const pet: Pet = '';
+// Start typing in your TypeScript-enabled IDE.
+// You **will not** get auto-completion for `dog` and `cat` literals.
+
+// After
+
+type Pet2 = LiteralUnion<'dog' | 'cat', string>;
+
+const pet: Pet2 = '';
+// You **will** get auto-completion for `dog` and `cat` literals.
+```
+
+@category Type
+*/
+type LiteralUnion<
+	LiteralType,
+	BaseType extends Primitive,
+> = LiteralType | (BaseType & Record<never, never>);
+
+declare namespace PackageJson$1 {
+	/**
+	A person who has been involved in creating or maintaining the package.
+	*/
+	export type Person =
+		| string
+		| {
+			name: string;
+			url?: string;
+			email?: string;
+		};
+
+	export type BugsLocation =
+		| string
+		| {
+			/**
+			The URL to the package's issue tracker.
+			*/
+			url?: string;
+
+			/**
+			The email address to which issues should be reported.
+			*/
+			email?: string;
+		};
+
+	export interface DirectoryLocations {
+		[directoryType: string]: unknown;
+
+		/**
+		Location for executable scripts. Sugar to generate entries in the `bin` property by walking the folder.
+		*/
+		bin?: string;
+
+		/**
+		Location for Markdown files.
+		*/
+		doc?: string;
+
+		/**
+		Location for example scripts.
+		*/
+		example?: string;
+
+		/**
+		Location for the bulk of the library.
+		*/
+		lib?: string;
+
+		/**
+		Location for man pages. Sugar to generate a `man` array by walking the folder.
+		*/
+		man?: string;
+
+		/**
+		Location for test files.
+		*/
+		test?: string;
+	}
+
+	export type Scripts = {
+		/**
+		Run **before** the package is published (Also run on local `npm install` without any arguments).
+		*/
+		prepublish?: string;
+
+		/**
+		Run both **before** the package is packed and published, and on local `npm install` without any arguments. This is run **after** `prepublish`, but **before** `prepublishOnly`.
+		*/
+		prepare?: string;
+
+		/**
+		Run **before** the package is prepared and packed, **only** on `npm publish`.
+		*/
+		prepublishOnly?: string;
+
+		/**
+		Run **before** a tarball is packed (on `npm pack`, `npm publish`, and when installing git dependencies).
+		*/
+		prepack?: string;
+
+		/**
+		Run **after** the tarball has been generated and moved to its final destination.
+		*/
+		postpack?: string;
+
+		/**
+		Run **after** the package is published.
+		*/
+		publish?: string;
+
+		/**
+		Run **after** the package is published.
+		*/
+		postpublish?: string;
+
+		/**
+		Run **before** the package is installed.
+		*/
+		preinstall?: string;
+
+		/**
+		Run **after** the package is installed.
+		*/
+		install?: string;
+
+		/**
+		Run **after** the package is installed and after `install`.
+		*/
+		postinstall?: string;
+
+		/**
+		Run **before** the package is uninstalled and before `uninstall`.
+		*/
+		preuninstall?: string;
+
+		/**
+		Run **before** the package is uninstalled.
+		*/
+		uninstall?: string;
+
+		/**
+		Run **after** the package is uninstalled.
+		*/
+		postuninstall?: string;
+
+		/**
+		Run **before** bump the package version and before `version`.
+		*/
+		preversion?: string;
+
+		/**
+		Run **before** bump the package version.
+		*/
+		version?: string;
+
+		/**
+		Run **after** bump the package version.
+		*/
+		postversion?: string;
+
+		/**
+		Run with the `npm test` command, before `test`.
+		*/
+		pretest?: string;
+
+		/**
+		Run with the `npm test` command.
+		*/
+		test?: string;
+
+		/**
+		Run with the `npm test` command, after `test`.
+		*/
+		posttest?: string;
+
+		/**
+		Run with the `npm stop` command, before `stop`.
+		*/
+		prestop?: string;
+
+		/**
+		Run with the `npm stop` command.
+		*/
+		stop?: string;
+
+		/**
+		Run with the `npm stop` command, after `stop`.
+		*/
+		poststop?: string;
+
+		/**
+		Run with the `npm start` command, before `start`.
+		*/
+		prestart?: string;
+
+		/**
+		Run with the `npm start` command.
+		*/
+		start?: string;
+
+		/**
+		Run with the `npm start` command, after `start`.
+		*/
+		poststart?: string;
+
+		/**
+		Run with the `npm restart` command, before `restart`. Note: `npm restart` will run the `stop` and `start` scripts if no `restart` script is provided.
+		*/
+		prerestart?: string;
+
+		/**
+		Run with the `npm restart` command. Note: `npm restart` will run the `stop` and `start` scripts if no `restart` script is provided.
+		*/
+		restart?: string;
+
+		/**
+		Run with the `npm restart` command, after `restart`. Note: `npm restart` will run the `stop` and `start` scripts if no `restart` script is provided.
+		*/
+		postrestart?: string;
+	} & Partial<Record<string, string>>;
+
+	/**
+	Dependencies of the package. The version range is a string which has one or more space-separated descriptors. Dependencies can also be identified with a tarball or Git URL.
+	*/
+	export type Dependency = Partial<Record<string, string>>;
+
+	/**
+	Conditions which provide a way to resolve a package entry point based on the environment.
+	*/
+	export type ExportCondition = LiteralUnion<
+		| 'import'
+		| 'require'
+		| 'node'
+		| 'node-addons'
+		| 'deno'
+		| 'browser'
+		| 'electron'
+		| 'react-native'
+		| 'default',
+		string
+	>;
+
+	type ExportConditions = {[condition in ExportCondition]: Exports};
+
+	/**
+	Entry points of a module, optionally with conditions and subpath exports.
+	*/
+	export type Exports =
+	| null
+	| string
+	| Array<string | ExportConditions>
+	| ExportConditions
+	| {[path: string]: Exports}; // eslint-disable-line @typescript-eslint/consistent-indexed-object-style
+
+	/**
+	Import map entries of a module, optionally with conditions.
+	*/
+	export type Imports = { // eslint-disable-line @typescript-eslint/consistent-indexed-object-style
+		[key: string]: string | {[key in ExportCondition]: Exports};
+	};
+
+	export interface NonStandardEntryPoints {
+		/**
+		An ECMAScript module ID that is the primary entry point to the program.
+		*/
+		module?: string;
+
+		/**
+		A module ID with untranspiled code that is the primary entry point to the program.
+		*/
+		esnext?:
+		| string
+		| {
+			[moduleName: string]: string | undefined;
+			main?: string;
+			browser?: string;
+		};
+
+		/**
+		A hint to JavaScript bundlers or component tools when packaging modules for client side use.
+		*/
+		browser?:
+		| string
+		| Partial<Record<string, string | false>>;
+
+		/**
+		Denote which files in your project are "pure" and therefore safe for Webpack to prune if unused.
+
+		[Read more.](https://webpack.js.org/guides/tree-shaking/)
+		*/
+		sideEffects?: boolean | string[];
+	}
+
+	export interface TypeScriptConfiguration {
+		/**
+		Location of the bundled TypeScript declaration file.
+		*/
+		types?: string;
+
+		/**
+		Version selection map of TypeScript.
+		*/
+		typesVersions?: Partial<Record<string, Partial<Record<string, string[]>>>>;
+
+		/**
+		Location of the bundled TypeScript declaration file. Alias of `types`.
+		*/
+		typings?: string;
+	}
+
+	/**
+	An alternative configuration for Yarn workspaces.
+	*/
+	export interface WorkspaceConfig {
+		/**
+		An array of workspace pattern strings which contain the workspace packages.
+		*/
+		packages?: WorkspacePattern[];
+
+		/**
+		Designed to solve the problem of packages which break when their `node_modules` are moved to the root workspace directory - a process known as hoisting. For these packages, both within your workspace, and also some that have been installed via `node_modules`, it is important to have a mechanism for preventing the default Yarn workspace behavior. By adding workspace pattern strings here, Yarn will resume non-workspace behavior for any package which matches the defined patterns.
+
+		[Read more](https://classic.yarnpkg.com/blog/2018/02/15/nohoist/)
+		*/
+		nohoist?: WorkspacePattern[];
+	}
+
+	/**
+	A workspace pattern points to a directory or group of directories which contain packages that should be included in the workspace installation process.
+
+	The patterns are handled with [minimatch](https://github.com/isaacs/minimatch).
+
+	@example
+	`docs` → Include the docs directory and install its dependencies.
+	`packages/*` → Include all nested directories within the packages directory, like `packages/cli` and `packages/core`.
+	*/
+	type WorkspacePattern = string;
+
+	export interface YarnConfiguration {
+		/**
+		Used to configure [Yarn workspaces](https://classic.yarnpkg.com/docs/workspaces/).
+
+		Workspaces allow you to manage multiple packages within the same repository in such a way that you only need to run `yarn install` once to install all of them in a single pass.
+
+		Please note that the top-level `private` property of `package.json` **must** be set to `true` in order to use workspaces.
+		*/
+		workspaces?: WorkspacePattern[] | WorkspaceConfig;
+
+		/**
+		If your package only allows one version of a given dependency, and you’d like to enforce the same behavior as `yarn install --flat` on the command-line, set this to `true`.
+
+		Note that if your `package.json` contains `"flat": true` and other packages depend on yours (e.g. you are building a library rather than an app), those other packages will also need `"flat": true` in their `package.json` or be installed with `yarn install --flat` on the command-line.
+		*/
+		flat?: boolean;
+
+		/**
+		Selective version resolutions. Allows the definition of custom package versions inside dependencies without manual edits in the `yarn.lock` file.
+		*/
+		resolutions?: Dependency;
+	}
+
+	export interface JSPMConfiguration {
+		/**
+		JSPM configuration.
+		*/
+		jspm?: PackageJson$1;
+	}
+
+	/**
+	Type for [npm's `package.json` file](https://docs.npmjs.com/creating-a-package-json-file). Containing standard npm properties.
+	*/
+	export interface PackageJsonStandard {
+		/**
+		The name of the package.
+		*/
+		name?: string;
+
+		/**
+		Package version, parseable by [`node-semver`](https://github.com/npm/node-semver).
+		*/
+		version?: string;
+
+		/**
+		Package description, listed in `npm search`.
+		*/
+		description?: string;
+
+		/**
+		Keywords associated with package, listed in `npm search`.
+		*/
+		keywords?: string[];
+
+		/**
+		The URL to the package's homepage.
+		*/
+		homepage?: LiteralUnion<'.', string>;
+
+		/**
+		The URL to the package's issue tracker and/or the email address to which issues should be reported.
+		*/
+		bugs?: BugsLocation;
+
+		/**
+		The license for the package.
+		*/
+		license?: string;
+
+		/**
+		The licenses for the package.
+		*/
+		licenses?: Array<{
+			type?: string;
+			url?: string;
+		}>;
+
+		author?: Person;
+
+		/**
+		A list of people who contributed to the package.
+		*/
+		contributors?: Person[];
+
+		/**
+		A list of people who maintain the package.
+		*/
+		maintainers?: Person[];
+
+		/**
+		The files included in the package.
+		*/
+		files?: string[];
+
+		/**
+		Resolution algorithm for importing ".js" files from the package's scope.
+
+		[Read more.](https://nodejs.org/api/esm.html#esm_package_json_type_field)
+		*/
+		type?: 'module' | 'commonjs';
+
+		/**
+		The module ID that is the primary entry point to the program.
+		*/
+		main?: string;
+
+		/**
+		Subpath exports to define entry points of the package.
+
+		[Read more.](https://nodejs.org/api/packages.html#subpath-exports)
+		*/
+		exports?: Exports;
+
+		/**
+		Subpath imports to define internal package import maps that only apply to import specifiers from within the package itself.
+
+		[Read more.](https://nodejs.org/api/packages.html#subpath-imports)
+		*/
+		imports?: Imports;
+
+		/**
+		The executable files that should be installed into the `PATH`.
+		*/
+		bin?:
+		| string
+		| Partial<Record<string, string>>;
+
+		/**
+		Filenames to put in place for the `man` program to find.
+		*/
+		man?: string | string[];
+
+		/**
+		Indicates the structure of the package.
+		*/
+		directories?: DirectoryLocations;
+
+		/**
+		Location for the code repository.
+		*/
+		repository?:
+		| string
+		| {
+			type: string;
+			url: string;
+
+			/**
+			Relative path to package.json if it is placed in non-root directory (for example if it is part of a monorepo).
+
+			[Read more.](https://github.com/npm/rfcs/blob/latest/implemented/0010-monorepo-subdirectory-declaration.md)
+			*/
+			directory?: string;
+		};
+
+		/**
+		Script commands that are run at various times in the lifecycle of the package. The key is the lifecycle event, and the value is the command to run at that point.
+		*/
+		scripts?: Scripts;
+
+		/**
+		Is used to set configuration parameters used in package scripts that persist across upgrades.
+		*/
+		config?: Record<string, unknown>;
+
+		/**
+		The dependencies of the package.
+		*/
+		dependencies?: Dependency;
+
+		/**
+		Additional tooling dependencies that are not required for the package to work. Usually test, build, or documentation tooling.
+		*/
+		devDependencies?: Dependency;
+
+		/**
+		Dependencies that are skipped if they fail to install.
+		*/
+		optionalDependencies?: Dependency;
+
+		/**
+		Dependencies that will usually be required by the package user directly or via another dependency.
+		*/
+		peerDependencies?: Dependency;
+
+		/**
+		Indicate peer dependencies that are optional.
+		*/
+		peerDependenciesMeta?: Partial<Record<string, {optional: true}>>;
+
+		/**
+		Package names that are bundled when the package is published.
+		*/
+		bundledDependencies?: string[];
+
+		/**
+		Alias of `bundledDependencies`.
+		*/
+		bundleDependencies?: string[];
+
+		/**
+		Engines that this package runs on.
+		*/
+		engines?: {
+			[EngineName in 'npm' | 'node' | string]?: string;
+		};
+
+		/**
+		@deprecated
+		*/
+		engineStrict?: boolean;
+
+		/**
+		Operating systems the module runs on.
+		*/
+		os?: Array<LiteralUnion<
+		| 'aix'
+		| 'darwin'
+		| 'freebsd'
+		| 'linux'
+		| 'openbsd'
+		| 'sunos'
+		| 'win32'
+		| '!aix'
+		| '!darwin'
+		| '!freebsd'
+		| '!linux'
+		| '!openbsd'
+		| '!sunos'
+		| '!win32',
+		string
+		>>;
+
+		/**
+		CPU architectures the module runs on.
+		*/
+		cpu?: Array<LiteralUnion<
+		| 'arm'
+		| 'arm64'
+		| 'ia32'
+		| 'mips'
+		| 'mipsel'
+		| 'ppc'
+		| 'ppc64'
+		| 's390'
+		| 's390x'
+		| 'x32'
+		| 'x64'
+		| '!arm'
+		| '!arm64'
+		| '!ia32'
+		| '!mips'
+		| '!mipsel'
+		| '!ppc'
+		| '!ppc64'
+		| '!s390'
+		| '!s390x'
+		| '!x32'
+		| '!x64',
+		string
+		>>;
+
+		/**
+		If set to `true`, a warning will be shown if package is installed locally. Useful if the package is primarily a command-line application that should be installed globally.
+
+		@deprecated
+		*/
+		preferGlobal?: boolean;
+
+		/**
+		If set to `true`, then npm will refuse to publish it.
+		*/
+		private?: boolean;
+
+		/**
+		A set of config values that will be used at publish-time. It's especially handy to set the tag, registry or access, to ensure that a given package is not tagged with 'latest', published to the global public registry or that a scoped module is private by default.
+		*/
+		publishConfig?: PublishConfig;
+
+		/**
+		Describes and notifies consumers of a package's monetary support information.
+
+		[Read more.](https://github.com/npm/rfcs/blob/latest/accepted/0017-add-funding-support.md)
+		*/
+		funding?: string | {
+			/**
+			The type of funding.
+			*/
+			type?: LiteralUnion<
+			| 'github'
+			| 'opencollective'
+			| 'patreon'
+			| 'individual'
+			| 'foundation'
+			| 'corporation',
+			string
+			>;
+
+			/**
+			The URL to the funding page.
+			*/
+			url: string;
+		};
+	}
+
+	export interface PublishConfig {
+		/**
+		Additional, less common properties from the [npm docs on `publishConfig`](https://docs.npmjs.com/cli/v7/configuring-npm/package-json#publishconfig).
+		*/
+		[additionalProperties: string]: unknown;
+
+		/**
+		When publishing scoped packages, the access level defaults to restricted. If you want your scoped package to be publicly viewable (and installable) set `--access=public`. The only valid values for access are public and restricted. Unscoped packages always have an access level of public.
+		*/
+		access?: 'public' | 'restricted';
+
+		/**
+		The base URL of the npm registry.
+
+		Default: `'https://registry.npmjs.org/'`
+		*/
+		registry?: string;
+
+		/**
+		The tag to publish the package under.
+
+		Default: `'latest'`
+		*/
+		tag?: string;
+	}
+}
+
+/**
+Type for [npm's `package.json` file](https://docs.npmjs.com/creating-a-package-json-file). Also includes types for fields used by other popular projects, like TypeScript and Yarn.
+
+@category File
+*/
+type PackageJson$1 =
+PackageJson$1.PackageJsonStandard &
+PackageJson$1.NonStandardEntryPoints &
+PackageJson$1.TypeScriptConfiguration &
+PackageJson$1.YarnConfiguration &
+PackageJson$1.JSPMConfiguration;
+declare type Tag = string;
+interface Parameters {
+    [name: string]: any;
+}
+
+interface StoriesSpecifier {
+    /**
+     * When auto-titling, what to prefix all generated titles with (default: '')
+     */
+    titlePrefix?: string;
+    /**
+     * Where to start looking for story files
+     */
+    directory: string;
+    /**
+     * What does the filename of a story file look like?
+     * (a glob, relative to directory, no leading `./`)
+     * If unset, we use `** / *.@(mdx|stories.@(mdx|tsx|ts|jsx|js))` (no spaces)
+     */
+    files?: string;
+}
+type StoriesEntry = string | StoriesSpecifier;
+interface IndexerOptions {
+    makeTitle: (userTitle?: string) => string;
+}
+interface IndexedStory {
+    id: string;
+    name: string;
+    tags?: Tag[];
+    parameters?: Parameters;
+}
+interface IndexedCSFFile {
+    meta: {
+        title?: string;
+        tags?: Tag[];
+    };
+    stories: IndexedStory[];
+}
+interface StoryIndexer {
+    test: RegExp;
+    indexer: (fileName: string, options: IndexerOptions) => Promise<IndexedCSFFile>;
+}
+
+interface Options$1 {
     allowRegExp: boolean;
     allowFunction: boolean;
     allowSymbol: boolean;
@@ -16,51 +775,19 @@ interface Options {
     lazyEval: boolean;
 }
 
-declare type Parameters = {
-    [name: string]: any;
-};
-
-interface Options$2 {
-    basePath?: string;
-    ns?: string | string[];
-    extension?: string;
-}
-declare class FileSystemCache {
-    constructor(options: Options$2);
-    private internal;
-    path(key: string): string;
-    fileExists(key: string): Promise<boolean>;
-    ensureBasePath(): Promise<void>;
-    get(key: string, defaultValue?: any): Promise<any | typeof defaultValue>;
-    getSync(key: string, defaultValue?: any): any | typeof defaultValue;
-    set(key: string, value: any): Promise<{
-        path: string;
-    }>;
-    setSync(key: string, value: any): this;
-    remove(key: string): Promise<void>;
-    clear(): Promise<void>;
-    save(): Promise<{
-        paths: string[];
-    }>;
-    load(): Promise<{
-        files: Array<{
-            path: string;
-            value: any;
-        }>;
-    }>;
-}
-
 /**
  * ⚠️ This file contains internal WIP types they MUST NOT be exported outside this package for now!
  */
-declare type BuilderName = 'webpack5' | '@storybook/builder-webpack5' | string;
+type BuilderName = 'webpack5' | '@storybook/builder-webpack5' | string;
+type RendererName = string;
 interface CoreConfig {
     builder?: BuilderName | {
         name: BuilderName;
         options?: Record<string, any>;
     };
+    renderer?: RendererName;
     disableWebpackDefaults?: boolean;
-    channelOptions?: Partial<Options>;
+    channelOptions?: Partial<Options$1>;
     /**
      * Disables the generation of project.json, a file containing Storybook metadata
      */
@@ -89,14 +816,14 @@ interface DirectoryMapping {
     to: string;
 }
 interface Presets {
-    apply(extension: 'typescript', config: TypescriptOptions, args?: Options$1): Promise<TypescriptOptions>;
-    apply(extension: 'framework', config: {}, args: any): Promise<Preset>;
-    apply(extension: 'babel', config: {}, args: any): Promise<TransformOptions>;
-    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: 'typescript', config: TypescriptOptions, args?: Options): Promise<TypescriptOptions>;
+    apply(extension: 'framework', config?: {}, args?: any): Promise<Preset>;
+    apply(extension: 'babel', config?: {}, args?: any): Promise<TransformOptions>;
+    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<T>(extension: string, config?: T, args?: unknown): Promise<T>;
 }
 interface LoadedPreset {
@@ -106,6 +833,7 @@ interface LoadedPreset {
 }
 interface VersionCheck {
     success: boolean;
+    cached: boolean;
     data?: any;
     error?: any;
     time: number;
@@ -115,17 +843,7 @@ interface ReleaseNotesData {
     currentVersion: string;
     showOnFirstLaunch: boolean;
 }
-interface PackageJson {
-    name: string;
-    version: string;
-    dependencies?: Record<string, string>;
-    devDependencies?: Record<string, string>;
-    peerDependencies?: Record<string, string>;
-    scripts?: Record<string, string>;
-    eslintConfig?: Record<string, any>;
-    type?: 'module';
-    [key: string]: any;
-}
+type PackageJson = PackageJson$1 & Record<string, any>;
 interface LoadOptions {
     packageJson: PackageJson;
     outputDir?: string;
@@ -182,25 +900,7 @@ interface StorybookConfigOptions {
     presets: Presets;
     presetsList?: LoadedPreset[];
 }
-declare type Options$1 = LoadOptions & StorybookConfigOptions & CLIOptions & BuilderOptions;
-interface IndexerOptions {
-    makeTitle: (userTitle?: string) => string;
-}
-interface IndexedStory {
-    id: string;
-    name: string;
-    parameters?: Parameters;
-}
-interface StoryIndex {
-    meta: {
-        title?: string;
-    };
-    stories: IndexedStory[];
-}
-interface StoryIndexer {
-    test: RegExp;
-    indexer: (fileName: string, options: IndexerOptions) => Promise<StoryIndex>;
-}
+type Options = LoadOptions & StorybookConfigOptions & CLIOptions & BuilderOptions;
 /**
  * Options for TypeScript usage within Storybook.
  */
@@ -218,24 +918,7 @@ interface TypescriptOptions {
      */
     skipBabel: boolean;
 }
-interface StoriesSpecifier {
-    /**
-     * When auto-titling, what to prefix all generated titles with (default: '')
-     */
-    titlePrefix?: string;
-    /**
-     * Where to start looking for story files
-     */
-    directory: string;
-    /**
-     * What does the filename of a story file look like?
-     * (a glob, relative to directory, no leading `./`)
-     * If unset, we use `** / *.stories.@(mdx|tsx|ts|jsx|js)` (no spaces)
-     */
-    files?: string;
-}
-declare type StoriesEntry = string | StoriesSpecifier;
-declare type Preset = string | {
+type Preset = string | {
     name: string;
     options?: any;
 };
@@ -243,13 +926,32 @@ declare type Preset = string | {
  * An additional script that gets injected into the
  * preview or the manager,
  */
-declare type Entry = string;
-declare type StorybookRefs = Record<string, {
+type Entry = string;
+type CoreCommon_StorybookRefs = Record<string, {
     title: string;
     url: string;
 } | {
     disable: boolean;
 }>;
+type DocsOptions = {
+    /**
+     * Should we generate docs entries at all under any circumstances? (i.e. can they be rendered)
+     */
+    enabled?: boolean;
+    /**
+     * What should we call the generated docs entries?
+     */
+    defaultName?: string;
+    /**
+     * Should we generate a docs entry per CSF file with the `docsPage` tag?
+     * Set to 'automatic' to generate an entry irrespective of tag.
+     */
+    docsPage?: boolean | 'automatic';
+    /**
+     * Only show doc entries in the side bar (usually set with the `--docs` CLI flag)
+     */
+    docsMode?: boolean;
+};
 /**
  * The interface for Storybook configuration in `main.ts` files.
  */
@@ -269,10 +971,6 @@ interface StorybookConfig {
     staticDirs?: (DirectoryMapping | string)[];
     logLevel?: string;
     features?: {
-        /**
-         * Allows to disable deprecated implicit PostCSS loader. (will be removed in 7.0)
-         */
-        postcss?: boolean;
         /**
          * Build stories.json automatically on start/build
          */
@@ -295,10 +993,6 @@ interface StorybookConfig {
          * Enable the step debugger functionality in Addon-interactions.
          */
         interactionsDebugger?: boolean;
-        /**
-         * Use Storybook 7.0 babel config scheme
-         */
-        babelModeV7?: boolean;
         /**
          * Filter args with a "target" on the type from the render function (EXPERIMENTAL)
          */
@@ -308,10 +1002,6 @@ interface StorybookConfig {
          * Will be removed in 7.0.
          */
         warnOnLegacyHierarchySeparator?: boolean;
-        /**
-         * Preview MDX2 support, will become default in 7.0
-         */
-        previewMdx2?: boolean;
     };
     /**
      * Tells Storybook where to find stories.
@@ -330,35 +1020,47 @@ interface StorybookConfig {
     /**
      * References external Storybooks
      */
-    refs?: StorybookRefs | ((config: any, options: Options$1) => StorybookRefs);
+    refs?: CoreCommon_StorybookRefs | ((config: any, options: Options) => CoreCommon_StorybookRefs);
     /**
      * Modify or return babel config.
      */
-    babel?: (config: TransformOptions, options: Options$1) => TransformOptions | Promise<TransformOptions>;
+    babel?: (config: TransformOptions, options: Options) => TransformOptions | Promise<TransformOptions>;
     /**
      * Modify or return babel config.
      */
-    babelDefault?: (config: TransformOptions, options: Options$1) => TransformOptions | Promise<TransformOptions>;
+    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?: (entries: Entry[], options: Options$1) => Entry[];
+    config?: (entries: Entry[], options: Options) => Entry[];
     /**
      * Add additional scripts to run in the preview a la `.storybook/preview.js`
      */
-    previewAnnotations?: (entries: Entry[], options: Options$1) => Entry[];
+    previewAnnotations?: (entries: Entry[], options: Options) => Entry[];
     /**
      * Process CSF files for the story index.
      */
-    storyIndexers?: (indexers: StoryIndexer[], options: Options$1) => StoryIndexer[];
+    storyIndexers?: (indexers: StoryIndexer[], options: Options) => StoryIndexer[];
+    /**
+     * Docs related features in index generation
+     */
+    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?: (head: string, options: Options) => string;
+    previewBody?: (body: string, options: Options) => string;
 }
-declare type PresetProperty<K, TStorybookConfig = StorybookConfig> = TStorybookConfig[K extends keyof TStorybookConfig ? K : never] | PresetPropertyFn<K, TStorybookConfig>;
-declare type PresetPropertyFn<K, TStorybookConfig = StorybookConfig, TOptions = {}> = (config: TStorybookConfig[K extends keyof TStorybookConfig ? K : never], options: Options$1 & TOptions) => TStorybookConfig[K extends keyof TStorybookConfig ? K : never] | Promise<TStorybookConfig[K extends keyof TStorybookConfig ? K : never]>;
+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]>;
 
 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'];
 
-export { addons, core, webpack };
+export { addons, core, frameworkOptions, webpack };

package/dist/preset.js

@@ -1 +1 @@
-var m=Object.create;var s=Object.defineProperty,u=Object.defineProperties,y=Object.getOwnPropertyDescriptor,j=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertyNames,k=Object.getOwnPropertySymbols,w=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var l=(e,r,o)=>r in e?s(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,n=(e,r)=>{for(var o in r||(r={}))b.call(r,o)&&l(e,o,r[o]);if(k)for(var o of k(r))q.call(r,o)&&l(e,o,r[o]);return e},p=(e,r)=>u(e,j(r)),i=(e,r)=>s(e,"name",{value:r,configurable:!0});var x=(e,r)=>{for(var o in r)s(e,o,{get:r[o],enumerable:!0})},d=(e,r,o,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of v(r))!b.call(e,t)&&t!==o&&s(e,t,{get:()=>r[t],enumerable:!(c=y(r,t))||c.enumerable});return e};var g=(e,r,o)=>(o=e!=null?m(w(e)):{},d(r||!e||!e.__esModule?s(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>d(s({},"__esModule",{value:!0}),e);var B={};x(B,{addons:()=>f,core:()=>z,webpack:()=>A});module.exports=h(B);var a=g(require("path")),f=[a.default.dirname(require.resolve(a.default.join("@storybook/preset-react-webpack","package.json"))),a.default.dirname(require.resolve(a.default.join("@storybook/react","package.json")))],z=i(async(e,r)=>{let o=await r.presets.apply("framework");return p(n({},e),{builder:{name:a.default.dirname(require.resolve(a.default.join("@storybook/builder-webpack5","package.json"))),options:typeof o=="string"?{}:o.options.builder||{}}})},"core"),A=i(async e=>{var r;return e.resolve=e.resolve||{},e.resolve.alias=p(n({},(r=e.resolve)==null?void 0:r.alias),{"@storybook/react":a.default.dirname(require.resolve(a.default.join("@storybook/react","package.json")))}),e},"webpack");0&&(module.exports={addons,core,webpack});
+"use strict";var y=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var r in e)a(o,r,{get:e[r],enumerable:!0})},i=(o,e,r,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of b(e))!f.call(o,s)&&s!==r&&a(o,s,{get:()=>e[s],enumerable:!(p=m(e,s))||p.enumerable});return o};var k=(o,e,r)=>(r=o!=null?y(c(o)):{},i(e||!o||!o.__esModule?a(r,"default",{value:o,enumerable:!0}):r,o)),w=o=>i(a({},"__esModule",{value:!0}),o);var j={};l(j,{addons:()=>u,core:()=>g,frameworkOptions:()=>d,webpack:()=>v});module.exports=w(j);var t=k(require("path")),u=[t.default.dirname(require.resolve(t.default.join("@storybook/preset-react-webpack","package.json")))],n={legacyRootApi:!0},d=async(o,e)=>{let r=await e.presets.apply("framework");return typeof r=="string"?{name:r,options:n}:typeof r>"u"?{name:require.resolve("@storybook/react-webpack5"),options:n}:{name:r.name,options:{...n,...r.options}}},g=async(o,e)=>{let r=await e.presets.apply("framework");return{...o,builder:{name:t.default.dirname(require.resolve(t.default.join("@storybook/builder-webpack5","package.json"))),options:typeof r=="string"?{}:r.options.builder||{}},renderer:t.default.dirname(require.resolve(t.default.join("@storybook/react","package.json")))}},v=async o=>{var e;return o.resolve=o.resolve||{},o.resolve.alias={...(e=o.resolve)==null?void 0:e.alias,"@storybook/react":t.default.dirname(require.resolve(t.default.join("@storybook/react","package.json")))},o};0&&(module.exports={addons,core,frameworkOptions,webpack});

package/dist/preset.mjs

@@ -1 +1 @@
-var k=Object.defineProperty,l=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var c=(e,r,o)=>r in e?k(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,t=(e,r)=>{for(var o in r||(r={}))d.call(r,o)&&c(e,o,r[o]);if(i)for(var o of i(r))m.call(r,o)&&c(e,o,r[o]);return e},n=(e,r)=>l(e,b(r)),p=(e,r)=>k(e,"name",{value:r,configurable:!0}),s=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(r,o)=>(typeof require!="undefined"?require:r)[o]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});import a from"path";var w=[a.dirname(s.resolve(a.join("@storybook/preset-react-webpack","package.json"))),a.dirname(s.resolve(a.join("@storybook/react","package.json")))],q=p(async(e,r)=>{let o=await r.presets.apply("framework");return n(t({},e),{builder:{name:a.dirname(s.resolve(a.join("@storybook/builder-webpack5","package.json"))),options:typeof o=="string"?{}:o.options.builder||{}}})},"core"),x=p(async e=>{var r;return e.resolve=e.resolve||{},e.resolve.alias=n(t({},(r=e.resolve)==null?void 0:r.alias),{"@storybook/react":a.dirname(s.resolve(a.join("@storybook/react","package.json")))}),e},"webpack");export{w as addons,q as core,x as webpack};
+var __require=(x=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(x,{get:(a,b)=>(typeof require!="undefined"?require:a)[b]}):x)(function(x){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+x+'" is not supported')});import path from"path";var addons=[path.dirname(__require.resolve(path.join("@storybook/preset-react-webpack","package.json")))],defaultFrameworkOptions={legacyRootApi:!0},frameworkOptions=async(_,options)=>{let config=await options.presets.apply("framework");return typeof config=="string"?{name:config,options:defaultFrameworkOptions}:typeof config>"u"?{name:__require.resolve("@storybook/react-webpack5"),options:defaultFrameworkOptions}:{name:config.name,options:{...defaultFrameworkOptions,...config.options}}},core=async(config,options)=>{let framework=await options.presets.apply("framework");return{...config,builder:{name:path.dirname(__require.resolve(path.join("@storybook/builder-webpack5","package.json"))),options:typeof framework=="string"?{}:framework.options.builder||{}},renderer:path.dirname(__require.resolve(path.join("@storybook/react","package.json")))}},webpack=async config=>(config.resolve=config.resolve||{},config.resolve.alias={...config.resolve?.alias,"@storybook/react":path.dirname(__require.resolve(path.join("@storybook/react","package.json")))},config);export{addons,core,frameworkOptions,webpack};

package/dist/{types-e3f39788.d.ts → types-6a41b796.d.ts}

@@ -1,12 +1,12 @@
 import { ReactOptions, StorybookConfig as StorybookConfig$1, TypescriptOptions as TypescriptOptions$1 } from '@storybook/preset-react-webpack';
 import { BuilderOptions, StorybookConfigWebpack, TypescriptOptions } from '@storybook/builder-webpack5';
 
-declare type FrameworkName = '@storybook/react-webpack5';
-declare type BuilderName = '@storybook/builder-webpack5';
-declare type FrameworkOptions = ReactOptions & {
+type FrameworkName = '@storybook/react-webpack5';
+type BuilderName = '@storybook/builder-webpack5';
+type FrameworkOptions = ReactOptions & {
     builder?: BuilderOptions;
 };
-declare type StorybookConfigFramework = {
+type StorybookConfigFramework = {
     framework: FrameworkName | {
         name: FrameworkName;
         options: FrameworkOptions;
@@ -22,6 +22,6 @@ declare type StorybookConfigFramework = {
 /**
  * The interface for Storybook configuration in `main.ts` files.
  */
-declare type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
+type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
 
 export { FrameworkOptions as F, StorybookConfig as S };

package/jest.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+const baseConfig = require('../../jest.config.node');
+
+module.exports = {
+  ...baseConfig,
+  displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-webpack5",
-  "version": "7.0.0-alpha.8",
+  "version": "7.0.0-beta.1",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -47,18 +47,18 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "esrun ../../scripts/prepare/bundle.ts"
+    "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.8",
-    "@storybook/preset-react-webpack": "7.0.0-alpha.8",
-    "@storybook/react": "7.0.0-alpha.8",
-    "@types/node": "^14.14.20 || ^16.0.0",
-    "core-js": "^3.8.2"
+    "@storybook/builder-webpack5": "7.0.0-beta.1",
+    "@storybook/preset-react-webpack": "7.0.0-beta.1",
+    "@storybook/react": "7.0.0-beta.1",
+    "@types/node": "^16.0.0"
   },
   "devDependencies": {
-    "@digitak/esrun": "^3.2.2",
-    "jest-specific-snapshot": "^4.0.0"
+    "jest-specific-snapshot": "^7.0.0",
+    "typescript": "~4.9.3"
   },
   "peerDependencies": {
     "@babel/core": "^7.11.5",
@@ -79,9 +79,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "bundlerEntrypoint": [
-    "./src/index.ts",
-    "./src/preset.ts"
-  ],
-  "gitHead": "24725501c32a073cebc6bf2674a47357136fbe3a"
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/preset.ts"
+    ],
+    "platform": "node"
+  },
+  "gitHead": "42c08678ac06d9c2c8e7a4c31a91e0a14bf5c2cd"
 }

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.