@storybook/cli 6.5.9 → 7.0.0-alpha.2

package/dist/cjs/repro-generators/configs.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.webpack_react = exports.web_components_typescript = exports.web_components_lit2 = exports.web_components = exports.vue3 = exports.vue = exports.vite_react = exports.svelte = exports.sfcVue = exports.react_typescript = exports.react_legacy_root_api = exports.react_in_yarn_workspace = exports.react = exports.preact = exports.html = exports.cra_typescript = exports.cra = exports.angular_modern_inline_rendering = exports.angular130 = exports.angular13 = exports.angular12 = exports.angular11 = exports.angular10 = exports.angular = void 0;
+exports.web_components_typescript = exports.web_components_lit2 = exports.web_components = exports.vue3 = exports.vue = exports.svelte = exports.sfcVue = exports.react_typescript = exports.react_legacy_root_api = exports.react_in_yarn_workspace = exports.react = exports.preact = exports.html = exports.cra_typescript = exports.cra = exports.angular_modern_inline_rendering = exports.angular130 = exports.angular13 = exports.angular12 = exports.angular = void 0;
 
+/* eslint-disable camelcase */
 const fromDeps = (...args) => ['mkdir {{appName}}', 'cd {{appName}}', // Create `yarn.lock` to force Yarn to consider adding deps in this directory
 // and not look for a yarn workspace in parent directory
 'touch yarn.lock', 'yarn init --yes', args.length && `yarn add ${args.join(' ')}`].filter(Boolean).join(' && '); // #region  React
 
 
 const cra = {
-  framework: 'react',
+  renderer: 'react',
   name: 'cra',
   version: 'latest',
   generator: [// Force npm otherwise we have a mess between Yarn 1, Yarn 2 and NPM
@@ -19,7 +20,7 @@ const cra = {
 };
 exports.cra = cra;
 const cra_typescript = {
-  framework: 'react',
+  renderer: 'react',
   name: 'cra_typescript',
   version: 'latest',
   generator: [// Force npm otherwise we have a mess between Yarn 1, Yarn 2 and NPM
@@ -27,19 +28,27 @@ const cra_typescript = {
 };
 exports.cra_typescript = cra_typescript;
 const react = {
-  framework: 'react',
+  renderer: 'react',
   name: 'react',
   version: 'latest',
-  generator: fromDeps('react', 'react-dom'),
-  additionalDeps: ['prop-types']
+  generator: fromDeps('react', 'react-dom', '@babel/preset-react'),
+  additionalDeps: ['prop-types'],
+  additionalFiles: [{
+    path: '.babelrc',
+    contents: '{ "presets": ["@babel/preset-react"] }'
+  }]
 };
 exports.react = react;
 const react_legacy_root_api = {
-  framework: 'react',
+  renderer: 'react',
   name: 'react_legacy_root_api',
   version: 'latest',
   generator: fromDeps('react', 'react-dom'),
-  additionalDeps: ['prop-types'],
+  additionalDeps: ['prop-types', '@babel/preset-react'],
+  additionalFiles: [{
+    path: '.babelrc',
+    contents: '{ "presets": ["@babel/preset-react"] }'
+  }],
   mainOverrides: {
     reactOptions: {
       legacyRootApi: true
@@ -48,29 +57,26 @@ const react_legacy_root_api = {
 };
 exports.react_legacy_root_api = react_legacy_root_api;
 const react_typescript = {
-  framework: 'react',
+  renderer: 'react',
   name: 'react_typescript',
   version: 'latest',
   generator: fromDeps('react', 'react-dom'),
-  typescript: true
-};
+  typescript: true,
+  additionalDeps: ['@babel/preset-react', '@babel/preset-typescript'],
+  additionalFiles: [{
+    path: '.babelrc',
+    contents: '{ "presets": ["@babel/preset-react", "@babel/preset-typescript"] }'
+  }]
+}; // export const vite_react: Parameters = {
+//   renderer: 'react',
+//   name: 'vite_react',
+//   version: 'latest',
+//   generator: 'npx -p create-vite@{{version}} create-vite {{appName}} --template react-ts',
+// };
+
 exports.react_typescript = react_typescript;
-const webpack_react = {
-  framework: 'react',
-  name: 'webpack_react',
-  version: 'latest',
-  generator: fromDeps('react', 'react-dom', 'webpack@webpack-4')
-};
-exports.webpack_react = webpack_react;
-const vite_react = {
-  framework: 'react',
-  name: 'vite_react',
-  version: 'latest',
-  generator: 'npx -p create-vite@{{version}} create-vite {{appName}} --template react-ts'
-};
-exports.vite_react = vite_react;
 const react_in_yarn_workspace = {
-  framework: 'react',
+  renderer: 'react',
   name: 'react_in_yarn_workspace',
   version: 'latest',
   generator: ['mkdir {{appName}}', 'cd {{appName}}', 'echo "{ \\"name\\": \\"workspace-root\\", \\"private\\": true, \\"workspaces\\": [] }" > package.json', 'touch yarn.lock', `yarn add react react-dom`].join(' && ')
@@ -79,21 +85,11 @@ const react_in_yarn_workspace = {
 
 exports.react_in_yarn_workspace = react_in_yarn_workspace;
 const baseAngular = {
-  framework: 'angular',
+  renderer: 'angular',
   name: 'angular',
   version: 'latest',
-  generator: `npx -p @angular/cli@{{version}} ng new {{appName}} --routing=true --minimal=true --style=scss --skipInstall=true --strict`
+  generator: `npx -p @angular/cli@{{version}} ng new {{appName}} --routing=true --minimal=true --style=scss --skip-install=true --strict`
 };
-const angular10 = Object.assign({}, baseAngular, {
-  name: 'angular10',
-  version: 'v10-lts'
-});
-exports.angular10 = angular10;
-const angular11 = Object.assign({}, baseAngular, {
-  name: 'angular11',
-  version: 'v11-lts'
-});
-exports.angular11 = angular11;
 const angular12 = Object.assign({}, baseAngular, {
   name: 'angular12',
   version: 'v12-lts'
@@ -114,8 +110,7 @@ const angular_modern_inline_rendering = Object.assign({}, baseAngular, {
   additionalDeps: ['jest@27', '@storybook/test-runner'],
   mainOverrides: {
     features: {
-      storyStoreV7: true,
-      modernInlineRender: true
+      storyStoreV7: true
     }
   }
 });
@@ -125,7 +120,7 @@ const angular = baseAngular; // #endregion
 
 exports.angular = angular;
 const web_components = {
-  framework: 'web-components',
+  renderer: 'web-components',
   name: 'web_components',
   version: '2',
   generator: fromDeps('lit-element')
@@ -133,20 +128,30 @@ const web_components = {
 exports.web_components = web_components;
 const web_components_typescript = Object.assign({}, web_components, {
   name: 'web_components_typescript',
-  typescript: true
+  typescript: true,
+  additionalDeps: ['@babel/preset-typescript'],
+  additionalFiles: [{
+    path: '.babelrc',
+    contents: '{ "presets": ["@babel/preset-typescript"] }'
+  }]
 });
 exports.web_components_typescript = web_components_typescript;
 const web_components_lit2 = Object.assign({}, web_components, {
   version: 'next',
   name: 'web_components_lit2',
   generator: fromDeps('lit'),
-  typescript: true
+  typescript: true,
+  additionalDeps: ['@babel/preset-typescript'],
+  additionalFiles: [{
+    path: '.babelrc',
+    contents: '{ "presets": ["@babel/preset-typescript"] }'
+  }]
 }); // #endregion
 // #region  vue
 
 exports.web_components_lit2 = web_components_lit2;
 const vue = {
-  framework: 'vue',
+  renderer: 'vue',
   name: 'vue',
   // Be careful here, the latest versions of vue cli are bootstrapping a vue 3  project
   version: '4',
@@ -155,7 +160,7 @@ const vue = {
 };
 exports.vue = vue;
 const vue3 = {
-  framework: 'vue3',
+  renderer: 'vue3',
   name: 'vue3',
   version: 'next',
   // Vue CLI v4 utilizes webpack 4, and the 5-alpha uses webpack 5 so we force ^4 here
@@ -165,7 +170,7 @@ const vue3 = {
 
 exports.vue3 = vue3;
 const html = {
-  framework: 'html',
+  renderer: 'html',
   name: 'html',
   version: 'latest',
   generator: fromDeps(),
@@ -173,22 +178,22 @@ const html = {
 };
 exports.html = html;
 const preact = {
-  framework: 'preact',
+  renderer: 'preact',
   name: 'preact',
   version: 'latest',
   generator: 'npx preact-cli@{{version}} create preactjs-templates/default {{appName}} --install=false --git=false'
 };
 exports.preact = preact;
 const sfcVue = {
-  framework: 'vue',
+  renderer: 'vue',
   name: 'sfcVue',
   version: 'latest',
   //
-  generator: fromDeps('vue@2.6', 'vue-loader@15.9', 'vue-template-compiler@2.6', 'webpack@webpack-4')
+  generator: fromDeps('vue@2.6', 'vue-loader@15.9', 'vue-template-compiler@2.6', 'webpack')
 };
 exports.sfcVue = sfcVue;
 const svelte = {
-  framework: 'svelte',
+  renderer: 'svelte',
   name: 'svelte',
   version: 'latest',
   generator: 'npx degit sveltejs/template {{appName}}'

package/dist/cjs/repro-generators/scripts.js

@@ -15,6 +15,8 @@ var _shelljs = _interopRequireDefault(require("shelljs"));
 
 var _chalk = _interopRequireDefault(require("chalk"));
 
+var _execa = require("execa");
+
 var _configs = require("./configs");
 
 var _versions = _interopRequireDefault(require("../versions"));
@@ -39,11 +41,12 @@ const exec = async (command, options = {}, {
   logger.debug(command);
   return new Promise((resolve, reject) => {
     const defaultOptions = {
-      silent: true
+      silent: false
     };
 
     const child = _shelljs.default.exec(command, Object.assign({}, defaultOptions, options, {
-      async: true
+      async: true,
+      silent: false
     }));
 
     child.stderr.pipe(process.stderr);
@@ -76,6 +79,40 @@ const addPackageResolutions = async ({
   });
 };
 
+const addLocalPackageResolutions = async ({
+  cwd
+}) => {
+  logger.info(`🔢 Adding package resolutions:`);
+
+  const packageJsonPath = _path.default.join(cwd, 'package.json');
+
+  const packageJson = await (0, _fsExtra.readJSON)(packageJsonPath);
+
+  const workspaceDir = _path.default.join(__dirname, '..', '..', '..', '..', '..');
+
+  const {
+    stdout
+  } = await (0, _execa.command)('yarn workspaces list --json', {
+    cwd: workspaceDir
+  });
+  console.log({
+    stdout,
+    workspaceDir
+  });
+  const workspaces = JSON.parse(`[${stdout.split('\n').join(',')}]`);
+  console.log({
+    workspaces
+  });
+  packageJson.resolutions = Object.keys(_versions.default).reduce((acc, key) => {
+    return Object.assign({}, acc, {
+      [key]: _path.default.join(workspaceDir, workspaces.find(item => item.name === key).location)
+    });
+  }, {});
+  await (0, _fsExtra.writeJSON)(packageJsonPath, packageJson, {
+    spaces: 2
+  });
+};
+
 const installYarn2 = async ({
   cwd,
   pnp,
@@ -130,16 +167,41 @@ const generate = async ({
   });
 };
 
+const addAdditionalFiles = async ({
+  additionalFiles,
+  cwd
+}) => {
+  logger.info(`⤵️ Adding required files`);
+  await Promise.all(additionalFiles.map(async file => {
+    await (0, _fsExtra.outputFile)(_path.default.resolve(cwd, file.path), file.contents, {
+      encoding: 'UTF-8'
+    });
+  }));
+};
+
 const initStorybook = async ({
   cwd,
   autoDetect = true,
   name,
-  e2e
+  e2e,
+  pnp
 }) => {
-  const type = autoDetect ? '' : `--type ${name}`;
-  const linkable = e2e ? '' : '--linkable';
+  const flags = ['--yes'];
+
+  if (!autoDetect) {
+    flags.push(`--type ${name}`);
+  }
+
+  if (e2e) {
+    flags.push('--linkable');
+  }
+
+  if (pnp) {
+    flags.push('--use-pnp');
+  }
+
   const sbCLICommand = useLocalSbCli ? `node ${_path.default.join(__dirname, '../../esm/generate')}` : `yarn dlx -p @storybook/cli sb`;
-  const command = `${sbCLICommand} init --yes ${type} ${linkable}`;
+  const command = `${sbCLICommand} init ${flags.join(' ')}`;
   await exec(command, {
     cwd
   }, {
@@ -205,7 +267,8 @@ const doTask = async (task, options, condition = true) => {
 
 const createAndInit = async (cwd, _ref, {
   e2e,
-  pnp
+  pnp,
+  local
 }) => {
   let {
     name,
@@ -228,13 +291,24 @@ const createAndInit = async (cwd, _ref, {
   await doTask(generate, Object.assign({}, options, {
     cwd: options.creationPath
   }));
+  await doTask(addAdditionalFiles, Object.assign({}, options, {
+    cwd
+  }), !!options.additionalFiles);
 
   if (e2e) {
     await doTask(addPackageResolutions, options);
   }
 
+  if (local) {
+    await doTask(addLocalPackageResolutions, options);
+  }
+
   await doTask(installYarn2, options);
-  await doTask(configureYarn2ForE2E, options, e2e);
+
+  if (e2e) {
+    await doTask(configureYarn2ForE2E, options, e2e);
+  }
+
   await doTask(addTypescript, options, !!options.typescript);
   await doTask(addRequiredDeps, options);
   await doTask(initStorybook, options);

package/dist/cjs/repro.js

@@ -36,8 +36,8 @@ const TEMPLATES = configs; // Create a curate list of template because some of t
 // context, fon instance react_in_yarn_workspace
 
 const CURATED_TEMPLATES = Object.fromEntries(Object.entries(configs).filter(entry => entry[0] !== 'react_in_yarn_workspace'));
-const FRAMEWORKS = Object.values(CURATED_TEMPLATES).reduce((acc, cur) => {
-  acc[cur.framework] = [...(acc[cur.framework] || []), cur];
+const RENDERERS = Object.values(CURATED_TEMPLATES).reduce((acc, cur) => {
+  acc[cur.renderer] = [...(acc[cur.renderer] || []), cur];
   return acc;
 }, {});
 
@@ -45,9 +45,10 @@ const repro = async ({
   outputDirectory,
   list,
   template,
-  framework,
+  renderer,
   generator,
   e2e,
+  local,
   pnp
 }) => {
   logger.info((0, _boxen.default)((0, _tsDedent.default)`
@@ -67,11 +68,11 @@ const repro = async ({
 
   if (list) {
     logger.info('🌈 Available templates');
-    Object.entries(FRAMEWORKS).forEach(([fmwrk, templates]) => {
-      logger.info(fmwrk);
+    Object.entries(RENDERERS).forEach(([r, templates]) => {
+      logger.info(r);
       templates.forEach(t => logger.info(`- ${t.name}`));
 
-      if (fmwrk === 'other') {
+      if (r === 'other') {
         logger.info('- blank');
       }
     });
@@ -79,33 +80,33 @@ const repro = async ({
   }
 
   let selectedTemplate = template;
-  let selectedFramework = framework;
+  let selectedRenderer = renderer;
 
   if (!selectedTemplate && !generator) {
-    if (!selectedFramework) {
+    if (!selectedRenderer) {
       const {
-        framework: frameworkOpt
+        renderer: rendererOpt
       } = await (0, _prompts.default)({
         type: 'select',
-        message: '🌈 Select the repro framework',
-        name: 'framework',
-        choices: Object.keys(FRAMEWORKS).map(f => ({
+        message: '🌈 Select the repro renderer',
+        name: 'renderer',
+        choices: Object.keys(RENDERERS).map(f => ({
           title: f,
           value: f
         }))
       });
-      selectedFramework = frameworkOpt;
+      selectedRenderer = rendererOpt;
     }
 
-    if (!selectedFramework) {
-      throw new Error('🚨 Repro: please select a framework!');
+    if (!selectedRenderer) {
+      throw new Error('🚨 Repro: please select a renderer!');
     }
 
     selectedTemplate = (await (0, _prompts.default)({
       type: 'select',
       message: '📝 Select the repro base template',
       name: 'template',
-      choices: FRAMEWORKS[selectedFramework].map(f => ({
+      choices: RENDERERS[selectedRenderer].map(f => ({
         title: f.name,
         value: f.name
       }))
@@ -142,7 +143,8 @@ const repro = async ({
     logger.info(`🏃 Running ${selectedTemplate} into ${cwd}`);
     await (0, _scripts.createAndInit)(cwd, selectedConfig, {
       e2e: !!e2e,
-      pnp: !!pnp
+      pnp: !!pnp,
+      local: !!local
     });
 
     if (!e2e) {
@@ -169,7 +171,7 @@ const repro = async ({
     }));
   } catch (error) {
     logger.error('🚨 Failed to create repro');
-    throw new Error(error);
+    throw error;
   }
 };
 

package/dist/cjs/utils.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getEnvConfig = getEnvConfig;
+exports.parseList = parseList;
+
+function parseList(str) {
+  return str.split(',').map(item => item.trim()).filter(item => item.length > 0);
+}
+
+function getEnvConfig(program, configEnv) {
+  Object.keys(configEnv).forEach(fieldName => {
+    const envVarName = configEnv[fieldName];
+    const envVarValue = process.env[envVarName];
+
+    if (envVarValue) {
+      program[fieldName] = envVarValue; // eslint-disable-line
+    }
+  });
+}

package/dist/cjs/versions.js

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

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

@@ -50,18 +50,15 @@ const angular12 = {
   },
 
   prompt({
-    angularVersion,
-    storybookVersion
+    angularVersion
   }) {
     const angularFormatted = _chalk.default.cyan(`Angular ${angularVersion}`);
 
-    const sbFormatted = _chalk.default.cyan(`Storybook ${storybookVersion}`);
-
     return (0, _tsDedent.default)`
       We've detected you are running ${angularFormatted} which is powered by webpack5.
-      ${sbFormatted} runs webpack4 by default, which is incompatible.
+      Your Storybook's main.js files specifies webpack4, which is incompatible.
 
-      In order to work with your version of Angular, we need to install Storybook's ${_chalk.default.cyan('webpack5 builder')}.
+      In order to work with your version of Angular, we need to install Storybook's ${_chalk.default.cyan('@storybook/builder-webpack5')}.
 
       More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#angular12-upgrade')}
     `;