@storybook/cli 6.5.7-alpha.0 → 7.0.0-alpha.1

package/dist/cjs/generators/UPDATE_PACKAGE_ORGANIZATIONS/index.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _crossSpawn = require("cross-spawn");
-
-var _codemod = require("@storybook/codemod");
-
-var _helpers = require("../../helpers");
-
-var _jsPackageManager = require("../../js-package-manager");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable no-param-reassign */
-async function updatePackage(packageManager, devDependencies, oldName, newName) {
-  if (devDependencies[oldName]) {
-    delete devDependencies[oldName];
-    devDependencies[newName] = await packageManager.getVersion(newName);
-  }
-}
-
-async function updatePackageJson(packageManager, npmOptions) {
-  const packageJson = packageManager.retrievePackageJson();
-  const {
-    devDependencies
-  } = packageJson;
-  const [actionsVersion, linksVersion] = await packageManager.getVersions('@storybook/addon-actions', '@storybook/addon-links');
-  devDependencies['@storybook/addon-actions'] = actionsVersion;
-  devDependencies['@storybook/addon-links'] = linksVersion;
-  await Promise.all(Object.keys(_codemod.packageNames).map(oldName => {
-    const newName = _codemod.packageNames[oldName];
-    return updatePackage(packageManager, devDependencies, oldName, newName);
-  }));
-
-  if (!devDependencies['@storybook/react'] && !devDependencies['@storybook/react-native']) {
-    throw new Error('Expected to find `@kadira/[react-native]-storybook` in devDependencies');
-  }
-
-  (0, _jsPackageManager.writePackageJson)(packageJson);
-  const babelDependencies = await (0, _helpers.getBabelDependencies)(packageManager, packageJson);
-
-  if (babelDependencies.length > 0) {
-    packageManager.addDependencies(Object.assign({}, npmOptions, {
-      packageJson
-    }), babelDependencies);
-  }
-}
-
-function updateSourceCode(parser) {
-  const jscodeshiftPath = _path.default.dirname(require.resolve('jscodeshift'));
-
-  const jscodeshiftCommand = _path.default.join(jscodeshiftPath, 'bin', 'jscodeshift.sh');
-
-  ['update-organisation-name.js', 'move-builtin-addons.js'].forEach(codemod => {
-    const codemodPath = _path.default.join(_path.default.dirname(require.resolve('@storybook/codemod')), 'transforms', codemod);
-
-    const args = ['-t', codemodPath, '--silent', '--ignore-pattern', '"node_modules|dist"', '.'];
-    if (parser) args.push('--parser', parser);
-    (0, _crossSpawn.sync)(jscodeshiftCommand, args, {
-      stdio: 'inherit'
-    });
-  });
-}
-
-var _default = async (packageManager, parser, npmOptions) => {
-  await updatePackageJson(packageManager, npmOptions);
-  updateSourceCode(parser);
-};
-
-exports.default = _default;

