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

package/dist/esm/js-package-manager/NPMProxy.js

@@ -1,17 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NPMProxy = void 0;
-
-var _semver = _interopRequireDefault(require("@storybook/semver"));
-
-var _JsPackageManager = require("./JsPackageManager");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class NPMProxy extends _JsPackageManager.JsPackageManager {
+import semver from '@storybook/semver';
+import { JsPackageManager } from './JsPackageManager';
+export class NPMProxy extends JsPackageManager {
   constructor(...args) {
     super(...args);
     this.type = 'npm';
@@ -44,7 +33,7 @@ class NPMProxy extends _JsPackageManager.JsPackageManager {
   }
 
   needsLegacyPeerDeps(version) {
-    return _semver.default.gte(version, '7.0.0') && !this.hasLegacyPeerDeps();
+    return semver.gte(version, '7.0.0') && !this.hasLegacyPeerDeps();
   }
 
   getInstallArgs() {
@@ -87,6 +76,4 @@ class NPMProxy extends _JsPackageManager.JsPackageManager {
     }
   }
 
-}
-
-exports.NPMProxy = NPMProxy;
+}

package/dist/esm/js-package-manager/PackageJson.js

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

package/dist/esm/js-package-manager/PackageJsonHelper.js

@@ -1,33 +1,17 @@
-"use strict";
+import path from 'path';
+import fs from 'fs';
+export function readPackageJson() {
+  const packageJsonPath = path.resolve('package.json');
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.readPackageJson = readPackageJson;
-exports.writePackageJson = writePackageJson;
-
-var _path = _interopRequireDefault(require("path"));
-
-var _fs = _interopRequireDefault(require("fs"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function readPackageJson() {
-  const packageJsonPath = _path.default.resolve('package.json');
-
-  if (!_fs.default.existsSync(packageJsonPath)) {
+  if (!fs.existsSync(packageJsonPath)) {
     throw new Error(`Could not read package.json file at ${packageJsonPath}`);
   }
 
-  const jsonContent = _fs.default.readFileSync(packageJsonPath, 'utf8');
-
+  const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
   return JSON.parse(jsonContent);
 }
-
-function writePackageJson(packageJson) {
+export function writePackageJson(packageJson) {
   const content = `${JSON.stringify(packageJson, null, 2)}\n`;
-
-  const packageJsonPath = _path.default.resolve('package.json');
-
-  _fs.default.writeFileSync(packageJsonPath, content, 'utf8');
+  const packageJsonPath = path.resolve('package.json');
+  fs.writeFileSync(packageJsonPath, content, 'utf8');
 }

package/dist/esm/js-package-manager/Yarn1Proxy.js

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Yarn1Proxy = void 0;
-
-var _JsPackageManager = require("./JsPackageManager");
-
-class Yarn1Proxy extends _JsPackageManager.JsPackageManager {
+import { JsPackageManager } from './JsPackageManager';
+export class Yarn1Proxy extends JsPackageManager {
   constructor(...args) {
     super(...args);
     this.type = 'yarn1';
@@ -56,6 +48,4 @@ class Yarn1Proxy extends _JsPackageManager.JsPackageManager {
     }
   }
 
-}
-
-exports.Yarn1Proxy = Yarn1Proxy;
+}

package/dist/esm/js-package-manager/Yarn2Proxy.js

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Yarn2Proxy = void 0;
-
-var _JsPackageManager = require("./JsPackageManager");
-
-class Yarn2Proxy extends _JsPackageManager.JsPackageManager {
+import { JsPackageManager } from './JsPackageManager';
+export class Yarn2Proxy extends JsPackageManager {
   constructor(...args) {
     super(...args);
     this.type = 'yarn2';
@@ -52,6 +44,4 @@ class Yarn2Proxy extends _JsPackageManager.JsPackageManager {
     }
   }
 
-}
-
-exports.Yarn2Proxy = Yarn2Proxy;
+}

package/dist/esm/js-package-manager/index.js

@@ -1,57 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _JsPackageManagerFactory = require("./JsPackageManagerFactory");
-
-Object.keys(_JsPackageManagerFactory).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _JsPackageManagerFactory[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _JsPackageManagerFactory[key];
-    }
-  });
-});
-
-var _JsPackageManager = require("./JsPackageManager");
-
-Object.keys(_JsPackageManager).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _JsPackageManager[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _JsPackageManager[key];
-    }
-  });
-});
-
-var _PackageJson = require("./PackageJson");
-
-Object.keys(_PackageJson).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PackageJson[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PackageJson[key];
-    }
-  });
-});
-
-var _PackageJsonHelper = require("./PackageJsonHelper");
-
-Object.keys(_PackageJsonHelper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PackageJsonHelper[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PackageJsonHelper[key];
-    }
-  });
-});
+export * from './JsPackageManagerFactory';
+export * from './JsPackageManager';
+export * from './PackageJson';
+export * from './PackageJsonHelper';

