@storybook/cli 7.0.0-alpha.6 → 7.0.0-alpha.61

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

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.cra5 = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _semver = _interopRequireDefault(require("@storybook/semver"));
-
-var _webpack = require("./webpack5");
-
-const _excluded = ["craVersion"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-/**
- * Is the user upgrading from CRA4 to CRA5?
- *
- * If so:
- * - Run webpack5 fix
- */
-const cra5 = {
-  id: 'cra5',
-
-  async check({
-    packageManager
-  }) {
-    var _semver$coerce;
-
-    const packageJson = packageManager.retrievePackageJson();
-    const {
-      dependencies,
-      devDependencies
-    } = packageJson;
-    const craVersion = dependencies['react-scripts'] || devDependencies['react-scripts'];
-    const craCoerced = (_semver$coerce = _semver.default.coerce(craVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version;
-
-    if (!craCoerced || _semver.default.lt(craCoerced, '5.0.0')) {
-      return null;
-    }
-
-    const builderInfo = await _webpack.webpack5.checkWebpack5Builder(packageJson);
-    return builderInfo ? Object.assign({
-      craVersion
-    }, builderInfo) : null;
-  },
-
-  prompt(_ref) {
-    let {
-      craVersion
-    } = _ref,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-    const craFormatted = _chalk.default.cyan(`Create React App (CRA) ${craVersion}`);
-
-    console.log(Object.assign({}, rest));
-    return (0, _tsDedent.default)`
-      We've detected you are running ${craFormatted} which is powered by webpack5.
-      Your Storybook's main.js files specifies webpack4, which is incompatible.
-
-      In order to work with your version of CRA, 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#cra5-upgrade')}
-    `;
-  },
-
-  async run(options) {
-    return _webpack.webpack5.run(Object.assign({}, options, {
-      result: Object.assign({
-        webpackVersion: null
-      }, options.result)
-    }));
-  }
-
-};
-exports.cra5 = cra5;

package/dist/cjs/automigrate/fixes/eslint-plugin.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.eslintPlugin = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _csfTools = require("@storybook/csf-tools");
-
-var _coreCommon = require("@storybook/core-common");
-
-var _getEslintInfo = require("../helpers/getEslintInfo");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const logger = console;
-
-/**
- * Does the user not have eslint-plugin-storybook installed?
- *
- * If so:
- * - Install it, and if possible configure it
- */
-const eslintPlugin = {
-  id: 'eslintPlugin',
-
-  async check({
-    packageManager
-  }) {
-    const packageJson = packageManager.retrievePackageJson();
-    const {
-      dependencies,
-      devDependencies
-    } = packageJson;
-    const eslintPluginStorybook = dependencies['eslint-plugin-storybook'] || devDependencies['eslint-plugin-storybook'];
-    const eslintDependency = dependencies.eslint || devDependencies.eslint;
-
-    if (eslintPluginStorybook || !eslintDependency) {
-      return null;
-    }
-
-    const config = (0, _coreCommon.getStorybookInfo)(packageJson);
-    const {
-      mainConfig
-    } = config;
-
-    if (!mainConfig) {
-      logger.warn('Unable to find storybook main.js config, skipping');
-      return null;
-    }
-
-    let eslintFile;
-    let unsupportedExtension;
-
-    try {
-      eslintFile = (0, _getEslintInfo.findEslintFile)();
-    } catch (err) {
-      unsupportedExtension = err.message;
-    }
-
-    if (!eslintFile && !unsupportedExtension) {
-      logger.warn('Unable to find .eslintrc config file, skipping');
-      return null;
-    } // If in the future the eslint plugin has a framework option, using main to extract the framework field will be very useful
-
-
-    const main = await (0, _csfTools.readConfig)(mainConfig);
-    return {
-      eslintFile,
-      main,
-      unsupportedExtension
-    };
-  },
-
-  prompt() {
-    return (0, _tsDedent.default)`
-      We've detected you are not using our eslint-plugin.
-
-      In order to have the best experience with Storybook and follow best practices, we advise you to install eslint-plugin-storybook.
-
-      More info: ${_chalk.default.yellow('https://github.com/storybookjs/eslint-plugin-storybook#readme')}
-    `;
-  },
-
-  async run({
-    result: {
-      eslintFile,
-      unsupportedExtension
-    },
-    packageManager,
-    dryRun
-  }) {
-    const deps = [`eslint-plugin-storybook`];
-    logger.info(`✅ Adding dependencies: ${deps}`);
-    if (!dryRun) packageManager.addDependencies({
-      installAsDevDependencies: true
-    }, deps);
-
-    if (!dryRun && unsupportedExtension) {
-      throw new Error((0, _tsDedent.default)`
-          ⚠️ The plugin was successfuly installed but failed to configure.
-          
-          Found an .eslintrc config file with an unsupported automigration format: ${unsupportedExtension}.
-          Supported formats for automigration are: ${_getEslintInfo.SUPPORTED_ESLINT_EXTENSIONS.join(', ')}.
-
-          Please refer to https://github.com/storybookjs/eslint-plugin-storybook#usage to finish setting up the plugin manually.
-      `);
-    }
-
-    const eslint = await (0, _csfTools.readConfig)(eslintFile);
-    logger.info(`✅ Configuring eslint rules in ${eslint.fileName}`);
-
-    if (!dryRun) {
-      logger.info(`✅ Adding Storybook to extends list`);
-      const extendsConfig = eslint.getFieldValue(['extends']) || [];
-      const existingConfigValue = Array.isArray(extendsConfig) ? extendsConfig : [extendsConfig];
-      eslint.setFieldValue(['extends'], [...existingConfigValue, 'plugin:storybook/recommended']);
-      await (0, _csfTools.writeConfig)(eslint);
-    }
-  }
-
-};
-exports.eslintPlugin = eslintPlugin;

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

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  fixes: true
-};
-exports.fixes = void 0;
-
-var _cra = require("./cra5");
-
-var _webpack = require("./webpack5");
-
-var _angular = require("./angular12");
-
-var _vue = require("./vue3");
-
-var _mainjsFramework = require("./mainjsFramework");
-
-var _eslintPlugin = require("./eslint-plugin");
-
-var _builderVite = require("./builder-vite");
-
-var _types = require("../types");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});
-const fixes = [_cra.cra5, _webpack.webpack5, _angular.angular12, _vue.vue3, _mainjsFramework.mainjsFramework, _eslintPlugin.eslintPlugin, _builderVite.builderVite];
-exports.fixes = fixes;

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

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mainjsFramework = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _semver = _interopRequireDefault(require("@storybook/semver"));
-
-var _csfTools = require("@storybook/csf-tools");
-
-var _coreCommon = require("@storybook/core-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const logger = console;
-const mainjsFramework = {
-  id: 'mainjsFramework',
-
-  async check({
-    packageManager
-  }) {
-    var _semver$coerce;
-
-    const packageJson = packageManager.retrievePackageJson();
-    const {
-      mainConfig,
-      framework,
-      version: storybookVersion
-    } = (0, _coreCommon.getStorybookInfo)(packageJson);
-
-    if (!mainConfig) {
-      logger.warn('Unable to find storybook main.js config, skipping');
-      return null;
-    }
-
-    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.default)`
-        ❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('mainjsFramework')} fix.
-        🤔 Are you running automigrate from your project directory?
-      `);
-      return null;
-    }
-
-    const main = await (0, _csfTools.readConfig)(mainConfig);
-    const currentFramework = main.getFieldValue(['framework']);
-    const features = main.getFieldValue(['features']);
-    if (currentFramework) return null;
-    return features !== null && features !== void 0 && features.breakingChangesV7 || features !== null && features !== void 0 && features.storyStoreV7 || _semver.default.gte(storybookCoerced, '7.0.0') ? {
-      main,
-      framework: `@storybook/${framework}`
-    } : null;
-  },
-
-  prompt({
-    framework
-  }) {
-    const frameworkFormatted = _chalk.default.cyan(`framework: '${framework}'`);
-
-    return (0, _tsDedent.default)`
-      We've detected that your main.js configuration file does not specify the
-      'framework' field, which is a requirement in SB7.0 and above. We can add one
-      for you automatically:
-
-      ${frameworkFormatted}
-
-      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field')}
-    `;
-  },
-
-  async run({
-    result: {
-      main,
-      framework
-    },
-    dryRun
-  }) {
-    logger.info(`✅ Setting 'framework' to '${framework}' in main.js`);
-
-    if (!dryRun) {
-      main.setFieldValue(['framework'], framework);
-      await (0, _csfTools.writeConfig)(main);
-    }
-  }
-
-};
-exports.mainjsFramework = mainjsFramework;

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