package/dist/esm/generators/METEOR/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _json = _interopRequireDefault(require("json5"));
-
-var _baseGenerator = require("../baseGenerator");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'react', {
-    extraPackages: ['react', 'react-dom', '@babel/preset-env', '@babel/preset-react'],
-    staticDir: 'dist'
-  }); // create or update .babelrc
-
-  let babelrc = null;
-
-  if (_fs.default.existsSync('.babelrc')) {
-    const babelrcContent = _fs.default.readFileSync('.babelrc', 'utf8');
-
-    babelrc = _json.default.parse(babelrcContent);
-    babelrc.plugins = babelrc.plugins || [];
-  } else {
-    babelrc = {
-      presets: [['@babel/preset-env', {
-        shippedProposals: true,
-        useBuiltIns: 'usage',
-        corejs: '3'
-      }], '@babel/preset-react']
-    };
-  }
-
-  _fs.default.writeFileSync('.babelrc', JSON.stringify(babelrc, null, 2), 'utf8');
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/esm/generators/UPDATE_PACKAGE_ORGANIZATIONS/index.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _crossSpawn = require("cross-spawn");
-
-var _codemod = require("@storybook/codemod");
-
-var _helpers = require("../../helpers");
-
-var _jsPackageManager = require("../../js-package-manager");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable no-param-reassign */
-async function updatePackage(packageManager, devDependencies, oldName, newName) {
-  if (devDependencies[oldName]) {
-    delete devDependencies[oldName];
-    devDependencies[newName] = await packageManager.getVersion(newName);
-  }
-}
-
-async function updatePackageJson(packageManager, npmOptions) {
-  const packageJson = packageManager.retrievePackageJson();
-  const {
-    devDependencies
-  } = packageJson;
-  const [actionsVersion, linksVersion] = await packageManager.getVersions('@storybook/addon-actions', '@storybook/addon-links');
-  devDependencies['@storybook/addon-actions'] = actionsVersion;
-  devDependencies['@storybook/addon-links'] = linksVersion;
-  await Promise.all(Object.keys(_codemod.packageNames).map(oldName => {
-    const newName = _codemod.packageNames[oldName];
-    return updatePackage(packageManager, devDependencies, oldName, newName);
-  }));
-
-  if (!devDependencies['@storybook/react'] && !devDependencies['@storybook/react-native']) {
-    throw new Error('Expected to find `@kadira/[react-native]-storybook` in devDependencies');
-  }
-
-  (0, _jsPackageManager.writePackageJson)(packageJson);
-  const babelDependencies = await (0, _helpers.getBabelDependencies)(packageManager, packageJson);
-
-  if (babelDependencies.length > 0) {
-    packageManager.addDependencies(Object.assign({}, npmOptions, {
-      packageJson
-    }), babelDependencies);
-  }
-}
-
-function updateSourceCode(parser) {
-  const jscodeshiftPath = _path.default.dirname(require.resolve('jscodeshift'));
-
-  const jscodeshiftCommand = _path.default.join(jscodeshiftPath, 'bin', 'jscodeshift.sh');
-
-  ['update-organisation-name.js', 'move-builtin-addons.js'].forEach(codemod => {
-    const codemodPath = _path.default.join(_path.default.dirname(require.resolve('@storybook/codemod')), 'transforms', codemod);
-
-    const args = ['-t', codemodPath, '--silent', '--ignore-pattern', '"node_modules|dist"', '.'];
-    if (parser) args.push('--parser', parser);
-    (0, _crossSpawn.sync)(jscodeshiftCommand, args, {
-      stdio: 'inherit'
-    });
-  });
-}
-
-var _default = async (packageManager, parser, npmOptions) => {
-  await updatePackageJson(packageManager, npmOptions);
-  updateSourceCode(parser);
-};
-
-exports.default = _default;

package/dist/modern/NpmOptions.js

@@ -1 +0,0 @@
-"use strict";

package/dist/modern/add.js

