@storybook/cli 7.0.0-alpha.31 → 7.0.0-alpha.34

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

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

@@ -1,77 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.vue3 = void 0;
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _tsDedent = 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.dedent)`
-      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,151 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.webpack5 = void 0;
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _tsDedent = 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.dedent)`
-        ❌ 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.dedent)`
-          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.dedent)`
-      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/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;

package/dist/cjs/automigrate/index.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.automigrate = void 0;
-
-var _prompts = _interopRequireDefault(require("prompts"));
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _boxen = _interopRequireDefault(require("boxen"));
-
-var _jsPackageManager = require("../js-package-manager");
-
-var _fixes = require("./fixes");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable no-await-in-loop */
-const logger = console;
-
-const automigrate = async ({
-  fixId,
-  dryRun,
-  yes
-} = {}) => {
-  const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager();
-
-  const filtered = fixId ? _fixes.fixes.filter(f => f.id === fixId) : _fixes.fixes;
-  logger.info('🔎 checking possible migrations..');
-
-  for (let i = 0; i < filtered.length; i += 1) {
-    const f = _fixes.fixes[i];
-    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:`);
-      logger.info();
-      const message = f.prompt(result);
-      logger.info((0, _boxen.default)(message, {
-        borderStyle: 'round',
-        padding: 1,
-        borderColor: '#F1618C'
-      }));
-      let runAnswer;
-
-      if (dryRun) {
-        runAnswer = {
-          fix: false
-        };
-      } else if (yes) {
-        runAnswer = {
-          fix: true
-        };
-      } else {
-        runAnswer = await (0, _prompts.default)({
-          type: 'confirm',
-          name: 'fix',
-          message: `Do you want to run the '${_chalk.default.cyan(f.id)}' migration on your project?`
-        });
-      }
-
-      if (runAnswer.fix) {
-        try {
-          await f.run({
-            result,
-            packageManager,
-            dryRun
-          });
-          logger.info(`✅ ran ${_chalk.default.cyan(f.id)} migration`);
-        } catch (error) {
-          logger.info(`❌ error when running ${_chalk.default.cyan(f.id)} migration:`);
-          logger.info(error);
-          logger.info();
-        }
-      } else {
-        logger.info(`Skipping the ${_chalk.default.cyan(f.id)} migration.`);
-        logger.info();
-        logger.info(`If you change your mind, run '${_chalk.default.cyan('npx storybook@next automigrate')}'`);
-      }
-    }
-  }
-
-  logger.info();
-  logger.info('✅ migration check successfully ran');
-  logger.info();
-};
-
-exports.automigrate = automigrate;

package/dist/cjs/automigrate/types.js

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

package/dist/cjs/babel-config.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateStorybookBabelConfigInCWD = exports.generateStorybookBabelConfig = void 0;
-
-var _fsExtra = require("fs-extra");
-
-var _nodeLogger = require("@storybook/node-logger");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _prompts = _interopRequireDefault(require("prompts"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const generateStorybookBabelConfigInCWD = async () => {
-  const target = process.cwd();
-  return generateStorybookBabelConfig({
-    target
-  });
-};
-
-exports.generateStorybookBabelConfigInCWD = generateStorybookBabelConfigInCWD;
-
-const generateStorybookBabelConfig = async ({
-  target
-}) => {
-  _nodeLogger.logger.info(`Generating the storybook default babel config at ${target}`);
-
-  const contents = JSON.stringify({
-    sourceType: 'unambiguous',
-    presets: [],
-    plugins: []
-  }, null, 2);
-  const fileName = '.babelrc.json';
-
-  const location = _path.default.join(target, fileName);
-
-  const exists = await (0, _fsExtra.access)(location).then(() => true, () => false);
-
-  if (exists) {
-    const {
-      overwrite
-    } = await (0, _prompts.default)({
-      type: 'confirm',
-      initial: true,
-      name: 'overwrite',
-      message: `${fileName} already exists. Would you like overwrite it?`
-    });
-
-    if (overwrite === false) {
-      _nodeLogger.logger.warn(`Cancelled, babel config file was NOT written to file-system.`);
-
-      return;
-    }
-  }
-
-  _nodeLogger.logger.info(`Writing file to ${location}`);
-
-  await (0, _fsExtra.writeFile)(location, contents);
-};
-
-exports.generateStorybookBabelConfig = generateStorybookBabelConfig;

package/dist/cjs/build.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.build = void 0;
-
-var _readPkgUp = require("read-pkg-up");
-
-var _nodeLogger = require("@storybook/node-logger");
-
-var _coreServer = require("@storybook/core-server");
-
-var _coreCommon = require("@storybook/core-common");
-
-const build = async cliOptions => {
-  try {
-    await (0, _coreServer.buildStaticStandalone)(Object.assign({}, cliOptions, {
-      configDir: cliOptions.configDir || './.storybook',
-      outputDir: cliOptions.outputDir || './storybook-static',
-      ignorePreview: !!cliOptions.previewUrl && !cliOptions.forceBuildPreview,
-      docsMode: !!cliOptions.docs,
-      configType: 'PRODUCTION',
-      cache: _coreCommon.cache,
-      packageJson: (0, _readPkgUp.sync)({
-        cwd: __dirname
-      }).packageJson
-    }));
-  } catch (e) {
-    _nodeLogger.logger.error(e);
-
-    process.exit(1);
-  }
-};
-
-exports.build = build;

package/dist/cjs/detect-nextjs.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.detectNextJS = void 0;
-const regex = /[\s"\n]next.*?(\d+).*/;
-
-const detectNextJS = packageManager => {
-  try {
-    let out = '';
-
-    if (packageManager.type === 'npm') {
-      try {
-        // npm <= v7
-        out = packageManager.executeCommand('npm', ['ls', 'next']);
-      } catch (e2) {
-        // npm >= v8
-        out = packageManager.executeCommand('npm', ['why', 'next']);
-      }
-    } else {
-      out = packageManager.executeCommand('yarn', ['why', 'next']);
-    }
-
-    const [, version] = out.match(regex);
-    return version && parseInt(version, 10) ? parseInt(version, 10) : false;
-  } catch (err) {//
-  }
-
-  return false;
-};
-
-exports.detectNextJS = detectNextJS;

package/dist/cjs/detect-webpack.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.detectWebpack = void 0;
-
-const detectWebpack = packageManager => {
-  try {
-    let out = '';
-
-    if (packageManager.type === 'npm') {
-      try {
-        // npm <= v7
-        out = packageManager.executeCommand('npm', ['ls', 'webpack']);
-      } catch (e2) {
-        // npm >= v8
-        out = packageManager.executeCommand('npm', ['why', 'webpack']);
-      }
-    } else {
-      out = packageManager.executeCommand('yarn', ['why', 'webpack']);
-    } // if the user has BOTH webpack 4 and 5 installed already, we'll pick the safest options (4)
-
-
-    if (out.includes('webpack@4') || out.includes('webpack@npm:4')) {
-      return 4;
-    } // the user has webpack 4 installed, but not 5
-
-
-    if (out.includes('webpack@5') || out.includes('webpack@npm:5')) {
-      return 5;
-    }
-  } catch (err) {//
-  }
-
-  return false;
-};
-
-exports.detectWebpack = detectWebpack;