@storybook/cli 6.5.7-alpha.0 → 7.0.0-alpha.1

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

@@ -1,196 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.webpack_react = exports.web_components_typescript = exports.web_components_lit2 = exports.web_components = exports.vue3 = exports.vue = exports.vite_react = 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.angular11 = exports.angular10 = exports.angular = void 0;
-
-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 = {
-  framework: '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 = {
-  framework: '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 = {
-  framework: 'react',
-  name: 'react',
-  version: 'latest',
-  generator: fromDeps('react', 'react-dom'),
-  additionalDeps: ['prop-types']
-};
-exports.react = react;
-const react_legacy_root_api = {
-  framework: 'react',
-  name: 'react_legacy_root_api',
-  version: 'latest',
-  generator: fromDeps('react', 'react-dom'),
-  additionalDeps: ['prop-types'],
-  mainOverrides: {
-    reactOptions: {
-      legacyRootApi: true
-    }
-  }
-};
-exports.react_legacy_root_api = react_legacy_root_api;
-const react_typescript = {
-  framework: 'react',
-  name: 'react_typescript',
-  version: 'latest',
-  generator: fromDeps('react', 'react-dom'),
-  typescript: true
-};
-exports.react_typescript = react_typescript;
-const webpack_react = {
-  framework: 'react',
-  name: 'webpack_react',
-  version: 'latest',
-  generator: fromDeps('react', 'react-dom', 'webpack@webpack-4')
-};
-exports.webpack_react = webpack_react;
-const vite_react = {
-  framework: 'react',
-  name: 'vite_react',
-  version: 'latest',
-  generator: 'npx -p create-vite@{{version}} create-vite {{appName}} --template react-ts'
-};
-exports.vite_react = vite_react;
-const react_in_yarn_workspace = {
-  framework: '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
-
-exports.react_in_yarn_workspace = react_in_yarn_workspace;
-const baseAngular = {
-  framework: 'angular',
-  name: 'angular',
-  version: 'latest',
-  generator: `npx -p @angular/cli@{{version}} ng new {{appName}} --routing=true --minimal=true --style=scss --skipInstall=true --strict`
-};
-const angular10 = Object.assign({}, baseAngular, {
-  name: 'angular10',
-  version: 'v10-lts'
-});
-exports.angular10 = angular10;
-const angular11 = Object.assign({}, baseAngular, {
-  name: 'angular11',
-  version: 'v11-lts'
-});
-exports.angular11 = angular11;
-const angular12 = Object.assign({}, baseAngular, {
-  name: 'angular12',
-  version: 'v12-lts'
-});
-exports.angular12 = angular12;
-const angular130 = Object.assign({}, baseAngular, {
-  name: 'angular130',
-  version: '13.0.x'
-});
-exports.angular130 = angular130;
-const angular13 = Object.assign({}, baseAngular, {
-  name: 'angular13',
-  version: '13.1.x'
-});
-exports.angular13 = angular13;
-const angular_modern_inline_rendering = Object.assign({}, baseAngular, {
-  name: 'angular_modern_inline_rendering',
-  additionalDeps: ['jest@27', '@storybook/test-runner'],
-  mainOverrides: {
-    features: {
-      storyStoreV7: true,
-      modernInlineRender: true
-    }
-  }
-});
-exports.angular_modern_inline_rendering = angular_modern_inline_rendering;
-const angular = baseAngular; // #endregion
-// #region  web components
-
-exports.angular = angular;
-const web_components = {
-  framework: 'web-components',
-  name: 'web_components',
-  version: '2',
-  generator: fromDeps('lit-element')
-};
-exports.web_components = web_components;
-const web_components_typescript = Object.assign({}, web_components, {
-  name: 'web_components_typescript',
-  typescript: true
-});
-exports.web_components_typescript = web_components_typescript;
-const web_components_lit2 = Object.assign({}, web_components, {
-  version: 'next',
-  name: 'web_components_lit2',
-  generator: fromDeps('lit'),
-  typescript: true
-}); // #endregion
-// #region  vue
-
-exports.web_components_lit2 = web_components_lit2;
-const vue = {
-  framework: '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(' && ')
-};
-exports.vue = vue;
-const vue3 = {
-  framework: '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
-
-exports.vue3 = vue3;
-const html = {
-  framework: 'html',
-  name: 'html',
-  version: 'latest',
-  generator: fromDeps(),
-  autoDetect: false
-};
-exports.html = html;
-const preact = {
-  framework: 'preact',
-  name: 'preact',
-  version: 'latest',
-  generator: 'npx preact-cli@{{version}} create preactjs-templates/default {{appName}} --install=false --git=false'
-};
-exports.preact = preact;
-const sfcVue = {
-  framework: 'vue',
-  name: 'sfcVue',
-  version: 'latest',
-  //
-  generator: fromDeps('vue@2.6', 'vue-loader@15.9', 'vue-template-compiler@2.6', 'webpack@webpack-4')
-};
-exports.sfcVue = sfcVue;
-const svelte = {
-  framework: 'svelte',
-  name: 'svelte',
-  version: 'latest',
-  generator: 'npx degit sveltejs/template {{appName}}'
-};
-exports.svelte = svelte;

package/dist/modern/repro-generators/scripts.js

@@ -1,243 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.exec = exports.createAndInit = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _fsExtra = require("fs-extra");
-
-var _shelljs = _interopRequireDefault(require("shelljs"));
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _configs = require("./configs");
-
-var _versions = _interopRequireDefault(require("../versions"));
-
-const _excluded = ["name", "version"];
-
-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; }
-
-const logger = console;
-const useLocalSbCli = true;
-
-const exec = async (command, options = {}, {
-  startMessage,
-  errorMessage
-} = {}) => {
-  if (startMessage) {
-    logger.info(startMessage);
-  }
-
-  logger.debug(command);
-  return new Promise((resolve, reject) => {
-    const defaultOptions = {
-      silent: true
-    };
-
-    const child = _shelljs.default.exec(command, Object.assign({}, defaultOptions, options, {
-      async: true
-    }));
-
-    child.stderr.pipe(process.stderr);
-    child.stdout.pipe(process.stdout);
-    child.on('exit', code => {
-      if (code === 0) {
-        resolve(undefined);
-      } else {
-        logger.error(_chalk.default.red(`An error occurred while executing: \`${command}\``));
-        logger.log(errorMessage);
-        reject(new Error(`command exited with code: ${code}: `));
-      }
-    });
-  });
-};
-
-exports.exec = exec;
-
-const addPackageResolutions = async ({
-  cwd
-}) => {
-  logger.info(`🔢 Adding package resolutions:`);
-
-  const packageJsonPath = _path.default.join(cwd, 'package.json');
-
-  const packageJson = await (0, _fsExtra.readJSON)(packageJsonPath);
-  packageJson.resolutions = _versions.default;
-  await (0, _fsExtra.writeJSON)(packageJsonPath, packageJson, {
-    spaces: 2
-  });
-};
-
-const installYarn2 = async ({
-  cwd,
-  pnp,
-  name
-}) => {
-  const command = [`yarn set version berry`, `yarn config set enableGlobalCache true`, `yarn config set nodeLinker ${pnp ? 'pnp' : 'node-modules'}`]; // FIXME: Some dependencies used by CRA aren't listed in its package.json
-  // Next line is a hack to remove as soon as CRA will have added these missing deps
-  // for details see https://github.com/facebook/create-react-app/pull/11751
-
-  if ([_configs.cra.name, _configs.cra_typescript.name].includes(name)) {
-    command.push(`yarn config set packageExtensions --json '{ "babel-preset-react-app@10.0.x": { "dependencies": { "@babel/plugin-proposal-private-property-in-object": "^7.16.0" } } }'`);
-  }
-
-  await exec(command.join(' && '), {
-    cwd
-  }, {
-    startMessage: `🧶 Installing Yarn 2`,
-    errorMessage: `🚨 Installing Yarn 2 failed`
-  });
-};
-
-const configureYarn2ForE2E = async ({
-  cwd
-}) => {
-  const command = [// ⚠️ Need to set registry because Yarn 2 is not using the conf of Yarn 1 (URL is hardcoded in CircleCI config.yml)
-  `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6000/" } }'`, // Some required magic to be able to fetch deps from local registry
-  `yarn config set unsafeHttpWhitelist --json '["localhost"]'`, // Disable fallback mode to make sure everything is required correctly
-  `yarn config set pnpFallbackMode none`, // We need to be able to update lockfile when bootstrapping the examples
-  `yarn config set enableImmutableInstalls false`, // Discard all YN0013 - FETCH_NOT_CACHED messages
-  `yarn config set logFilters --json '[ { "code": "YN0013", "level": "discard" } ]'`].join(' && ');
-  await exec(command, {
-    cwd
-  }, {
-    startMessage: `🎛 Configuring Yarn 2`,
-    errorMessage: `🚨 Configuring Yarn 2 failed`
-  });
-};
-
-const generate = async ({
-  cwd,
-  name,
-  appName,
-  version,
-  generator
-}) => {
-  const command = generator.replace(/{{appName}}/g, appName).replace(/{{version}}/g, version);
-  await exec(command, {
-    cwd
-  }, {
-    startMessage: `🏗 Bootstrapping ${name} project (this might take a few minutes)`,
-    errorMessage: `🚨 Bootstrapping ${name} failed`
-  });
-};
-
-const initStorybook = async ({
-  cwd,
-  autoDetect = true,
-  name,
-  e2e
-}) => {
-  const type = autoDetect ? '' : `--type ${name}`;
-  const linkable = e2e ? '' : '--linkable';
-  const sbCLICommand = useLocalSbCli ? `node ${_path.default.join(__dirname, '../../esm/generate')}` : `yarn dlx -p @storybook/cli sb`;
-  const command = `${sbCLICommand} init --yes ${type} ${linkable}`;
-  await exec(command, {
-    cwd
-  }, {
-    startMessage: `🎨 Initializing Storybook with @storybook/cli`,
-    errorMessage: `🚨 Storybook initialization failed`
-  });
-};
-
-const addRequiredDeps = async ({
-  cwd,
-  additionalDeps
-}) => {
-  // Remove any lockfile generated without Yarn 2
-  _shelljs.default.rm('-f', _path.default.join(cwd, 'package-lock.json'), _path.default.join(cwd, 'yarn.lock'));
-
-  const command = additionalDeps && additionalDeps.length > 0 ? `yarn add -D ${additionalDeps.join(' ')}` : `yarn install`;
-  await exec(command, {
-    cwd
-  }, {
-    startMessage: `🌍 Adding needed deps & installing all deps`,
-    errorMessage: `🚨 Dependencies installation failed`
-  });
-};
-
-const addTypescript = async ({
-  cwd
-}) => {
-  logger.info(`👮 Adding typescript and tsconfig.json`);
-
-  try {
-    await exec(`yarn add -D typescript@latest`, {
-      cwd
-    });
-    const tsConfig = {
-      compilerOptions: {
-        baseUrl: '.',
-        esModuleInterop: true,
-        jsx: 'preserve',
-        skipLibCheck: true,
-        strict: true
-      },
-      include: ['src/*']
-    };
-
-    const tsConfigJsonPath = _path.default.resolve(cwd, 'tsconfig.json');
-
-    await (0, _fsExtra.writeJSON)(tsConfigJsonPath, tsConfig, {
-      encoding: 'utf8',
-      spaces: 2
-    });
-  } catch (e) {
-    logger.error(`🚨 Creating tsconfig.json failed`);
-    throw e;
-  }
-};
-
-const doTask = async (task, options, condition = true) => {
-  if (condition) {
-    await task(options);
-    logger.log();
-  }
-};
-
-const createAndInit = async (cwd, _ref, {
-  e2e,
-  pnp
-}) => {
-  let {
-    name,
-    version
-  } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  const options = Object.assign({
-    name,
-    version,
-    appName: _path.default.basename(cwd),
-    creationPath: _path.default.join(cwd, '..'),
-    cwd,
-    e2e,
-    pnp
-  }, rest);
-  logger.log();
-  logger.info(`🏃 Starting for ${name} ${version}`);
-  logger.log();
-  await doTask(generate, Object.assign({}, options, {
-    cwd: options.creationPath
-  }));
-
-  if (e2e) {
-    await doTask(addPackageResolutions, options);
-  }
-
-  await doTask(installYarn2, options);
-  await doTask(configureYarn2ForE2E, options, e2e);
-  await doTask(addTypescript, options, !!options.typescript);
-  await doTask(addRequiredDeps, options);
-  await doTask(initStorybook, options);
-};
-
-exports.createAndInit = createAndInit;

package/dist/modern/repro.js

@@ -1,194 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.repro = void 0;
-
-require("core-js/modules/es.object.from-entries.js");
-
-require("core-js/modules/es.promise.js");
-
-var _prompts = _interopRequireDefault(require("prompts"));
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _path = _interopRequireDefault(require("path"));
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _boxen = _interopRequireDefault(require("boxen"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _scripts = require("./repro-generators/scripts");
-
-var configs = _interopRequireWildcard(require("./repro-generators/configs"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const logger = console;
-const TEMPLATES = configs; // Create a curate list of template because some of them only make sense in E2E
-// context, fon instance react_in_yarn_workspace
-
-const CURATED_TEMPLATES = Object.fromEntries(Object.entries(configs).filter(entry => entry[0] !== 'react_in_yarn_workspace'));
-const FRAMEWORKS = Object.values(CURATED_TEMPLATES).reduce((acc, cur) => {
-  acc[cur.framework] = [...(acc[cur.framework] || []), cur];
-  return acc;
-}, {});
-
-const repro = async ({
-  outputDirectory,
-  list,
-  template,
-  framework,
-  generator,
-  e2e,
-  pnp
-}) => {
-  logger.info((0, _boxen.default)((0, _tsDedent.default)`
-        🤗 Welcome to ${_chalk.default.yellow('sb repro')}! 🤗 
-
-        Create a ${_chalk.default.green('new project')} to minimally reproduce Storybook issues.
-        
-        1. select an environment that most closely matches your project setup.
-        2. select a location for the reproduction, outside of your project.
-        
-        After the reproduction is ready, we'll guide you through the next steps.
-        `.trim(), {
-    borderStyle: 'round',
-    padding: 1,
-    borderColor: '#F1618C'
-  }));
-
-  if (list) {
-    logger.info('🌈 Available templates');
-    Object.entries(FRAMEWORKS).forEach(([fmwrk, templates]) => {
-      logger.info(fmwrk);
-      templates.forEach(t => logger.info(`- ${t.name}`));
-
-      if (fmwrk === 'other') {
-        logger.info('- blank');
-      }
-    });
-    return;
-  }
-
-  let selectedTemplate = template;
-  let selectedFramework = framework;
-
-  if (!selectedTemplate && !generator) {
-    if (!selectedFramework) {
-      const {
-        framework: frameworkOpt
-      } = await (0, _prompts.default)({
-        type: 'select',
-        message: '🌈 Select the repro framework',
-        name: 'framework',
-        choices: Object.keys(FRAMEWORKS).map(f => ({
-          title: f,
-          value: f
-        }))
-      });
-      selectedFramework = frameworkOpt;
-    }
-
-    if (!selectedFramework) {
-      throw new Error('🚨 Repro: please select a framework!');
-    }
-
-    selectedTemplate = (await (0, _prompts.default)({
-      type: 'select',
-      message: '📝 Select the repro base template',
-      name: 'template',
-      choices: FRAMEWORKS[selectedFramework].map(f => ({
-        title: f.name,
-        value: f.name
-      }))
-    })).template;
-  }
-
-  const selectedConfig = !generator ? TEMPLATES[selectedTemplate] : {
-    name: 'custom',
-    version: 'custom',
-    generator
-  };
-
-  if (!selectedConfig) {
-    throw new Error('🚨 Repro: please specify a valid template type');
-  }
-
-  let selectedDirectory = outputDirectory;
-
-  if (!selectedDirectory) {
-    const {
-      directory
-    } = await (0, _prompts.default)({
-      type: 'text',
-      message: 'Enter the output directory',
-      name: 'directory',
-      initial: selectedConfig.name,
-      validate: directoryName => _fs.default.existsSync(directoryName) ? `${directoryName} already exists. Please choose another name.` : true
-    });
-    selectedDirectory = directory;
-  }
-
-  try {
-    const cwd = _path.default.isAbsolute(selectedDirectory) ? selectedDirectory : _path.default.join(process.cwd(), selectedDirectory);
-    logger.info(`🏃 Running ${selectedTemplate} into ${cwd}`);
-    await (0, _scripts.createAndInit)(cwd, selectedConfig, {
-      e2e: !!e2e,
-      pnp: !!pnp
-    });
-
-    if (!e2e) {
-      await initGitRepo(cwd);
-    }
-
-    logger.info((0, _boxen.default)((0, _tsDedent.default)`
-        🎉 Your Storybook reproduction project is ready to use! 🎉
-
-        ${_chalk.default.yellow(`cd ${selectedDirectory}`)}
-        ${_chalk.default.yellow(`yarn storybook`)}
-
-        Once you've recreated the problem you're experiencing, please:
-        
-        1. Document any additional steps in ${_chalk.default.cyan('README.md')}
-        2. Publish the repository to github
-        3. Link to the repro repository in your issue
-
-        Having a clean repro helps us solve your issue faster! 🙏
-      `.trim(), {
-      borderStyle: 'round',
-      padding: 1,
-      borderColor: '#F1618C'
-    }));
-  } catch (error) {
-    logger.error('🚨 Failed to create repro');
-    throw new Error(error);
-  }
-};
-
-exports.repro = repro;
-
-const initGitRepo = async cwd => {
-  await (0, _scripts.exec)('git init', {
-    cwd
-  });
-  await (0, _scripts.exec)('echo "node_modules" >> .gitignore', {
-    cwd
-  });
-  await (0, _scripts.exec)('git add --all', {
-    cwd
-  });
-  await (0, _scripts.exec)('git commit -am "added storybook"', {
-    cwd
-  });
-  await (0, _scripts.exec)('git tag repro-base', {
-    cwd
-  });
-};

package/dist/modern/typings.d.ts

@@ -1,3 +0,0 @@
-declare module '@storybook/codemod';
-declare module 'envinfo';
-declare module '@storybook/semver';