@storybook/cli 6.5.9 → 7.0.0-alpha.10

package/dist/{ts3.9 → types}/repro-generators/configs.d.ts

@@ -1,7 +1,7 @@
 import type { StorybookConfig } from '@storybook/core-common';
-import type { SupportedFrameworks } from '../project_types';
+import type { SupportedRenderers } from '../project_types';
 export interface Parameters {
-    framework: SupportedFrameworks;
+    renderer: SupportedRenderers;
     /** E2E configuration name */
     name: string;
     /** framework version */
@@ -12,6 +12,11 @@ export interface Parameters {
     autoDetect?: boolean;
     /** Dependencies to add before building Storybook */
     additionalDeps?: string[];
+    /** Files to add before installing Storybook */
+    additionalFiles?: {
+        path: string;
+        contents: string;
+    }[];
     /** Add typescript dependency and creates a tsconfig.json file */
     typescript?: boolean;
     /** Merge configurations to main.js before running the tests */
@@ -22,11 +27,7 @@ export declare const cra_typescript: Parameters;
 export declare const react: Parameters;
 export declare const react_legacy_root_api: Parameters;
 export declare const react_typescript: Parameters;
-export declare const webpack_react: Parameters;
-export declare const vite_react: Parameters;
 export declare const react_in_yarn_workspace: Parameters;
-export declare const angular10: Parameters;
-export declare const angular11: Parameters;
 export declare const angular12: Parameters;
 export declare const angular130: Parameters;
 export declare const angular13: Parameters;

package/dist/{ts3.4 → types}/repro-generators/scripts.d.ts

@@ -1,36 +1,42 @@
-import { ExecOptions } from 'shelljs';
-export interface Parameters {
-    /** E2E configuration name */
-    name: string;
-    /** framework version */
-    version: string;
-    /** CLI to bootstrap the project */
-    generator: string;
-    /** Use storybook framework detection */
-    autoDetect?: boolean;
-    /** Pre-build hook */
-    preBuildCommand?: string;
-    /** When cli complains when folder already exists */
-    ensureDir?: boolean;
-    /** Dependencies to add before building Storybook */
-    additionalDeps?: string[];
-    /** Add typescript dependency and creates a tsconfig.json file */
-    typescript?: boolean;
-}
-interface Configuration {
-    e2e: boolean;
-    pnp: boolean;
-}
-export interface Options extends Parameters {
-    appName: string;
-    creationPath: string;
-    cwd?: string;
-    e2e: boolean;
-    pnp: boolean;
-}
-export declare const exec: (command: string, options?: ExecOptions, { startMessage, errorMessage }?: {
-    startMessage?: string;
-    errorMessage?: string;
-}) => Promise<unknown>;
-export declare const createAndInit: (cwd: string, { name, version, ...rest }: Parameters, { e2e, pnp }: Configuration) => Promise<void>;
-export {};
+import { ExecOptions } from 'shelljs';
+export interface Parameters {
+    /** E2E configuration name */
+    name: string;
+    /** framework version */
+    version: string;
+    /** CLI to bootstrap the project */
+    generator: string;
+    /** Use storybook framework detection */
+    autoDetect?: boolean;
+    /** Pre-build hook */
+    preBuildCommand?: string;
+    /** When cli complains when folder already exists */
+    ensureDir?: boolean;
+    /** Dependencies to add before building Storybook */
+    additionalDeps?: string[];
+    /** Files to add before installing Storybook */
+    additionalFiles?: {
+        path: string;
+        contents: string;
+    }[];
+    /** Add typescript dependency and creates a tsconfig.json file */
+    typescript?: boolean;
+}
+interface Configuration {
+    e2e: boolean;
+    pnp: boolean;
+    local: boolean;
+}
+export interface Options extends Parameters {
+    appName: string;
+    creationPath: string;
+    cwd?: string;
+    e2e: boolean;
+    pnp: boolean;
+}
+export declare const exec: (command: string, options?: ExecOptions, { startMessage, errorMessage }?: {
+    startMessage?: string;
+    errorMessage?: string;
+}) => Promise<unknown>;
+export declare const createAndInit: (cwd: string, { name, version, ...rest }: Parameters, { e2e, pnp, local }: Configuration) => Promise<void>;
+export {};

package/dist/{ts3.4 → types}/repro.d.ts

@@ -1,12 +1,13 @@
-import { SupportedFrameworks } from './project_types';
-interface ReproOptions {
-    outputDirectory: string;
-    framework?: SupportedFrameworks;
-    list?: boolean;
-    template?: string;
-    e2e?: boolean;
-    generator?: string;
-    pnp?: boolean;
-}
-export declare const repro: ({ outputDirectory, list, template, framework, generator, e2e, pnp, }: ReproOptions) => Promise<void>;
-export {};
+import { SupportedRenderers } from './project_types';
+interface ReproOptions {
+    outputDirectory: string;
+    renderer?: SupportedRenderers;
+    list?: boolean;
+    template?: string;
+    e2e?: boolean;
+    local?: boolean;
+    generator?: string;
+    pnp?: boolean;
+}
+export declare const repro: ({ outputDirectory, list, template, renderer, generator, e2e, local, pnp, }: ReproOptions) => Promise<void>;
+export {};

package/dist/{ts3.9 → types}/upgrade.d.ts

@@ -1,4 +1,4 @@
-import { PackageJsonWithDepsAndDevDeps } from './js-package-manager';
+import { PackageJsonWithMaybeDeps } from './js-package-manager';
 export declare const getStorybookVersion: (line: string) => {
     package: string;
     version: string;
@@ -6,7 +6,7 @@ export declare const getStorybookVersion: (line: string) => {
 export declare const isCorePackage: (pkg: string) => boolean;
 export declare const checkVersionConsistency: () => void;
 declare type ExtraFlags = Record<string, string[]>;
-export declare const addExtraFlags: (extraFlags: ExtraFlags, flags: string[], { dependencies, devDependencies }: PackageJsonWithDepsAndDevDeps) => string[];
+export declare const addExtraFlags: (extraFlags: ExtraFlags, flags: string[], { dependencies, devDependencies }: PackageJsonWithMaybeDeps) => string[];
 interface UpgradeOptions {
     prerelease: boolean;
     skipCheck: boolean;

package/dist/types/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function parseList(str: string): string[];
+export declare function getEnvConfig(program: Record<string, any>, configEnv: Record<string, any>): void;

package/dist/{ts3.4 → types}/versions.d.ts

@@ -1,60 +1,78 @@
-declare const _default: {
-    '@storybook/addon-a11y': string;
-    '@storybook/addon-actions': string;
-    '@storybook/addon-backgrounds': string;
-    '@storybook/addon-controls': string;
-    '@storybook/addon-docs': string;
-    '@storybook/addon-essentials': string;
-    '@storybook/addon-interactions': string;
-    '@storybook/addon-jest': string;
-    '@storybook/addon-links': string;
-    '@storybook/addon-measure': string;
-    '@storybook/addon-outline': string;
-    '@storybook/addon-storyshots': string;
-    '@storybook/addon-storyshots-puppeteer': string;
-    '@storybook/addon-storysource': string;
-    '@storybook/addon-toolbars': string;
-    '@storybook/addon-viewport': string;
-    '@storybook/addons': string;
-    '@storybook/angular': string;
-    '@storybook/api': string;
-    '@storybook/builder-webpack4': string;
-    '@storybook/builder-webpack5': string;
-    '@storybook/channel-postmessage': string;
-    '@storybook/channel-websocket': string;
-    '@storybook/channels': string;
-    '@storybook/cli': string;
-    '@storybook/client-api': string;
-    '@storybook/client-logger': string;
-    '@storybook/codemod': string;
-    '@storybook/components': string;
-    '@storybook/core': string;
-    '@storybook/core-client': string;
-    '@storybook/core-common': string;
-    '@storybook/core-events': string;
-    '@storybook/core-server': string;
-    '@storybook/csf-tools': string;
-    '@storybook/docs-tools': string;
-    '@storybook/ember': string;
-    '@storybook/html': string;
-    '@storybook/instrumenter': string;
-    '@storybook/manager-webpack4': string;
-    '@storybook/manager-webpack5': string;
-    '@storybook/node-logger': string;
-    '@storybook/postinstall': string;
-    '@storybook/preact': string;
-    '@storybook/preview-web': string;
-    '@storybook/react': string;
-    '@storybook/router': string;
-    '@storybook/server': string;
-    '@storybook/source-loader': string;
-    '@storybook/store': string;
-    '@storybook/svelte': string;
-    '@storybook/telemetry': string;
-    '@storybook/theming': string;
-    '@storybook/ui': string;
-    '@storybook/vue': string;
-    '@storybook/vue3': string;
-    '@storybook/web-components': string;
-};
-export default _default;
+declare const _default: {
+    '@storybook/addon-a11y': string;
+    '@storybook/addon-actions': string;
+    '@storybook/addon-backgrounds': string;
+    '@storybook/addon-controls': string;
+    '@storybook/addon-docs': string;
+    '@storybook/addon-essentials': string;
+    '@storybook/addon-highlight': string;
+    '@storybook/addon-interactions': string;
+    '@storybook/addon-jest': string;
+    '@storybook/addon-links': string;
+    '@storybook/addon-measure': string;
+    '@storybook/addon-outline': string;
+    '@storybook/addon-storyshots': string;
+    '@storybook/addon-storyshots-puppeteer': string;
+    '@storybook/addon-storysource': string;
+    '@storybook/addon-toolbars': string;
+    '@storybook/addon-viewport': string;
+    '@storybook/addons': string;
+    '@storybook/angular': string;
+    '@storybook/api': string;
+    '@storybook/blocks': string;
+    '@storybook/builder-webpack5': string;
+    '@storybook/channel-postmessage': string;
+    '@storybook/channel-websocket': string;
+    '@storybook/channels': string;
+    '@storybook/cli': string;
+    '@storybook/client-api': string;
+    '@storybook/client-logger': string;
+    '@storybook/codemod': string;
+    '@storybook/components': string;
+    '@storybook/core-client': string;
+    '@storybook/core-common': string;
+    '@storybook/core-events': string;
+    '@storybook/core-server': string;
+    '@storybook/core-webpack': string;
+    '@storybook/csf-tools': string;
+    '@storybook/docs-tools': string;
+    '@storybook/ember': string;
+    '@storybook/html': string;
+    '@storybook/html-webpack5': string;
+    '@storybook/instrumenter': string;
+    '@storybook/manager-webpack5': string;
+    '@storybook/node-logger': string;
+    '@storybook/postinstall': string;
+    '@storybook/preact': string;
+    '@storybook/preact-webpack5': string;
+    '@storybook/preset-html-webpack': string;
+    '@storybook/preset-preact-webpack': string;
+    '@storybook/preset-react-webpack': string;
+    '@storybook/preset-server-webpack': string;
+    '@storybook/preset-svelte-webpack': string;
+    '@storybook/preset-vue-webpack': string;
+    '@storybook/preset-vue3-webpack': string;
+    '@storybook/preset-web-components-webpack': string;
+    '@storybook/preview-web': string;
+    '@storybook/react': string;
+    '@storybook/react-webpack5': string;
+    '@storybook/router': string;
+    '@storybook/server': string;
+    '@storybook/server-webpack5': string;
+    '@storybook/source-loader': string;
+    '@storybook/store': string;
+    '@storybook/svelte': string;
+    '@storybook/svelte-webpack5': string;
+    '@storybook/telemetry': string;
+    '@storybook/theming': string;
+    '@storybook/ui': string;
+    '@storybook/vue': string;
+    '@storybook/vue-webpack5': string;
+    '@storybook/vue3': string;
+    '@storybook/vue3-webpack5': string;
+    '@storybook/web-components': string;
+    '@storybook/web-components-webpack5': string;
+    sb: string;
+    storybook: string;
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "6.5.9",
+  "version": "7.0.0-alpha.10",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -47,18 +47,20 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "6.5.9",
-    "@storybook/core-common": "6.5.9",
-    "@storybook/csf-tools": "6.5.9",
-    "@storybook/node-logger": "6.5.9",
+    "@storybook/codemod": "7.0.0-alpha.10",
+    "@storybook/core-common": "7.0.0-alpha.10",
+    "@storybook/core-server": "7.0.0-alpha.10",
+    "@storybook/csf-tools": "7.0.0-alpha.10",
+    "@storybook/node-logger": "7.0.0-alpha.10",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "6.5.9",
+    "@storybook/telemetry": "7.0.0-alpha.10",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
     "core-js": "^3.8.2",
     "cross-spawn": "^7.0.3",
     "envinfo": "^7.7.3",
+    "execa": "^5.0.0",
     "express": "^4.17.1",
     "find-up": "^5.0.0",
     "fs-extra": "^9.0.1",
@@ -76,7 +78,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "6.5.9",
+    "@storybook/client-api": "7.0.0-alpha.10",
     "@types/cross-spawn": "^6.0.2",
     "@types/prompts": "^2.0.9",
     "@types/puppeteer-core": "^2.1.0",
@@ -89,5 +91,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e2673f765722cbb542ef1b5cf8d533c8e746a127"
+  "gitHead": "b13dd8fb52819d73d4983148af8ffc5d683e8b75"
 }

package/dist/cjs/generators/METEOR/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _json = _interopRequireDefault(require("json5"));
-
-var _baseGenerator = require("../baseGenerator");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'react', {
-    extraPackages: ['react', 'react-dom', '@babel/preset-env', '@babel/preset-react'],
-    staticDir: 'dist'
-  }); // create or update .babelrc
-
-  let babelrc = null;
-
-  if (_fs.default.existsSync('.babelrc')) {
-    const babelrcContent = _fs.default.readFileSync('.babelrc', 'utf8');
-
-    babelrc = _json.default.parse(babelrcContent);
-    babelrc.plugins = babelrc.plugins || [];
-  } else {
-    babelrc = {
-      presets: [['@babel/preset-env', {
-        shippedProposals: true,
-        useBuiltIns: 'usage',
-        corejs: '3'
-      }], '@babel/preset-react']
-    };
-  }
-
-  _fs.default.writeFileSync('.babelrc', JSON.stringify(babelrc, null, 2), 'utf8');
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/UPDATE_PACKAGE_ORGANIZATIONS/index.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _crossSpawn = require("cross-spawn");
-
-var _codemod = require("@storybook/codemod");
-
-var _helpers = require("../../helpers");
-
-var _jsPackageManager = require("../../js-package-manager");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable no-param-reassign */
-async function updatePackage(packageManager, devDependencies, oldName, newName) {
-  if (devDependencies[oldName]) {
-    delete devDependencies[oldName];
-    devDependencies[newName] = await packageManager.getVersion(newName);
-  }
-}
-
-async function updatePackageJson(packageManager, npmOptions) {
-  const packageJson = packageManager.retrievePackageJson();
-  const {
-    devDependencies
-  } = packageJson;
-  const [actionsVersion, linksVersion] = await packageManager.getVersions('@storybook/addon-actions', '@storybook/addon-links');
-  devDependencies['@storybook/addon-actions'] = actionsVersion;
-  devDependencies['@storybook/addon-links'] = linksVersion;
-  await Promise.all(Object.keys(_codemod.packageNames).map(oldName => {
-    const newName = _codemod.packageNames[oldName];
-    return updatePackage(packageManager, devDependencies, oldName, newName);
-  }));
-
-  if (!devDependencies['@storybook/react'] && !devDependencies['@storybook/react-native']) {
-    throw new Error('Expected to find `@kadira/[react-native]-storybook` in devDependencies');
-  }
-
-  (0, _jsPackageManager.writePackageJson)(packageJson);
-  const babelDependencies = await (0, _helpers.getBabelDependencies)(packageManager, packageJson);
-
-  if (babelDependencies.length > 0) {
-    packageManager.addDependencies(Object.assign({}, npmOptions, {
-      packageJson
-    }), babelDependencies);
-  }
-}
-
-function updateSourceCode(parser) {
-  const jscodeshiftPath = _path.default.dirname(require.resolve('jscodeshift'));
-
-  const jscodeshiftCommand = _path.default.join(jscodeshiftPath, 'bin', 'jscodeshift.sh');
-
-  ['update-organisation-name.js', 'move-builtin-addons.js'].forEach(codemod => {
-    const codemodPath = _path.default.join(_path.default.dirname(require.resolve('@storybook/codemod')), 'transforms', codemod);
-
-    const args = ['-t', codemodPath, '--silent', '--ignore-pattern', '"node_modules|dist"', '.'];
-    if (parser) args.push('--parser', parser);
-    (0, _crossSpawn.sync)(jscodeshiftCommand, args, {
-      stdio: 'inherit'
-    });
-  });
-}
-
-var _default = async (packageManager, parser, npmOptions) => {
-  await updatePackageJson(packageManager, npmOptions);
-  updateSourceCode(parser);
-};
-
-exports.default = _default;

package/dist/esm/generators/METEOR/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _json = _interopRequireDefault(require("json5"));
-
-var _baseGenerator = require("../baseGenerator");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'react', {
-    extraPackages: ['react', 'react-dom', '@babel/preset-env', '@babel/preset-react'],
-    staticDir: 'dist'
-  }); // create or update .babelrc
-
-  let babelrc = null;
-
-  if (_fs.default.existsSync('.babelrc')) {
-    const babelrcContent = _fs.default.readFileSync('.babelrc', 'utf8');
-
-    babelrc = _json.default.parse(babelrcContent);
-    babelrc.plugins = babelrc.plugins || [];
-  } else {
-    babelrc = {
-      presets: [['@babel/preset-env', {
-        shippedProposals: true,
-        useBuiltIns: 'usage',
-        corejs: '3'
-      }], '@babel/preset-react']
-    };
-  }
-
-  _fs.default.writeFileSync('.babelrc', JSON.stringify(babelrc, null, 2), 'utf8');
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/esm/generators/UPDATE_PACKAGE_ORGANIZATIONS/index.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _crossSpawn = require("cross-spawn");
-
-var _codemod = require("@storybook/codemod");
-
-var _helpers = require("../../helpers");
-
-var _jsPackageManager = require("../../js-package-manager");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable no-param-reassign */
-async function updatePackage(packageManager, devDependencies, oldName, newName) {
-  if (devDependencies[oldName]) {
-    delete devDependencies[oldName];
-    devDependencies[newName] = await packageManager.getVersion(newName);
-  }
-}
-
-async function updatePackageJson(packageManager, npmOptions) {
-  const packageJson = packageManager.retrievePackageJson();
-  const {
-    devDependencies
-  } = packageJson;
-  const [actionsVersion, linksVersion] = await packageManager.getVersions('@storybook/addon-actions', '@storybook/addon-links');
-  devDependencies['@storybook/addon-actions'] = actionsVersion;
-  devDependencies['@storybook/addon-links'] = linksVersion;
-  await Promise.all(Object.keys(_codemod.packageNames).map(oldName => {
-    const newName = _codemod.packageNames[oldName];
-    return updatePackage(packageManager, devDependencies, oldName, newName);
-  }));
-
-  if (!devDependencies['@storybook/react'] && !devDependencies['@storybook/react-native']) {
-    throw new Error('Expected to find `@kadira/[react-native]-storybook` in devDependencies');
-  }
-
-  (0, _jsPackageManager.writePackageJson)(packageJson);
-  const babelDependencies = await (0, _helpers.getBabelDependencies)(packageManager, packageJson);
-
-  if (babelDependencies.length > 0) {
-    packageManager.addDependencies(Object.assign({}, npmOptions, {
-      packageJson
-    }), babelDependencies);
-  }
-}
-
-function updateSourceCode(parser) {
-  const jscodeshiftPath = _path.default.dirname(require.resolve('jscodeshift'));
-
-  const jscodeshiftCommand = _path.default.join(jscodeshiftPath, 'bin', 'jscodeshift.sh');
-
-  ['update-organisation-name.js', 'move-builtin-addons.js'].forEach(codemod => {
-    const codemodPath = _path.default.join(_path.default.dirname(require.resolve('@storybook/codemod')), 'transforms', codemod);
-
-    const args = ['-t', codemodPath, '--silent', '--ignore-pattern', '"node_modules|dist"', '.'];
-    if (parser) args.push('--parser', parser);
-    (0, _crossSpawn.sync)(jscodeshiftCommand, args, {
-      stdio: 'inherit'
-    });
-  });
-}
-
-var _default = async (packageManager, parser, npmOptions) => {
-  await updatePackageJson(packageManager, npmOptions);
-  updateSourceCode(parser);
-};
-
-exports.default = _default;

package/dist/modern/NpmOptions.js

@@ -1 +0,0 @@
-"use strict";