@@ -1,151 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.add = add;
-exports.storybookAddonScope = exports.getPackageName = exports.getPackageArg = exports.getInstalledStorybookVersion = exports.addStorybookAddonToFile = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _crossSpawn = require("cross-spawn");
-
-var _helpers = require("./helpers");
-
-var _jsPackageManager = require("./js-package-manager");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const logger = console;
-const storybookAddonScope = '@storybook/addon-';
-exports.storybookAddonScope = storybookAddonScope;
-
-const isAddon = async (packageManager, name) => {
-  try {
-    await packageManager.latestVersion(name);
-    return true;
-  } catch (e) {
-    return false;
-  }
-};
-
-const isStorybookAddon = async (packageManager, name) => isAddon(packageManager, `${storybookAddonScope}${name}`);
-
-const getPackageName = (addonName, isOfficialAddon) => isOfficialAddon ? storybookAddonScope + addonName : addonName;
-
-exports.getPackageName = getPackageName;
-
-const getInstalledStorybookVersion = packageJson => packageJson.devDependencies[// This only considers the first occurrence.
-Object.keys(packageJson.devDependencies).find(devDep => /@storybook/.test(devDep))] || false;
-
-exports.getInstalledStorybookVersion = getInstalledStorybookVersion;
-
-const getPackageArg = (addonName, isOfficialAddon, packageJson) => {
-  if (isOfficialAddon) {
-    const addonNameNoTag = addonName.split('@')[0];
-    const installedStorybookVersion = getInstalledStorybookVersion(packageJson);
-    return installedStorybookVersion ? `${addonNameNoTag}@${getInstalledStorybookVersion(packageJson)}` : addonName;
-  }
-
-  return addonName;
-};
-
-exports.getPackageArg = getPackageArg;
-
-const installAddon = (packageManager, addonName, isOfficialAddon) => {
-  const prepareDone = (0, _helpers.commandLog)(`Preparing to install the ${addonName} Storybook addon`);
-  prepareDone();
-  logger.log();
-  const packageArg = getPackageArg(addonName, isOfficialAddon, packageManager.retrievePackageJson());
-  logger.log();
-  const installDone = (0, _helpers.commandLog)(`Installing the ${addonName} Storybook addon`);
-
-  try {
-    packageManager.addDependencies({}, [packageArg]);
-  } catch (e) {
-    installDone(`Something went wrong installing the addon: "${getPackageName(addonName, isOfficialAddon)}"`);
-    logger.log();
-    process.exit(1);
-  }
-
-  installDone();
-};
-
-const addStorybookAddonToFile = (addonName, addonsFile, isOfficialAddon) => {
-  const addonNameNoTag = addonName.split('@')[0];
-  const alreadyRegistered = addonsFile.find(line => line.includes(`${addonNameNoTag}/manager`));
-
-  if (alreadyRegistered) {
-    return addonsFile;
-  }
-
-  const latestImportIndex = addonsFile.reduce((prev, curr, currIndex) => curr.startsWith('import') && curr.includes('register') ? currIndex : prev, -1);
-  return [...addonsFile.slice(0, latestImportIndex + 1), `import '${getPackageName(addonNameNoTag, isOfficialAddon)}/manager';`, ...addonsFile.slice(latestImportIndex + 1)];
-};
-
-exports.addStorybookAddonToFile = addStorybookAddonToFile;
-const LEGACY_CONFIGS = ['addons', 'config', 'presets'];
-
-const postinstallAddon = async (addonName, isOfficialAddon) => {
-  let skipMsg = null;
-
-  if (!isOfficialAddon) {
-    skipMsg = 'unofficial addon';
-  } else if (!_fs.default.existsSync('.storybook')) {
-    skipMsg = 'no .storybook config';
-  } else {
-    skipMsg = 'no codmods found';
-    LEGACY_CONFIGS.forEach(config => {
-      try {
-        const codemod = require.resolve(`${getPackageName(addonName, isOfficialAddon)}/postinstall/${config}.js`);
-
-        (0, _helpers.commandLog)(`Running postinstall script for ${addonName}`)();
-
-        let configFile = _path.default.join('.storybook', `${config}.ts`);
-
-        if (!_fs.default.existsSync(configFile)) {
-          configFile = _path.default.join('.storybook', `${config}.js`);
-
-          if (!_fs.default.existsSync(configFile)) {
-            _fs.default.writeFileSync(configFile, '', 'utf8');
-          }
-        }
-
-        (0, _crossSpawn.sync)('npx', ['jscodeshift', '-t', codemod, configFile], {
-          stdio: 'inherit'
-        });
-        skipMsg = null;
-      } catch (err) {// resolve failed, skip
-      }
-    });
-  }
-
-  if (skipMsg) {
-    (0, _helpers.commandLog)(`Skipping postinstall for ${addonName}, ${skipMsg}`)();
-  }
-};
-
-async function add(addonName, options) {
-  const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(options.useNpm);
-
-  const addonCheckDone = (0, _helpers.commandLog)(`Verifying that ${addonName} is an addon`);
-  const isOfficialAddon = await isStorybookAddon(packageManager, addonName);
-
-  if (!isOfficialAddon) {
-    if (!(await isAddon(packageManager, addonName))) {
-      addonCheckDone(`The provided package was not a Storybook addon: ${addonName}.`);
-      return;
-    }
-  }
-
-  addonCheckDone();
-  installAddon(packageManager, addonName, isOfficialAddon);
-
-  if (!options.skipPostinstall) {
-    await postinstallAddon(addonName, isOfficialAddon);
-  }
-}

