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

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;
+};

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

@@ -1,36 +1,17 @@
-"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 _execa = require("execa");
-
-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; }
 
+/* eslint-disable camelcase */
+import path from 'path';
+import { readJSON, writeJSON, outputFile } from 'fs-extra';
+import shell from 'shelljs';
+import chalk from 'chalk';
+import { command } from 'execa';
+import { cra, cra_typescript } from './configs';
+import storybookVersions from '../versions';
 const logger = console;
-const useLocalSbCli = true;
-
-const exec = async (command, options = {}, {
+export const exec = async (command, options = {}, {
   startMessage,
   errorMessage
 } = {}) => {
@@ -43,19 +24,17 @@ const exec = async (command, options = {}, {
     const defaultOptions = {
       silent: false
     };
-
-    const child = _shelljs.default.exec(command, Object.assign({}, defaultOptions, options, {
+    const child = shell.exec(command, Object.assign({}, defaultOptions, options, {
       async: true,
       silent: false
     }));
-
     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.error(chalk.red(`An error occurred while executing: \`${command}\``));
         logger.log(errorMessage);
         reject(new Error(`command exited with code: ${code}: `));
       }
@@ -63,18 +42,14 @@ const exec = async (command, options = {}, {
   });
 };
 
-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, {
+  const packageJsonPath = path.join(cwd, 'package.json');
+  const packageJson = await readJSON(packageJsonPath);
+  packageJson.resolutions = storybookVersions;
+  await writeJSON(packageJsonPath, packageJson, {
     spaces: 2
   });
 };
@@ -83,16 +58,12 @@ const addLocalPackageResolutions = async ({
   cwd
 }) => {
   logger.info(`🔢 Adding package resolutions:`);
-
-  const packageJsonPath = _path.default.join(cwd, 'package.json');
-
-  const packageJson = await (0, _fsExtra.readJSON)(packageJsonPath);
-
-  const workspaceDir = _path.default.join(__dirname, '..', '..', '..', '..', '..');
-
+  const packageJsonPath = path.join(cwd, 'package.json');
+  const packageJson = await readJSON(packageJsonPath);
+  const workspaceDir = path.join(__dirname, '..', '..', '..', '..', '..');
   const {
     stdout
-  } = await (0, _execa.command)('yarn workspaces list --json', {
+  } = await command('yarn workspaces list --json', {
     cwd: workspaceDir
   });
   console.log({
@@ -103,12 +74,12 @@ const addLocalPackageResolutions = async ({
   console.log({
     workspaces
   });
-  packageJson.resolutions = Object.keys(_versions.default).reduce((acc, key) => {
+  packageJson.resolutions = Object.keys(storybookVersions).reduce((acc, key) => {
     return Object.assign({}, acc, {
-      [key]: _path.default.join(workspaceDir, workspaces.find(item => item.name === key).location)
+      [key]: path.join(workspaceDir, workspaces.find(item => item.name === key).location)
     });
   }, {});
-  await (0, _fsExtra.writeJSON)(packageJsonPath, packageJson, {
+  await writeJSON(packageJsonPath, packageJson, {
     spaces: 2
   });
 };
@@ -122,7 +93,7 @@ const installYarn2 = async ({
   // 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)) {
+  if ([cra.name, 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" } } }'`);
   }
 
@@ -173,7 +144,7 @@ const addAdditionalFiles = async ({
 }) => {
   logger.info(`⤵️ Adding required files`);
   await Promise.all(additionalFiles.map(async file => {
-    await (0, _fsExtra.outputFile)(_path.default.resolve(cwd, file.path), file.contents, {
+    await outputFile(path.resolve(cwd, file.path), file.contents, {
       encoding: 'UTF-8'
     });
   }));
@@ -200,7 +171,7 @@ const initStorybook = async ({
     flags.push('--use-pnp');
   }
 
-  const sbCLICommand = useLocalSbCli ? `node ${_path.default.join(__dirname, '../../esm/generate')}` : `yarn dlx -p @storybook/cli sb`;
+  const sbCLICommand = `node ${path.join(__dirname, '../../cjs/generate')}`;
   const command = `${sbCLICommand} init ${flags.join(' ')}`;
   await exec(command, {
     cwd
@@ -215,8 +186,7 @@ const addRequiredDeps = async ({
   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'));
-
+  shell.rm('-f', path.join(cwd, 'package-lock.json'), path.join(cwd, 'yarn.lock'));
   const command = additionalDeps && additionalDeps.length > 0 ? `yarn add -D ${additionalDeps.join(' ')}` : `yarn install`;
   await exec(command, {
     cwd
@@ -245,10 +215,8 @@ const addTypescript = async ({
       },
       include: ['src/*']
     };
-
-    const tsConfigJsonPath = _path.default.resolve(cwd, 'tsconfig.json');
-
-    await (0, _fsExtra.writeJSON)(tsConfigJsonPath, tsConfig, {
+    const tsConfigJsonPath = path.resolve(cwd, 'tsconfig.json');
+    await writeJSON(tsConfigJsonPath, tsConfig, {
       encoding: 'utf8',
       spaces: 2
     });
@@ -265,10 +233,25 @@ const doTask = async (task, options, condition = true) => {
   }
 };
 
-const createAndInit = async (cwd, _ref, {
+const registryUrlNPM = url => {
+  const args = ['config', 'set', 'registry', url];
+  return exec(`npm ${args.join(' ')}`, {
+    cwd: path.join(process.cwd(), '..')
+  });
+};
+
+const registryUrlYarn = url => {
+  const args = ['config', 'set', 'npmRegistryServer', url];
+  return exec(`yarn ${args.join(' ')}`, {
+    cwd: path.join(__dirname, '..')
+  });
+};
+
+export const createAndInit = async (cwd, _ref, {
   e2e,
   pnp,
-  local
+  local,
+  registry
 }) => {
   let {
     name,
@@ -279,8 +262,8 @@ const createAndInit = async (cwd, _ref, {
   const options = Object.assign({
     name,
     version,
-    appName: _path.default.basename(cwd),
-    creationPath: _path.default.join(cwd, '..'),
+    appName: path.basename(cwd),
+    creationPath: path.join(cwd, '..'),
     cwd,
     e2e,
     pnp
@@ -311,7 +294,11 @@ const createAndInit = async (cwd, _ref, {
 
   await doTask(addTypescript, options, !!options.typescript);
   await doTask(addRequiredDeps, options);
-  await doTask(initStorybook, options);
-};
 
-exports.createAndInit = createAndInit;
+  if (registry) {
+    await registryUrlNPM(registry);
+    await registryUrlYarn(registry);
+  }
+
+  await doTask(initStorybook, options);
+};

package/dist/esm/repro.js

@@ -1,36 +1,11 @@
-"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 = 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 }; }
-
+import prompts from 'prompts';
+import fs from 'fs';
+import path from 'path';
+import chalk from 'chalk';
+import boxen from 'boxen';
+import { dedent } from 'ts-dedent';
+import { createAndInit, exec } from './repro-generators/scripts';
+import * as configs from './repro-generators/configs';
 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
@@ -40,8 +15,7 @@ const RENDERERS = Object.values(CURATED_TEMPLATES).reduce((acc, cur) => {
   acc[cur.renderer] = [...(acc[cur.renderer] || []), cur];
   return acc;
 }, {});
-
-const repro = async ({
+export const repro = async ({
   outputDirectory,
   list,
   template,
@@ -49,12 +23,13 @@ const repro = async ({
   generator,
   e2e,
   local,
+  registry,
   pnp
 }) => {
-  logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
-        🤗 Welcome to ${_chalk.default.yellow('sb repro')}! 🤗 
+  logger.info(boxen(dedent`
+        🤗 Welcome to ${chalk.yellow('sb repro')}! 🤗 
 
-        Create a ${_chalk.default.green('new project')} to minimally reproduce Storybook issues.
+        Create a ${chalk.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.
@@ -86,7 +61,7 @@ const repro = async ({
     if (!selectedRenderer) {
       const {
         renderer: rendererOpt
-      } = await (0, _prompts.default)({
+      } = await prompts({
         type: 'select',
         message: '🌈 Select the repro renderer',
         name: 'renderer',
@@ -102,7 +77,7 @@ const repro = async ({
       throw new Error('🚨 Repro: please select a renderer!');
     }
 
-    selectedTemplate = (await (0, _prompts.default)({
+    selectedTemplate = (await prompts({
       type: 'select',
       message: '📝 Select the repro base template',
       name: 'template',
@@ -128,20 +103,21 @@ const repro = async ({
   if (!selectedDirectory) {
     const {
       directory
-    } = await (0, _prompts.default)({
+    } = await prompts({
       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
+      validate: directoryName => fs.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);
+    const cwd = path.isAbsolute(selectedDirectory) ? selectedDirectory : path.join(process.cwd(), selectedDirectory);
     logger.info(`🏃 Running ${selectedTemplate} into ${cwd}`);
-    await (0, _scripts.createAndInit)(cwd, selectedConfig, {
+    await createAndInit(cwd, selectedConfig, {
+      registry,
       e2e: !!e2e,
       pnp: !!pnp,
       local: !!local
@@ -151,15 +127,15 @@ const repro = async ({
       await initGitRepo(cwd);
     }
 
-    logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
+    logger.info(boxen(dedent`
         🎉 Your Storybook reproduction project is ready to use! 🎉
 
-        ${_chalk.default.yellow(`cd ${selectedDirectory}`)}
-        ${_chalk.default.yellow(`yarn storybook`)}
+        ${chalk.yellow(`cd ${selectedDirectory}`)}
+        ${chalk.yellow(`yarn storybook`)}
 
         Once you've recreated the problem you're experiencing, please:
         
-        1. Document any additional steps in ${_chalk.default.cyan('README.md')}
+        1. Document any additional steps in ${chalk.cyan('README.md')}
         2. Publish the repository to github
         3. Link to the repro repository in your issue
 
@@ -175,22 +151,20 @@ const repro = async ({
   }
 };
 
-exports.repro = repro;
-
 const initGitRepo = async cwd => {
-  await (0, _scripts.exec)('git init', {
+  await exec('git init', {
     cwd
   });
-  await (0, _scripts.exec)('echo "node_modules" >> .gitignore', {
+  await exec('echo "node_modules" >> .gitignore', {
     cwd
   });
-  await (0, _scripts.exec)('git add --all', {
+  await exec('git add --all', {
     cwd
   });
-  await (0, _scripts.exec)('git commit -am "added storybook"', {
+  await exec('git commit -am "added storybook"', {
     cwd
   });
-  await (0, _scripts.exec)('git tag repro-base', {
+  await exec('git tag repro-base', {
     cwd
   });
 };