@storybook/cli 7.0.0-alpha.5 → 7.0.0-alpha.51

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

@@ -1,91 +0,0 @@
-"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 {
-  constructor(...args) {
-    super(...args);
-    this.type = 'npm';
-    this.installArgs = void 0;
-  }
-
-  initPackageJson() {
-    return this.executeCommand('npm', ['init', '-y']);
-  }
-
-  getRunStorybookCommand() {
-    return 'npm run storybook';
-  }
-
-  getRunCommand(command) {
-    return `npm run ${command}`;
-  }
-
-  getNpmVersion() {
-    return this.executeCommand('npm', ['--version']);
-  }
-
-  hasLegacyPeerDeps() {
-    return this.executeCommand('npm', ['config', 'get', 'legacy-peer-deps', '--location=project']) === 'true';
-  }
-
-  setLegacyPeerDeps() {
-    this.executeCommand('npm', ['config', 'set', 'legacy-peer-deps=true', '--location=project']);
-  }
-
-  needsLegacyPeerDeps(version) {
-    return _semver.default.gte(version, '7.0.0') && !this.hasLegacyPeerDeps();
-  }
-
-  getInstallArgs() {
-    if (!this.installArgs) {
-      this.installArgs = this.needsLegacyPeerDeps(this.getNpmVersion()) ? ['install', '--legacy-peer-deps'] : ['install'];
-    }
-
-    return this.installArgs;
-  }
-
-  runInstall() {
-    this.executeCommand('npm', this.getInstallArgs(), 'inherit');
-  }
-
-  runAddDeps(dependencies, installAsDevDependencies) {
-    let args = [...dependencies];
-
-    if (installAsDevDependencies) {
-      args = ['-D', ...args];
-    }
-
-    this.executeCommand('npm', [...this.getInstallArgs(), ...args], 'inherit');
-  }
-
-  runGetVersions(packageName, fetchAllVersions) {
-    const args = [fetchAllVersions ? 'versions' : 'version', '--json'];
-    const commandResult = this.executeCommand('npm', ['info', packageName, ...args]);
-
-    try {
-      const parsedOutput = JSON.parse(commandResult);
-
-      if (parsedOutput.error) {
-        // FIXME: improve error handling
-        throw new Error(parsedOutput.error.summary);
-      } else {
-        return parsedOutput;
-      }
-    } catch (e) {
-      throw new Error(`Unable to find versions of ${packageName} using npm`);
-    }
-  }
-
-}
-
-exports.NPMProxy = NPMProxy;

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

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

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

@@ -1,33 +0,0 @@
-"use strict";
-
-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)) {
-    throw new Error(`Could not read package.json file at ${packageJsonPath}`);
-  }
-
-  const jsonContent = _fs.default.readFileSync(packageJsonPath, 'utf8');
-
-  return JSON.parse(jsonContent);
-}
-
-function writePackageJson(packageJson) {
-  const content = `${JSON.stringify(packageJson, null, 2)}\n`;
-
-  const packageJsonPath = _path.default.resolve('package.json');
-
-  _fs.default.writeFileSync(packageJsonPath, content, 'utf8');
-}

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

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Yarn1Proxy = void 0;
-
-var _JsPackageManager = require("./JsPackageManager");
-
-class Yarn1Proxy extends _JsPackageManager.JsPackageManager {
-  constructor(...args) {
-    super(...args);
-    this.type = 'yarn1';
-  }
-
-  initPackageJson() {
-    return this.executeCommand('yarn', ['init', '-y']);
-  }
-
-  getRunStorybookCommand() {
-    return 'yarn storybook';
-  }
-
-  getRunCommand(command) {
-    return `yarn ${command}`;
-  }
-
-  runInstall() {
-    this.executeCommand('yarn', [], 'inherit');
-  }
-
-  runAddDeps(dependencies, installAsDevDependencies) {
-    let args = ['--ignore-workspace-root-check', ...dependencies];
-
-    if (installAsDevDependencies) {
-      args = ['-D', ...args];
-    }
-
-    this.executeCommand('yarn', ['add', ...args], 'inherit');
-  }
-
-  runGetVersions(packageName, fetchAllVersions) {
-    const args = [fetchAllVersions ? 'versions' : 'version', '--json'];
-    const commandResult = this.executeCommand('yarn', ['info', packageName, ...args]);
-
-    try {
-      const parsedOutput = JSON.parse(commandResult);
-
-      if (parsedOutput.type === 'inspect') {
-        return parsedOutput.data;
-      }
-
-      throw new Error(`Unable to find versions of ${packageName} using yarn`);
-    } catch (e) {
-      throw new Error(`Unable to find versions of ${packageName} using yarn`);
-    }
-  }
-
-}
-
-exports.Yarn1Proxy = Yarn1Proxy;

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

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Yarn2Proxy = void 0;
-
-var _JsPackageManager = require("./JsPackageManager");
-
-class Yarn2Proxy extends _JsPackageManager.JsPackageManager {
-  constructor(...args) {
-    super(...args);
-    this.type = 'yarn2';
-  }
-
-  initPackageJson() {
-    return this.executeCommand('yarn', ['init']);
-  }
-
-  getRunStorybookCommand() {
-    return 'yarn storybook';
-  }
-
-  getRunCommand(command) {
-    return `yarn ${command}`;
-  }
-
-  runInstall() {
-    this.executeCommand('yarn', [], 'inherit');
-  }
-
-  runAddDeps(dependencies, installAsDevDependencies) {
-    let args = [...dependencies];
-
-    if (installAsDevDependencies) {
-      args = ['-D', ...args];
-    }
-
-    this.executeCommand('yarn', ['add', ...args], 'inherit');
-  }
-
-  runGetVersions(packageName, fetchAllVersions) {
-    const field = fetchAllVersions ? 'versions' : 'version';
-    const args = ['--fields', field, '--json'];
-    const commandResult = this.executeCommand('yarn', ['npm', 'info', packageName, ...args]);
-
-    try {
-      const parsedOutput = JSON.parse(commandResult);
-      return parsedOutput[field];
-    } catch (e) {
-      throw new Error(`Unable to find versions of ${packageName} using yarn 2`);
-    }
-  }
-
-}
-
-exports.Yarn2Proxy = Yarn2Proxy;

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

