@storybook/cli 7.0.0-alpha.2 → 7.0.0-alpha.20

package/dist/esm/add.js

@@ -1,28 +1,10 @@
-"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 }; }
-
+import path from 'path';
+import fs from 'fs';
+import { sync as spawnSync } from 'cross-spawn';
+import { commandLog } from './helpers';
+import { JsPackageManagerFactory } from './js-package-manager';
 const logger = console;
-const storybookAddonScope = '@storybook/addon-';
-exports.storybookAddonScope = storybookAddonScope;
+export const storybookAddonScope = '@storybook/addon-';
 
 const isAddon = async (packageManager, name) => {
   try {
@@ -35,16 +17,10 @@ const isAddon = async (packageManager, name) => {
 
 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.
+export const getPackageName = (addonName, isOfficialAddon) => isOfficialAddon ? storybookAddonScope + addonName : addonName;
+export 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) => {
+export const getPackageArg = (addonName, isOfficialAddon, packageJson) => {
   if (isOfficialAddon) {
     const addonNameNoTag = addonName.split('@')[0];
     const installedStorybookVersion = getInstalledStorybookVersion(packageJson);
@@ -54,15 +30,13 @@ const getPackageArg = (addonName, isOfficialAddon, packageJson) => {
   return addonName;
 };
 
-exports.getPackageArg = getPackageArg;
-
 const installAddon = (packageManager, addonName, isOfficialAddon) => {
-  const prepareDone = (0, _helpers.commandLog)(`Preparing to install the ${addonName} Storybook addon`);
+  const prepareDone = 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`);
+  const installDone = commandLog(`Installing the ${addonName} Storybook addon`);
 
   try {
     packageManager.addDependencies({}, [packageArg]);
@@ -75,7 +49,7 @@ const installAddon = (packageManager, addonName, isOfficialAddon) => {
   installDone();
 };
 
-const addStorybookAddonToFile = (addonName, addonsFile, isOfficialAddon) => {
+export const addStorybookAddonToFile = (addonName, addonsFile, isOfficialAddon) => {
   const addonNameNoTag = addonName.split('@')[0];
   const alreadyRegistered = addonsFile.find(line => line.includes(`${addonNameNoTag}/manager`));
 
@@ -86,8 +60,6 @@ const addStorybookAddonToFile = (addonName, addonsFile, isOfficialAddon) => {
   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) => {
@@ -95,7 +67,7 @@ const postinstallAddon = async (addonName, isOfficialAddon) => {
 
   if (!isOfficialAddon) {
     skipMsg = 'unofficial addon';
-  } else if (!_fs.default.existsSync('.storybook')) {
+  } else if (!fs.existsSync('.storybook')) {
     skipMsg = 'no .storybook config';
   } else {
     skipMsg = 'no codmods found';
@@ -103,19 +75,18 @@ const postinstallAddon = async (addonName, isOfficialAddon) => {
       try {
         const codemod = require.resolve(`${getPackageName(addonName, isOfficialAddon)}/postinstall/${config}.js`);
 
-        (0, _helpers.commandLog)(`Running postinstall script for ${addonName}`)();
+        commandLog(`Running postinstall script for ${addonName}`)();
+        let configFile = path.join('.storybook', `${config}.ts`);
 
-        let configFile = _path.default.join('.storybook', `${config}.ts`);
+        if (!fs.existsSync(configFile)) {
+          configFile = path.join('.storybook', `${config}.js`);
 
-        if (!_fs.default.existsSync(configFile)) {
-          configFile = _path.default.join('.storybook', `${config}.js`);
-
-          if (!_fs.default.existsSync(configFile)) {
-            _fs.default.writeFileSync(configFile, '', 'utf8');
+          if (!fs.existsSync(configFile)) {
+            fs.writeFileSync(configFile, '', 'utf8');
           }
         }
 
-        (0, _crossSpawn.sync)('npx', ['jscodeshift', '-t', codemod, configFile], {
+        spawnSync('npx', ['jscodeshift', '-t', codemod, configFile], {
           stdio: 'inherit'
         });
         skipMsg = null;
@@ -125,14 +96,13 @@ const postinstallAddon = async (addonName, isOfficialAddon) => {
   }
 
   if (skipMsg) {
-    (0, _helpers.commandLog)(`Skipping postinstall for ${addonName}, ${skipMsg}`)();
+    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`);
+export async function add(addonName, options) {
+  const packageManager = JsPackageManagerFactory.getPackageManager(options.useNpm);
+  const addonCheckDone = commandLog(`Verifying that ${addonName} is an addon`);
   const isOfficialAddon = await isStorybookAddon(packageManager, addonName);
 
   if (!isOfficialAddon) {

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

@@ -1,21 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.angular12 = 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 }; }
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+import semver from '@storybook/semver';
+import { webpack5 } from './webpack5';
 
 /**
  * Is the user upgrading to Angular12?
@@ -23,27 +9,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * If so:
  * - Run webpack5 fix
  */
-const angular12 = {
+export const angular12 = {
   id: 'angular12',
 
   async check({
     packageManager
   }) {
-    var _semver$coerce;
-
     const packageJson = packageManager.retrievePackageJson();
     const {
       dependencies,
       devDependencies
     } = packageJson;
     const angularVersion = dependencies['@angular/core'] || devDependencies['@angular/core'];
-    const angularCoerced = (_semver$coerce = _semver.default.coerce(angularVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version;
+    const angularCoerced = semver.coerce(angularVersion)?.version;
 
-    if (!angularCoerced || _semver.default.lt(angularCoerced, '12.0.0')) {
+    if (!angularCoerced || semver.lt(angularCoerced, '12.0.0')) {
       return null;
     }
 
-    const builderInfo = await _webpack.webpack5.checkWebpack5Builder(packageJson);
+    const builderInfo = await webpack5.checkWebpack5Builder(packageJson);
     return builderInfo ? Object.assign({
       angularVersion
     }, builderInfo) : null;
@@ -52,25 +36,23 @@ const angular12 = {
   prompt({
     angularVersion
   }) {
-    const angularFormatted = _chalk.default.cyan(`Angular ${angularVersion}`);
-
-    return (0, _tsDedent.default)`
+    const angularFormatted = chalk.cyan(`Angular ${angularVersion}`);
+    return dedent`
       We've detected you are running ${angularFormatted} which is powered by webpack5.
       Your Storybook's main.js files specifies webpack4, which is incompatible.
 
-      In order to work with your version of Angular, we need to install Storybook's ${_chalk.default.cyan('@storybook/builder-webpack5')}.
+      In order to work with your version of Angular, we need to install Storybook's ${chalk.cyan('@storybook/builder-webpack5')}.
 
-      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#angular12-upgrade')}
+      More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#angular12-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.angular12 = angular12;
+};

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

@@ -1,24 +1,8 @@
-"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 }; }
-
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+import { readConfig, writeConfig } from '@storybook/csf-tools';
+import { getStorybookInfo } from '@storybook/core-common';
+import { writePackageJson } from '../../js-package-manager';
 const logger = console;
 
 /**
@@ -30,7 +14,7 @@ const logger = console;
  * - Remove 'storybook-builder-vite' dependency
  * - Add core.builder = '@storybook/builder-vite' to main.js
  */
-const builderVite = {
+export const builderVite = {
   id: 'builder-vite',
 
   async check({
@@ -39,16 +23,16 @@ const builderVite = {
     const packageJson = packageManager.retrievePackageJson();
     const {
       mainConfig
-    } = (0, _coreCommon.getStorybookInfo)(packageJson);
+    } = getStorybookInfo(packageJson);
 
     if (!mainConfig) {
       logger.warn('Unable to find storybook main.js config');
       return null;
     }
 
-    const main = await (0, _csfTools.readConfig)(mainConfig);
+    const main = await readConfig(mainConfig);
     const builder = main.getFieldValue(['core', 'builder']);
-    const builderName = typeof builder === 'string' ? builder : builder === null || builder === void 0 ? void 0 : builder.name;
+    const builderName = typeof builder === 'string' ? builder : builder?.name;
 
     if (builderName !== 'storybook-builder-vite') {
       return null;
@@ -64,16 +48,15 @@ const builderVite = {
   prompt({
     builder
   }) {
-    const builderFormatted = _chalk.default.cyan(JSON.stringify(builder, null, 2));
-
-    return (0, _tsDedent.default)`
+    const builderFormatted = chalk.cyan(JSON.stringify(builder, null, 2));
+    return dedent`
       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')}.
+      'storybook-builder-vite' is deprecated and now located at ${chalk.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')}
+      More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#vite-builder-renamed')}
     `;
   },
 
@@ -95,7 +78,7 @@ const builderVite = {
     if (!dryRun) {
       delete dependencies['storybook-builder-vite'];
       delete devDependencies['storybook-builder-vite'];
-      (0, _jsPackageManager.writePackageJson)(packageJson);
+      writePackageJson(packageJson);
     }
 
     logger.info(`Adding '@storybook/builder-vite' as dev dependency`);
@@ -114,9 +97,8 @@ const builderVite = {
         options: builder.options
       };
       main.setFieldValue(['core', 'builder'], updatedBuilder);
-      await (0, _csfTools.writeConfig)(main);
+      await writeConfig(main);
     }
   }
 
-};
-exports.builderVite = builderVite;
+};

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

@@ -1,53 +1,37 @@
-"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; }
 
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+import semver from '@storybook/semver';
+import { webpack5 } from './webpack5';
+
 /**
  * Is the user upgrading from CRA4 to CRA5?
  *
  * If so:
  * - Run webpack5 fix
  */
-const cra5 = {
+export 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;
+    const craCoerced = semver.coerce(craVersion)?.version;
 
-    if (!craCoerced || _semver.default.lt(craCoerced, '5.0.0')) {
+    if (!craCoerced || semver.lt(craCoerced, '5.0.0')) {
       return null;
     }
 
-    const builderInfo = await _webpack.webpack5.checkWebpack5Builder(packageJson);
+    const builderInfo = await webpack5.checkWebpack5Builder(packageJson);
     return builderInfo ? Object.assign({
       craVersion
     }, builderInfo) : null;
@@ -59,26 +43,24 @@ const cra5 = {
     } = _ref,
         rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-    const craFormatted = _chalk.default.cyan(`Create React App (CRA) ${craVersion}`);
-
+    const craFormatted = chalk.cyan(`Create React App (CRA) ${craVersion}`);
     console.log(Object.assign({}, rest));
-    return (0, _tsDedent.default)`
+    return dedent`
       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')}.
+      In order to work with your version of CRA, we need to install Storybook's ${chalk.cyan('@storybook/builder-webpack5')}.
 
-      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#cra5-upgrade')}
+      More info: ${chalk.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#cra5-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.cra5 = cra5;
+};

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 = _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 }; }
-
+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.default)`
+    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.default)`
+      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,39 +1,12 @@
-"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;
+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';
+import { sbScripts } from './sb-scripts';
+import { newFrameworks } from './new-frameworks';
+export * from '../types';
+export const fixes = [cra5, webpack5, angular12, vue3, mainjsFramework, eslintPlugin, builderVite, npm7, sbScripts, newFrameworks];