@storybook/cli 7.0.0-alpha.13 → 7.0.0-alpha.18

package/dist/esm/initiate.js

@@ -1,74 +1,32 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.initiate = initiate;
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.array.sort.js");
-
-var _updateNotifier = require("update-notifier");
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _prompts = _interopRequireDefault(require("prompts"));
-
-var _telemetry = require("@storybook/telemetry");
-
-var _project_types = require("./project_types");
-
-var _detect = require("./detect");
-
-var _helpers = require("./helpers");
-
-var _ANGULAR = _interopRequireDefault(require("./generators/ANGULAR"));
-
-var _AURELIA = _interopRequireDefault(require("./generators/AURELIA"));
-
-var _EMBER = _interopRequireDefault(require("./generators/EMBER"));
-
-var _REACT = _interopRequireDefault(require("./generators/REACT"));
-
-var _REACT_NATIVE = _interopRequireDefault(require("./generators/REACT_NATIVE"));
-
-var _REACT_SCRIPTS = _interopRequireDefault(require("./generators/REACT_SCRIPTS"));
-
-var _SFC_VUE = _interopRequireDefault(require("./generators/SFC_VUE"));
-
-var _VUE = _interopRequireDefault(require("./generators/VUE"));
-
-var _VUE2 = _interopRequireDefault(require("./generators/VUE3"));
-
-var _WEBPACK_REACT = _interopRequireDefault(require("./generators/WEBPACK_REACT"));
-
-var _MITHRIL = _interopRequireDefault(require("./generators/MITHRIL"));
-
-var _MARIONETTE = _interopRequireDefault(require("./generators/MARIONETTE"));
-
-var _MARKO = _interopRequireDefault(require("./generators/MARKO"));
-
-var _HTML = _interopRequireDefault(require("./generators/HTML"));
-
-var _WEBCOMPONENTS = _interopRequireDefault(require("./generators/WEB-COMPONENTS"));
-
-var _RIOT = _interopRequireDefault(require("./generators/RIOT"));
-
-var _PREACT = _interopRequireDefault(require("./generators/PREACT"));
-
-var _SVELTE = _interopRequireDefault(require("./generators/SVELTE"));
-
-var _RAX = _interopRequireDefault(require("./generators/RAX"));
-
-var _SERVER = _interopRequireDefault(require("./generators/SERVER"));
-
-var _jsPackageManager = require("./js-package-manager");
-
-var _automigrate = require("./automigrate");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import { UpdateNotifier } from 'update-notifier';
+import chalk from 'chalk';
+import prompts from 'prompts';
+import { telemetry } from '@storybook/telemetry';
+import { installableProjectTypes, ProjectType } from './project_types';
+import { detect, isStorybookInstalled, detectLanguage, detectBuilder } from './detect';
+import { commandLog, codeLog, paddedLog } from './helpers';
+import angularGenerator from './generators/ANGULAR';
+import aureliaGenerator from './generators/AURELIA';
+import emberGenerator from './generators/EMBER';
+import reactGenerator from './generators/REACT';
+import reactNativeGenerator from './generators/REACT_NATIVE';
+import reactScriptsGenerator from './generators/REACT_SCRIPTS';
+import sfcVueGenerator from './generators/SFC_VUE';
+import vueGenerator from './generators/VUE';
+import vue3Generator from './generators/VUE3';
+import webpackReactGenerator from './generators/WEBPACK_REACT';
+import mithrilGenerator from './generators/MITHRIL';
+import marionetteGenerator from './generators/MARIONETTE';
+import markoGenerator from './generators/MARKO';
+import htmlGenerator from './generators/HTML';
+import webComponentsGenerator from './generators/WEB-COMPONENTS';
+import riotGenerator from './generators/RIOT';
+import preactGenerator from './generators/PREACT';
+import svelteGenerator from './generators/SVELTE';
+import raxGenerator from './generators/RAX';
+import serverGenerator from './generators/SERVER';
+import { JsPackageManagerFactory } from './js-package-manager';
+import { automigrate } from './automigrate';
 const logger = console;
 
 const installStorybook = (projectType, packageManager, options) => {
@@ -76,10 +34,10 @@ const installStorybook = (projectType, packageManager, options) => {
     installAsDevDependencies: true,
     skipInstall: options.skipInstall
   };
-  const language = (0, _detect.detectLanguage)();
+  const language = detectLanguage();
   const generatorOptions = {
     language,
-    builder: options.builder || (0, _detect.detectBuilder)(packageManager),
+    builder: options.builder || detectBuilder(packageManager),
     linkable: !!options.linkable,
     commonJs: options.commonJs,
     pnp: options.usePnp
@@ -87,99 +45,99 @@ const installStorybook = (projectType, packageManager, options) => {
 
   const runGenerator = async () => {
     switch (projectType) {
-      case _project_types.ProjectType.ALREADY_HAS_STORYBOOK:
+      case ProjectType.ALREADY_HAS_STORYBOOK:
         logger.log();
-        (0, _helpers.paddedLog)('There seems to be a Storybook already available in this project.');
-        (0, _helpers.paddedLog)('Apply following command to force:\n');
-        (0, _helpers.codeLog)(['sb init [options] -f']); // Add a new line for the clear visibility.
+        paddedLog('There seems to be a Storybook already available in this project.');
+        paddedLog('Apply following command to force:\n');
+        codeLog(['sb init [options] -f']); // Add a new line for the clear visibility.
 
         logger.log();
         return Promise.resolve();
 
-      case _project_types.ProjectType.REACT_SCRIPTS:
-        return (0, _REACT_SCRIPTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Create React App" based project'));
+      case ProjectType.REACT_SCRIPTS:
+        return reactScriptsGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Create React App" based project'));
 
-      case _project_types.ProjectType.REACT:
-        return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" app\n'));
+      case ProjectType.REACT:
+        return reactGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "React" app\n'));
 
-      case _project_types.ProjectType.REACT_NATIVE:
+      case ProjectType.REACT_NATIVE:
         {
           return (options.yes ? Promise.resolve({
             server: true
-          }) : (0, _prompts.default)([{
+          }) : prompts([{
             type: 'confirm',
             name: 'server',
             message: 'Do you want to install dependencies necessary to run Storybook server? You can manually do it later by install @storybook/react-native-server',
             initial: false
           }])).then(({
             server
-          }) => (0, _REACT_NATIVE.default)(packageManager, npmOptions, server)).then((0, _helpers.commandLog)('Adding Storybook support to your "React Native" app\n'));
+          }) => reactNativeGenerator(packageManager, npmOptions, server)).then(commandLog('Adding Storybook support to your "React Native" app\n'));
         }
 
-      case _project_types.ProjectType.WEBPACK_REACT:
-        return (0, _WEBPACK_REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Webpack React" app\n'));
+      case ProjectType.WEBPACK_REACT:
+        return webpackReactGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Webpack React" app\n'));
 
-      case _project_types.ProjectType.REACT_PROJECT:
-        return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" library\n'));
+      case ProjectType.REACT_PROJECT:
+        return reactGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "React" library\n'));
 
-      case _project_types.ProjectType.SFC_VUE:
-        return (0, _SFC_VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Single File Components Vue" app\n'));
+      case ProjectType.SFC_VUE:
+        return sfcVueGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Single File Components Vue" app\n'));
 
-      case _project_types.ProjectType.VUE:
-        return (0, _VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue" app\n'));
+      case ProjectType.VUE:
+        return vueGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Vue" app\n'));
 
-      case _project_types.ProjectType.VUE3:
-        return (0, _VUE2.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue 3" app\n'));
+      case ProjectType.VUE3:
+        return vue3Generator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Vue 3" app\n'));
 
-      case _project_types.ProjectType.ANGULAR:
-        return (0, _ANGULAR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Angular" app\n'));
+      case ProjectType.ANGULAR:
+        return angularGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Angular" app\n'));
 
-      case _project_types.ProjectType.EMBER:
-        return (0, _EMBER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Ember" app\n'));
+      case ProjectType.EMBER:
+        return emberGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Ember" app\n'));
 
-      case _project_types.ProjectType.MITHRIL:
-        return (0, _MITHRIL.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Mithril" app\n'));
+      case ProjectType.MITHRIL:
+        return mithrilGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Mithril" app\n'));
 
-      case _project_types.ProjectType.MARIONETTE:
-        return (0, _MARIONETTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marionette.js" app\n'));
+      case ProjectType.MARIONETTE:
+        return marionetteGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Marionette.js" app\n'));
 
-      case _project_types.ProjectType.MARKO:
-        return (0, _MARKO.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marko" app\n'));
+      case ProjectType.MARKO:
+        return markoGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Marko" app\n'));
 
-      case _project_types.ProjectType.HTML:
-        return (0, _HTML.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "HTML" app\n'));
+      case ProjectType.HTML:
+        return htmlGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "HTML" app\n'));
 
-      case _project_types.ProjectType.WEB_COMPONENTS:
-        return (0, _WEBCOMPONENTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "web components" app\n'));
+      case ProjectType.WEB_COMPONENTS:
+        return webComponentsGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "web components" app\n'));
 
-      case _project_types.ProjectType.RIOT:
-        return (0, _RIOT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "riot.js" app\n'));
+      case ProjectType.RIOT:
+        return riotGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "riot.js" app\n'));
 
-      case _project_types.ProjectType.PREACT:
-        return (0, _PREACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Preact" app\n'));
+      case ProjectType.PREACT:
+        return preactGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Preact" app\n'));
 
-      case _project_types.ProjectType.SVELTE:
-        return (0, _SVELTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Svelte" app\n'));
+      case ProjectType.SVELTE:
+        return svelteGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Svelte" app\n'));
 
-      case _project_types.ProjectType.RAX:
-        return (0, _RAX.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Rax" app\n'));
+      case ProjectType.RAX:
+        return raxGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Rax" app\n'));
 
-      case _project_types.ProjectType.AURELIA:
-        return (0, _AURELIA.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Aurelia" app\n'));
+      case ProjectType.AURELIA:
+        return aureliaGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Aurelia" app\n'));
 
-      case _project_types.ProjectType.SERVER:
-        return (0, _SERVER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Server" app\n'));
+      case ProjectType.SERVER:
+        return serverGenerator(packageManager, npmOptions, generatorOptions).then(commandLog('Adding Storybook support to your "Server" app\n'));
 
-      case _project_types.ProjectType.UNSUPPORTED:
-        (0, _helpers.paddedLog)(`We detected a project type that we don't support yet.`);
-        (0, _helpers.paddedLog)(`If you'd like your framework to be supported, please let use know about it at https://github.com/storybookjs/storybook/issues`); // Add a new line for the clear visibility.
+      case ProjectType.UNSUPPORTED:
+        paddedLog(`We detected a project type that we don't support yet.`);
+        paddedLog(`If you'd like your framework to be supported, please let use know about it at https://github.com/storybookjs/storybook/issues`); // Add a new line for the clear visibility.
 
         logger.log();
         return Promise.resolve();
 
       default:
-        (0, _helpers.paddedLog)(`We couldn't detect your project type. (code: ${projectType})`);
-        (0, _helpers.paddedLog)('You can specify a project type explicitly via `sb init --type <type>`, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/react/get-started/install'); // Add a new line for the clear visibility.
+        paddedLog(`We couldn't detect your project type. (code: ${projectType})`);
+        paddedLog('You can specify a project type explicitly via `sb init --type <type>`, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/react/get-started/install'); // Add a new line for the clear visibility.
 
         logger.log();
         return projectTypeInquirer(options, packageManager);
@@ -187,24 +145,24 @@ const installStorybook = (projectType, packageManager, options) => {
   };
 
   return runGenerator().catch(ex => {
-    logger.error(`\n     ${_chalk.default.red(ex.stack)}`);
+    logger.error(`\n     ${chalk.red(ex.stack)}`);
     process.exit(1);
   });
 };
 
 const projectTypeInquirer = async (options, packageManager) => {
-  const manualAnswer = options.yes ? true : await (0, _prompts.default)([{
+  const manualAnswer = options.yes ? true : await prompts([{
     type: 'confirm',
     name: 'manual',
     message: 'Do you want to manually choose a Storybook project type to install?'
   }]);
 
   if (manualAnswer !== true && manualAnswer.manual) {
-    const frameworkAnswer = await (0, _prompts.default)([{
+    const frameworkAnswer = await prompts([{
       type: 'select',
       name: 'manualFramework',
       message: 'Please choose a project type from the following list:',
-      choices: _project_types.installableProjectTypes.map(type => ({
+      choices: installableProjectTypes.map(type => ({
         title: type,
         value: type.toUpperCase()
       }))
@@ -215,18 +173,17 @@ const projectTypeInquirer = async (options, packageManager) => {
   return Promise.resolve();
 };
 
-async function initiate(options, pkg) {
-  const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(options.useNpm);
-
+export async function initiate(options, pkg) {
+  const packageManager = JsPackageManagerFactory.getPackageManager(options.useNpm);
   const welcomeMessage = 'storybook init - the simplest way to add a Storybook to your project.';
-  logger.log(_chalk.default.inverse(`\n ${welcomeMessage} \n`));
+  logger.log(chalk.inverse(`\n ${welcomeMessage} \n`));
 
   if (!options.disableTelemetry) {
-    (0, _telemetry.telemetry)('init');
+    telemetry('init');
   } // Update notify code.
 
 
-  new _updateNotifier.UpdateNotifier({
+  new UpdateNotifier({
     pkg,
     updateCheckInterval: 1000 * 60 * 60 // every hour (we could increase this later on.)
 
@@ -234,26 +191,24 @@ async function initiate(options, pkg) {
   let projectType;
   const projectTypeProvided = options.type;
   const infoText = projectTypeProvided ? `Installing Storybook for user specified project type: ${projectTypeProvided}` : 'Detecting project type';
-  const done = (0, _helpers.commandLog)(infoText);
+  const done = commandLog(infoText);
   const packageJson = packageManager.retrievePackageJson();
   const isEsm = packageJson && packageJson.type === 'module';
 
   try {
     if (projectTypeProvided) {
-      if (_project_types.installableProjectTypes.includes(projectTypeProvided)) {
-        const storybookInstalled = (0, _detect.isStorybookInstalled)(packageJson, options.force);
-        projectType = storybookInstalled ? _project_types.ProjectType.ALREADY_HAS_STORYBOOK : projectTypeProvided.toUpperCase();
+      if (installableProjectTypes.includes(projectTypeProvided)) {
+        const storybookInstalled = isStorybookInstalled(packageJson, options.force);
+        projectType = storybookInstalled ? ProjectType.ALREADY_HAS_STORYBOOK : projectTypeProvided.toUpperCase();
       } else {
         done(`The provided project type was not recognized by Storybook: ${projectTypeProvided}`);
         logger.log(`\nThe project types currently supported by Storybook are:\n`);
-
-        _project_types.installableProjectTypes.sort().forEach(framework => (0, _helpers.paddedLog)(`- ${framework}`));
-
+        installableProjectTypes.sort().forEach(framework => paddedLog(`- ${framework}`));
         logger.log();
         process.exit(1);
       }
     } else {
-      projectType = (0, _detect.detect)(options);
+      projectType = detect(options);
     }
   } catch (ex) {
     done(ex.message);
@@ -269,21 +224,21 @@ async function initiate(options, pkg) {
     packageManager.installDependencies();
   }
 
-  await (0, _automigrate.automigrate)({
+  await automigrate({
     yes: process.env.CI === 'true'
   });
   logger.log('\nTo run your Storybook, type:\n');
-  (0, _helpers.codeLog)([packageManager.getRunStorybookCommand()]);
-  logger.log('\nFor more information visit:', _chalk.default.cyan('https://storybook.js.org'));
+  codeLog([packageManager.getRunStorybookCommand()]);
+  logger.log('\nFor more information visit:', chalk.cyan('https://storybook.js.org'));
 
-  if (projectType === _project_types.ProjectType.REACT_NATIVE) {
+  if (projectType === ProjectType.REACT_NATIVE) {
     const REACT_NATIVE_REPO = 'https://github.com/storybookjs/react-native';
     logger.log();
-    logger.log(_chalk.default.red('NOTE: installation is not 100% automated.'));
+    logger.log(chalk.red('NOTE: installation is not 100% automated.'));
     logger.log(`To quickly run Storybook, replace contents of your app entry with:\n`);
-    (0, _helpers.codeLog)(["export {default} from './storybook';"]);
+    codeLog(["export {default} from './storybook';"]);
     logger.log('\n For more in information, see the github readme:\n');
-    logger.log(_chalk.default.cyan(REACT_NATIVE_REPO));
+    logger.log(chalk.cyan(REACT_NATIVE_REPO));
     logger.log();
   } // Add a new line for the clear visibility.
 

package/dist/esm/js-package-manager/JsPackageManager.js

@@ -1,27 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JsPackageManager = void 0;
-exports.getPackageDetails = getPackageDetails;
-
-require("core-js/modules/es.promise.js");
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _semver = require("@storybook/semver");
-
-var _crossSpawn = require("cross-spawn");
-
-var _helpers = require("../helpers");
-
-var _PackageJsonHelper = require("./PackageJsonHelper");
-
-var _versions = _interopRequireDefault(require("../versions"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import chalk from 'chalk';
+import { gt, satisfies } from '@storybook/semver';
+import { sync as spawnSync } from 'cross-spawn';
+import { commandLog } from '../helpers';
+import { readPackageJson, writePackageJson } from './PackageJsonHelper';
+import storybookPackagesVersions from '../versions';
 const logger = console;
 /**
  * Extract package name and version from input
@@ -30,7 +12,7 @@ const logger = console;
  * @return A tuple of 2 elements: [packageName, packageVersion]
  */
 
-function getPackageDetails(pkg) {
+export function getPackageDetails(pkg) {
   const idx = pkg.lastIndexOf('@'); // If the only `@` is the first character, it is a scoped package
   // If it isn't in the string, it will be -1
 
@@ -42,8 +24,7 @@ function getPackageDetails(pkg) {
   const packageVersion = pkg.slice(idx + 1);
   return [packageName, packageVersion];
 }
-
-class JsPackageManager {
+export class JsPackageManager {
   constructor() {
     this.type = void 0;
   }
@@ -52,11 +33,11 @@ class JsPackageManager {
    * Install dependencies listed in `package.json`
    */
   installDependencies() {
-    let done = (0, _helpers.commandLog)('Preparing to install dependencies');
+    let done = commandLog('Preparing to install dependencies');
     done();
     logger.log();
     logger.log();
-    done = (0, _helpers.commandLog)('Installing dependencies');
+    done = commandLog('Installing dependencies');
 
     try {
       this.runInstall();
@@ -77,10 +58,10 @@ class JsPackageManager {
     let packageJson;
 
     try {
-      packageJson = (0, _PackageJsonHelper.readPackageJson)();
+      packageJson = readPackageJson();
     } catch (err) {
       this.initPackageJson();
-      packageJson = (0, _PackageJsonHelper.readPackageJson)();
+      packageJson = readPackageJson();
     }
 
     return Object.assign({}, packageJson, {
@@ -125,7 +106,7 @@ class JsPackageManager {
         packageJson.dependencies = Object.assign({}, packageJson.dependencies, dependenciesMap);
       }
 
-      (0, _PackageJsonHelper.writePackageJson)(packageJson);
+      writePackageJson(packageJson);
     } else {
       try {
         this.runAddDeps(dependencies, options.installAsDevDependencies);
@@ -178,7 +159,7 @@ class JsPackageManager {
 
     if (/(@storybook|^sb$|^storybook$)/.test(packageName)) {
       // @ts-ignore
-      current = _versions.default[packageName];
+      current = storybookPackagesVersions[packageName];
     }
 
     let latest;
@@ -187,15 +168,15 @@ class JsPackageManager {
       latest = await this.latestVersion(packageName, constraint);
     } catch (e) {
       if (current) {
-        logger.warn(`\n     ${_chalk.default.yellow(e.message)}`);
+        logger.warn(`\n     ${chalk.yellow(e.message)}`);
         return current;
       }
 
-      logger.error(`\n     ${_chalk.default.red(e.message)}`);
+      logger.error(`\n     ${chalk.red(e.message)}`);
       process.exit(1);
     }
 
-    const versionToUse = current && (!constraint || (0, _semver.satisfies)(current, constraint)) && (0, _semver.gt)(current, latest) ? current : latest;
+    const versionToUse = current && (!constraint || satisfies(current, constraint)) && gt(current, latest) ? current : latest;
     return `^${versionToUse}`;
   }
   /**
@@ -214,16 +195,14 @@ class JsPackageManager {
 
     const versions = await this.runGetVersions(packageName, true); // Get the latest version satisfying the constraint
 
-    return versions.reverse().find(version => (0, _semver.satisfies)(version, constraint));
+    return versions.reverse().find(version => satisfies(version, constraint));
   }
 
   addStorybookCommandInScripts(options) {
-    var _options$port;
-
-    const sbPort = (_options$port = options === null || options === void 0 ? void 0 : options.port) !== null && _options$port !== void 0 ? _options$port : 6006;
-    const storybookCmd = options !== null && options !== void 0 && options.staticFolder ? `npx storybook dev -p ${sbPort} -s ${options.staticFolder}` : `npx storybook dev -p ${sbPort}`;
-    const buildStorybookCmd = options !== null && options !== void 0 && options.staticFolder ? `npx storybook build -s ${options.staticFolder}` : `npx storybook build`;
-    const preCommand = options !== null && options !== void 0 && options.preCommand ? this.getRunCommand(options.preCommand) : undefined;
+    const sbPort = options?.port ?? 6006;
+    const storybookCmd = options?.staticFolder ? `npx storybook dev -p ${sbPort} -s ${options.staticFolder}` : `npx storybook dev -p ${sbPort}`;
+    const buildStorybookCmd = options?.staticFolder ? `npx storybook build -s ${options.staticFolder}` : `npx storybook build`;
+    const preCommand = options?.preCommand ? this.getRunCommand(options.preCommand) : undefined;
     this.addScripts({
       storybook: [preCommand, storybookCmd].filter(Boolean).join(' && '),
       'build-storybook': [preCommand, buildStorybookCmd].filter(Boolean).join(' && ')
@@ -231,12 +210,10 @@ class JsPackageManager {
   }
 
   addESLintConfig() {
-    var _packageJson$eslintCo;
-
     const packageJson = this.retrievePackageJson();
-    (0, _PackageJsonHelper.writePackageJson)(Object.assign({}, packageJson, {
+    writePackageJson(Object.assign({}, packageJson, {
       eslintConfig: Object.assign({}, packageJson.eslintConfig, {
-        overrides: [...(((_packageJson$eslintCo = packageJson.eslintConfig) === null || _packageJson$eslintCo === void 0 ? void 0 : _packageJson$eslintCo.overrides) || []), {
+        overrides: [...(packageJson.eslintConfig?.overrides || []), {
           files: ['**/*.stories.*'],
           rules: {
             'import/no-anonymous-default-export': 'off'
@@ -248,28 +225,22 @@ class JsPackageManager {
 
   addScripts(scripts) {
     const packageJson = this.retrievePackageJson();
-    (0, _PackageJsonHelper.writePackageJson)(Object.assign({}, packageJson, {
+    writePackageJson(Object.assign({}, packageJson, {
       scripts: Object.assign({}, packageJson.scripts, scripts)
     }));
   }
 
   executeCommand(command, args, stdio) {
-    var _commandResult$stdout;
-
-    const commandResult = (0, _crossSpawn.sync)(command, args, {
-      stdio: stdio !== null && stdio !== void 0 ? stdio : 'pipe',
+    const commandResult = spawnSync(command, args, {
+      stdio: stdio ?? 'pipe',
       encoding: 'utf-8'
     });
 
     if (commandResult.status !== 0) {
-      var _commandResult$stderr;
-
-      throw new Error((_commandResult$stderr = commandResult.stderr) !== null && _commandResult$stderr !== void 0 ? _commandResult$stderr : '');
+      throw new Error(commandResult.stderr ?? '');
     }
 
-    return (_commandResult$stdout = commandResult.stdout) !== null && _commandResult$stdout !== void 0 ? _commandResult$stdout : '';
+    return commandResult.stdout ?? '';
   }
 
-}
-
-exports.JsPackageManager = JsPackageManager;
+}

package/dist/esm/js-package-manager/JsPackageManagerFactory.js

@@ -1,36 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JsPackageManagerFactory = void 0;
-
-var _crossSpawn = require("cross-spawn");
-
-var _findUp = require("find-up");
-
-var _NPMProxy = require("./NPMProxy");
-
-var _Yarn2Proxy = require("./Yarn2Proxy");
-
-var _Yarn1Proxy = require("./Yarn1Proxy");
-
-class JsPackageManagerFactory {
+import { sync as spawnSync } from 'cross-spawn';
+import { sync as findUpSync } from 'find-up';
+import { NPMProxy } from './NPMProxy';
+import { Yarn2Proxy } from './Yarn2Proxy';
+import { Yarn1Proxy } from './Yarn1Proxy';
+export class JsPackageManagerFactory {
   static getPackageManager(forceNpmUsage = false) {
     if (forceNpmUsage) {
-      return new _NPMProxy.NPMProxy();
+      return new NPMProxy();
     }
 
     const yarnVersion = getYarnVersion();
-    const hasYarnLockFile = (0, _findUp.sync)('yarn.lock');
+    const hasYarnLockFile = findUpSync('yarn.lock');
     const hasNPMCommand = hasNPM();
 
     if (yarnVersion && (hasYarnLockFile || !hasNPMCommand)) {
-      return yarnVersion === 1 ? new _Yarn1Proxy.Yarn1Proxy() : new _Yarn2Proxy.Yarn2Proxy();
+      return yarnVersion === 1 ? new Yarn1Proxy() : new Yarn2Proxy();
     }
 
     if (hasNPMCommand) {
-      return new _NPMProxy.NPMProxy();
+      return new NPMProxy();
     }
 
     throw new Error('Unable to find a usable package manager within NPM, Yarn and Yarn 2');
@@ -38,15 +26,13 @@ class JsPackageManagerFactory {
 
 }
 
-exports.JsPackageManagerFactory = JsPackageManagerFactory;
-
 function hasNPM() {
-  const npmVersionCommand = (0, _crossSpawn.sync)('npm', ['--version']);
+  const npmVersionCommand = spawnSync('npm', ['--version']);
   return npmVersionCommand.status === 0;
 }
 
 function getYarnVersion() {
-  const yarnVersionCommand = (0, _crossSpawn.sync)('yarn', ['--version']);
+  const yarnVersionCommand = spawnSync('yarn', ['--version']);
 
   if (yarnVersionCommand.status !== 0) {
     return undefined;