@storybook/cli 7.0.0-alpha.2 → 7.0.0-alpha.23

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,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  'cra/default-js': {
+    name: 'Create React App (Javascript)',
+    script: 'npx create-react-app .',
+    cadence: ['ci', 'daily', 'weekly'],
+    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',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/cra',
+      renderer: '@storybook/react',
+      builder: '@storybook/builder-webpack5'
+    }
+  } // FIXME: missing documentation.json
+  // 'angular/latest': {
+  //   name: 'Angular (latest)',
+  //   script:
+  //     'npx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --skip-install=true --strict',
+  //   cadence: ['ci', 'daily', 'weekly'],
+  //   expected: {
+  //     framework: '@storybook/angular',
+  //     renderer: '@storybook/angular',
+  //     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"));
@@ -19,7 +15,7 @@ var _chalk = _interopRequireDefault(require("chalk"));
 
 var _boxen = _interopRequireDefault(require("boxen"));
 
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+var _tsDedent = require("ts-dedent");
 
 var _scripts = require("./repro-generators/scripts");
 
@@ -49,9 +45,10 @@ const repro = async ({
   generator,
   e2e,
   local,
+  registry,
   pnp
 }) => {
-  logger.info((0, _boxen.default)((0, _tsDedent.default)`
+  logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
         🤗 Welcome to ${_chalk.default.yellow('sb repro')}! 🤗 
 
         Create a ${_chalk.default.green('new project')} to minimally reproduce Storybook issues.
@@ -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
@@ -151,7 +149,7 @@ const repro = async ({
       await initGitRepo(cwd);
     }
 
-    logger.info((0, _boxen.default)((0, _tsDedent.default)`
+    logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
         🎉 Your Storybook reproduction project is ready to use! 🎉
 
         ${_chalk.default.yellow(`cd ${selectedDirectory}`)}

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,78 +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.2',
-  '@storybook/addon-actions': '7.0.0-alpha.2',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.2',
-  '@storybook/addon-controls': '7.0.0-alpha.2',
-  '@storybook/addon-docs': '7.0.0-alpha.2',
-  '@storybook/addon-essentials': '7.0.0-alpha.2',
-  '@storybook/addon-interactions': '7.0.0-alpha.2',
-  '@storybook/addon-jest': '7.0.0-alpha.2',
-  '@storybook/addon-links': '7.0.0-alpha.2',
-  '@storybook/addon-measure': '7.0.0-alpha.2',
-  '@storybook/addon-outline': '7.0.0-alpha.2',
-  '@storybook/addon-storyshots': '7.0.0-alpha.2',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.2',
-  '@storybook/addon-storysource': '7.0.0-alpha.2',
-  '@storybook/addon-toolbars': '7.0.0-alpha.2',
-  '@storybook/addon-viewport': '7.0.0-alpha.2',
-  '@storybook/addons': '7.0.0-alpha.2',
-  '@storybook/angular': '7.0.0-alpha.2',
-  '@storybook/api': '7.0.0-alpha.2',
-  '@storybook/builder-webpack5': '7.0.0-alpha.2',
-  '@storybook/channel-postmessage': '7.0.0-alpha.2',
-  '@storybook/channel-websocket': '7.0.0-alpha.2',
-  '@storybook/channels': '7.0.0-alpha.2',
-  '@storybook/cli': '7.0.0-alpha.2',
-  '@storybook/client-api': '7.0.0-alpha.2',
-  '@storybook/client-logger': '7.0.0-alpha.2',
-  '@storybook/codemod': '7.0.0-alpha.2',
-  '@storybook/components': '7.0.0-alpha.2',
-  '@storybook/core-client': '7.0.0-alpha.2',
-  '@storybook/core-common': '7.0.0-alpha.2',
-  '@storybook/core-events': '7.0.0-alpha.2',
-  '@storybook/core-server': '7.0.0-alpha.2',
-  '@storybook/core-webpack': '7.0.0-alpha.2',
-  '@storybook/csf-tools': '7.0.0-alpha.2',
-  '@storybook/docs-tools': '7.0.0-alpha.2',
-  '@storybook/ember': '7.0.0-alpha.2',
-  '@storybook/html': '7.0.0-alpha.2',
-  '@storybook/html-webpack5': '7.0.0-alpha.2',
-  '@storybook/instrumenter': '7.0.0-alpha.2',
-  '@storybook/manager-webpack5': '7.0.0-alpha.2',
-  '@storybook/node-logger': '7.0.0-alpha.2',
-  '@storybook/postinstall': '7.0.0-alpha.2',
-  '@storybook/preact': '7.0.0-alpha.2',
-  '@storybook/preact-webpack5': '7.0.0-alpha.2',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.2',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.2',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.2',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.2',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.2',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.2',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.2',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.2',
-  '@storybook/preview-web': '7.0.0-alpha.2',
-  '@storybook/react': '7.0.0-alpha.2',
-  '@storybook/react-webpack5': '7.0.0-alpha.2',
-  '@storybook/router': '7.0.0-alpha.2',
-  '@storybook/server': '7.0.0-alpha.2',
-  '@storybook/server-webpack5': '7.0.0-alpha.2',
-  '@storybook/source-loader': '7.0.0-alpha.2',
-  '@storybook/store': '7.0.0-alpha.2',
-  '@storybook/svelte': '7.0.0-alpha.2',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.2',
-  '@storybook/telemetry': '7.0.0-alpha.2',
-  '@storybook/theming': '7.0.0-alpha.2',
-  '@storybook/ui': '7.0.0-alpha.2',
-  '@storybook/vue': '7.0.0-alpha.2',
-  '@storybook/vue-webpack5': '7.0.0-alpha.2',
-  '@storybook/vue3': '7.0.0-alpha.2',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.2',
-  '@storybook/web-components': '7.0.0-alpha.2',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.2',
-  sb: '7.0.0-alpha.2',
-  storybook: '7.0.0-alpha.2'
+  '@storybook/addon-a11y': '7.0.0-alpha.23',
+  '@storybook/addon-actions': '7.0.0-alpha.23',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.23',
+  '@storybook/addon-controls': '7.0.0-alpha.23',
+  '@storybook/addon-docs': '7.0.0-alpha.23',
+  '@storybook/addon-essentials': '7.0.0-alpha.23',
+  '@storybook/addon-highlight': '7.0.0-alpha.23',
+  '@storybook/addon-interactions': '7.0.0-alpha.23',
+  '@storybook/addon-jest': '7.0.0-alpha.23',
+  '@storybook/addon-links': '7.0.0-alpha.23',
+  '@storybook/addon-measure': '7.0.0-alpha.23',
+  '@storybook/addon-outline': '7.0.0-alpha.23',
+  '@storybook/addon-storyshots': '7.0.0-alpha.23',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.23',
+  '@storybook/addon-storysource': '7.0.0-alpha.23',
+  '@storybook/addon-toolbars': '7.0.0-alpha.23',
+  '@storybook/addon-viewport': '7.0.0-alpha.23',
+  '@storybook/addons': '7.0.0-alpha.23',
+  '@storybook/angular': '7.0.0-alpha.23',
+  '@storybook/api': '7.0.0-alpha.23',
+  '@storybook/blocks': '7.0.0-alpha.23',
+  '@storybook/builder-manager': '7.0.0-alpha.23',
+  '@storybook/builder-webpack5': '7.0.0-alpha.23',
+  '@storybook/channel-postmessage': '7.0.0-alpha.23',
+  '@storybook/channel-websocket': '7.0.0-alpha.23',
+  '@storybook/channels': '7.0.0-alpha.23',
+  '@storybook/cli': '7.0.0-alpha.23',
+  '@storybook/client-api': '7.0.0-alpha.23',
+  '@storybook/client-logger': '7.0.0-alpha.23',
+  '@storybook/codemod': '7.0.0-alpha.23',
+  '@storybook/components': '7.0.0-alpha.23',
+  '@storybook/core-client': '7.0.0-alpha.23',
+  '@storybook/core-common': '7.0.0-alpha.23',
+  '@storybook/core-events': '7.0.0-alpha.23',
+  '@storybook/core-server': '7.0.0-alpha.23',
+  '@storybook/core-webpack': '7.0.0-alpha.23',
+  '@storybook/csf-tools': '7.0.0-alpha.23',
+  '@storybook/docs-tools': '7.0.0-alpha.23',
+  '@storybook/ember': '7.0.0-alpha.23',
+  '@storybook/html': '7.0.0-alpha.23',
+  '@storybook/html-webpack5': '7.0.0-alpha.23',
+  '@storybook/instrumenter': '7.0.0-alpha.23',
+  '@storybook/node-logger': '7.0.0-alpha.23',
+  '@storybook/postinstall': '7.0.0-alpha.23',
+  '@storybook/preact': '7.0.0-alpha.23',
+  '@storybook/preact-webpack5': '7.0.0-alpha.23',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.23',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.23',
+  '@storybook/preview-web': '7.0.0-alpha.23',
+  '@storybook/react': '7.0.0-alpha.23',
+  '@storybook/react-webpack5': '7.0.0-alpha.23',
+  '@storybook/router': '7.0.0-alpha.23',
+  '@storybook/server': '7.0.0-alpha.23',
+  '@storybook/server-webpack5': '7.0.0-alpha.23',
+  '@storybook/source-loader': '7.0.0-alpha.23',
+  '@storybook/store': '7.0.0-alpha.23',
+  '@storybook/svelte': '7.0.0-alpha.23',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.23',
+  '@storybook/telemetry': '7.0.0-alpha.23',
+  '@storybook/theming': '7.0.0-alpha.23',
+  '@storybook/ui': '7.0.0-alpha.23',
+  '@storybook/vue': '7.0.0-alpha.23',
+  '@storybook/vue-webpack5': '7.0.0-alpha.23',
+  '@storybook/vue3': '7.0.0-alpha.23',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.23',
+  '@storybook/web-components': '7.0.0-alpha.23',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.23',
+  sb: '7.0.0-alpha.23',
+  storybook: '7.0.0-alpha.23'
 };
 exports.default = _default;

package/dist/esm/NpmOptions.js

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

package/dist/esm/add.js

@@ -1,28 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.add = add;
-exports.storybookAddonScope = exports.getPackageName = exports.getPackageArg = exports.getInstalledStorybookVersion = exports.addStorybookAddonToFile = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _crossSpawn = require("cross-spawn");
-
-var _helpers = require("./helpers");
-
-var _jsPackageManager = require("./js-package-manager");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import path from 'path';
+import fs from 'fs';
+import { sync as spawnSync } from 'cross-spawn';
+import { commandLog } from './helpers';
+import { JsPackageManagerFactory } from './js-package-manager';
 const logger = console;
-const storybookAddonScope = '@storybook/addon-';
-exports.storybookAddonScope = storybookAddonScope;
+export const storybookAddonScope = '@storybook/addon-';
 
 const isAddon = async (packageManager, name) => {
   try {
@@ -35,16 +17,10 @@ const isAddon = async (packageManager, name) => {
 
 const isStorybookAddon = async (packageManager, name) => isAddon(packageManager, `${storybookAddonScope}${name}`);
 
-const getPackageName = (addonName, isOfficialAddon) => isOfficialAddon ? storybookAddonScope + addonName : addonName;
-
-exports.getPackageName = getPackageName;
-
-const getInstalledStorybookVersion = packageJson => packageJson.devDependencies[// This only considers the first occurrence.
+export const getPackageName = (addonName, isOfficialAddon) => isOfficialAddon ? storybookAddonScope + addonName : addonName;
+export const getInstalledStorybookVersion = packageJson => packageJson.devDependencies[// This only considers the first occurrence.
 Object.keys(packageJson.devDependencies).find(devDep => /@storybook/.test(devDep))] || false;
-
-exports.getInstalledStorybookVersion = getInstalledStorybookVersion;
-
-const getPackageArg = (addonName, isOfficialAddon, packageJson) => {
+export const getPackageArg = (addonName, isOfficialAddon, packageJson) => {
   if (isOfficialAddon) {
     const addonNameNoTag = addonName.split('@')[0];
     const installedStorybookVersion = getInstalledStorybookVersion(packageJson);
@@ -54,15 +30,13 @@ const getPackageArg = (addonName, isOfficialAddon, packageJson) => {
   return addonName;
 };
 
-exports.getPackageArg = getPackageArg;
-
 const installAddon = (packageManager, addonName, isOfficialAddon) => {
-  const prepareDone = (0, _helpers.commandLog)(`Preparing to install the ${addonName} Storybook addon`);
+  const prepareDone = commandLog(`Preparing to install the ${addonName} Storybook addon`);
   prepareDone();
   logger.log();
   const packageArg = getPackageArg(addonName, isOfficialAddon, packageManager.retrievePackageJson());
   logger.log();
-  const installDone = (0, _helpers.commandLog)(`Installing the ${addonName} Storybook addon`);
+  const installDone = commandLog(`Installing the ${addonName} Storybook addon`);
 
   try {
     packageManager.addDependencies({}, [packageArg]);
@@ -75,7 +49,7 @@ const installAddon = (packageManager, addonName, isOfficialAddon) => {
   installDone();
 };
 
-const addStorybookAddonToFile = (addonName, addonsFile, isOfficialAddon) => {
+export const addStorybookAddonToFile = (addonName, addonsFile, isOfficialAddon) => {
   const addonNameNoTag = addonName.split('@')[0];
   const alreadyRegistered = addonsFile.find(line => line.includes(`${addonNameNoTag}/manager`));
 
@@ -86,8 +60,6 @@ const addStorybookAddonToFile = (addonName, addonsFile, isOfficialAddon) => {
   const latestImportIndex = addonsFile.reduce((prev, curr, currIndex) => curr.startsWith('import') && curr.includes('register') ? currIndex : prev, -1);
   return [...addonsFile.slice(0, latestImportIndex + 1), `import '${getPackageName(addonNameNoTag, isOfficialAddon)}/manager';`, ...addonsFile.slice(latestImportIndex + 1)];
 };
-
-exports.addStorybookAddonToFile = addStorybookAddonToFile;
 const LEGACY_CONFIGS = ['addons', 'config', 'presets'];
 
 const postinstallAddon = async (addonName, isOfficialAddon) => {
@@ -95,7 +67,7 @@ const postinstallAddon = async (addonName, isOfficialAddon) => {
 
   if (!isOfficialAddon) {
     skipMsg = 'unofficial addon';
-  } else if (!_fs.default.existsSync('.storybook')) {
+  } else if (!fs.existsSync('.storybook')) {
     skipMsg = 'no .storybook config';
   } else {
     skipMsg = 'no codmods found';
@@ -103,19 +75,18 @@ const postinstallAddon = async (addonName, isOfficialAddon) => {
       try {
         const codemod = require.resolve(`${getPackageName(addonName, isOfficialAddon)}/postinstall/${config}.js`);
 
-        (0, _helpers.commandLog)(`Running postinstall script for ${addonName}`)();
+        commandLog(`Running postinstall script for ${addonName}`)();
+        let configFile = path.join('.storybook', `${config}.ts`);
 
-        let configFile = _path.default.join('.storybook', `${config}.ts`);
+        if (!fs.existsSync(configFile)) {
+          configFile = path.join('.storybook', `${config}.js`);
 
-        if (!_fs.default.existsSync(configFile)) {
-          configFile = _path.default.join('.storybook', `${config}.js`);
-
-          if (!_fs.default.existsSync(configFile)) {
-            _fs.default.writeFileSync(configFile, '', 'utf8');
+          if (!fs.existsSync(configFile)) {
+            fs.writeFileSync(configFile, '', 'utf8');
           }
         }
 
-        (0, _crossSpawn.sync)('npx', ['jscodeshift', '-t', codemod, configFile], {
+        spawnSync('npx', ['jscodeshift', '-t', codemod, configFile], {
           stdio: 'inherit'
         });
         skipMsg = null;
@@ -125,14 +96,13 @@ const postinstallAddon = async (addonName, isOfficialAddon) => {
   }
 
   if (skipMsg) {
-    (0, _helpers.commandLog)(`Skipping postinstall for ${addonName}, ${skipMsg}`)();
+    commandLog(`Skipping postinstall for ${addonName}, ${skipMsg}`)();
   }
 };
 
-async function add(addonName, options) {
-  const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(options.useNpm);
-
-  const addonCheckDone = (0, _helpers.commandLog)(`Verifying that ${addonName} is an addon`);
+export async function add(addonName, options) {
+  const packageManager = JsPackageManagerFactory.getPackageManager(options.useNpm);
+  const addonCheckDone = commandLog(`Verifying that ${addonName} is an addon`);
   const isOfficialAddon = await isStorybookAddon(packageManager, addonName);
 
   if (!isOfficialAddon) {