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

package/dist/cjs/link.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.link = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _fsExtra = _interopRequireDefault(require("fs-extra"));
 
 var _path = _interopRequireDefault(require("path"));
@@ -21,7 +19,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const link = async ({
   target,
-  local
+  local,
+  start
 }) => {
   const storybookDir = process.cwd();
 
@@ -88,11 +87,13 @@ const link = async ({
     cwd: reproDir
   });
 
-  _nodeLogger.logger.info(`Running ${reproName} storybook`);
+  if (start) {
+    _nodeLogger.logger.info(`Running ${reproName} storybook`);
 
-  await (0, _scripts.exec)(`yarn run storybook`, {
-    cwd: reproDir
-  });
+    await (0, _scripts.exec)(`yarn run storybook`, {
+      cwd: reproDir
+    });
+  }
 };
 
 exports.link = link;

package/dist/cjs/migrate.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.migrate = migrate;
 
-require("core-js/modules/es.promise.js");
-
 var _codemod = require("@storybook/codemod");
 
 async function migrate(migration, {

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

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.exec = exports.createAndInit = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _path = _interopRequireDefault(require("path"));
 
 var _fsExtra = require("fs-extra");
@@ -28,14 +26,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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
+  errorMessage,
+  dryRun
 } = {}) => {
-  if (startMessage) {
-    logger.info(startMessage);
+  if (startMessage) logger.info(startMessage);
+
+  if (dryRun) {
+    logger.info(`\n> ${command}\n`);
+    return undefined;
   }
 
   logger.debug(command);
@@ -50,7 +51,6 @@ const exec = async (command, options = {}, {
     }));
 
     child.stderr.pipe(process.stderr);
-    child.stdout.pipe(process.stdout);
     child.on('exit', code => {
       if (code === 0) {
         resolve(undefined);
@@ -200,7 +200,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.default.join(__dirname, '../../cjs/generate')}`;
   const command = `${sbCLICommand} init ${flags.join(' ')}`;
   await exec(command, {
     cwd
@@ -265,10 +265,25 @@ const doTask = async (task, options, condition = true) => {
   }
 };
 
+const registryUrlNPM = url => {
+  const args = ['config', 'set', 'registry', url];
+  return exec(`npm ${args.join(' ')}`, {
+    cwd: _path.default.join(process.cwd(), '..')
+  });
+};
+
+const registryUrlYarn = url => {
+  const args = ['config', 'set', 'npmRegistryServer', url];
+  return exec(`yarn ${args.join(' ')}`, {
+    cwd: _path.default.join(__dirname, '..')
+  });
+};
+
 const createAndInit = async (cwd, _ref, {
   e2e,
   pnp,
-  local
+  local,
+  registry
 }) => {
   let {
     name,
@@ -311,6 +326,12 @@ const createAndInit = async (cwd, _ref, {
 
   await doTask(addTypescript, options, !!options.typescript);
   await doTask(addRequiredDeps, options);
+
+  if (registry) {
+    await registryUrlNPM(registry);
+    await registryUrlYarn(registry);
+  }
+
   await doTask(initStorybook, options);
 };
 

package/dist/cjs/repro-next.js

@@ -0,0 +1,182 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reproNext = void 0;
+
+var _prompts = _interopRequireDefault(require("prompts"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _chalk = _interopRequireDefault(require("chalk"));
+
+var _boxen = _interopRequireDefault(require("boxen"));
+
+var _tsDedent = require("ts-dedent");
+
+var _degit = _interopRequireDefault(require("degit"));
+
+var _fsExtra = require("fs-extra");
+
+var _reproTemplates = _interopRequireDefault(require("./repro-templates"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const logger = console;
+
+const toChoices = c => ({
+  title: _reproTemplates.default[c].name,
+  value: c
+});
+
+const reproNext = async ({
+  output: outputDirectory,
+  filterValue,
+  branch,
+  init
+}) => {
+  const keys = Object.keys(_reproTemplates.default); // get value from template and reduce through TEMPLATES to filter out the correct template
+
+  const choices = keys.reduce((acc, group) => {
+    const current = _reproTemplates.default[group];
+    const filterRegex = new RegExp(filterValue, 'i');
+
+    if (!filterValue) {
+      acc.push(group);
+      return acc;
+    }
+
+    if (current.name.match(filterRegex) || group.match(filterRegex) || current.expected.builder.match(filterRegex) || current.expected.framework.match(filterRegex) || current.expected.renderer.match(filterRegex)) {
+      acc.push(group);
+      return acc;
+    }
+
+    return acc;
+  }, []);
+
+  if (choices.length === 0) {
+    logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
+          🔎 You filtered out all templates. 🔍
+          
+          After filtering all the templates with "${_chalk.default.yellow(filterValue)}", we found no results. Please try again with a different filter.
+
+          Available templates:
+          ${keys.map(key => _chalk.default.blue`- ${key}`).join('\n')}
+          `.trim(), {
+      borderStyle: 'round',
+      padding: 1,
+      borderColor: '#F1618C'
+    }));
+    process.exit(1);
+  }
+
+  let selectedTemplate = null;
+
+  if (choices.length === 1) {
+    [selectedTemplate] = choices;
+  } else {
+    logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
+          🤗 Welcome to ${_chalk.default.yellow('sb repro NEXT')}! 🤗 
+  
+          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'
+    }));
+    selectedTemplate = await promptSelectedTemplate(choices);
+  }
+
+  const hasSelectedTemplate = !!(selectedTemplate ?? null);
+
+  if (!hasSelectedTemplate) {
+    logger.error('Somehow we got no templates. Please rerun this command!');
+    return;
+  }
+
+  const selectedConfig = _reproTemplates.default[selectedTemplate];
+
+  if (!selectedConfig) {
+    throw new Error('🚨 Repro: please specify a valid template type');
+  }
+
+  let selectedDirectory = outputDirectory;
+  const outputDirectoryName = outputDirectory || selectedTemplate;
+
+  if (selectedDirectory && (0, _fsExtra.existsSync)(`${selectedDirectory}`)) {
+    logger.info(`⚠️  ${selectedDirectory} already exists! Overwriting...`);
+  }
+
+  if (!selectedDirectory) {
+    const {
+      directory
+    } = await (0, _prompts.default)({
+      type: 'text',
+      message: 'Enter the output directory',
+      name: 'directory',
+      initial: outputDirectoryName,
+      validate: async directoryName => (0, _fsExtra.existsSync)(directoryName) ? `${directoryName} already exists. Please choose another name.` : true
+    });
+    selectedDirectory = directory;
+  }
+
+  try {
+    const templateDestination = _path.default.isAbsolute(selectedDirectory) ? selectedDirectory : _path.default.join(process.cwd(), selectedDirectory);
+    logger.info(`🏃 Adding ${selectedConfig.name} into ${templateDestination}`);
+    logger.log('📦 Downloading repro template...');
+
+    try {
+      const templateType = init ? 'after-storybook' : 'before-storybook'; // Download the repro based on subfolder "after-storybook" and selected branch
+
+      await (0, _degit.default)(`storybookjs/repro-templates-temp/${selectedTemplate}/${templateType}#${branch}`, {
+        force: true
+      }).clone(templateDestination);
+    } catch (err) {
+      logger.error(`🚨 Failed to download repro template: ${err.message}`);
+      throw err;
+    }
+
+    const initMessage = init ? _chalk.default.yellow(`yarn storybook`) : `Recreate your setup, then ${_chalk.default.yellow(`run npx storybook init`)}`;
+    logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
+        🎉 Your Storybook reproduction project is ready to use! 🎉
+
+        ${_chalk.default.yellow(`cd ${selectedDirectory}`)}
+        ${initMessage}
+
+        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 error;
+  }
+};
+
+exports.reproNext = reproNext;
+
+async function promptSelectedTemplate(choices) {
+  const {
+    template
+  } = await (0, _prompts.default)({
+    type: 'select',
+    message: '🌈 Select the template',
+    name: 'template',
+    choices: choices.map(toChoices)
+  });
+  return template || null;
+}

