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

package/dist/esm/automigrate/index.js

@@ -1,39 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.automigrate = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _prompts = _interopRequireDefault(require("prompts"));
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _boxen = _interopRequireDefault(require("boxen"));
-
-var _jsPackageManager = require("../js-package-manager");
-
-var _fixes = require("./fixes");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable no-await-in-loop */
+import prompts from 'prompts';
+import chalk from 'chalk';
+import boxen from 'boxen';
+import { JsPackageManagerFactory } from '../js-package-manager';
+import { fixes } from './fixes';
 const logger = console;
-
-const automigrate = async ({
+export const automigrate = async ({
   fixId,
   dryRun,
   yes
 } = {}) => {
-  const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager();
-
-  const filtered = fixId ? _fixes.fixes.filter(f => f.id === fixId) : _fixes.fixes;
+  const packageManager = JsPackageManagerFactory.getPackageManager();
+  const filtered = fixId ? fixes.filter(f => f.id === fixId) : fixes;
   logger.info('🔎 checking possible migrations..');
 
   for (let i = 0; i < filtered.length; i += 1) {
-    const f = _fixes.fixes[i];
+    const f = fixes[i];
     let result;
 
     try {
@@ -45,10 +27,10 @@ const automigrate = async ({
     }
 
     if (result) {
-      logger.info(`🔎 found a '${_chalk.default.cyan(f.id)}' migration:`);
+      logger.info(`🔎 found a '${chalk.cyan(f.id)}' migration:`);
       logger.info();
       const message = f.prompt(result);
-      logger.info((0, _boxen.default)(message, {
+      logger.info(boxen(message, {
         borderStyle: 'round',
         padding: 1,
         borderColor: '#F1618C'
@@ -64,10 +46,10 @@ const automigrate = async ({
           fix: true
         };
       } else {
-        runAnswer = await (0, _prompts.default)({
+        runAnswer = await prompts({
           type: 'confirm',
           name: 'fix',
-          message: `Do you want to run the '${_chalk.default.cyan(f.id)}' migration on your project?`
+          message: `Do you want to run the '${chalk.cyan(f.id)}' migration on your project?`
         });
       }
 
@@ -78,16 +60,16 @@ const automigrate = async ({
             packageManager,
             dryRun
           });
-          logger.info(`✅ ran ${_chalk.default.cyan(f.id)} migration`);
+          logger.info(`✅ ran ${chalk.cyan(f.id)} migration`);
         } catch (error) {
-          logger.info(`❌ error when running ${_chalk.default.cyan(f.id)} migration:`);
-          logger.info(error.message);
+          logger.info(`❌ error when running ${chalk.cyan(f.id)} migration:`);
+          logger.info(error);
           logger.info();
         }
       } else {
-        logger.info(`Skipping the ${_chalk.default.cyan(f.id)} migration.`);
+        logger.info(`Skipping the ${chalk.cyan(f.id)} migration.`);
         logger.info();
-        logger.info(`If you change your mind, run '${_chalk.default.cyan('npx storybook@next automigrate')}'`);
+        logger.info(`If you change your mind, run '${chalk.cyan('npx storybook@next automigrate')}'`);
       }
     }
   }
@@ -95,6 +77,4 @@ const automigrate = async ({
   logger.info();
   logger.info('✅ migration check successfully ran');
   logger.info();
-};
-
-exports.automigrate = automigrate;
+};

package/dist/esm/automigrate/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/dist/esm/babel-config.js

@@ -1,51 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateStorybookBabelConfigInCWD = exports.generateStorybookBabelConfig = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _fsExtra = require("fs-extra");
-
-var _nodeLogger = require("@storybook/node-logger");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _prompts = _interopRequireDefault(require("prompts"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const generateStorybookBabelConfigInCWD = async () => {
+import { writeFile, access } from 'fs-extra';
+import { logger } from '@storybook/node-logger';
+import path from 'path';
+import prompts from 'prompts';
+export const generateStorybookBabelConfigInCWD = async () => {
   const target = process.cwd();
   return generateStorybookBabelConfig({
     target
   });
 };
-
-exports.generateStorybookBabelConfigInCWD = generateStorybookBabelConfigInCWD;
-
-const generateStorybookBabelConfig = async ({
+export const generateStorybookBabelConfig = async ({
   target
 }) => {
-  _nodeLogger.logger.info(`Generating the storybook default babel config at ${target}`);
-
+  logger.info(`Generating the storybook default babel config at ${target}`);
   const contents = JSON.stringify({
     sourceType: 'unambiguous',
     presets: [],
     plugins: []
   }, null, 2);
   const fileName = '.babelrc.json';
-
-  const location = _path.default.join(target, fileName);
-
-  const exists = await (0, _fsExtra.access)(location).then(() => true, () => false);
+  const location = path.join(target, fileName);
+  const exists = await access(location).then(() => true, () => false);
 
   if (exists) {
     const {
       overwrite
-    } = await (0, _prompts.default)({
+    } = await prompts({
       type: 'confirm',
       initial: true,
       name: 'overwrite',
@@ -53,15 +32,11 @@ const generateStorybookBabelConfig = async ({
     });
 
     if (overwrite === false) {
-      _nodeLogger.logger.warn(`Cancelled, babel config file was NOT written to file-system.`);
-
+      logger.warn(`Cancelled, babel config file was NOT written to file-system.`);
       return;
     }
   }
 
-  _nodeLogger.logger.info(`Writing file to ${location}`);
-
-  await (0, _fsExtra.writeFile)(location, contents);
-};
-
-exports.generateStorybookBabelConfig = generateStorybookBabelConfig;
+  logger.info(`Writing file to ${location}`);
+  await writeFile(location, contents);
+};

package/dist/esm/build.js

@@ -1,38 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.build = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _readPkgUp = require("read-pkg-up");
-
-var _nodeLogger = require("@storybook/node-logger");
-
-var _coreServer = require("@storybook/core-server");
-
-var _coreCommon = require("@storybook/core-common");
-
-const build = async cliOptions => {
+import { sync as readUpSync } from 'read-pkg-up';
+import { logger } from '@storybook/node-logger';
+import { buildStaticStandalone } from '@storybook/core-server';
+import { cache } from '@storybook/core-common';
+export const build = async cliOptions => {
   try {
-    await (0, _coreServer.buildStaticStandalone)(Object.assign({}, cliOptions, {
+    await buildStaticStandalone(Object.assign({}, cliOptions, {
       configDir: cliOptions.configDir || './.storybook',
       outputDir: cliOptions.outputDir || './storybook-static',
       ignorePreview: !!cliOptions.previewUrl && !cliOptions.forceBuildPreview,
       docsMode: !!cliOptions.docs,
       configType: 'PRODUCTION',
-      cache: _coreCommon.cache,
-      packageJson: (0, _readPkgUp.sync)({
+      cache,
+      packageJson: readUpSync({
         cwd: __dirname
       }).packageJson
     }));
   } catch (e) {
-    _nodeLogger.logger.error(e);
-
+    logger.error(e);
     process.exit(1);
   }
-};
-
-exports.build = build;
+};

package/dist/esm/detect-nextjs.js

@@ -1,12 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.detectNextJS = void 0;
 const regex = /[\s"\n]next.*?(\d+).*/;
-
-const detectNextJS = packageManager => {
+export const detectNextJS = packageManager => {
   try {
     let out = '';
 
@@ -28,6 +21,4 @@ const detectNextJS = packageManager => {
   }
 
   return false;
-};
-
-exports.detectNextJS = detectNextJS;
+};

package/dist/esm/detect-webpack.js

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.detectWebpack = void 0;
-
-const detectWebpack = packageManager => {
+export const detectWebpack = packageManager => {
   try {
     let out = '';
 
@@ -34,6 +27,4 @@ const detectWebpack = packageManager => {
   }
 
   return false;
-};
-
-exports.detectWebpack = detectWebpack;
+};

package/dist/esm/detect.js

@@ -1,36 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.detect = detect;
-exports.detectBuilder = detectBuilder;
-exports.detectFrameworkPreset = detectFrameworkPreset;
-exports.detectLanguage = detectLanguage;
-exports.isStorybookInstalled = isStorybookInstalled;
-
-var _path = _interopRequireDefault(require("path"));
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _findUp = _interopRequireDefault(require("find-up"));
-
-var _project_types = require("./project_types");
-
-var _helpers = require("./helpers");
-
-var _jsPackageManager = require("./js-package-manager");
-
-var _detectNextjs = require("./detect-nextjs");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import path from 'path';
+import fs from 'fs';
+import findUp from 'find-up';
+import { ProjectType, supportedTemplates, SUPPORTED_RENDERERS, SupportedLanguage, unsupportedTemplate, CoreBuilder } from './project_types';
+import { getBowerJson, paddedLog } from './helpers';
+import { detectNextJS } from './detect-nextjs';
 const viteConfigFiles = ['vite.config.ts', 'vite.config.js', 'vite.config.mjs'];
 
 const hasDependency = (packageJson, name, matcher) => {
-  var _packageJson$dependen, _packageJson$devDepen;
-
-  const version = ((_packageJson$dependen = packageJson.dependencies) === null || _packageJson$dependen === void 0 ? void 0 : _packageJson$dependen[name]) || ((_packageJson$devDepen = packageJson.devDependencies) === null || _packageJson$devDepen === void 0 ? void 0 : _packageJson$devDepen[name]);
+  const version = packageJson.dependencies?.[name] || packageJson.devDependencies?.[name];
 
   if (version && typeof matcher === 'function') {
     return matcher(version);
@@ -40,9 +17,7 @@ const hasDependency = (packageJson, name, matcher) => {
 };
 
 const hasPeerDependency = (packageJson, name, matcher) => {
-  var _packageJson$peerDepe;
-
-  const version = (_packageJson$peerDepe = packageJson.peerDependencies) === null || _packageJson$peerDepe === void 0 ? void 0 : _packageJson$peerDepe[name];
+  const version = packageJson.peerDependencies?.[name];
 
   if (version && typeof matcher === 'function') {
     return matcher(version);
@@ -91,17 +66,17 @@ const getFrameworkPreset = (packageJson, framework) => {
   }
 
   if (Array.isArray(files) && files.length > 0) {
-    matcher.files = files.map(name => _fs.default.existsSync(_path.default.join(process.cwd(), name)));
+    matcher.files = files.map(name => fs.existsSync(path.join(process.cwd(), name)));
   }
 
   return matcherFunction(matcher) ? preset : null;
 };
 
-function detectFrameworkPreset(packageJson = {}) {
-  const result = [..._project_types.supportedTemplates, _project_types.unsupportedTemplate].find(framework => {
+export function detectFrameworkPreset(packageJson = {}) {
+  const result = [...supportedTemplates, unsupportedTemplate].find(framework => {
     return getFrameworkPreset(packageJson, framework) !== null;
   });
-  return result ? result.preset : _project_types.ProjectType.UNDETECTED;
+  return result ? result.preset : ProjectType.UNDETECTED;
 }
 /**
  * Attempts to detect which builder to use, by searching for a vite config file.  If one is found, the vite builder
@@ -110,75 +85,57 @@ function detectFrameworkPreset(packageJson = {}) {
  * @returns CoreBuilder
  */
 
-
-function detectBuilder(packageManager) {
-  const viteConfig = _findUp.default.sync(viteConfigFiles);
+export function detectBuilder(packageManager) {
+  const viteConfig = findUp.sync(viteConfigFiles);
 
   if (viteConfig) {
-    (0, _helpers.paddedLog)('Detected vite project, setting builder to @storybook/builder-vite');
-    return _project_types.CoreBuilder.Vite;
+    paddedLog('Detected vite project, setting builder to @storybook/builder-vite');
+    return CoreBuilder.Vite;
   }
 
-  const nextJSVersion = (0, _detectNextjs.detectNextJS)(packageManager);
+  const nextJSVersion = detectNextJS(packageManager);
 
   if (nextJSVersion) {
     if (nextJSVersion >= 11) {
-      return _project_types.CoreBuilder.Webpack5;
+      return CoreBuilder.Webpack5;
     }
   } // Fallback to webpack5
 
 
-  return _project_types.CoreBuilder.Webpack5;
+  return CoreBuilder.Webpack5;
 }
-
-function isStorybookInstalled(dependencies, force) {
+export function isStorybookInstalled(dependencies, force) {
   if (!dependencies) {
     return false;
   }
 
   if (!force && dependencies.devDependencies) {
-    if (_project_types.SUPPORTED_RENDERERS.reduce((storybookPresent, framework) => storybookPresent || !!dependencies.devDependencies[`@storybook/${framework}`], false)) {
-      return _project_types.ProjectType.ALREADY_HAS_STORYBOOK;
+    if (SUPPORTED_RENDERERS.reduce((storybookPresent, framework) => storybookPresent || !!dependencies.devDependencies[`@storybook/${framework}`], false)) {
+      return ProjectType.ALREADY_HAS_STORYBOOK;
     }
   }
 
   return false;
 }
-
-function detectLanguage() {
-  let language = _project_types.SupportedLanguage.JAVASCRIPT;
-  let packageJson;
-
-  try {
-    packageJson = (0, _jsPackageManager.readPackageJson)();
-  } catch (err) {//
-  }
-
-  const bowerJson = (0, _helpers.getBowerJson)();
+export function detectLanguage(packageJson) {
+  let language = SupportedLanguage.JAVASCRIPT;
+  const bowerJson = getBowerJson();
 
   if (!packageJson && !bowerJson) {
     return language;
   }
 
   if (hasDependency(packageJson || bowerJson, 'typescript')) {
-    language = _project_types.SupportedLanguage.TYPESCRIPT;
+    language = SupportedLanguage.TYPESCRIPT;
   }
 
   return language;
 }
-
-function detect(options = {}) {
-  let packageJson;
-
-  try {
-    packageJson = (0, _jsPackageManager.readPackageJson)();
-  } catch (err) {//
-  }
-
-  const bowerJson = (0, _helpers.getBowerJson)();
+export function detect(packageJson, options = {}) {
+  const bowerJson = getBowerJson();
 
   if (!packageJson && !bowerJson) {
-    return _project_types.ProjectType.UNDETECTED;
+    return ProjectType.UNDETECTED;
   }
 
   const storyBookInstalled = isStorybookInstalled(packageJson, options.force);
@@ -188,7 +145,7 @@ function detect(options = {}) {
   }
 
   if (options.html) {
-    return _project_types.ProjectType.HTML;
+    return ProjectType.HTML;
   }
 
   return detectFrameworkPreset(packageJson || bowerJson);

package/dist/esm/dev.js

@@ -1,70 +1,47 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.dev = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _readPkgUp = require("read-pkg-up");
-
-var _nodeLogger = require("@storybook/node-logger");
-
-var _coreServer = require("@storybook/core-server");
-
-var _coreCommon = require("@storybook/core-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const dev = async cliOptions => {
+import { dedent } from 'ts-dedent';
+import { sync as readUpSync } from 'read-pkg-up';
+import { logger, instance as npmLog } from '@storybook/node-logger';
+import { buildDevStandalone } from '@storybook/core-server';
+import { cache } from '@storybook/core-common';
+export const dev = async cliOptions => {
   process.env.NODE_ENV = process.env.NODE_ENV || 'development';
 
   try {
-    await (0, _coreServer.buildDevStandalone)(Object.assign({}, cliOptions, {
+    await buildDevStandalone(Object.assign({}, cliOptions, {
       configDir: cliOptions.configDir || './.storybook',
       configType: 'DEVELOPMENT',
       ignorePreview: !!cliOptions.previewUrl && !cliOptions.forceBuildPreview,
       docsMode: !!cliOptions.docs,
-      cache: _coreCommon.cache,
-      packageJson: (0, _readPkgUp.sync)({
+      cache,
+      packageJson: readUpSync({
         cwd: __dirname
       }).packageJson
     }));
   } catch (error) {
-    var _error$compilation;
-
     // this is a weird bugfix, somehow 'node-pre-gyp' is polluting the npmLog header
-    _nodeLogger.instance.heading = '';
+    npmLog.heading = '';
 
     if (error instanceof Error) {
       if (error.error) {
-        _nodeLogger.logger.error(error.error);
+        logger.error(error.error);
       } else if (error.stats && error.stats.compilation.errors) {
-        error.stats.compilation.errors.forEach(e => _nodeLogger.logger.plain(e));
+        error.stats.compilation.errors.forEach(e => logger.plain(e));
       } else {
-        _nodeLogger.logger.error(error);
+        logger.error(error);
       }
-    } else if ((_error$compilation = error.compilation) !== null && _error$compilation !== void 0 && _error$compilation.errors) {
-      error.compilation.errors.forEach(e => _nodeLogger.logger.plain(e));
+    } else if (error.compilation?.errors) {
+      error.compilation.errors.forEach(e => logger.plain(e));
     }
 
-    _nodeLogger.logger.line();
-
-    _nodeLogger.logger.warn(error.close ? (0, _tsDedent.default)`
+    logger.line();
+    logger.warn(error.close ? dedent`
           FATAL broken build!, will close the process,
           Fix the error below and restart storybook.
-        ` : (0, _tsDedent.default)`
+        ` : dedent`
           Broken build, fix the error above.
           You may need to refresh the browser.
         `);
-
-    _nodeLogger.logger.line();
-
+    logger.line();
     process.exit(1);
   }
-};
-
-exports.dev = dev;
+};

package/dist/esm/dirs.js

@@ -0,0 +1,4 @@
+import { dirname } from 'path';
+export function getBaseDir() {
+  return dirname(require.resolve('@storybook/cli/package.json'));
+}

package/dist/esm/extract.js

@@ -1,25 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extract = extract;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _fsExtra = require("fs-extra");
-
-var _puppeteerCore = _interopRequireDefault(require("puppeteer-core"));
-
-var _express = _interopRequireDefault(require("express"));
-
-var _getPort = _interopRequireDefault(require("get-port"));
-
-var _nodeLogger = require("@storybook/node-logger");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import "core-js/modules/web.immediate.js";
+import path from 'path';
+import { writeFile, stat } from 'fs-extra';
+import puppeteerCore from 'puppeteer-core';
+import express from 'express';
+import getPort from 'get-port';
+import { logger } from '@storybook/node-logger';
 
 const read = async url => {
   const browser = await usePuppeteerBrowser();
@@ -42,21 +27,19 @@ const read = async url => {
 
 const useLocation = async input => {
   // check for input's existence
-  await (0, _fsExtra.stat)(_path.default.resolve(input));
+  await stat(path.resolve(input));
 
   if (input.match(/^http/)) {
     return [input, async () => {}];
   }
 
-  const app = (0, _express.default)();
-  app.use(_express.default.static(input));
-  const port = await (0, _getPort.default)();
+  const app = express();
+  app.use(express.static(input));
+  const port = await getPort();
   return new Promise(resolve => {
     const server = app.listen(port, () => {
       const result = `http://localhost:${port}/iframe.html`;
-
-      _nodeLogger.logger.info(`connecting to: ${result}`);
-
+      logger.info(`connecting to: ${result}`);
       resolve([result, server.close.bind(server)]);
     });
   });
@@ -66,28 +49,27 @@ const usePuppeteerBrowser = async () => {
   const args = ['--no-sandbox ', '--disable-setuid-sandbox'];
 
   try {
-    return await _puppeteerCore.default.launch({
+    return await puppeteerCore.launch({
       args,
       executablePath: process.env.SB_CHROMIUM_PATH
     });
   } catch (e) {
     // it's not installed
-    _nodeLogger.logger.info('installing puppeteer...');
-
+    logger.info('installing puppeteer...');
     return new Promise((resolve, reject) => {
       // eslint-disable-next-line global-require
-      require('child_process').exec(`node ${require.resolve(_path.default.join('puppeteer-core', 'install.js'))}`, error => error ? reject(error) : resolve(_puppeteerCore.default.launch({
+      require('child_process').exec(`node ${require.resolve(path.join('puppeteer-core', 'install.js'))}`, error => error ? reject(error) : resolve(puppeteerCore.launch({
         args
       })));
     });
   }
 };
 
-async function extract(input, targetPath) {
+export async function extract(input, targetPath) {
   if (input && targetPath) {
     const [location, exit] = await useLocation(input);
     const data = await read(location);
-    await (0, _fsExtra.writeFile)(targetPath, JSON.stringify(data, null, 2));
+    await writeFile(targetPath, JSON.stringify(data, null, 2));
     await exit();
   } else {
     throw new Error('Extract: please specify a path where your built-storybook is (can be a public url) and a target directory');