@storybook/cli 7.0.0-alpha.1 → 7.0.0-alpha.10

package/dist/cjs/generators/configure.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.configure = configure;
+exports.configureMain = configureMain;
+exports.configurePreview = configurePreview;
+
+require("core-js/modules/es.promise.js");
 
 var _fsExtra = _interopRequireDefault(require("fs-extra"));
 
@@ -15,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function configureMain(_ref) {
+async function configureMain(_ref) {
   let {
     addons,
     extensions = ['js', 'jsx', 'ts', 'tsx'],
@@ -23,17 +26,20 @@ function configureMain(_ref) {
   } = _ref,
       custom = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  const prefix = _fsExtra.default.existsSync('./src') ? '../src' : '../stories';
+  const prefix = (await _fsExtra.default.pathExists('./src')) ? '../src' : '../stories';
   const config = Object.assign({
     stories: [`${prefix}/**/*.stories.mdx`, `${prefix}/**/*.stories.@(${extensions.join('|')})`],
     addons
   }, custom); // replace escaped values and delimiters
 
-  const stringified = `module.exports = ${JSON.stringify(config, null, 2).replace(/\\"/g, '"').replace(/['"]%%/g, '').replace(/%%['"]/, '').replace(/\\n/g, '\r\n')}`;
-
-  _fsExtra.default.ensureDirSync('./.storybook');
+  const stringified = `module.exports = ${JSON.stringify(config, null, 2).replace(/\\"/g, '"').replace(/['"]%%/g, '').replace(/%%['"]/g, '').replace(/\\n/g, '\r\n')}`; // main.js isn't actually JSON, but we used JSON.stringify to convert the runtime-object into code.
+  // un-stringify the value for referencing packages by string
+  // .replaceAll(/"(path\.dirname\(require\.resolve\(path\.join\('.*\))"/g, (_, a) => a)}`;
 
-  _fsExtra.default.writeFileSync(`./.storybook/main.${commonJs ? 'cjs' : 'js'}`, stringified, {
+  await _fsExtra.default.writeFile(`./.storybook/main.${commonJs ? 'cjs' : 'js'}`, (0, _tsDedent.default)`
+      const path = require('path');
+      ${stringified}
+    `, {
     encoding: 'utf8'
   });
 }
@@ -50,14 +56,14 @@ const frameworkToPreviewParts = {
   }
 };
 
-function configurePreview(framework, commonJs) {
+async function configurePreview(framework, commonJs) {
   const {
     prefix = '',
     extraParameters = ''
   } = frameworkToPreviewParts[framework] || {};
   const previewPath = `./.storybook/preview.${commonJs ? 'cjs' : 'js'}`; // If the framework template included a preview then we have nothing to do
 
-  if (_fsExtra.default.existsSync(previewPath)) {
+  if (await _fsExtra.default.pathExists(previewPath)) {
     return;
   }
 
@@ -73,15 +79,7 @@ function configurePreview(framework, commonJs) {
       },
       ${extraParameters}
     }`.replace('  \n', '').trim();
-
-  _fsExtra.default.writeFileSync(previewPath, preview, {
+  await _fsExtra.default.writeFile(previewPath, preview, {
     encoding: 'utf8'
   });
-}
-
-function configure(framework, mainOptions) {
-  _fsExtra.default.ensureDirSync('./.storybook');
-
-  configureMain(mainOptions);
-  configurePreview(framework, mainOptions.commonJs);
 }

package/dist/cjs/generators/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/helpers.js

@@ -189,51 +189,49 @@ function copyTemplate(templateRoot) {
   });
 }
 
-function copyComponents(framework, language) {
+async function copyComponents(framework, language) {
   const languageFolderMapping = {
     javascript: 'js',
     typescript: 'ts'
   };
 
-  const componentsPath = () => {
+  const componentsPath = async () => {
     const frameworkPath = `frameworks/${framework}`;
 
     const languageSpecific = _path.default.resolve(__dirname, `${frameworkPath}/${languageFolderMapping[language]}`);
 
-    if (_fsExtra.default.existsSync(languageSpecific)) {
+    if (await _fsExtra.default.pathExists(languageSpecific)) {
       return languageSpecific;
     }
 
     const jsFallback = _path.default.resolve(__dirname, `${frameworkPath}/${languageFolderMapping.javascript}`);
 
-    if (_fsExtra.default.existsSync(jsFallback)) {
+    if (await _fsExtra.default.pathExists(jsFallback)) {
       return jsFallback;
     }
 
     const frameworkRootPath = _path.default.resolve(__dirname, frameworkPath);
 
-    if (_fsExtra.default.existsSync(frameworkRootPath)) {
+    if (await _fsExtra.default.pathExists(frameworkRootPath)) {
       return frameworkRootPath;
     }
 
     throw new Error(`Unsupported framework: ${framework}`);
   };
 
-  const targetPath = () => {
-    if (_fsExtra.default.existsSync('./src')) {
+  const targetPath = async () => {
+    if (await _fsExtra.default.pathExists('./src')) {
       return './src/stories';
     }
 
     return './stories';
   };
 
-  const destinationPath = targetPath();
-
-  _fsExtra.default.copySync(componentsPath(), destinationPath, {
+  const destinationPath = await targetPath();
+  await _fsExtra.default.copy(await componentsPath(), destinationPath, {
     overwrite: true
   });
-
-  _fsExtra.default.copySync(_path.default.resolve(__dirname, 'frameworks/common'), destinationPath, {
+  await _fsExtra.default.copy(_path.default.resolve(__dirname, 'frameworks/common'), destinationPath, {
     overwrite: true
   });
 }

package/dist/cjs/initiate.js

@@ -81,7 +81,8 @@ const installStorybook = (projectType, packageManager, options) => {
     language,
     builder: options.builder || (0, _detect.detectBuilder)(packageManager),
     linkable: !!options.linkable,
-    commonJs: options.commonJs
+    commonJs: options.commonJs,
+    pnp: options.usePnp
   };
 
   const runGenerator = async () => {

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

@@ -221,8 +221,8 @@ class JsPackageManager {
     var _options$port;
 
     const sbPort = (_options$port = options === null || options === void 0 ? void 0 : options.port) !== null && _options$port !== void 0 ? _options$port : 6006;
-    const storybookCmd = options !== null && options !== void 0 && options.staticFolder ? `npx sb dev -p ${sbPort} -s ${options.staticFolder}` : `npx sb dev -p ${sbPort}`;
-    const buildStorybookCmd = options !== null && options !== void 0 && options.staticFolder ? `npx sb build -s ${options.staticFolder}` : `npx sb build`;
+    const storybookCmd = options !== null && options !== void 0 && options.staticFolder ? `npx storybook dev -p ${sbPort} -s ${options.staticFolder}` : `npx storybook dev -p ${sbPort}`;
+    const buildStorybookCmd = options !== null && options !== void 0 && options.staticFolder ? `npx storybook build -s ${options.staticFolder}` : `npx storybook build`;
     const preCommand = options !== null && options !== void 0 && options.preCommand ? this.getRunCommand(options.preCommand) : undefined;
     this.addScripts({
       storybook: [preCommand, storybookCmd].filter(Boolean).join(' && '),

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

@@ -30,10 +30,26 @@ class NPMProxy extends _JsPackageManager.JsPackageManager {
     return `npm run ${command}`;
   }
 
+  getNpmVersion() {
+    return this.executeCommand('npm', ['--version']);
+  }
+
+  hasLegacyPeerDeps() {
+    const result = this.executeCommand('npm', ['config', 'get', 'legacy-peer-deps', '--location=project']);
+    return result.trim() === 'true';
+  }
+
+  setLegacyPeerDeps() {
+    this.executeCommand('npm', ['config', 'set', 'legacy-peer-deps=true', '--location=project']);
+  }
+
+  needsLegacyPeerDeps(version) {
+    return _semver.default.gte(version, '7.0.0') && !this.hasLegacyPeerDeps();
+  }
+
   getInstallArgs() {
     if (!this.installArgs) {
-      const version = this.executeCommand('npm', ['--version']);
-      this.installArgs = _semver.default.gte(version, '7.0.0') ? ['install', '--legacy-peer-deps'] : ['install'];
+      this.installArgs = this.needsLegacyPeerDeps(this.getNpmVersion()) ? ['install', '--legacy-peer-deps'] : ['install'];
     }
 
     return this.installArgs;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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
@@ -67,15 +67,14 @@ const react_typescript = {
     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 vite_react = {
-  renderer: '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 = {
   renderer: 'react',
   name: 'react_in_yarn_workspace',
@@ -89,18 +88,8 @@ const baseAngular = {
   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'
@@ -121,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
     }
   }
 });
@@ -140,14 +128,24 @@ 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
 

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

@@ -41,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);
@@ -170,28 +171,37 @@ const addAdditionalFiles = async ({
   additionalFiles,
   cwd
 }) => {
-  if (!additionalFiles || additionalFiles.length === 0) {
-    return;
-  }
-
   logger.info(`⤵️ Adding required files`);
-  additionalFiles.forEach(async file => {
+  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
   }, {
@@ -283,7 +293,7 @@ const createAndInit = async (cwd, _ref, {
   }));
   await doTask(addAdditionalFiles, Object.assign({}, options, {
     cwd
-  }));
+  }), !!options.additionalFiles);
 
   if (e2e) {
     await doTask(addPackageResolutions, options);

package/dist/cjs/versions.js

@@ -6,78 +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.1',
-  '@storybook/addon-actions': '7.0.0-alpha.1',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.1',
-  '@storybook/addon-controls': '7.0.0-alpha.1',
-  '@storybook/addon-docs': '7.0.0-alpha.1',
-  '@storybook/addon-essentials': '7.0.0-alpha.1',
-  '@storybook/addon-interactions': '7.0.0-alpha.1',
-  '@storybook/addon-jest': '7.0.0-alpha.1',
-  '@storybook/addon-links': '7.0.0-alpha.1',
-  '@storybook/addon-measure': '7.0.0-alpha.1',
-  '@storybook/addon-outline': '7.0.0-alpha.1',
-  '@storybook/addon-storyshots': '7.0.0-alpha.1',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.1',
-  '@storybook/addon-storysource': '7.0.0-alpha.1',
-  '@storybook/addon-toolbars': '7.0.0-alpha.1',
-  '@storybook/addon-viewport': '7.0.0-alpha.1',
-  '@storybook/addons': '7.0.0-alpha.1',
-  '@storybook/angular': '7.0.0-alpha.1',
-  '@storybook/api': '7.0.0-alpha.1',
-  '@storybook/builder-webpack5': '7.0.0-alpha.1',
-  '@storybook/channel-postmessage': '7.0.0-alpha.1',
-  '@storybook/channel-websocket': '7.0.0-alpha.1',
-  '@storybook/channels': '7.0.0-alpha.1',
-  '@storybook/cli': '7.0.0-alpha.1',
-  '@storybook/client-api': '7.0.0-alpha.1',
-  '@storybook/client-logger': '7.0.0-alpha.1',
-  '@storybook/codemod': '7.0.0-alpha.1',
-  '@storybook/components': '7.0.0-alpha.1',
-  '@storybook/core-client': '7.0.0-alpha.1',
-  '@storybook/core-common': '7.0.0-alpha.1',
-  '@storybook/core-events': '7.0.0-alpha.1',
-  '@storybook/core-server': '7.0.0-alpha.1',
-  '@storybook/core-webpack': '7.0.0-alpha.1',
-  '@storybook/csf-tools': '7.0.0-alpha.1',
-  '@storybook/docs-tools': '7.0.0-alpha.1',
-  '@storybook/ember': '7.0.0-alpha.1',
-  '@storybook/html': '7.0.0-alpha.1',
-  '@storybook/html-webpack5': '7.0.0-alpha.1',
-  '@storybook/instrumenter': '7.0.0-alpha.1',
-  '@storybook/manager-webpack5': '7.0.0-alpha.1',
-  '@storybook/node-logger': '7.0.0-alpha.1',
-  '@storybook/postinstall': '7.0.0-alpha.1',
-  '@storybook/preact': '7.0.0-alpha.1',
-  '@storybook/preact-webpack5': '7.0.0-alpha.1',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.1',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.1',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.1',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.1',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.1',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.1',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.1',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.1',
-  '@storybook/preview-web': '7.0.0-alpha.1',
-  '@storybook/react': '7.0.0-alpha.1',
-  '@storybook/react-webpack5': '7.0.0-alpha.1',
-  '@storybook/router': '7.0.0-alpha.1',
-  '@storybook/server': '7.0.0-alpha.1',
-  '@storybook/server-webpack5': '7.0.0-alpha.1',
-  '@storybook/source-loader': '7.0.0-alpha.1',
-  '@storybook/store': '7.0.0-alpha.1',
-  '@storybook/svelte': '7.0.0-alpha.1',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.1',
-  '@storybook/telemetry': '7.0.0-alpha.1',
-  '@storybook/theming': '7.0.0-alpha.1',
-  '@storybook/ui': '7.0.0-alpha.1',
-  '@storybook/vue': '7.0.0-alpha.1',
-  '@storybook/vue-webpack5': '7.0.0-alpha.1',
-  '@storybook/vue3': '7.0.0-alpha.1',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.1',
-  '@storybook/web-components': '7.0.0-alpha.1',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.1',
-  sb: '7.0.0-alpha.1',
-  storybook: '7.0.0-alpha.1'
+  '@storybook/addon-a11y': '7.0.0-alpha.10',
+  '@storybook/addon-actions': '7.0.0-alpha.10',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.10',
+  '@storybook/addon-controls': '7.0.0-alpha.10',
+  '@storybook/addon-docs': '7.0.0-alpha.10',
+  '@storybook/addon-essentials': '7.0.0-alpha.10',
+  '@storybook/addon-highlight': '7.0.0-alpha.10',
+  '@storybook/addon-interactions': '7.0.0-alpha.10',
+  '@storybook/addon-jest': '7.0.0-alpha.10',
+  '@storybook/addon-links': '7.0.0-alpha.10',
+  '@storybook/addon-measure': '7.0.0-alpha.10',
+  '@storybook/addon-outline': '7.0.0-alpha.10',
+  '@storybook/addon-storyshots': '7.0.0-alpha.10',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.10',
+  '@storybook/addon-storysource': '7.0.0-alpha.10',
+  '@storybook/addon-toolbars': '7.0.0-alpha.10',
+  '@storybook/addon-viewport': '7.0.0-alpha.10',
+  '@storybook/addons': '7.0.0-alpha.10',
+  '@storybook/angular': '7.0.0-alpha.10',
+  '@storybook/api': '7.0.0-alpha.10',
+  '@storybook/blocks': '7.0.0-alpha.10',
+  '@storybook/builder-webpack5': '7.0.0-alpha.10',
+  '@storybook/channel-postmessage': '7.0.0-alpha.10',
+  '@storybook/channel-websocket': '7.0.0-alpha.10',
+  '@storybook/channels': '7.0.0-alpha.10',
+  '@storybook/cli': '7.0.0-alpha.10',
+  '@storybook/client-api': '7.0.0-alpha.10',
+  '@storybook/client-logger': '7.0.0-alpha.10',
+  '@storybook/codemod': '7.0.0-alpha.10',
+  '@storybook/components': '7.0.0-alpha.10',
+  '@storybook/core-client': '7.0.0-alpha.10',
+  '@storybook/core-common': '7.0.0-alpha.10',
+  '@storybook/core-events': '7.0.0-alpha.10',
+  '@storybook/core-server': '7.0.0-alpha.10',
+  '@storybook/core-webpack': '7.0.0-alpha.10',
+  '@storybook/csf-tools': '7.0.0-alpha.10',
+  '@storybook/docs-tools': '7.0.0-alpha.10',
+  '@storybook/ember': '7.0.0-alpha.10',
+  '@storybook/html': '7.0.0-alpha.10',
+  '@storybook/html-webpack5': '7.0.0-alpha.10',
+  '@storybook/instrumenter': '7.0.0-alpha.10',
+  '@storybook/manager-webpack5': '7.0.0-alpha.10',
+  '@storybook/node-logger': '7.0.0-alpha.10',
+  '@storybook/postinstall': '7.0.0-alpha.10',
+  '@storybook/preact': '7.0.0-alpha.10',
+  '@storybook/preact-webpack5': '7.0.0-alpha.10',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.10',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.10',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.10',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.10',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.10',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.10',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.10',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.10',
+  '@storybook/preview-web': '7.0.0-alpha.10',
+  '@storybook/react': '7.0.0-alpha.10',
+  '@storybook/react-webpack5': '7.0.0-alpha.10',
+  '@storybook/router': '7.0.0-alpha.10',
+  '@storybook/server': '7.0.0-alpha.10',
+  '@storybook/server-webpack5': '7.0.0-alpha.10',
+  '@storybook/source-loader': '7.0.0-alpha.10',
+  '@storybook/store': '7.0.0-alpha.10',
+  '@storybook/svelte': '7.0.0-alpha.10',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.10',
+  '@storybook/telemetry': '7.0.0-alpha.10',
+  '@storybook/theming': '7.0.0-alpha.10',
+  '@storybook/ui': '7.0.0-alpha.10',
+  '@storybook/vue': '7.0.0-alpha.10',
+  '@storybook/vue-webpack5': '7.0.0-alpha.10',
+  '@storybook/vue3': '7.0.0-alpha.10',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.10',
+  '@storybook/web-components': '7.0.0-alpha.10',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.10',
+  sb: '7.0.0-alpha.10',
+  storybook: '7.0.0-alpha.10'
 };
 exports.default = _default;

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

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

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.npm7 = void 0;
+
+require("core-js/modules/es.promise.js");
+
+var _chalk = _interopRequireDefault(require("chalk"));
+
+var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * Is the user using npm7+? If so create a .npmrc with legacy-peer-deps=true
+ */
+const npm7 = {
+  id: 'npm7',
+
+  async check({
+    packageManager
+  }) {
+    if (packageManager.type !== 'npm') return null;
+    const npmVersion = packageManager.getNpmVersion();
+
+    if (packageManager.needsLegacyPeerDeps(npmVersion)) {
+      return {
+        npmVersion
+      };
+    }
+
+    return null;
+  },
+
+  prompt({
+    npmVersion
+  }) {
+    const npmFormatted = _chalk.default.cyan(`npm ${npmVersion}`);
+
+    return (0, _tsDedent.default)`
+      We've detected you are running ${npmFormatted} which has peer dependency semantics which Storybook is incompatible with.
+
+      In order to work with Storybook's package structure, you'll need to run \`npm\` with the
+      \`--legacy-peer-deps=true\` flag. We can generate an \`.npmrc\` which will do that automatically.
+      
+      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/issues/18298')}
+    `;
+  },
+
+  async run({
+    packageManager
+  }) {
+    packageManager.setLegacyPeerDeps();
+  }
+
+};
+exports.npm7 = npm7;

package/dist/esm/automigrate/index.js

@@ -34,9 +34,15 @@ const automigrate = async ({
 
   for (let i = 0; i < filtered.length; i += 1) {
     const f = _fixes.fixes[i];
-    const result = await f.check({
-      packageManager
-    });
+    let result;
+
+    try {
+      result = await f.check({
+        packageManager
+      });
+    } catch (e) {
+      logger.info(`failed to check fix: ${f.id}`);
+    }
 
     if (result) {
       logger.info(`🔎 found a '${_chalk.default.cyan(f.id)}' migration:`);

package/dist/esm/babel-config.js

@@ -11,8 +11,6 @@ var _fsExtra = require("fs-extra");
 
 var _nodeLogger = require("@storybook/node-logger");
 
-var _coreCommon = require("@storybook/core-common");
-
 var _path = _interopRequireDefault(require("path"));
 
 var _prompts = _interopRequireDefault(require("prompts"));
@@ -33,8 +31,11 @@ const generateStorybookBabelConfig = async ({
 }) => {
   _nodeLogger.logger.info(`Generating the storybook default babel config at ${target}`);
 
-  const config = (0, _coreCommon.getStorybookBabelConfig)();
-  const contents = JSON.stringify(config, null, 2);
+  const contents = JSON.stringify({
+    sourceType: 'unambiguous',
+    presets: [],
+    plugins: []
+  }, null, 2);
   const fileName = '.babelrc.json';
 
   const location = _path.default.join(target, fileName);