package/dist/modern/automigrate/fixes/builder-vite.js

@@ -1,122 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.builderVite = 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 _jsPackageManager = require("../../js-package-manager");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const logger = console;
-
-/**
- * Is the user using 'storybook-builder-vite' in their project?
- *
- * If so, prompt them to upgrade to '@storybook/builder-vite'.
- *
- * - Add '@storybook/builder-vite' as dev dependency
- * - Remove 'storybook-builder-vite' dependency
- * - Add core.builder = '@storybook/builder-vite' to main.js
- */
-const builderVite = {
-  id: 'builder-vite',
-
-  async check({
-    packageManager
-  }) {
-    const packageJson = packageManager.retrievePackageJson();
-    const {
-      mainConfig
-    } = (0, _coreCommon.getStorybookInfo)(packageJson);
-
-    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']);
-    const builderName = typeof builder === 'string' ? builder : builder === null || builder === void 0 ? void 0 : builder.name;
-
-    if (builderName !== 'storybook-builder-vite') {
-      return null;
-    }
-
-    return {
-      builder,
-      main,
-      packageJson
-    };
-  },
-
-  prompt({
-    builder
-  }) {
-    const builderFormatted = _chalk.default.cyan(JSON.stringify(builder, null, 2));
-
-    return (0, _tsDedent.default)`
-      We've detected you're using the community vite builder: ${builderFormatted}
-      
-      'storybook-builder-vite' is deprecated and now located at ${_chalk.default.cyan('@storybook/builder-vite')}.
-
-      We can upgrade your project to use the new builder automatically.
-      
-      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#vite-builder-renamed')}
-    `;
-  },
-
-  async run({
-    result: {
-      builder,
-      main,
-      packageJson
-    },
-    packageManager,
-    dryRun
-  }) {
-    const {
-      dependencies = {},
-      devDependencies = {}
-    } = packageJson;
-    logger.info(`Removing existing 'storybook-builder-vite' dependency`);
-
-    if (!dryRun) {
-      delete dependencies['storybook-builder-vite'];
-      delete devDependencies['storybook-builder-vite'];
-      (0, _jsPackageManager.writePackageJson)(packageJson);
-    }
-
-    logger.info(`Adding '@storybook/builder-vite' as dev dependency`);
-
-    if (!dryRun) {
-      packageManager.addDependencies({
-        installAsDevDependencies: true
-      }, ['@storybook/builder-vite']);
-    }
-
-    logger.info(`Updating main.js to use vite builder`);
-
-    if (!dryRun) {
-      const updatedBuilder = typeof builder === 'string' ? '@storybook/builder-vite' : {
-        name: '@storybook/builder-vite',
-        options: builder.options
-      };
-      main.setFieldValue(['core', 'builder'], updatedBuilder);
-      await (0, _csfTools.writeConfig)(main);
-    }
-  }
-
-};
-exports.builderVite = builderVite;

package/dist/modern/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/modern/automigrate/fixes/index.js

@@ -1,37 +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 _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, _mainjsFramework.mainjsFramework, _eslintPlugin.eslintPlugin, _builderVite.builderVite];
-exports.fixes = fixes;