package/dist/cjs/repro-templates.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// auto generated file, do not edit
+var _default = {
+  'cra/default-js': {
+    name: 'Create React App (Javascript)',
+    script: 'npx create-react-app .',
+    expected: {
+      framework: '@storybook/cra',
+      renderer: '@storybook/react',
+      builder: '@storybook/builder-webpack5'
+    }
+  },
+  'cra/default-ts': {
+    name: 'Create React App (Typescript)',
+    script: 'npx create-react-app . --template typescript',
+    expected: {
+      framework: '@storybook/cra',
+      renderer: '@storybook/react',
+      builder: '@storybook/builder-webpack5'
+    }
+  }
+};
+exports.default = _default;

package/dist/cjs/repro.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 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"));
@@ -49,6 +45,7 @@ const repro = async ({
   generator,
   e2e,
   local,
+  registry,
   pnp
 }) => {
   logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
@@ -142,6 +139,7 @@ const repro = async ({
     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, {
+      registry,
       e2e: !!e2e,
       pnp: !!pnp,
       local: !!local

package/dist/cjs/upgrade.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.upgrade = exports.isCorePackage = exports.getStorybookVersion = exports.checkVersionConsistency = exports.addExtraFlags = void 0;
 
-require("core-js/modules/es.array.sort.js");
-
-require("core-js/modules/es.promise.js");
-
 var _crossSpawn = require("cross-spawn");
 
 var _telemetry = require("@storybook/telemetry");

package/dist/cjs/versions.js

@@ -6,80 +6,80 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 // auto generated file, do not edit
 var _default = {
-  '@storybook/addon-a11y': '7.0.0-alpha.16',
-  '@storybook/addon-actions': '7.0.0-alpha.16',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.16',
-  '@storybook/addon-controls': '7.0.0-alpha.16',
-  '@storybook/addon-docs': '7.0.0-alpha.16',
-  '@storybook/addon-essentials': '7.0.0-alpha.16',
-  '@storybook/addon-highlight': '7.0.0-alpha.16',
-  '@storybook/addon-interactions': '7.0.0-alpha.16',
-  '@storybook/addon-jest': '7.0.0-alpha.16',
-  '@storybook/addon-links': '7.0.0-alpha.16',
-  '@storybook/addon-measure': '7.0.0-alpha.16',
-  '@storybook/addon-outline': '7.0.0-alpha.16',
-  '@storybook/addon-storyshots': '7.0.0-alpha.16',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.16',
-  '@storybook/addon-storysource': '7.0.0-alpha.16',
-  '@storybook/addon-toolbars': '7.0.0-alpha.16',
-  '@storybook/addon-viewport': '7.0.0-alpha.16',
-  '@storybook/addons': '7.0.0-alpha.16',
-  '@storybook/angular': '7.0.0-alpha.16',
-  '@storybook/api': '7.0.0-alpha.16',
-  '@storybook/blocks': '7.0.0-alpha.16',
-  '@storybook/builder-manager': '7.0.0-alpha.16',
-  '@storybook/builder-webpack5': '7.0.0-alpha.16',
-  '@storybook/channel-postmessage': '7.0.0-alpha.16',
-  '@storybook/channel-websocket': '7.0.0-alpha.16',
-  '@storybook/channels': '7.0.0-alpha.16',
-  '@storybook/cli': '7.0.0-alpha.16',
-  '@storybook/client-api': '7.0.0-alpha.16',
-  '@storybook/client-logger': '7.0.0-alpha.16',
-  '@storybook/codemod': '7.0.0-alpha.16',
-  '@storybook/components': '7.0.0-alpha.16',
-  '@storybook/core-client': '7.0.0-alpha.16',
-  '@storybook/core-common': '7.0.0-alpha.16',
-  '@storybook/core-events': '7.0.0-alpha.16',
-  '@storybook/core-server': '7.0.0-alpha.16',
-  '@storybook/core-webpack': '7.0.0-alpha.16',
-  '@storybook/csf-tools': '7.0.0-alpha.16',
-  '@storybook/docs-tools': '7.0.0-alpha.16',
-  '@storybook/ember': '7.0.0-alpha.16',
-  '@storybook/html': '7.0.0-alpha.16',
-  '@storybook/html-webpack5': '7.0.0-alpha.16',
-  '@storybook/instrumenter': '7.0.0-alpha.16',
-  '@storybook/node-logger': '7.0.0-alpha.16',
-  '@storybook/postinstall': '7.0.0-alpha.16',
-  '@storybook/preact': '7.0.0-alpha.16',
-  '@storybook/preact-webpack5': '7.0.0-alpha.16',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.16',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.16',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.16',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.16',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.16',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.16',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.16',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.16',
-  '@storybook/preview-web': '7.0.0-alpha.16',
-  '@storybook/react': '7.0.0-alpha.16',
-  '@storybook/react-webpack5': '7.0.0-alpha.16',
-  '@storybook/router': '7.0.0-alpha.16',
-  '@storybook/server': '7.0.0-alpha.16',
-  '@storybook/server-webpack5': '7.0.0-alpha.16',
-  '@storybook/source-loader': '7.0.0-alpha.16',
-  '@storybook/store': '7.0.0-alpha.16',
-  '@storybook/svelte': '7.0.0-alpha.16',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.16',
-  '@storybook/telemetry': '7.0.0-alpha.16',
-  '@storybook/theming': '7.0.0-alpha.16',
-  '@storybook/ui': '7.0.0-alpha.16',
-  '@storybook/vue': '7.0.0-alpha.16',
-  '@storybook/vue-webpack5': '7.0.0-alpha.16',
-  '@storybook/vue3': '7.0.0-alpha.16',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.16',
-  '@storybook/web-components': '7.0.0-alpha.16',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.16',
-  sb: '7.0.0-alpha.16',
-  storybook: '7.0.0-alpha.16'
+  '@storybook/addon-a11y': '7.0.0-alpha.19',
+  '@storybook/addon-actions': '7.0.0-alpha.19',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.19',
+  '@storybook/addon-controls': '7.0.0-alpha.19',
+  '@storybook/addon-docs': '7.0.0-alpha.19',
+  '@storybook/addon-essentials': '7.0.0-alpha.19',
+  '@storybook/addon-highlight': '7.0.0-alpha.19',
+  '@storybook/addon-interactions': '7.0.0-alpha.19',
+  '@storybook/addon-jest': '7.0.0-alpha.19',
+  '@storybook/addon-links': '7.0.0-alpha.19',
+  '@storybook/addon-measure': '7.0.0-alpha.19',
+  '@storybook/addon-outline': '7.0.0-alpha.19',
+  '@storybook/addon-storyshots': '7.0.0-alpha.19',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.19',
+  '@storybook/addon-storysource': '7.0.0-alpha.19',
+  '@storybook/addon-toolbars': '7.0.0-alpha.19',
+  '@storybook/addon-viewport': '7.0.0-alpha.19',
+  '@storybook/addons': '7.0.0-alpha.19',
+  '@storybook/angular': '7.0.0-alpha.19',
+  '@storybook/api': '7.0.0-alpha.19',
+  '@storybook/blocks': '7.0.0-alpha.19',
+  '@storybook/builder-manager': '7.0.0-alpha.19',
+  '@storybook/builder-webpack5': '7.0.0-alpha.19',
+  '@storybook/channel-postmessage': '7.0.0-alpha.19',
+  '@storybook/channel-websocket': '7.0.0-alpha.19',
+  '@storybook/channels': '7.0.0-alpha.19',
+  '@storybook/cli': '7.0.0-alpha.19',
+  '@storybook/client-api': '7.0.0-alpha.19',
+  '@storybook/client-logger': '7.0.0-alpha.19',
+  '@storybook/codemod': '7.0.0-alpha.19',
+  '@storybook/components': '7.0.0-alpha.19',
+  '@storybook/core-client': '7.0.0-alpha.19',
+  '@storybook/core-common': '7.0.0-alpha.19',
+  '@storybook/core-events': '7.0.0-alpha.19',
+  '@storybook/core-server': '7.0.0-alpha.19',
+  '@storybook/core-webpack': '7.0.0-alpha.19',
+  '@storybook/csf-tools': '7.0.0-alpha.19',
+  '@storybook/docs-tools': '7.0.0-alpha.19',
+  '@storybook/ember': '7.0.0-alpha.19',
+  '@storybook/html': '7.0.0-alpha.19',
+  '@storybook/html-webpack5': '7.0.0-alpha.19',
+  '@storybook/instrumenter': '7.0.0-alpha.19',
+  '@storybook/node-logger': '7.0.0-alpha.19',
+  '@storybook/postinstall': '7.0.0-alpha.19',
+  '@storybook/preact': '7.0.0-alpha.19',
+  '@storybook/preact-webpack5': '7.0.0-alpha.19',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.19',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.19',
+  '@storybook/preview-web': '7.0.0-alpha.19',
+  '@storybook/react': '7.0.0-alpha.19',
+  '@storybook/react-webpack5': '7.0.0-alpha.19',
+  '@storybook/router': '7.0.0-alpha.19',
+  '@storybook/server': '7.0.0-alpha.19',
+  '@storybook/server-webpack5': '7.0.0-alpha.19',
+  '@storybook/source-loader': '7.0.0-alpha.19',
+  '@storybook/store': '7.0.0-alpha.19',
+  '@storybook/svelte': '7.0.0-alpha.19',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.19',
+  '@storybook/telemetry': '7.0.0-alpha.19',
+  '@storybook/theming': '7.0.0-alpha.19',
+  '@storybook/ui': '7.0.0-alpha.19',
+  '@storybook/vue': '7.0.0-alpha.19',
+  '@storybook/vue-webpack5': '7.0.0-alpha.19',
+  '@storybook/vue3': '7.0.0-alpha.19',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.19',
+  '@storybook/web-components': '7.0.0-alpha.19',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.19',
+  sb: '7.0.0-alpha.19',
+  storybook: '7.0.0-alpha.19'
 };
 exports.default = _default;

package/dist/esm/NpmOptions.js

@@ -1 +0,0 @@
-"use strict";