package/dist/esm/link.js

@@ -1,98 +1,65 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.link = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _fsExtra = _interopRequireDefault(require("fs-extra"));
-
-var _path = _interopRequireDefault(require("path"));
-
-var _crossSpawn = require("cross-spawn");
-
-var _nodeLogger = require("@storybook/node-logger");
-
-var _scripts = require("./repro-generators/scripts");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const link = async ({
+import fse from 'fs-extra';
+import path from 'path';
+import { sync as spawnSync } from 'cross-spawn';
+import { logger } from '@storybook/node-logger';
+import { exec } from './repro-generators/scripts';
+export const link = async ({
   target,
   local
 }) => {
   const storybookDir = process.cwd();
 
   try {
-    const packageJson = JSON.parse(_fsExtra.default.readFileSync('package.json', 'utf8'));
+    const packageJson = JSON.parse(fse.readFileSync('package.json', 'utf8'));
     if (packageJson.name !== '@storybook/root') throw new Error();
   } catch {
     throw new Error('Expected to run link from the root of the storybook monorepo');
   }
 
   let reproDir = target;
-
-  let reproName = _path.default.basename(target);
+  let reproName = path.basename(target);
 
   if (!local) {
-    const reprosDir = _path.default.join(storybookDir, '../storybook-repros');
-
-    _nodeLogger.logger.info(`Ensuring directory ${reprosDir}`);
-
-    _fsExtra.default.ensureDirSync(reprosDir);
-
-    _nodeLogger.logger.info(`Cloning ${target}`);
-
-    await (0, _scripts.exec)(`git clone ${target}`, {
+    const reprosDir = path.join(storybookDir, '../storybook-repros');
+    logger.info(`Ensuring directory ${reprosDir}`);
+    fse.ensureDirSync(reprosDir);
+    logger.info(`Cloning ${target}`);
+    await exec(`git clone ${target}`, {
       cwd: reprosDir
     }); // Extract a repro name from url given as input (take the last part of the path and remove the extension)
 
-    reproName = _path.default.basename(target, _path.default.extname(target));
-    reproDir = _path.default.join(reprosDir, reproName);
+    reproName = path.basename(target, path.extname(target));
+    reproDir = path.join(reprosDir, reproName);
   }
 
-  const version = (0, _crossSpawn.sync)('yarn', ['--version'], {
+  const version = spawnSync('yarn', ['--version'], {
     cwd: reproDir,
     stdio: 'pipe'
   }).stdout.toString();
 
   if (!/^[23]\./.test(version)) {
-    _nodeLogger.logger.warn(`🚨 Expected yarn 2 or 3 in ${reproDir}!`);
-
-    _nodeLogger.logger.warn('');
-
-    _nodeLogger.logger.warn('Please set it up with `yarn set version berry`,');
-
-    _nodeLogger.logger.warn(`then link '${reproDir}' with the '--local' flag.`);
-
+    logger.warn(`🚨 Expected yarn 2 or 3 in ${reproDir}!`);
+    logger.warn('');
+    logger.warn('Please set it up with `yarn set version berry`,');
+    logger.warn(`then link '${reproDir}' with the '--local' flag.`);
     return;
   }
 
-  _nodeLogger.logger.info(`Linking ${reproDir}`);
-
-  await (0, _scripts.exec)(`yarn link --all ${storybookDir}`, {
+  logger.info(`Linking ${reproDir}`);
+  await exec(`yarn link --all ${storybookDir}`, {
     cwd: reproDir
   });
-
-  _nodeLogger.logger.info(`Installing ${reproName}`);
-
-  await (0, _scripts.exec)(`yarn install`, {
+  logger.info(`Installing ${reproName}`);
+  await exec(`yarn install`, {
     cwd: reproDir
   }); // ⚠️ TODO: Fix peer deps in `@storybook/preset-create-react-app`
 
-  _nodeLogger.logger.info(`Magic stuff related to @storybook/preset-create-react-app, we need to fix peerDependencies`);
-
-  await (0, _scripts.exec)(`yarn add -D webpack-hot-middleware`, {
+  logger.info(`Magic stuff related to @storybook/preset-create-react-app, we need to fix peerDependencies`);
+  await exec(`yarn add -D webpack-hot-middleware`, {
     cwd: reproDir
   });
-
-  _nodeLogger.logger.info(`Running ${reproName} storybook`);
-
-  await (0, _scripts.exec)(`yarn run storybook`, {
+  logger.info(`Running ${reproName} storybook`);
+  await exec(`yarn run storybook`, {
     cwd: reproDir
   });
-};
-
-exports.link = link;
+};

package/dist/esm/migrate.js

@@ -1,15 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.migrate = migrate;
-
-require("core-js/modules/es.promise.js");
-
-var _codemod = require("@storybook/codemod");
-
-async function migrate(migration, {
+import { listCodemods, runCodemod } from '@storybook/codemod';
+export async function migrate(migration, {
   configDir,
   glob,
   dryRun,
@@ -19,9 +9,9 @@ async function migrate(migration, {
   parser
 }) {
   if (list) {
-    (0, _codemod.listCodemods)().forEach(key => logger.log(key));
+    listCodemods().forEach(key => logger.log(key));
   } else if (migration) {
-    await (0, _codemod.runCodemod)(migration, {
+    await runCodemod(migration, {
       configDir,
       glob,
       dryRun,

package/dist/esm/project_types.js

@@ -1,27 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.unsupportedTemplate = exports.supportedTemplates = exports.installableProjectTypes = exports.SupportedLanguage = exports.SUPPORTED_RENDERERS = exports.ProjectType = exports.CoreBuilder = void 0;
-
-var _semver = require("@storybook/semver");
+import { validRange, minVersion } from '@storybook/semver';
 
 function ltMajor(versionRange, major) {
   // Uses validRange to avoid a throw from minVersion if an invalid range gets passed
-  return (0, _semver.validRange)(versionRange) && (0, _semver.minVersion)(versionRange).major < major;
+  return validRange(versionRange) && minVersion(versionRange).major < major;
 }
 
 function eqMajor(versionRange, major) {
   // Uses validRange to avoid a throw from minVersion if an invalid range gets passed
-  return (0, _semver.validRange)(versionRange) && (0, _semver.minVersion)(versionRange).major === major;
+  return validRange(versionRange) && minVersion(versionRange).major === major;
 } // Should match @storybook/<renderer>
 
 
-const SUPPORTED_RENDERERS = ['react', 'react-native', 'vue', 'vue3', 'angular', 'mithril', 'riot', 'ember', 'marionette', 'marko', 'preact', 'svelte', 'rax', 'aurelia'];
-exports.SUPPORTED_RENDERERS = SUPPORTED_RENDERERS;
-let ProjectType;
-exports.ProjectType = ProjectType;
+export const SUPPORTED_RENDERERS = ['react', 'react-native', 'vue', 'vue3', 'angular', 'mithril', 'riot', 'ember', 'marionette', 'marko', 'preact', 'svelte', 'rax', 'aurelia'];
+export let ProjectType;
 
 (function (ProjectType) {
   ProjectType["UNDETECTED"] = "UNDETECTED";
@@ -48,24 +39,21 @@ exports.ProjectType = ProjectType;
   ProjectType["RAX"] = "RAX";
   ProjectType["AURELIA"] = "AURELIA";
   ProjectType["SERVER"] = "SERVER";
-})(ProjectType || (exports.ProjectType = ProjectType = {}));
-
-let CoreBuilder; // The `& {}` bit allows for auto-complete, see: https://github.com/microsoft/TypeScript/issues/29729
+})(ProjectType || (ProjectType = {}));
 
-exports.CoreBuilder = CoreBuilder;
+export let CoreBuilder; // The `& {}` bit allows for auto-complete, see: https://github.com/microsoft/TypeScript/issues/29729
 
 (function (CoreBuilder) {
   CoreBuilder["Webpack5"] = "webpack5";
   CoreBuilder["Vite"] = "vite";
-})(CoreBuilder || (exports.CoreBuilder = CoreBuilder = {}));
+})(CoreBuilder || (CoreBuilder = {}));
 
-let SupportedLanguage;
-exports.SupportedLanguage = SupportedLanguage;
+export let SupportedLanguage;
 
 (function (SupportedLanguage) {
   SupportedLanguage["JAVASCRIPT"] = "javascript";
   SupportedLanguage["TYPESCRIPT"] = "typescript";
-})(SupportedLanguage || (exports.SupportedLanguage = SupportedLanguage = {}));
+})(SupportedLanguage || (SupportedLanguage = {}));
 
 /**
  * Configuration to match a storybook preset template.
@@ -74,7 +62,7 @@ exports.SupportedLanguage = SupportedLanguage;
  * Reason: both REACT and WEBPACK_REACT have react as dependency,
  * therefore WEBPACK_REACT has to come first, as it's more specific.
  */
-const supportedTemplates = [{
+export const supportedTemplates = [{
   preset: ProjectType.SFC_VUE,
   dependencies: {
     'vue-loader': versionRange => ltMajor(versionRange, 16),
@@ -244,8 +232,7 @@ const supportedTemplates = [{
 // AnyFramework matchers can be added to this object to give
 // users an "Unsupported framework" message
 
-exports.supportedTemplates = supportedTemplates;
-const unsupportedTemplate = {
+export const unsupportedTemplate = {
   preset: ProjectType.UNSUPPORTED,
   dependencies: {
     // TODO(blaine): Remove when we support Nuxt 3
@@ -257,7 +244,5 @@ const unsupportedTemplate = {
     return dependencies.some(Boolean);
   }
 };
-exports.unsupportedTemplate = unsupportedTemplate;
 const notInstallableProjectTypes = [ProjectType.UNDETECTED, ProjectType.UNSUPPORTED, ProjectType.ALREADY_HAS_STORYBOOK];
-const installableProjectTypes = Object.values(ProjectType).filter(type => !notInstallableProjectTypes.includes(type)).map(type => type.toLowerCase());
-exports.installableProjectTypes = installableProjectTypes;
+export const installableProjectTypes = Object.values(ProjectType).filter(type => !notInstallableProjectTypes.includes(type)).map(type => type.toLowerCase());

package/dist/esm/repro-generators/configs.js

@@ -1,33 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.web_components_typescript = exports.web_components_lit2 = exports.web_components = exports.vue3 = exports.vue = exports.svelte = exports.sfcVue = exports.react_typescript = exports.react_legacy_root_api = exports.react_in_yarn_workspace = exports.react = exports.preact = exports.html = exports.cra_typescript = exports.cra = exports.angular_modern_inline_rendering = exports.angular130 = exports.angular13 = exports.angular12 = exports.angular = void 0;
-
 /* eslint-disable camelcase */
 const fromDeps = (...args) => ['mkdir {{appName}}', 'cd {{appName}}', // Create `yarn.lock` to force Yarn to consider adding deps in this directory
 // and not look for a yarn workspace in parent directory
 'touch yarn.lock', 'yarn init --yes', args.length && `yarn add ${args.join(' ')}`].filter(Boolean).join(' && '); // #region  React
 
 
-const cra = {
+export const cra = {
   renderer: 'react',
   name: 'cra',
   version: 'latest',
   generator: [// Force npm otherwise we have a mess between Yarn 1, Yarn 2 and NPM
   'npm_config_user_agent=npm npx -p create-react-app@{{version}} create-react-app {{appName}}', 'cd {{appName}}', 'echo "FAST_REFRESH=true" > .env', 'echo "SKIP_PREFLIGHT_CHECK=true" > .env'].join(' && ')
 };
-exports.cra = cra;
-const cra_typescript = {
+export const cra_typescript = {
   renderer: 'react',
   name: 'cra_typescript',
   version: 'latest',
   generator: [// Force npm otherwise we have a mess between Yarn 1, Yarn 2 and NPM
   'npm_config_user_agent=npm npx -p create-react-app@{{version}} create-react-app {{appName}} --template typescript'].join(' && ')
 };
-exports.cra_typescript = cra_typescript;
-const react = {
+export const react = {
   renderer: 'react',
   name: 'react',
   version: 'latest',
@@ -38,8 +29,7 @@ const react = {
     contents: '{ "presets": ["@babel/preset-react"] }'
   }]
 };
-exports.react = react;
-const react_legacy_root_api = {
+export const react_legacy_root_api = {
   renderer: 'react',
   name: 'react_legacy_root_api',
   version: 'latest',
@@ -55,8 +45,7 @@ const react_legacy_root_api = {
     }
   }
 };
-exports.react_legacy_root_api = react_legacy_root_api;
-const react_typescript = {
+export const react_typescript = {
   renderer: 'react',
   name: 'react_typescript',
   version: 'latest',
@@ -74,8 +63,7 @@ const react_typescript = {
 //   generator: 'npx -p create-vite@{{version}} create-vite {{appName}} --template react-ts',
 // };
 
-exports.react_typescript = react_typescript;
-const react_in_yarn_workspace = {
+export const react_in_yarn_workspace = {
   renderer: 'react',
   name: 'react_in_yarn_workspace',
   version: 'latest',
@@ -83,29 +71,25 @@ const react_in_yarn_workspace = {
 }; // #endregion
 // #region Angular
 
-exports.react_in_yarn_workspace = react_in_yarn_workspace;
 const baseAngular = {
   renderer: 'angular',
   name: 'angular',
   version: 'latest',
   generator: `npx -p @angular/cli@{{version}} ng new {{appName}} --routing=true --minimal=true --style=scss --skip-install=true --strict`
 };
-const angular12 = Object.assign({}, baseAngular, {
+export const angular12 = Object.assign({}, baseAngular, {
   name: 'angular12',
   version: 'v12-lts'
 });
-exports.angular12 = angular12;
-const angular130 = Object.assign({}, baseAngular, {
+export const angular130 = Object.assign({}, baseAngular, {
   name: 'angular130',
   version: '13.0.x'
 });
-exports.angular130 = angular130;
-const angular13 = Object.assign({}, baseAngular, {
+export const angular13 = Object.assign({}, baseAngular, {
   name: 'angular13',
   version: '13.1.x'
 });
-exports.angular13 = angular13;
-const angular_modern_inline_rendering = Object.assign({}, baseAngular, {
+export const angular_modern_inline_rendering = Object.assign({}, baseAngular, {
   name: 'angular_modern_inline_rendering',
   additionalDeps: ['jest@27', '@storybook/test-runner'],
   mainOverrides: {
@@ -114,19 +98,16 @@ const angular_modern_inline_rendering = Object.assign({}, baseAngular, {
     }
   }
 });
-exports.angular_modern_inline_rendering = angular_modern_inline_rendering;
-const angular = baseAngular; // #endregion
+export const angular = baseAngular; // #endregion
 // #region  web components
 
-exports.angular = angular;
-const web_components = {
+export const web_components = {
   renderer: 'web-components',
   name: 'web_components',
   version: '2',
   generator: fromDeps('lit-element')
 };
-exports.web_components = web_components;
-const web_components_typescript = Object.assign({}, web_components, {
+export const web_components_typescript = Object.assign({}, web_components, {
   name: 'web_components_typescript',
   typescript: true,
   additionalDeps: ['@babel/preset-typescript'],
@@ -135,8 +116,7 @@ const web_components_typescript = Object.assign({}, web_components, {
     contents: '{ "presets": ["@babel/preset-typescript"] }'
   }]
 });
-exports.web_components_typescript = web_components_typescript;
-const web_components_lit2 = Object.assign({}, web_components, {
+export const web_components_lit2 = Object.assign({}, web_components, {
   version: 'next',
   name: 'web_components_lit2',
   generator: fromDeps('lit'),
@@ -149,8 +129,7 @@ const web_components_lit2 = Object.assign({}, web_components, {
 }); // #endregion
 // #region  vue
 
-exports.web_components_lit2 = web_components_lit2;
-const vue = {
+export const vue = {
   renderer: 'vue',
   name: 'vue',
   // Be careful here, the latest versions of vue cli are bootstrapping a vue 3  project
@@ -158,8 +137,7 @@ const vue = {
   generator: [// Force npm otherwise we have a mess between Yarn 1 and Yarn 2
   `npx -p @vue/cli@{{version}} vue create {{appName}} --default --packageManager=npm --no-git --force`].join(' && ')
 };
-exports.vue = vue;
-const vue3 = {
+export const vue3 = {
   renderer: 'vue3',
   name: 'vue3',
   version: 'next',
@@ -168,34 +146,29 @@ const vue3 = {
   `npx -p @vue/cli@^4 vue create {{appName}} --preset=__default_vue_3__ --packageManager=npm --no-git --force`].join(' && ')
 }; // #endregion
 
-exports.vue3 = vue3;
-const html = {
+export const html = {
   renderer: 'html',
   name: 'html',
   version: 'latest',
   generator: fromDeps(),
   autoDetect: false
 };
-exports.html = html;
-const preact = {
+export const preact = {
   renderer: 'preact',
   name: 'preact',
   version: 'latest',
   generator: 'npx preact-cli@{{version}} create preactjs-templates/default {{appName}} --install=false --git=false'
 };
-exports.preact = preact;
-const sfcVue = {
+export const sfcVue = {
   renderer: 'vue',
   name: 'sfcVue',
   version: 'latest',
   //
   generator: fromDeps('vue@2.6', 'vue-loader@15.9', 'vue-template-compiler@2.6', 'webpack')
 };
-exports.sfcVue = sfcVue;
-const svelte = {
+export const svelte = {
   renderer: 'svelte',
   name: 'svelte',
   version: 'latest',
   generator: 'npx degit sveltejs/template {{appName}}'
-};
-exports.svelte = svelte;
+};