@storybook/cli 7.0.0-alpha.12 → 7.0.0-alpha.17

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

@@ -1,24 +1,8 @@
-"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 = 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 }; }
-
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+import { readConfig, writeConfig } from '@storybook/csf-tools';
+import { getStorybookInfo } from '@storybook/core-common';
+import { findEslintFile, SUPPORTED_ESLINT_EXTENSIONS } from '../helpers/getEslintInfo';
 const logger = console;
 
 /**
@@ -27,7 +11,7 @@ const logger = console;
  * If so:
  * - Install it, and if possible configure it
  */
-const eslintPlugin = {
+export const eslintPlugin = {
   id: 'eslintPlugin',
 
   async check({
@@ -45,7 +29,7 @@ const eslintPlugin = {
       return null;
     }
 
-    const config = (0, _coreCommon.getStorybookInfo)(packageJson);
+    const config = getStorybookInfo(packageJson);
     const {
       mainConfig
     } = config;
@@ -59,7 +43,7 @@ const eslintPlugin = {
     let unsupportedExtension;
 
     try {
-      eslintFile = (0, _getEslintInfo.findEslintFile)();
+      eslintFile = findEslintFile();
     } catch (err) {
       unsupportedExtension = err.message;
     }
@@ -70,7 +54,7 @@ const eslintPlugin = {
     } // 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);
+    const main = await readConfig(mainConfig);
     return {
       eslintFile,
       main,
@@ -79,12 +63,12 @@ const eslintPlugin = {
   },
 
   prompt() {
-    return (0, _tsDedent.dedent)`
+    return dedent`
       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')}
+      More info: ${chalk.yellow('https://github.com/storybookjs/eslint-plugin-storybook#readme')}
     `;
   },
 
@@ -103,17 +87,17 @@ const eslintPlugin = {
     }, deps);
 
     if (!dryRun && unsupportedExtension) {
-      throw new Error((0, _tsDedent.dedent)`
+      throw new Error(dedent`
           ⚠️ 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(', ')}.
+          Supported formats for automigration are: ${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);
+    const eslint = await readConfig(eslintFile);
     logger.info(`✅ Configuring eslint rules in ${eslint.fileName}`);
 
     if (!dryRun) {
@@ -121,9 +105,8 @@ const eslintPlugin = {
       const extendsConfig = eslint.getFieldValue(['extends']) || [];
       const existingConfigValue = Array.isArray(extendsConfig) ? extendsConfig : [extendsConfig];
       eslint.setFieldValue(['extends'], [...existingConfigValue, 'plugin:storybook/recommended']);
-      await (0, _csfTools.writeConfig)(eslint);
+      await writeConfig(eslint);
     }
   }
 
-};
-exports.eslintPlugin = eslintPlugin;
+};

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

@@ -1,41 +1,10 @@
-"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 _npm = require("./npm7");
-
-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, _npm.npm7];
-exports.fixes = fixes;
+import { cra5 } from './cra5';
+import { webpack5 } from './webpack5';
+import { angular12 } from './angular12';
+import { vue3 } from './vue3';
+import { mainjsFramework } from './mainjsFramework';
+import { eslintPlugin } from './eslint-plugin';
+import { builderVite } from './builder-vite';
+import { npm7 } from './npm7';
+export * from '../types';
+export const fixes = [cra5, webpack5, angular12, vue3, mainjsFramework, eslintPlugin, builderVite, npm7];

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

@@ -1,60 +1,42 @@
-"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 = 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 }; }
-
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+import semver from '@storybook/semver';
+import { readConfig, writeConfig } from '@storybook/csf-tools';
+import { getStorybookInfo } from '@storybook/core-common';
 const logger = console;
-const mainjsFramework = {
+export const mainjsFramework = {
   id: 'mainjsFramework',
 
   async check({
     packageManager
   }) {
-    var _semver$coerce;
-
     const packageJson = packageManager.retrievePackageJson();
     const {
       mainConfig,
       framework,
       version: storybookVersion
-    } = (0, _coreCommon.getStorybookInfo)(packageJson);
+    } = 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);
+    const storybookCoerced = storybookVersion && semver.coerce(storybookVersion)?.version;
 
     if (!storybookCoerced) {
-      logger.warn((0, _tsDedent.dedent)`
-        ❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('mainjsFramework')} fix.
+      logger.warn(dedent`
+        ❌ Unable to determine storybook version, skipping ${chalk.cyan('mainjsFramework')} fix.
         🤔 Are you running automigrate from your project directory?
       `);
       return null;
     }
 
-    const main = await (0, _csfTools.readConfig)(mainConfig);
+    const main = await 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') ? {
+    return features?.breakingChangesV7 || features?.storyStoreV7 || semver.gte(storybookCoerced, '7.0.0') ? {
       main,
       framework: `@storybook/${framework}`
     } : null;
@@ -63,16 +45,15 @@ const mainjsFramework = {
   prompt({
     framework
   }) {
-    const frameworkFormatted = _chalk.default.cyan(`framework: '${framework}'`);
-
-    return (0, _tsDedent.dedent)`
+    const frameworkFormatted = chalk.cyan(`framework: '${framework}'`);
+    return dedent`
       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')}
+      More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field')}
     `;
   },
 
@@ -87,9 +68,8 @@ const mainjsFramework = {
 
     if (!dryRun) {
       main.setFieldValue(['framework'], framework);
-      await (0, _csfTools.writeConfig)(main);
+      await writeConfig(main);
     }
   }
 
-};
-exports.mainjsFramework = mainjsFramework;
+};

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

@@ -1,22 +1,10 @@
-"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 = require("ts-dedent");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
 
 /**
  * Is the user using npm7+? If so create a .npmrc with legacy-peer-deps=true
  */
-const npm7 = {
+export const npm7 = {
   id: 'npm7',
 
   async check({
@@ -37,15 +25,14 @@ const npm7 = {
   prompt({
     npmVersion
   }) {
-    const npmFormatted = _chalk.default.cyan(`npm ${npmVersion}`);
-
-    return (0, _tsDedent.dedent)`
+    const npmFormatted = chalk.cyan(`npm ${npmVersion}`);
+    return dedent`
       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')}
+      More info: ${chalk.yellow('https://github.com/storybookjs/storybook/issues/18298')}
     `;
   },
 
@@ -55,5 +42,4 @@ const npm7 = {
     packageManager.setLegacyPeerDeps();
   }
 
-};
-exports.npm7 = npm7;
+};

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

@@ -1,21 +1,7 @@
-"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 = require("ts-dedent");
-
-var _semver = _interopRequireDefault(require("@storybook/semver"));
-
-var _webpack = require("./webpack5");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+import semver from '@storybook/semver';
+import { webpack5 } from './webpack5';
 
 /**
  * Is the user upgrading to Vue3?
@@ -23,27 +9,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * If so:
  * - Run webpack5 fix
  */
-const vue3 = {
+export 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;
+    const vueCoerced = semver.coerce(vueVersion)?.version;
 
-    if (!vueCoerced || _semver.default.lt(vueCoerced, '3.0.0')) {
+    if (!vueCoerced || semver.lt(vueCoerced, '3.0.0')) {
       return null;
     }
 
-    const builderInfo = await _webpack.webpack5.checkWebpack5Builder(packageJson);
+    const builderInfo = await webpack5.checkWebpack5Builder(packageJson);
     return builderInfo ? Object.assign({
       vueVersion
     }, builderInfo) : null;
@@ -53,27 +37,24 @@ const vue3 = {
     vueVersion,
     storybookVersion
   }) {
-    const vueFormatted = _chalk.default.cyan(`Vue ${vueVersion}`);
-
-    const sbFormatted = _chalk.default.cyan(`Storybook ${storybookVersion}`);
-
-    return (0, _tsDedent.dedent)`
+    const vueFormatted = chalk.cyan(`Vue ${vueVersion}`);
+    const sbFormatted = chalk.cyan(`Storybook ${storybookVersion}`);
+    return 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')}.
+      In order to work with your version of Vue, we need to install Storybook's ${chalk.cyan('webpack5 builder')}.
 
-      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#vue3-upgrade')}
+      More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#vue3-upgrade')}
     `;
   },
 
   async run(options) {
-    return _webpack.webpack5.run(Object.assign({}, options, {
+    return webpack5.run(Object.assign({}, options, {
       result: Object.assign({
         webpackVersion: null
       }, options.result)
     }));
   }
 
-};
-exports.vue3 = vue3;
+};

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

@@ -1,24 +1,8 @@
-"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 = 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 }; }
-
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+import semver from '@storybook/semver';
+import { readConfig, writeConfig } from '@storybook/csf-tools';
+import { getStorybookInfo } from '@storybook/core-common';
 const logger = console;
 
 /**
@@ -31,40 +15,38 @@ const logger = console;
  * - Add core.builder = 'webpack5' to main.js
  * - Add 'webpack5' as a project dependency
  */
-const webpack5 = {
+export 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);
+    } = getStorybookInfo(packageJson);
+    const storybookCoerced = storybookVersion && semver.coerce(storybookVersion)?.version;
 
     if (!storybookCoerced) {
-      logger.warn((0, _tsDedent.dedent)`
-        ❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('webpack5')} fix.
+      logger.warn(dedent`
+        ❌ Unable to determine storybook version, skipping ${chalk.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)`
+    if (semver.lt(storybookCoerced, '6.3.0')) {
+      logger.warn(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')}
+          ${chalk.cyan('npx storybook upgrade')}
 
-          Add the ${_chalk.default.cyan('--prerelease')} flag to get the latest prerelease.
+          Add the ${chalk.cyan('--prerelease')} flag to get the latest prerelease.
         `.trim());
       return null;
     }
 
-    if (_semver.default.gte(storybookCoerced, '7.0.0')) {
+    if (semver.gte(storybookCoerced, '7.0.0')) {
       return null;
     }
 
@@ -73,7 +55,7 @@ const webpack5 = {
       return null;
     }
 
-    const main = await (0, _csfTools.readConfig)(mainConfig);
+    const main = await readConfig(mainConfig);
     const builder = main.getFieldValue(['core', 'builder']);
 
     if (builder && builder !== 'webpack4') {
@@ -90,16 +72,14 @@ const webpack5 = {
   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 webpackCoerced = semver.coerce(webpackVersion)?.version;
+    if (!webpackCoerced || semver.lt(webpackCoerced, '5.0.0') || semver.gte(webpackCoerced, '6.0.0')) return null;
     const builderInfo = await this.checkWebpack5Builder(packageJson);
     return builderInfo ? Object.assign({
       webpackVersion
@@ -109,15 +89,14 @@ const webpack5 = {
   prompt({
     webpackVersion
   }) {
-    const webpackFormatted = _chalk.default.cyan(`webpack ${webpackVersion}`);
-
-    return (0, _tsDedent.dedent)`
+    const webpackFormatted = chalk.cyan(`webpack ${webpackVersion}`);
+    return 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.
+      To run Storybook in webpack5-mode, we can install Storybook's ${chalk.cyan('@storybook/builder-webpack5')} for you.
 
-      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack-5-manager-build')}
+      More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack-5-manager-build')}
     `;
   },
 
@@ -145,9 +124,8 @@ const webpack5 = {
 
     if (!dryRun) {
       main.setFieldValue(['core', 'builder'], '@storybook/builder-webpack5');
-      await (0, _csfTools.writeConfig)(main);
+      await writeConfig(main);
     }
   }
 
-};
-exports.webpack5 = webpack5;
+};

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

@@ -1,28 +1,14 @@
-"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;
+import fse from 'fs-extra';
+export const SUPPORTED_ESLINT_EXTENSIONS = ['js', 'cjs'];
 const UNSUPPORTED_ESLINT_EXTENSIONS = ['yaml', 'yml', 'json'];
-
-const findEslintFile = () => {
+export const findEslintFile = () => {
   const filePrefix = '.eslintrc';
-  const unsupportedExtension = UNSUPPORTED_ESLINT_EXTENSIONS.find(ext => _fsExtra.default.existsSync(`${filePrefix}.${ext}`));
+  const unsupportedExtension = UNSUPPORTED_ESLINT_EXTENSIONS.find(ext => fse.existsSync(`${filePrefix}.${ext}`));
 
   if (unsupportedExtension) {
     throw new Error(unsupportedExtension);
   }
 
-  const extension = SUPPORTED_ESLINT_EXTENSIONS.find(ext => _fsExtra.default.existsSync(`${filePrefix}.${ext}`));
+  const extension = SUPPORTED_ESLINT_EXTENSIONS.find(ext => fse.existsSync(`${filePrefix}.${ext}`));
   return extension ? `${filePrefix}.${extension}` : null;
-};
-
-exports.findEslintFile = findEslintFile;
+};