@@ -1,57 +0,0 @@
-"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];
-    }
-  });
-});

package/dist/esm/link.js

@@ -1,98 +0,0 @@
-"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 ({
-  target,
-  local
-}) => {
-  const storybookDir = process.cwd();
-
-  try {
-    const packageJson = JSON.parse(_fsExtra.default.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);
-
-  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}`, {
-      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);
-  }
-
-  const version = (0, _crossSpawn.sync)('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.`);
-
-    return;
-  }
-
-  _nodeLogger.logger.info(`Linking ${reproDir}`);
-
-  await (0, _scripts.exec)(`yarn link --all ${storybookDir}`, {
-    cwd: reproDir
-  });
-
-  _nodeLogger.logger.info(`Installing ${reproName}`);
-
-  await (0, _scripts.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`, {
-    cwd: reproDir
-  });
-
-  _nodeLogger.logger.info(`Running ${reproName} storybook`);
-
-  await (0, _scripts.exec)(`yarn run storybook`, {
-    cwd: reproDir
-  });
-};
-
-exports.link = link;

package/dist/esm/migrate.js

@@ -1,35 +0,0 @@
-"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, {
-  configDir,
-  glob,
-  dryRun,
-  list,
-  rename,
-  logger,
-  parser
-}) {
-  if (list) {
-    (0, _codemod.listCodemods)().forEach(key => logger.log(key));
-  } else if (migration) {
-    await (0, _codemod.runCodemod)(migration, {
-      configDir,
-      glob,
-      dryRun,
-      logger,
-      rename,
-      parser
-    });
-  } else {
-    throw new Error('Migrate: please specify a migration name or --list');
-  }
-}

package/dist/esm/project_types.js

@@ -1,263 +0,0 @@
-"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");
-
-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;
-}
-
-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;
-} // 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;
-
-(function (ProjectType) {
-  ProjectType["UNDETECTED"] = "UNDETECTED";
-  ProjectType["UNSUPPORTED"] = "UNSUPPORTED";
-  ProjectType["REACT_SCRIPTS"] = "REACT_SCRIPTS";
-  ProjectType["REACT"] = "REACT";
-  ProjectType["REACT_NATIVE"] = "REACT_NATIVE";
-  ProjectType["REACT_PROJECT"] = "REACT_PROJECT";
-  ProjectType["WEBPACK_REACT"] = "WEBPACK_REACT";
-  ProjectType["VUE"] = "VUE";
-  ProjectType["VUE3"] = "VUE3";
-  ProjectType["SFC_VUE"] = "SFC_VUE";
-  ProjectType["ANGULAR"] = "ANGULAR";
-  ProjectType["EMBER"] = "EMBER";
-  ProjectType["ALREADY_HAS_STORYBOOK"] = "ALREADY_HAS_STORYBOOK";
-  ProjectType["WEB_COMPONENTS"] = "WEB_COMPONENTS";
-  ProjectType["MITHRIL"] = "MITHRIL";
-  ProjectType["MARIONETTE"] = "MARIONETTE";
-  ProjectType["MARKO"] = "MARKO";
-  ProjectType["HTML"] = "HTML";
-  ProjectType["RIOT"] = "RIOT";
-  ProjectType["PREACT"] = "PREACT";
-  ProjectType["SVELTE"] = "SVELTE";
-  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
-
-exports.CoreBuilder = CoreBuilder;
-
-(function (CoreBuilder) {
-  CoreBuilder["Webpack5"] = "webpack5";
-  CoreBuilder["Vite"] = "vite";
-})(CoreBuilder || (exports.CoreBuilder = CoreBuilder = {}));
-
-let SupportedLanguage;
-exports.SupportedLanguage = SupportedLanguage;
-
-(function (SupportedLanguage) {
-  SupportedLanguage["JAVASCRIPT"] = "javascript";
-  SupportedLanguage["TYPESCRIPT"] = "typescript";
-})(SupportedLanguage || (exports.SupportedLanguage = SupportedLanguage = {}));
-
-/**
- * Configuration to match a storybook preset template.
- *
- * This has to be an array sorted in order of specificity/priority.
- * Reason: both REACT and WEBPACK_REACT have react as dependency,
- * therefore WEBPACK_REACT has to come first, as it's more specific.
- */
-const supportedTemplates = [{
-  preset: ProjectType.SFC_VUE,
-  dependencies: {
-    'vue-loader': versionRange => ltMajor(versionRange, 16),
-    vuetify: versionRange => ltMajor(versionRange, 3)
-  },
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.some(Boolean);
-  }
-}, {
-  preset: ProjectType.VUE,
-  // This Vue template only works with Vue or Nuxt under v3
-  dependencies: {
-    vue: versionRange => ltMajor(versionRange, 3),
-    nuxt: versionRange => ltMajor(versionRange, 3)
-  },
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.some(Boolean);
-  }
-}, {
-  preset: ProjectType.VUE3,
-  dependencies: {
-    // This Vue template works with Vue 3
-    vue: versionRange => versionRange === 'next' || eqMajor(versionRange, 3)
-  },
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.some(Boolean);
-  }
-}, {
-  preset: ProjectType.EMBER,
-  dependencies: ['ember-cli'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.REACT_PROJECT,
-  peerDependencies: ['react'],
-  matcherFunction: ({
-    peerDependencies
-  }) => {
-    return peerDependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.REACT_NATIVE,
-  dependencies: ['react-native', 'react-native-scripts'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.some(Boolean);
-  }
-}, {
-  preset: ProjectType.REACT_SCRIPTS,
-  // For projects using a custom/forked `react-scripts` package.
-  files: ['/node_modules/.bin/react-scripts'],
-  // For standard CRA projects
-  dependencies: ['react-scripts'],
-  matcherFunction: ({
-    dependencies,
-    files
-  }) => {
-    return dependencies.every(Boolean) || files.every(Boolean);
-  }
-}, {
-  preset: ProjectType.WEBPACK_REACT,
-  dependencies: ['react', 'webpack'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.REACT,
-  dependencies: ['react'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.ANGULAR,
-  dependencies: ['@angular/core'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.WEB_COMPONENTS,
-  dependencies: ['lit-element', 'lit-html', 'lit'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.some(Boolean);
-  }
-}, {
-  preset: ProjectType.MITHRIL,
-  dependencies: ['mithril'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.MARIONETTE,
-  dependencies: ['backbone.marionette'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.MARKO,
-  dependencies: ['marko'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.RIOT,
-  dependencies: ['riot'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.PREACT,
-  dependencies: ['preact'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.SVELTE,
-  dependencies: ['svelte'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.RAX,
-  dependencies: ['rax'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}, {
-  preset: ProjectType.AURELIA,
-  dependencies: ['aurelia-bootstrapper'],
-  matcherFunction: ({
-    dependencies
-  }) => {
-    return dependencies.every(Boolean);
-  }
-}]; // A TemplateConfiguration that matches unsupported frameworks
-// AnyFramework matchers can be added to this object to give
-// users an "Unsupported framework" message
-
-exports.supportedTemplates = supportedTemplates;
-const unsupportedTemplate = {
-  preset: ProjectType.UNSUPPORTED,
-  dependencies: {
-    // TODO(blaine): Remove when we support Nuxt 3
-    nuxt: versionRange => eqMajor(versionRange, 3)
-  },
-  matcherFunction: ({
-    dependencies
-  }) => {
-    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;