@storybook/cli 7.0.0-alpha.18 → 7.0.0-alpha.19

package/dist/cjs/automigrate/fixes/index.js

@@ -24,6 +24,8 @@ var _builderVite = require("./builder-vite");
 
 var _npm = require("./npm7");
 
+var _sbScripts = require("./sb-scripts");
+
 var _types = require("../types");
 
 Object.keys(_types).forEach(function (key) {
@@ -37,5 +39,5 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-const fixes = [_cra.cra5, _webpack.webpack5, _angular.angular12, _vue.vue3, _mainjsFramework.mainjsFramework, _eslintPlugin.eslintPlugin, _builderVite.builderVite, _npm.npm7];
+const fixes = [_cra.cra5, _webpack.webpack5, _angular.angular12, _vue.vue3, _mainjsFramework.mainjsFramework, _eslintPlugin.eslintPlugin, _builderVite.builderVite, _npm.npm7, _sbScripts.sbScripts];
 exports.fixes = fixes;

package/dist/cjs/automigrate/fixes/sb-scripts.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sbScripts = exports.getStorybookScripts = void 0;
+
+var _chalk = _interopRequireDefault(require("chalk"));
+
+var _tsDedent = require("ts-dedent");
+
+var _semver = _interopRequireDefault(require("@storybook/semver"));
+
+var _coreCommon = require("@storybook/core-common");
+
+var _helpers = require("../../helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const logger = console;
+
+const getStorybookScripts = scripts => {
+  const storybookScripts = {
+    custom: {},
+    official: {}
+  };
+  Object.keys(scripts).forEach(key => {
+    if (key === 'storybook' || key === 'build-storybook') {
+      storybookScripts.official[key] = scripts[key];
+    } else if (scripts[key].match(/start-storybook/) || scripts[key].match(/build-storybook/)) {
+      storybookScripts.custom[key] = scripts[key];
+    }
+  });
+  return storybookScripts;
+};
+/**
+ * Is the user using start-storybook
+ *
+ * If so:
+ * - Add storybook dependency
+ * - Change start-storybook and build-storybook scripts
+ */
+
+
+exports.getStorybookScripts = getStorybookScripts;
+const sbScripts = {
+  id: 'sb-scripts',
+
+  async check({
+    packageManager
+  }) {
+    var _semver$coerce;
+
+    const packageJson = packageManager.retrievePackageJson();
+    const {
+      scripts = {},
+      devDependencies,
+      dependencies
+    } = packageJson;
+    const {
+      version: storybookVersion
+    } = (0, _coreCommon.getStorybookInfo)(packageJson);
+    const allDeps = Object.assign({}, dependencies, devDependencies);
+    const storybookCoerced = storybookVersion && ((_semver$coerce = _semver.default.coerce(storybookVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version);
+
+    if (!storybookCoerced) {
+      logger.warn((0, _tsDedent.dedent)`
+        ❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('sb-scripts')} fix.
+        🤔 Are you running automigrate from your project directory?
+      `);
+      return null;
+    }
+
+    if (allDeps.sb || allDeps.storybook) {
+      return null;
+    }
+
+    const storybookScripts = getStorybookScripts(scripts);
+
+    if (Object.keys(storybookScripts.official).length === 0 && Object.keys(storybookScripts.custom).length === 0) {
+      return null;
+    }
+
+    Object.keys(storybookScripts.official).forEach(key => {
+      storybookScripts.official[key] = storybookScripts.official[key].replace('start-storybook', 'storybook dev').replace('build-storybook', 'storybook build');
+    });
+    return _semver.default.gte(storybookCoerced, '7.0.0') ? {
+      packageJson,
+      storybookScripts,
+      storybookVersion
+    } : null;
+  },
+
+  prompt({
+    storybookVersion
+  }) {
+    const sbFormatted = _chalk.default.cyan(`Storybook ${storybookVersion}`);
+
+    const explanationMessage = [`Starting in Storybook 7, the ${_chalk.default.yellow('start-storybook')} and ${_chalk.default.yellow('build-storybook')} binaries have changed to ${_chalk.default.magenta('storybook dev')} and ${_chalk.default.magenta('storybook build')} respectively.`, `In order to work with ${sbFormatted}, Storybook's ${_chalk.default.magenta('storybook')} binary has to be installed and your storybook scripts have to be adjusted to use the binary. We can install the storybook binary and attempt to adjust your scripts for you.`].join('\n');
+    return [`We've detected you are using ${sbFormatted} with scripts from previous versions of Storybook.`, explanationMessage, `More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#start-storybook--build-storybook-binaries-removed')}`].filter(Boolean).join('\n\n');
+  },
+
+  async run({
+    result: {
+      storybookScripts,
+      packageJson
+    },
+    packageManager,
+    dryRun
+  }) {
+    logger.log();
+    logger.info(`Adding 'storybook' as dev dependency`);
+    logger.log();
+
+    if (!dryRun) {
+      const versionToInstall = (0, _helpers.getStorybookVersionSpecifier)(packageJson);
+      packageManager.addDependencies({
+        installAsDevDependencies: true
+      }, [`storybook@${versionToInstall}`]);
+    }
+
+    logger.info(`Updating scripts in package.json`);
+    logger.log();
+
+    if (!dryRun && Object.keys(storybookScripts.official).length > 0) {
+      const message = [`Migrating your scripts to:`, _chalk.default.yellow(JSON.stringify(storybookScripts.official, null, 2))].join('\n');
+      logger.log(message);
+      logger.log();
+      packageManager.addScripts(storybookScripts.official);
+    }
+
+    if (!dryRun && Object.keys(storybookScripts.custom).length > 0) {
+      const message = [`We detected custom scripts that we can't automigrate:`, _chalk.default.yellow(JSON.stringify(storybookScripts.custom, null, 2)), '\n', `Please manually migrate the ones applicable and use the documentation below for reference: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#start-storybook--build-storybook-binaries-removed')}`].join('\n');
+      logger.log(message);
+      logger.log();
+    }
+  }
+
+};
+exports.sbScripts = sbScripts;

package/dist/cjs/generate.js

@@ -128,7 +128,7 @@ _commander.default.command('repro [outputDirectory]').description('Create a repr
   process.exit(1);
 }));
 
-_commander.default.command('repro-next [filterValue]').description('Create a reproduction from a set of possible templates').option('-o --output <outDir>', 'Define an output directory').option('-b --branch <branch>', 'Define the branch to degit from', 'next').action((filterValue, options) => (0, _reproNext.reproNext)(Object.assign({
+_commander.default.command('repro-next [filterValue]').description('Create a reproduction from a set of possible templates').option('-o --output <outDir>', 'Define an output directory').option('-b --branch <branch>', 'Define the branch to degit from', 'next').option('--no-init', 'Whether to download a template without an initialized Storybook', false).action((filterValue, options) => (0, _reproNext.reproNext)(Object.assign({
   filterValue
 }, options)).catch(e => {
   _nodeLogger.logger.error(e);

package/dist/cjs/helpers.js

@@ -11,6 +11,7 @@ exports.copyTemplate = copyTemplate;
 exports.getBabelDependencies = getBabelDependencies;
 exports.getBowerJson = getBowerJson;
 exports.getChars = getChars;
+exports.getStorybookVersionSpecifier = getStorybookVersionSpecifier;
 exports.paddedLog = paddedLog;
 exports.readFileAsJson = readFileAsJson;
 exports.writeFileAsJson = void 0;
@@ -29,6 +30,8 @@ var _stripJsonComments = _interopRequireDefault(require("strip-json-comments"));
 
 var _dirs = require("./dirs");
 
+var _versions = _interopRequireDefault(require("./versions"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -239,4 +242,19 @@ async function copyComponents(framework, language) {
   await _fsExtra.default.copy((0, _path.join)((0, _dirs.getBaseDir)(), 'frameworks/common'), destinationPath, {
     overwrite: true
   });
+} // Given a package.json, finds any official storybook package within it
+// and if it exists, returns the version of that package from the specified package.json
+
+
+function getStorybookVersionSpecifier(packageJson) {
+  const allDeps = Object.assign({}, packageJson.dependencies, packageJson.devDependencies);
+  const storybookPackage = Object.keys(allDeps).find(name => {
+    return _versions.default[name];
+  });
+
+  if (!storybookPackage) {
+    throw new Error(`Couldn't find any official storybook packages in package.json`);
+  }
+
+  return allDeps[storybookPackage];
 }

package/dist/cjs/js-package-manager/JsPackageManager.js

@@ -134,6 +134,48 @@ class JsPackageManager {
       }
     }
   }
+  /**
+   * Remove dependencies from a project using `yarn remove` or `npm uninstall`.
+   *
+   * @param {Object} options contains `skipInstall`, `packageJson` and `installAsDevDependencies` which we use to determine how we install packages.
+   * @param {Array} dependencies contains a list of packages to remove.
+   * @example
+   * removeDependencies(options, [
+   *   `@storybook/react`,
+   *   `@storybook/addon-actions`,
+   * ]);
+   */
+
+
+  removeDependencies(options, dependencies) {
+    const {
+      skipInstall
+    } = options;
+
+    if (skipInstall) {
+      const {
+        packageJson
+      } = options;
+      dependencies.forEach(dep => {
+        if (packageJson.devDependencies) {
+          delete packageJson.devDependencies[dep];
+        }
+
+        if (packageJson.dependencies) {
+          delete packageJson.dependencies[dep];
+        }
+      });
+      (0, _PackageJsonHelper.writePackageJson)(packageJson);
+    } else {
+      try {
+        this.runRemoveDeps(dependencies);
+      } catch (e) {
+        logger.error('An error occurred while removing dependencies.');
+        logger.log(e.message);
+        process.exit(1);
+      }
+    }
+  }
   /**
    * Return an array of strings matching following format: `<package_name>@<package_latest_version>`
    *

package/dist/cjs/js-package-manager/NPMProxy.js

@@ -16,6 +16,7 @@ class NPMProxy extends _JsPackageManager.JsPackageManager {
     super(...args);
     this.type = 'npm';
     this.installArgs = void 0;
+    this.uninstallArgs = void 0;
   }
 
   initPackageJson() {
@@ -55,6 +56,14 @@ class NPMProxy extends _JsPackageManager.JsPackageManager {
     return this.installArgs;
   }
 
+  getUninstallArgs() {
+    if (!this.uninstallArgs) {
+      this.uninstallArgs = this.needsLegacyPeerDeps(this.getNpmVersion()) ? ['uninstall', '--legacy-peer-deps'] : ['uninstall'];
+    }
+
+    return this.uninstallArgs;
+  }
+
   runInstall() {
     this.executeCommand('npm', this.getInstallArgs(), 'inherit');
   }
@@ -69,6 +78,11 @@ class NPMProxy extends _JsPackageManager.JsPackageManager {
     this.executeCommand('npm', [...this.getInstallArgs(), ...args], 'inherit');
   }
 
+  runRemoveDeps(dependencies) {
+    const args = [...dependencies];
+    this.executeCommand('npm', [...this.getUninstallArgs(), ...args], 'inherit');
+  }
+
   runGetVersions(packageName, fetchAllVersions) {
     const args = [fetchAllVersions ? 'versions' : 'version', '--json'];
     const commandResult = this.executeCommand('npm', ['info', packageName, ...args]);

package/dist/cjs/js-package-manager/Yarn1Proxy.js

@@ -39,6 +39,11 @@ class Yarn1Proxy extends _JsPackageManager.JsPackageManager {
     this.executeCommand('yarn', ['add', ...args], 'inherit');
   }
 
+  runRemoveDeps(dependencies) {
+    const args = ['--ignore-workspace-root-check', ...dependencies];
+    this.executeCommand('yarn', ['remove', ...args], 'inherit');
+  }
+
   runGetVersions(packageName, fetchAllVersions) {
     const args = [fetchAllVersions ? 'versions' : 'version', '--json'];
     const commandResult = this.executeCommand('yarn', ['info', packageName, ...args]);

package/dist/cjs/js-package-manager/Yarn2Proxy.js

@@ -39,6 +39,11 @@ class Yarn2Proxy extends _JsPackageManager.JsPackageManager {
     this.executeCommand('yarn', ['add', ...args], 'inherit');
   }
 
+  runRemoveDeps(dependencies) {
+    const args = [...dependencies];
+    this.executeCommand('yarn', ['remove', ...args], 'inherit');
+  }
+
   runGetVersions(packageName, fetchAllVersions) {
     const field = fetchAllVersions ? 'versions' : 'version';
     const args = ['--fields', field, '--json'];

package/dist/cjs/repro-next.js

@@ -7,8 +7,6 @@ exports.reproNext = void 0;
 
 var _prompts = _interopRequireDefault(require("prompts"));
 
-var _fs = _interopRequireDefault(require("fs"));
-
 var _path = _interopRequireDefault(require("path"));
 
 var _chalk = _interopRequireDefault(require("chalk"));
@@ -19,6 +17,8 @@ var _tsDedent = require("ts-dedent");
 
 var _degit = _interopRequireDefault(require("degit"));
 
+var _fsExtra = require("fs-extra");
+
 var _reproTemplates = _interopRequireDefault(require("./repro-templates"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -33,7 +33,8 @@ const toChoices = c => ({
 const reproNext = async ({
   output: outputDirectory,
   filterValue,
-  branch
+  branch,
+  init
 }) => {
   const keys = Object.keys(_reproTemplates.default); // get value from template and reduce through TEMPLATES to filter out the correct template
 
@@ -57,7 +58,8 @@ const reproNext = async ({
   if (choices.length === 0) {
     logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
           🔎 You filtered out all templates. 🔍
-          After filtering all the templates with "${_chalk.default.yellow(filterValue)}", we found no templates.
+          
+          After filtering all the templates with "${_chalk.default.yellow(filterValue)}", we found no results. Please try again with a different filter.
 
           Available templates:
           ${keys.map(key => _chalk.default.blue`- ${key}`).join('\n')}
@@ -66,7 +68,7 @@ const reproNext = async ({
       padding: 1,
       borderColor: '#F1618C'
     }));
-    return;
+    process.exit(1);
   }
 
   let selectedTemplate = null;
@@ -105,6 +107,11 @@ const reproNext = async ({
   }
 
   let selectedDirectory = outputDirectory;
+  const outputDirectoryName = outputDirectory || selectedTemplate;
+
+  if (selectedDirectory && (0, _fsExtra.existsSync)(`${selectedDirectory}`)) {
+    logger.info(`⚠️  ${selectedDirectory} already exists! Overwriting...`);
+  }
 
   if (!selectedDirectory) {
     const {
@@ -113,32 +120,34 @@ const reproNext = async ({
       type: 'text',
       message: 'Enter the output directory',
       name: 'directory',
-      initial: selectedTemplate,
-      validate: directoryName => _fs.default.existsSync(directoryName) ? `${directoryName} already exists. Please choose another name.` : true
+      initial: outputDirectoryName,
+      validate: async directoryName => (0, _fsExtra.existsSync)(directoryName) ? `${directoryName} already exists. Please choose another name.` : true
     });
     selectedDirectory = directory;
   }
 
   try {
-    const cwd = _path.default.isAbsolute(selectedDirectory) ? selectedDirectory : _path.default.join(process.cwd(), selectedDirectory);
-    logger.info(`🏃 Adding ${selectedConfig.name} into ${cwd}`);
+    const templateDestination = _path.default.isAbsolute(selectedDirectory) ? selectedDirectory : _path.default.join(process.cwd(), selectedDirectory);
+    logger.info(`🏃 Adding ${selectedConfig.name} into ${templateDestination}`);
     logger.log('📦 Downloading repro template...');
 
     try {
-      // Download the repro based on subfolder "after-storybook" and selected branch
-      await (0, _degit.default)(`storybookjs/repro-templates-temp/${selectedTemplate}/after-storybook#${branch}`, {
+      const templateType = init ? 'after-storybook' : 'before-storybook'; // Download the repro based on subfolder "after-storybook" and selected branch
+
+      await (0, _degit.default)(`storybookjs/repro-templates-temp/${selectedTemplate}/${templateType}#${branch}`, {
         force: true
-      }).clone(selectedTemplate.replace('/', '-'));
+      }).clone(templateDestination);
     } catch (err) {
       logger.error(`🚨 Failed to download repro template: ${err.message}`);
-      return;
+      throw err;
     }
 
+    const initMessage = init ? _chalk.default.yellow(`yarn storybook`) : `Recreate your setup, then ${_chalk.default.yellow(`run npx storybook init`)}`;
     logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
         🎉 Your Storybook reproduction project is ready to use! 🎉
 
         ${_chalk.default.yellow(`cd ${selectedDirectory}`)}
-        ${_chalk.default.yellow(`yarn storybook`)}
+        ${initMessage}
 
         Once you've recreated the problem you're experiencing, please:
         

package/dist/cjs/versions.js

@@ -6,80 +6,80 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 // auto generated file, do not edit
 var _default = {
-  '@storybook/addon-a11y': '7.0.0-alpha.18',
-  '@storybook/addon-actions': '7.0.0-alpha.18',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.18',
-  '@storybook/addon-controls': '7.0.0-alpha.18',
-  '@storybook/addon-docs': '7.0.0-alpha.18',
-  '@storybook/addon-essentials': '7.0.0-alpha.18',
-  '@storybook/addon-highlight': '7.0.0-alpha.18',
-  '@storybook/addon-interactions': '7.0.0-alpha.18',
-  '@storybook/addon-jest': '7.0.0-alpha.18',
-  '@storybook/addon-links': '7.0.0-alpha.18',
-  '@storybook/addon-measure': '7.0.0-alpha.18',
-  '@storybook/addon-outline': '7.0.0-alpha.18',
-  '@storybook/addon-storyshots': '7.0.0-alpha.18',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.18',
-  '@storybook/addon-storysource': '7.0.0-alpha.18',
-  '@storybook/addon-toolbars': '7.0.0-alpha.18',
-  '@storybook/addon-viewport': '7.0.0-alpha.18',
-  '@storybook/addons': '7.0.0-alpha.18',
-  '@storybook/angular': '7.0.0-alpha.18',
-  '@storybook/api': '7.0.0-alpha.18',
-  '@storybook/blocks': '7.0.0-alpha.18',
-  '@storybook/builder-manager': '7.0.0-alpha.18',
-  '@storybook/builder-webpack5': '7.0.0-alpha.18',
-  '@storybook/channel-postmessage': '7.0.0-alpha.18',
-  '@storybook/channel-websocket': '7.0.0-alpha.18',
-  '@storybook/channels': '7.0.0-alpha.18',
-  '@storybook/cli': '7.0.0-alpha.18',
-  '@storybook/client-api': '7.0.0-alpha.18',
-  '@storybook/client-logger': '7.0.0-alpha.18',
-  '@storybook/codemod': '7.0.0-alpha.18',
-  '@storybook/components': '7.0.0-alpha.18',
-  '@storybook/core-client': '7.0.0-alpha.18',
-  '@storybook/core-common': '7.0.0-alpha.18',
-  '@storybook/core-events': '7.0.0-alpha.18',
-  '@storybook/core-server': '7.0.0-alpha.18',
-  '@storybook/core-webpack': '7.0.0-alpha.18',
-  '@storybook/csf-tools': '7.0.0-alpha.18',
-  '@storybook/docs-tools': '7.0.0-alpha.18',
-  '@storybook/ember': '7.0.0-alpha.18',
-  '@storybook/html': '7.0.0-alpha.18',
-  '@storybook/html-webpack5': '7.0.0-alpha.18',
-  '@storybook/instrumenter': '7.0.0-alpha.18',
-  '@storybook/node-logger': '7.0.0-alpha.18',
-  '@storybook/postinstall': '7.0.0-alpha.18',
-  '@storybook/preact': '7.0.0-alpha.18',
-  '@storybook/preact-webpack5': '7.0.0-alpha.18',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.18',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.18',
-  '@storybook/preview-web': '7.0.0-alpha.18',
-  '@storybook/react': '7.0.0-alpha.18',
-  '@storybook/react-webpack5': '7.0.0-alpha.18',
-  '@storybook/router': '7.0.0-alpha.18',
-  '@storybook/server': '7.0.0-alpha.18',
-  '@storybook/server-webpack5': '7.0.0-alpha.18',
-  '@storybook/source-loader': '7.0.0-alpha.18',
-  '@storybook/store': '7.0.0-alpha.18',
-  '@storybook/svelte': '7.0.0-alpha.18',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.18',
-  '@storybook/telemetry': '7.0.0-alpha.18',
-  '@storybook/theming': '7.0.0-alpha.18',
-  '@storybook/ui': '7.0.0-alpha.18',
-  '@storybook/vue': '7.0.0-alpha.18',
-  '@storybook/vue-webpack5': '7.0.0-alpha.18',
-  '@storybook/vue3': '7.0.0-alpha.18',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.18',
-  '@storybook/web-components': '7.0.0-alpha.18',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.18',
-  sb: '7.0.0-alpha.18',
-  storybook: '7.0.0-alpha.18'
+  '@storybook/addon-a11y': '7.0.0-alpha.19',
+  '@storybook/addon-actions': '7.0.0-alpha.19',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.19',
+  '@storybook/addon-controls': '7.0.0-alpha.19',
+  '@storybook/addon-docs': '7.0.0-alpha.19',
+  '@storybook/addon-essentials': '7.0.0-alpha.19',
+  '@storybook/addon-highlight': '7.0.0-alpha.19',
+  '@storybook/addon-interactions': '7.0.0-alpha.19',
+  '@storybook/addon-jest': '7.0.0-alpha.19',
+  '@storybook/addon-links': '7.0.0-alpha.19',
+  '@storybook/addon-measure': '7.0.0-alpha.19',
+  '@storybook/addon-outline': '7.0.0-alpha.19',
+  '@storybook/addon-storyshots': '7.0.0-alpha.19',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.19',
+  '@storybook/addon-storysource': '7.0.0-alpha.19',
+  '@storybook/addon-toolbars': '7.0.0-alpha.19',
+  '@storybook/addon-viewport': '7.0.0-alpha.19',
+  '@storybook/addons': '7.0.0-alpha.19',
+  '@storybook/angular': '7.0.0-alpha.19',
+  '@storybook/api': '7.0.0-alpha.19',
+  '@storybook/blocks': '7.0.0-alpha.19',
+  '@storybook/builder-manager': '7.0.0-alpha.19',
+  '@storybook/builder-webpack5': '7.0.0-alpha.19',
+  '@storybook/channel-postmessage': '7.0.0-alpha.19',
+  '@storybook/channel-websocket': '7.0.0-alpha.19',
+  '@storybook/channels': '7.0.0-alpha.19',
+  '@storybook/cli': '7.0.0-alpha.19',
+  '@storybook/client-api': '7.0.0-alpha.19',
+  '@storybook/client-logger': '7.0.0-alpha.19',
+  '@storybook/codemod': '7.0.0-alpha.19',
+  '@storybook/components': '7.0.0-alpha.19',
+  '@storybook/core-client': '7.0.0-alpha.19',
+  '@storybook/core-common': '7.0.0-alpha.19',
+  '@storybook/core-events': '7.0.0-alpha.19',
+  '@storybook/core-server': '7.0.0-alpha.19',
+  '@storybook/core-webpack': '7.0.0-alpha.19',
+  '@storybook/csf-tools': '7.0.0-alpha.19',
+  '@storybook/docs-tools': '7.0.0-alpha.19',
+  '@storybook/ember': '7.0.0-alpha.19',
+  '@storybook/html': '7.0.0-alpha.19',
+  '@storybook/html-webpack5': '7.0.0-alpha.19',
+  '@storybook/instrumenter': '7.0.0-alpha.19',
+  '@storybook/node-logger': '7.0.0-alpha.19',
+  '@storybook/postinstall': '7.0.0-alpha.19',
+  '@storybook/preact': '7.0.0-alpha.19',
+  '@storybook/preact-webpack5': '7.0.0-alpha.19',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.19',
+  '@storybook/preview-web': '7.0.0-alpha.19',
+  '@storybook/react': '7.0.0-alpha.19',
+  '@storybook/react-webpack5': '7.0.0-alpha.19',
+  '@storybook/router': '7.0.0-alpha.19',
+  '@storybook/server': '7.0.0-alpha.19',
+  '@storybook/server-webpack5': '7.0.0-alpha.19',
+  '@storybook/source-loader': '7.0.0-alpha.19',
+  '@storybook/store': '7.0.0-alpha.19',
+  '@storybook/svelte': '7.0.0-alpha.19',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.19',
+  '@storybook/telemetry': '7.0.0-alpha.19',
+  '@storybook/theming': '7.0.0-alpha.19',
+  '@storybook/ui': '7.0.0-alpha.19',
+  '@storybook/vue': '7.0.0-alpha.19',
+  '@storybook/vue-webpack5': '7.0.0-alpha.19',
+  '@storybook/vue3': '7.0.0-alpha.19',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.19',
+  '@storybook/web-components': '7.0.0-alpha.19',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.19',
+  sb: '7.0.0-alpha.19',
+  storybook: '7.0.0-alpha.19'
 };
 exports.default = _default;

package/dist/esm/automigrate/fixes/index.js

@@ -6,5 +6,6 @@ import { mainjsFramework } from './mainjsFramework';
 import { eslintPlugin } from './eslint-plugin';
 import { builderVite } from './builder-vite';
 import { npm7 } from './npm7';
+import { sbScripts } from './sb-scripts';
 export * from '../types';
-export const fixes = [cra5, webpack5, angular12, vue3, mainjsFramework, eslintPlugin, builderVite, npm7];
+export const fixes = [cra5, webpack5, angular12, vue3, mainjsFramework, eslintPlugin, builderVite, npm7, sbScripts];

package/dist/esm/automigrate/fixes/sb-scripts.js

@@ -0,0 +1,119 @@
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+import semver from '@storybook/semver';
+import { getStorybookInfo } from '@storybook/core-common';
+import { getStorybookVersionSpecifier } from '../../helpers';
+const logger = console;
+export const getStorybookScripts = scripts => {
+  const storybookScripts = {
+    custom: {},
+    official: {}
+  };
+  Object.keys(scripts).forEach(key => {
+    if (key === 'storybook' || key === 'build-storybook') {
+      storybookScripts.official[key] = scripts[key];
+    } else if (scripts[key].match(/start-storybook/) || scripts[key].match(/build-storybook/)) {
+      storybookScripts.custom[key] = scripts[key];
+    }
+  });
+  return storybookScripts;
+};
+/**
+ * Is the user using start-storybook
+ *
+ * If so:
+ * - Add storybook dependency
+ * - Change start-storybook and build-storybook scripts
+ */
+
+export const sbScripts = {
+  id: 'sb-scripts',
+
+  async check({
+    packageManager
+  }) {
+    const packageJson = packageManager.retrievePackageJson();
+    const {
+      scripts = {},
+      devDependencies,
+      dependencies
+    } = packageJson;
+    const {
+      version: storybookVersion
+    } = getStorybookInfo(packageJson);
+    const allDeps = Object.assign({}, dependencies, devDependencies);
+    const storybookCoerced = storybookVersion && semver.coerce(storybookVersion)?.version;
+
+    if (!storybookCoerced) {
+      logger.warn(dedent`
+        ❌ Unable to determine storybook version, skipping ${chalk.cyan('sb-scripts')} fix.
+        🤔 Are you running automigrate from your project directory?
+      `);
+      return null;
+    }
+
+    if (allDeps.sb || allDeps.storybook) {
+      return null;
+    }
+
+    const storybookScripts = getStorybookScripts(scripts);
+
+    if (Object.keys(storybookScripts.official).length === 0 && Object.keys(storybookScripts.custom).length === 0) {
+      return null;
+    }
+
+    Object.keys(storybookScripts.official).forEach(key => {
+      storybookScripts.official[key] = storybookScripts.official[key].replace('start-storybook', 'storybook dev').replace('build-storybook', 'storybook build');
+    });
+    return semver.gte(storybookCoerced, '7.0.0') ? {
+      packageJson,
+      storybookScripts,
+      storybookVersion
+    } : null;
+  },
+
+  prompt({
+    storybookVersion
+  }) {
+    const sbFormatted = chalk.cyan(`Storybook ${storybookVersion}`);
+    const explanationMessage = [`Starting in Storybook 7, the ${chalk.yellow('start-storybook')} and ${chalk.yellow('build-storybook')} binaries have changed to ${chalk.magenta('storybook dev')} and ${chalk.magenta('storybook build')} respectively.`, `In order to work with ${sbFormatted}, Storybook's ${chalk.magenta('storybook')} binary has to be installed and your storybook scripts have to be adjusted to use the binary. We can install the storybook binary and attempt to adjust your scripts for you.`].join('\n');
+    return [`We've detected you are using ${sbFormatted} with scripts from previous versions of Storybook.`, explanationMessage, `More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#start-storybook--build-storybook-binaries-removed')}`].filter(Boolean).join('\n\n');
+  },
+
+  async run({
+    result: {
+      storybookScripts,
+      packageJson
+    },
+    packageManager,
+    dryRun
+  }) {
+    logger.log();
+    logger.info(`Adding 'storybook' as dev dependency`);
+    logger.log();
+
+    if (!dryRun) {
+      const versionToInstall = getStorybookVersionSpecifier(packageJson);
+      packageManager.addDependencies({
+        installAsDevDependencies: true
+      }, [`storybook@${versionToInstall}`]);
+    }
+
+    logger.info(`Updating scripts in package.json`);
+    logger.log();
+
+    if (!dryRun && Object.keys(storybookScripts.official).length > 0) {
+      const message = [`Migrating your scripts to:`, chalk.yellow(JSON.stringify(storybookScripts.official, null, 2))].join('\n');
+      logger.log(message);
+      logger.log();
+      packageManager.addScripts(storybookScripts.official);
+    }
+
+    if (!dryRun && Object.keys(storybookScripts.custom).length > 0) {
+      const message = [`We detected custom scripts that we can't automigrate:`, chalk.yellow(JSON.stringify(storybookScripts.custom, null, 2)), '\n', `Please manually migrate the ones applicable and use the documentation below for reference: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#start-storybook--build-storybook-binaries-removed')}`].join('\n');
+      logger.log(message);
+      logger.log();
+    }
+  }
+
+};

package/dist/esm/generate.js

@@ -88,7 +88,7 @@ program.command('repro [outputDirectory]').description('Create a reproduction fr
   logger.error(e);
   process.exit(1);
 }));
-program.command('repro-next [filterValue]').description('Create a reproduction from a set of possible templates').option('-o --output <outDir>', 'Define an output directory').option('-b --branch <branch>', 'Define the branch to degit from', 'next').action((filterValue, options) => reproNext(Object.assign({
+program.command('repro-next [filterValue]').description('Create a reproduction from a set of possible templates').option('-o --output <outDir>', 'Define an output directory').option('-b --branch <branch>', 'Define the branch to degit from', 'next').option('--no-init', 'Whether to download a template without an initialized Storybook', false).action((filterValue, options) => reproNext(Object.assign({
   filterValue
 }, options)).catch(e => {
   logger.error(e);

package/dist/esm/helpers.js

@@ -6,6 +6,7 @@ import chalk from 'chalk';
 import { satisfies } from '@storybook/semver';
 import stripJsonComments from 'strip-json-comments';
 import { getBaseDir } from './dirs';
+import storybookMonorepoPackages from './versions';
 const logger = console;
 export function getBowerJson() {
   const bowerJsonPath = path.resolve('bower.json');
@@ -190,4 +191,18 @@ export async function copyComponents(framework, language) {
   await fse.copy(join(getBaseDir(), 'frameworks/common'), destinationPath, {
     overwrite: true
   });
+} // Given a package.json, finds any official storybook package within it
+// and if it exists, returns the version of that package from the specified package.json
+
+export function getStorybookVersionSpecifier(packageJson) {
+  const allDeps = Object.assign({}, packageJson.dependencies, packageJson.devDependencies);
+  const storybookPackage = Object.keys(allDeps).find(name => {
+    return storybookMonorepoPackages[name];
+  });
+
+  if (!storybookPackage) {
+    throw new Error(`Couldn't find any official storybook packages in package.json`);
+  }
+
+  return allDeps[storybookPackage];
 }

package/dist/esm/js-package-manager/JsPackageManager.js

@@ -117,6 +117,48 @@ export class JsPackageManager {
       }
     }
   }
+  /**
+   * Remove dependencies from a project using `yarn remove` or `npm uninstall`.
+   *
+   * @param {Object} options contains `skipInstall`, `packageJson` and `installAsDevDependencies` which we use to determine how we install packages.
+   * @param {Array} dependencies contains a list of packages to remove.
+   * @example
+   * removeDependencies(options, [
+   *   `@storybook/react`,
+   *   `@storybook/addon-actions`,
+   * ]);
+   */
+
+
+  removeDependencies(options, dependencies) {
+    const {
+      skipInstall
+    } = options;
+
+    if (skipInstall) {
+      const {
+        packageJson
+      } = options;
+      dependencies.forEach(dep => {
+        if (packageJson.devDependencies) {
+          delete packageJson.devDependencies[dep];
+        }
+
+        if (packageJson.dependencies) {
+          delete packageJson.dependencies[dep];
+        }
+      });
+      writePackageJson(packageJson);
+    } else {
+      try {
+        this.runRemoveDeps(dependencies);
+      } catch (e) {
+        logger.error('An error occurred while removing dependencies.');
+        logger.log(e.message);
+        process.exit(1);
+      }
+    }
+  }
   /**
    * Return an array of strings matching following format: `<package_name>@<package_latest_version>`
    *

package/dist/esm/js-package-manager/NPMProxy.js

@@ -5,6 +5,7 @@ export class NPMProxy extends JsPackageManager {
     super(...args);
     this.type = 'npm';
     this.installArgs = void 0;
+    this.uninstallArgs = void 0;
   }
 
   initPackageJson() {
@@ -44,6 +45,14 @@ export class NPMProxy extends JsPackageManager {
     return this.installArgs;
   }
 
+  getUninstallArgs() {
+    if (!this.uninstallArgs) {
+      this.uninstallArgs = this.needsLegacyPeerDeps(this.getNpmVersion()) ? ['uninstall', '--legacy-peer-deps'] : ['uninstall'];
+    }
+
+    return this.uninstallArgs;
+  }
+
   runInstall() {
     this.executeCommand('npm', this.getInstallArgs(), 'inherit');
   }
@@ -58,6 +67,11 @@ export class NPMProxy extends JsPackageManager {
     this.executeCommand('npm', [...this.getInstallArgs(), ...args], 'inherit');
   }
 
+  runRemoveDeps(dependencies) {
+    const args = [...dependencies];
+    this.executeCommand('npm', [...this.getUninstallArgs(), ...args], 'inherit');
+  }
+
   runGetVersions(packageName, fetchAllVersions) {
     const args = [fetchAllVersions ? 'versions' : 'version', '--json'];
     const commandResult = this.executeCommand('npm', ['info', packageName, ...args]);

package/dist/esm/js-package-manager/Yarn1Proxy.js

@@ -31,6 +31,11 @@ export class Yarn1Proxy extends JsPackageManager {
     this.executeCommand('yarn', ['add', ...args], 'inherit');
   }
 
+  runRemoveDeps(dependencies) {
+    const args = ['--ignore-workspace-root-check', ...dependencies];
+    this.executeCommand('yarn', ['remove', ...args], 'inherit');
+  }
+
   runGetVersions(packageName, fetchAllVersions) {
     const args = [fetchAllVersions ? 'versions' : 'version', '--json'];
     const commandResult = this.executeCommand('yarn', ['info', packageName, ...args]);

package/dist/esm/js-package-manager/Yarn2Proxy.js

@@ -31,6 +31,11 @@ export class Yarn2Proxy extends JsPackageManager {
     this.executeCommand('yarn', ['add', ...args], 'inherit');
   }
 
+  runRemoveDeps(dependencies) {
+    const args = [...dependencies];
+    this.executeCommand('yarn', ['remove', ...args], 'inherit');
+  }
+
   runGetVersions(packageName, fetchAllVersions) {
     const field = fetchAllVersions ? 'versions' : 'version';
     const args = ['--fields', field, '--json'];

package/dist/esm/repro-next.js

@@ -1,10 +1,10 @@
 import prompts from 'prompts';
-import fs from 'fs';
 import path from 'path';
 import chalk from 'chalk';
 import boxen from 'boxen';
 import { dedent } from 'ts-dedent';
 import degit from 'degit';
+import { existsSync } from 'fs-extra';
 import TEMPLATES from './repro-templates';
 const logger = console;
 
@@ -16,7 +16,8 @@ const toChoices = c => ({
 export const reproNext = async ({
   output: outputDirectory,
   filterValue,
-  branch
+  branch,
+  init
 }) => {
   const keys = Object.keys(TEMPLATES); // get value from template and reduce through TEMPLATES to filter out the correct template
 
@@ -40,7 +41,8 @@ export const reproNext = async ({
   if (choices.length === 0) {
     logger.info(boxen(dedent`
           🔎 You filtered out all templates. 🔍
-          After filtering all the templates with "${chalk.yellow(filterValue)}", we found no templates.
+          
+          After filtering all the templates with "${chalk.yellow(filterValue)}", we found no results. Please try again with a different filter.
 
           Available templates:
           ${keys.map(key => chalk.blue`- ${key}`).join('\n')}
@@ -49,7 +51,7 @@ export const reproNext = async ({
       padding: 1,
       borderColor: '#F1618C'
     }));
-    return;
+    process.exit(1);
   }
 
   let selectedTemplate = null;
@@ -88,6 +90,11 @@ export const reproNext = async ({
   }
 
   let selectedDirectory = outputDirectory;
+  const outputDirectoryName = outputDirectory || selectedTemplate;
+
+  if (selectedDirectory && existsSync(`${selectedDirectory}`)) {
+    logger.info(`⚠️  ${selectedDirectory} already exists! Overwriting...`);
+  }
 
   if (!selectedDirectory) {
     const {
@@ -96,32 +103,34 @@ export const reproNext = async ({
       type: 'text',
       message: 'Enter the output directory',
       name: 'directory',
-      initial: selectedTemplate,
-      validate: directoryName => fs.existsSync(directoryName) ? `${directoryName} already exists. Please choose another name.` : true
+      initial: outputDirectoryName,
+      validate: async directoryName => existsSync(directoryName) ? `${directoryName} already exists. Please choose another name.` : true
     });
     selectedDirectory = directory;
   }
 
   try {
-    const cwd = path.isAbsolute(selectedDirectory) ? selectedDirectory : path.join(process.cwd(), selectedDirectory);
-    logger.info(`🏃 Adding ${selectedConfig.name} into ${cwd}`);
+    const templateDestination = path.isAbsolute(selectedDirectory) ? selectedDirectory : path.join(process.cwd(), selectedDirectory);
+    logger.info(`🏃 Adding ${selectedConfig.name} into ${templateDestination}`);
     logger.log('📦 Downloading repro template...');
 
     try {
-      // Download the repro based on subfolder "after-storybook" and selected branch
-      await degit(`storybookjs/repro-templates-temp/${selectedTemplate}/after-storybook#${branch}`, {
+      const templateType = init ? 'after-storybook' : 'before-storybook'; // Download the repro based on subfolder "after-storybook" and selected branch
+
+      await degit(`storybookjs/repro-templates-temp/${selectedTemplate}/${templateType}#${branch}`, {
         force: true
-      }).clone(selectedTemplate.replace('/', '-'));
+      }).clone(templateDestination);
     } catch (err) {
       logger.error(`🚨 Failed to download repro template: ${err.message}`);
-      return;
+      throw err;
     }
 
+    const initMessage = init ? chalk.yellow(`yarn storybook`) : `Recreate your setup, then ${chalk.yellow(`run npx storybook init`)}`;
     logger.info(boxen(dedent`
         🎉 Your Storybook reproduction project is ready to use! 🎉
 
         ${chalk.yellow(`cd ${selectedDirectory}`)}
-        ${chalk.yellow(`yarn storybook`)}
+        ${initMessage}
 
         Once you've recreated the problem you're experiencing, please:
         

package/dist/esm/versions.js

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

package/dist/types/automigrate/fixes/sb-scripts.d.ts

@@ -0,0 +1,23 @@
+import { Fix } from '../types';
+import { PackageJsonWithDepsAndDevDeps } from '../../js-package-manager';
+interface SbScriptsRunOptions {
+    storybookScripts: {
+        custom: Record<string, string>;
+        official: Record<string, string>;
+    };
+    storybookVersion: string;
+    packageJson: PackageJsonWithDepsAndDevDeps;
+}
+export declare const getStorybookScripts: (scripts: Record<string, string>) => {
+    custom: Record<string, string>;
+    official: Record<string, string>;
+};
+/**
+ * Is the user using start-storybook
+ *
+ * If so:
+ * - Add storybook dependency
+ * - Change start-storybook and build-storybook scripts
+ */
+export declare const sbScripts: Fix<SbScriptsRunOptions>;
+export {};

package/dist/types/helpers.d.ts

@@ -23,3 +23,4 @@ export declare function getBabelDependencies(packageManager: JsPackageManager, p
 export declare function addToDevDependenciesIfNotPresent(packageJson: PackageJson, name: string, packageVersion: string): void;
 export declare function copyTemplate(templateRoot: string): void;
 export declare function copyComponents(framework: SupportedRenderers, language: SupportedLanguage): Promise<void>;
+export declare function getStorybookVersionSpecifier(packageJson: PackageJsonWithDepsAndDevDeps): string;

package/dist/types/js-package-manager/JsPackageManager.d.ts

@@ -38,6 +38,21 @@ export declare abstract class JsPackageManager {
         installAsDevDependencies?: boolean;
         packageJson?: PackageJson;
     }, dependencies: string[]): void;
+    /**
+     * Remove dependencies from a project using `yarn remove` or `npm uninstall`.
+     *
+     * @param {Object} options contains `skipInstall`, `packageJson` and `installAsDevDependencies` which we use to determine how we install packages.
+     * @param {Array} dependencies contains a list of packages to remove.
+     * @example
+     * removeDependencies(options, [
+     *   `@storybook/react`,
+     *   `@storybook/addon-actions`,
+     * ]);
+     */
+    removeDependencies(options: {
+        skipInstall?: boolean;
+        packageJson?: PackageJson;
+    }, dependencies: string[]): void;
     /**
      * Return an array of strings matching following format: `<package_name>@<package_latest_version>`
      *
@@ -78,6 +93,7 @@ export declare abstract class JsPackageManager {
     addScripts(scripts: Record<string, string>): void;
     protected abstract runInstall(): void;
     protected abstract runAddDeps(dependencies: string[], installAsDevDependencies: boolean): void;
+    protected abstract runRemoveDeps(dependencies: string[]): void;
     /**
      * Get the latest or all versions of the input package available on npmjs.com
      *

package/dist/types/js-package-manager/NPMProxy.d.ts

@@ -2,6 +2,7 @@ import { JsPackageManager } from './JsPackageManager';
 export declare class NPMProxy extends JsPackageManager {
     readonly type = "npm";
     installArgs: string[] | undefined;
+    uninstallArgs: string[] | undefined;
     initPackageJson(): string;
     getRunStorybookCommand(): string;
     getRunCommand(command: string): string;
@@ -10,7 +11,9 @@ export declare class NPMProxy extends JsPackageManager {
     setLegacyPeerDeps(): void;
     needsLegacyPeerDeps(version: string): boolean;
     getInstallArgs(): string[];
+    getUninstallArgs(): string[];
     protected runInstall(): void;
     protected runAddDeps(dependencies: string[], installAsDevDependencies: boolean): void;
+    protected runRemoveDeps(dependencies: string[]): void;
     protected runGetVersions<T extends boolean>(packageName: string, fetchAllVersions: T): Promise<T extends true ? string[] : string>;
 }

package/dist/types/js-package-manager/Yarn1Proxy.d.ts

@@ -6,5 +6,6 @@ export declare class Yarn1Proxy extends JsPackageManager {
     getRunCommand(command: string): string;
     protected runInstall(): void;
     protected runAddDeps(dependencies: string[], installAsDevDependencies: boolean): void;
+    protected runRemoveDeps(dependencies: string[]): void;
     protected runGetVersions<T extends boolean>(packageName: string, fetchAllVersions: T): Promise<T extends true ? string[] : string>;
 }

package/dist/types/js-package-manager/Yarn2Proxy.d.ts

@@ -6,5 +6,6 @@ export declare class Yarn2Proxy extends JsPackageManager {
     getRunCommand(command: string): string;
     protected runInstall(): void;
     protected runAddDeps(dependencies: string[], installAsDevDependencies: boolean): void;
+    protected runRemoveDeps(dependencies: string[]): void;
     protected runGetVersions<T extends boolean>(packageName: string, fetchAllVersions: T): Promise<T extends true ? string[] : string>;
 }

package/dist/types/repro-next.d.ts

@@ -2,6 +2,7 @@ interface ReproOptions {
     filterValue?: string;
     output?: string;
     branch?: string;
+    init?: boolean;
 }
-export declare const reproNext: ({ output: outputDirectory, filterValue, branch }: ReproOptions) => Promise<void>;
+export declare const reproNext: ({ output: outputDirectory, filterValue, branch, init, }: ReproOptions) => Promise<void>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-alpha.18",
+  "version": "7.0.0-alpha.19",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -49,13 +49,13 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "7.0.0-alpha.18",
-    "@storybook/core-common": "7.0.0-alpha.18",
-    "@storybook/core-server": "7.0.0-alpha.18",
-    "@storybook/csf-tools": "7.0.0-alpha.18",
-    "@storybook/node-logger": "7.0.0-alpha.18",
+    "@storybook/codemod": "7.0.0-alpha.19",
+    "@storybook/core-common": "7.0.0-alpha.19",
+    "@storybook/core-server": "7.0.0-alpha.19",
+    "@storybook/csf-tools": "7.0.0-alpha.19",
+    "@storybook/node-logger": "7.0.0-alpha.19",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "7.0.0-alpha.18",
+    "@storybook/telemetry": "7.0.0-alpha.19",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
@@ -82,7 +82,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-alpha.18",
+    "@storybook/client-api": "7.0.0-alpha.19",
     "@types/cross-spawn": "^6.0.2",
     "@types/degit": "^2.8.3",
     "@types/prompts": "^2.0.9",
@@ -97,5 +97,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bd59f1eef0f644175abdb0d9873ed0553f431f53"
+  "gitHead": "74bdb53f67dd59bae2661c668d2d5d4296113281"
 }