@storybook/cli 7.0.0-alpha.31 → 7.0.0-alpha.33

package/dist/esm/migrate.js

@@ -1,25 +0,0 @@
-import { listCodemods, runCodemod } from '@storybook/codemod';
-export async function migrate(migration, {
-  configDir,
-  glob,
-  dryRun,
-  list,
-  rename,
-  logger,
-  parser
-}) {
-  if (list) {
-    listCodemods().forEach(key => logger.log(key));
-  } else if (migration) {
-    await 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,248 +0,0 @@
-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 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 validRange(versionRange) && minVersion(versionRange).major === major;
-} // Should match @storybook/<renderer>
-
-
-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";
-  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 || (ProjectType = {}));
-
-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 || (CoreBuilder = {}));
-
-export let SupportedLanguage;
-
-(function (SupportedLanguage) {
-  SupportedLanguage["JAVASCRIPT"] = "javascript";
-  SupportedLanguage["TYPESCRIPT"] = "typescript";
-})(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.
- */
-export 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
-
-export 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);
-  }
-};
-const notInstallableProjectTypes = [ProjectType.UNDETECTED, ProjectType.UNSUPPORTED, ProjectType.ALREADY_HAS_STORYBOOK];
-export const installableProjectTypes = Object.values(ProjectType).filter(type => !notInstallableProjectTypes.includes(type)).map(type => type.toLowerCase());

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

@@ -1,174 +0,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
-
-
-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(' && ')
-};
-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(' && ')
-};
-export const react = {
-  renderer: 'react',
-  name: 'react',
-  version: 'latest',
-  generator: fromDeps('react', 'react-dom', '@babel/preset-react'),
-  additionalDeps: ['prop-types'],
-  additionalFiles: [{
-    path: '.babelrc',
-    contents: '{ "presets": ["@babel/preset-react"] }'
-  }]
-};
-export const react_legacy_root_api = {
-  renderer: 'react',
-  name: 'react_legacy_root_api',
-  version: 'latest',
-  generator: fromDeps('react', 'react-dom'),
-  additionalDeps: ['prop-types', '@babel/preset-react'],
-  additionalFiles: [{
-    path: '.babelrc',
-    contents: '{ "presets": ["@babel/preset-react"] }'
-  }],
-  mainOverrides: {
-    reactOptions: {
-      legacyRootApi: true
-    }
-  }
-};
-export const react_typescript = {
-  renderer: 'react',
-  name: 'react_typescript',
-  version: 'latest',
-  generator: fromDeps('react', 'react-dom'),
-  typescript: true,
-  additionalDeps: ['@babel/preset-react', '@babel/preset-typescript'],
-  additionalFiles: [{
-    path: '.babelrc',
-    contents: '{ "presets": ["@babel/preset-react", "@babel/preset-typescript"] }'
-  }]
-}; // export const vite_react: Parameters = {
-//   renderer: 'react',
-//   name: 'vite_react',
-//   version: 'latest',
-//   generator: 'npx -p create-vite@{{version}} create-vite {{appName}} --template react-ts',
-// };
-
-export const react_in_yarn_workspace = {
-  renderer: 'react',
-  name: 'react_in_yarn_workspace',
-  version: 'latest',
-  generator: ['mkdir {{appName}}', 'cd {{appName}}', 'echo "{ \\"name\\": \\"workspace-root\\", \\"private\\": true, \\"workspaces\\": [] }" > package.json', 'touch yarn.lock', `yarn add react react-dom`].join(' && ')
-}; // #endregion
-// #region Angular
-
-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`
-};
-export const angular12 = Object.assign({}, baseAngular, {
-  name: 'angular12',
-  version: 'v12-lts'
-});
-export const angular130 = Object.assign({}, baseAngular, {
-  name: 'angular130',
-  version: '13.0.x'
-});
-export const angular13 = Object.assign({}, baseAngular, {
-  name: 'angular13',
-  version: '13.1.x'
-});
-export const angular_modern_inline_rendering = Object.assign({}, baseAngular, {
-  name: 'angular_modern_inline_rendering',
-  additionalDeps: ['jest@27', '@storybook/test-runner'],
-  mainOverrides: {
-    features: {
-      storyStoreV7: true
-    }
-  }
-});
-export const angular = baseAngular; // #endregion
-// #region  web components
-
-export const web_components = {
-  renderer: 'web-components',
-  name: 'web_components',
-  version: '2',
-  generator: fromDeps('lit-element')
-};
-export const web_components_typescript = Object.assign({}, web_components, {
-  name: 'web_components_typescript',
-  typescript: true,
-  additionalDeps: ['@babel/preset-typescript'],
-  additionalFiles: [{
-    path: '.babelrc',
-    contents: '{ "presets": ["@babel/preset-typescript"] }'
-  }]
-});
-export const web_components_lit2 = Object.assign({}, web_components, {
-  version: 'next',
-  name: 'web_components_lit2',
-  generator: fromDeps('lit'),
-  typescript: true,
-  additionalDeps: ['@babel/preset-typescript'],
-  additionalFiles: [{
-    path: '.babelrc',
-    contents: '{ "presets": ["@babel/preset-typescript"] }'
-  }]
-}); // #endregion
-// #region  vue
-
-export const vue = {
-  renderer: 'vue',
-  name: 'vue',
-  // Be careful here, the latest versions of vue cli are bootstrapping a vue 3  project
-  version: '4',
-  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(' && ')
-};
-export const vue3 = {
-  renderer: 'vue3',
-  name: 'vue3',
-  version: 'next',
-  // Vue CLI v4 utilizes webpack 4, and the 5-alpha uses webpack 5 so we force ^4 here
-  generator: [// Force npm otherwise we have a mess between Yarn 1 and Yarn 2
-  `npx -p @vue/cli@^4 vue create {{appName}} --preset=__default_vue_3__ --packageManager=npm --no-git --force`].join(' && ')
-}; // #endregion
-
-export const html = {
-  renderer: 'html',
-  name: 'html',
-  version: 'latest',
-  generator: fromDeps(),
-  autoDetect: false
-};
-export const preact = {
-  renderer: 'preact',
-  name: 'preact',
-  version: 'latest',
-  generator: 'npx preact-cli@{{version}} create preactjs-templates/default {{appName}} --install=false --git=false'
-};
-export const sfcVue = {
-  renderer: 'vue',
-  name: 'sfcVue',
-  version: 'latest',
-  //
-  generator: fromDeps('vue@2.6', 'vue-loader@15.9', 'vue-template-compiler@2.6', 'webpack')
-};
-export const svelte = {
-  renderer: 'svelte',
-  name: 'svelte',
-  version: 'latest',
-  generator: 'npx degit sveltejs/template {{appName}}'
-};