@@ -1,59 +0,0 @@
-"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/cjs/automigrate/fixes/vue3.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.vue3 = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _semver = _interopRequireDefault(require("@storybook/semver"));
-
-var _webpack = require("./webpack5");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Is the user upgrading to Vue3?
- *
- * If so:
- * - Run webpack5 fix
- */
-const vue3 = {
-  id: 'vue3',
-
-  async check({
-    packageManager
-  }) {
-    var _semver$coerce;
-
-    const packageJson = packageManager.retrievePackageJson();
-    const {
-      dependencies,
-      devDependencies
-    } = packageJson;
-    const vueVersion = dependencies.vue || devDependencies.vue;
-    const vueCoerced = (_semver$coerce = _semver.default.coerce(vueVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version;
-
-    if (!vueCoerced || _semver.default.lt(vueCoerced, '3.0.0')) {
-      return null;
-    }
-
-    const builderInfo = await _webpack.webpack5.checkWebpack5Builder(packageJson);
-    return builderInfo ? Object.assign({
-      vueVersion
-    }, builderInfo) : null;
-  },
-
-  prompt({
-    vueVersion,
-    storybookVersion
-  }) {
-    const vueFormatted = _chalk.default.cyan(`Vue ${vueVersion}`);
-
-    const sbFormatted = _chalk.default.cyan(`Storybook ${storybookVersion}`);
-
-    return (0, _tsDedent.default)`
-      We've detected you are running ${vueFormatted} with Storybook.
-      ${sbFormatted} runs webpack4 by default, which is incompatible.
-
-      In order to work with your version of Vue, we need to install Storybook's ${_chalk.default.cyan('webpack5 builder')}.
-
-      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#vue3-upgrade')}
-    `;
-  },
-
-  async run(options) {
-    return _webpack.webpack5.run(Object.assign({}, options, {
-      result: Object.assign({
-        webpackVersion: null
-      }, options.result)
-    }));
-  }
-
-};
-exports.vue3 = vue3;

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

@@ -1,153 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.webpack5 = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _semver = _interopRequireDefault(require("@storybook/semver"));
-
-var _csfTools = require("@storybook/csf-tools");
-
-var _coreCommon = require("@storybook/core-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const logger = console;
-
-/**
- * Is the user using webpack5 in their project?
- *
- * If the user is using a version of SB >= 6.3,
- * prompt them to upgrade to webpack5.
- *
- * - Add manager-webpack5 builder-webpack5 as dev dependencies
- * - Add core.builder = 'webpack5' to main.js
- * - Add 'webpack5' as a project dependency
- */
-const webpack5 = {
-  id: 'webpack5',
-
-  async checkWebpack5Builder(packageJson) {
-    var _semver$coerce;
-
-    const {
-      mainConfig,
-      version: storybookVersion
-    } = (0, _coreCommon.getStorybookInfo)(packageJson);
-    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.default)`
-        ❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('webpack5')} fix.
-        🤔 Are you running automigrate from your project directory?
-      `);
-      return null;
-    }
-
-    if (_semver.default.lt(storybookCoerced, '6.3.0')) {
-      logger.warn((0, _tsDedent.default)`
-          Detected SB 6.3 or below, please upgrade storybook to use webpack5.
-
-          To upgrade to the latest stable release, run this from your project directory:
-
-          ${_chalk.default.cyan('npx storybook upgrade')}
-
-          Add the ${_chalk.default.cyan('--prerelease')} flag to get the latest prerelease.
-        `.trim());
-      return null;
-    }
-
-    if (_semver.default.gte(storybookCoerced, '7.0.0')) {
-      return null;
-    }
-
-    if (!mainConfig) {
-      logger.warn('Unable to find storybook main.js config');
-      return null;
-    }
-
-    const main = await (0, _csfTools.readConfig)(mainConfig);
-    const builder = main.getFieldValue(['core', 'builder']);
-
-    if (builder && builder !== 'webpack4') {
-      logger.info(`Found builder ${builder}, skipping`);
-      return null;
-    }
-
-    return {
-      storybookVersion,
-      main
-    };
-  },
-
-  async check({
-    packageManager
-  }) {
-    var _semver$coerce2;
-
-    const packageJson = packageManager.retrievePackageJson();
-    const {
-      dependencies,
-      devDependencies
-    } = packageJson;
-    const webpackVersion = dependencies.webpack || devDependencies.webpack;
-    const webpackCoerced = (_semver$coerce2 = _semver.default.coerce(webpackVersion)) === null || _semver$coerce2 === void 0 ? void 0 : _semver$coerce2.version;
-    if (!webpackCoerced || _semver.default.lt(webpackCoerced, '5.0.0') || _semver.default.gte(webpackCoerced, '6.0.0')) return null;
-    const builderInfo = await this.checkWebpack5Builder(packageJson);
-    return builderInfo ? Object.assign({
-      webpackVersion
-    }, builderInfo) : null;
-  },
-
-  prompt({
-    webpackVersion
-  }) {
-    const webpackFormatted = _chalk.default.cyan(`webpack ${webpackVersion}`);
-
-    return (0, _tsDedent.default)`
-      We've detected you're running ${webpackFormatted}.
-      Your Storybook's main.js files specifies webpack4, which is incompatible.
-      
-      To run Storybook in webpack5-mode, we can install Storybook's ${_chalk.default.cyan('@storybook/builder-webpack5')} for you.
-
-      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack-5-manager-build')}
-    `;
-  },
-
-  async run({
-    result: {
-      main,
-      storybookVersion,
-      webpackVersion
-    },
-    packageManager,
-    dryRun
-  }) {
-    const deps = [`@storybook/manager-webpack5@${storybookVersion}`, `@storybook/builder-webpack5@${storybookVersion}`]; // this also gets called by 'cra5' fix so we need to add
-    // webpack5 at the project root so that it gets hoisted
-
-    if (!webpackVersion) {
-      deps.push('webpack@5');
-    }
-
-    logger.info(`✅ Adding dependencies: ${deps}`);
-    if (!dryRun) packageManager.addDependencies({
-      installAsDevDependencies: true
-    }, deps);
-    logger.info('✅ Setting `core.builder` to `@storybook/builder-webpack5` in main.js');
-
-    if (!dryRun) {
-      main.setFieldValue(['core', 'builder'], '@storybook/builder-webpack5');
-      await (0, _csfTools.writeConfig)(main);
-    }
-  }
-
-};
-exports.webpack5 = webpack5;

package/dist/cjs/automigrate/helpers/getEslintInfo.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.findEslintFile = exports.SUPPORTED_ESLINT_EXTENSIONS = void 0;
-
-var _fsExtra = _interopRequireDefault(require("fs-extra"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const SUPPORTED_ESLINT_EXTENSIONS = ['js', 'cjs'];
-exports.SUPPORTED_ESLINT_EXTENSIONS = SUPPORTED_ESLINT_EXTENSIONS;
-const UNSUPPORTED_ESLINT_EXTENSIONS = ['yaml', 'yml', 'json'];
-
-const findEslintFile = () => {
-  const filePrefix = '.eslintrc';
-  const unsupportedExtension = UNSUPPORTED_ESLINT_EXTENSIONS.find(ext => _fsExtra.default.existsSync(`${filePrefix}.${ext}`));
-
-  if (unsupportedExtension) {
-    throw new Error(unsupportedExtension);
-  }
-
-  const extension = SUPPORTED_ESLINT_EXTENSIONS.find(ext => _fsExtra.default.existsSync(`${filePrefix}.${ext}`));
-  return extension ? `${filePrefix}.${extension}` : null;
-};
-
-exports.findEslintFile = findEslintFile;