@storybook/cli 7.0.0-alpha.4 → 7.0.0-alpha.41

package/dist/esm/automigrate/fixes/webpack5.js

@@ -1,153 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.webpack5 = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _semver = _interopRequireDefault(require("@storybook/semver"));
-
-var _csfTools = require("@storybook/csf-tools");
-
-var _coreCommon = require("@storybook/core-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const logger = console;
-
-/**
- * Is the user using webpack5 in their project?
- *
- * If the user is using a version of SB >= 6.3,
- * prompt them to upgrade to webpack5.
- *
- * - Add manager-webpack5 builder-webpack5 as dev dependencies
- * - Add core.builder = 'webpack5' to main.js
- * - Add 'webpack5' as a project dependency
- */
-const webpack5 = {
-  id: 'webpack5',
-
-  async checkWebpack5Builder(packageJson) {
-    var _semver$coerce;
-
-    const {
-      mainConfig,
-      version: storybookVersion
-    } = (0, _coreCommon.getStorybookInfo)(packageJson);
-    const storybookCoerced = storybookVersion && ((_semver$coerce = _semver.default.coerce(storybookVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version);
-
-    if (!storybookCoerced) {
-      logger.warn((0, _tsDedent.default)`
-        ❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('webpack5')} fix.
-        🤔 Are you running automigrate from your project directory?
-      `);
-      return null;
-    }
-
-    if (_semver.default.lt(storybookCoerced, '6.3.0')) {
-      logger.warn((0, _tsDedent.default)`
-          Detected SB 6.3 or below, please upgrade storybook to use webpack5.
-
-          To upgrade to the latest stable release, run this from your project directory:
-
-          ${_chalk.default.cyan('npx storybook upgrade')}
-
-          Add the ${_chalk.default.cyan('--prerelease')} flag to get the latest prerelease.
-        `.trim());
-      return null;
-    }
-
-    if (_semver.default.gte(storybookCoerced, '7.0.0')) {
-      return null;
-    }
-
-    if (!mainConfig) {
-      logger.warn('Unable to find storybook main.js config');
-      return null;
-    }
-
-    const main = await (0, _csfTools.readConfig)(mainConfig);
-    const builder = main.getFieldValue(['core', 'builder']);
-
-    if (builder && builder !== 'webpack4') {
-      logger.info(`Found builder ${builder}, skipping`);
-      return null;
-    }
-
-    return {
-      storybookVersion,
-      main
-    };
-  },
-
-  async check({
-    packageManager
-  }) {
-    var _semver$coerce2;
-
-    const packageJson = packageManager.retrievePackageJson();
-    const {
-      dependencies,
-      devDependencies
-    } = packageJson;
-    const webpackVersion = dependencies.webpack || devDependencies.webpack;
-    const webpackCoerced = (_semver$coerce2 = _semver.default.coerce(webpackVersion)) === null || _semver$coerce2 === void 0 ? void 0 : _semver$coerce2.version;
-    if (!webpackCoerced || _semver.default.lt(webpackCoerced, '5.0.0') || _semver.default.gte(webpackCoerced, '6.0.0')) return null;
-    const builderInfo = await this.checkWebpack5Builder(packageJson);
-    return builderInfo ? Object.assign({
-      webpackVersion
-    }, builderInfo) : null;
-  },
-
-  prompt({
-    webpackVersion
-  }) {
-    const webpackFormatted = _chalk.default.cyan(`webpack ${webpackVersion}`);
-
-    return (0, _tsDedent.default)`
-      We've detected you're running ${webpackFormatted}.
-      Your Storybook's main.js files specifies webpack4, which is incompatible.
-      
-      To run Storybook in webpack5-mode, we can install Storybook's ${_chalk.default.cyan('@storybook/builder-webpack5')} for you.
-
-      More info: ${_chalk.default.yellow('https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack-5-manager-build')}
-    `;
-  },
-
-  async run({
-    result: {
-      main,
-      storybookVersion,
-      webpackVersion
-    },
-    packageManager,
-    dryRun
-  }) {
-    const deps = [`@storybook/manager-webpack5@${storybookVersion}`, `@storybook/builder-webpack5@${storybookVersion}`]; // this also gets called by 'cra5' fix so we need to add
-    // webpack5 at the project root so that it gets hoisted
-
-    if (!webpackVersion) {
-      deps.push('webpack@5');
-    }
-
-    logger.info(`✅ Adding dependencies: ${deps}`);
-    if (!dryRun) packageManager.addDependencies({
-      installAsDevDependencies: true
-    }, deps);
-    logger.info('✅ Setting `core.builder` to `@storybook/builder-webpack5` in main.js');
-
-    if (!dryRun) {
-      main.setFieldValue(['core', 'builder'], '@storybook/builder-webpack5');
-      await (0, _csfTools.writeConfig)(main);
-    }
-  }
-
-};
-exports.webpack5 = webpack5;

package/dist/esm/automigrate/helpers/getEslintInfo.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.findEslintFile = exports.SUPPORTED_ESLINT_EXTENSIONS = void 0;
-
-var _fsExtra = _interopRequireDefault(require("fs-extra"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const SUPPORTED_ESLINT_EXTENSIONS = ['js', 'cjs'];
-exports.SUPPORTED_ESLINT_EXTENSIONS = SUPPORTED_ESLINT_EXTENSIONS;
-const UNSUPPORTED_ESLINT_EXTENSIONS = ['yaml', 'yml', 'json'];
-
-const findEslintFile = () => {
-  const filePrefix = '.eslintrc';
-  const unsupportedExtension = UNSUPPORTED_ESLINT_EXTENSIONS.find(ext => _fsExtra.default.existsSync(`${filePrefix}.${ext}`));
-
-  if (unsupportedExtension) {
-    throw new Error(unsupportedExtension);
-  }
-
-  const extension = SUPPORTED_ESLINT_EXTENSIONS.find(ext => _fsExtra.default.existsSync(`${filePrefix}.${ext}`));
-  return extension ? `${filePrefix}.${extension}` : null;
-};
-
-exports.findEslintFile = findEslintFile;

package/dist/esm/automigrate/index.js

@@ -1,100 +0,0 @@
-"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 */
-const logger = console;
-
-const automigrate = async ({
-  fixId,
-  dryRun,
-  yes
-} = {}) => {
-  const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager();
-
-  const filtered = fixId ? _fixes.fixes.filter(f => f.id === fixId) : _fixes.fixes;
-  logger.info('🔎 checking possible migrations..');
-
-  for (let i = 0; i < filtered.length; i += 1) {
-    const f = _fixes.fixes[i];
-    let result;
-
-    try {
-      result = await f.check({
-        packageManager
-      });
-    } catch (e) {
-      logger.info(`failed to check fix: ${f.id}`);
-    }
-
-    if (result) {
-      logger.info(`🔎 found a '${_chalk.default.cyan(f.id)}' migration:`);
-      logger.info();
-      const message = f.prompt(result);
-      logger.info((0, _boxen.default)(message, {
-        borderStyle: 'round',
-        padding: 1,
-        borderColor: '#F1618C'
-      }));
-      let runAnswer;
-
-      if (dryRun) {
-        runAnswer = {
-          fix: false
-        };
-      } else if (yes) {
-        runAnswer = {
-          fix: true
-        };
-      } else {
-        runAnswer = await (0, _prompts.default)({
-          type: 'confirm',
-          name: 'fix',
-          message: `Do you want to run the '${_chalk.default.cyan(f.id)}' migration on your project?`
-        });
-      }
-
-      if (runAnswer.fix) {
-        try {
-          await f.run({
-            result,
-            packageManager,
-            dryRun
-          });
-          logger.info(`✅ ran ${_chalk.default.cyan(f.id)} migration`);
-        } catch (error) {
-          logger.info(`❌ error when running ${_chalk.default.cyan(f.id)} migration:`);
-          logger.info(error.message);
-          logger.info();
-        }
-      } else {
-        logger.info(`Skipping the ${_chalk.default.cyan(f.id)} migration.`);
-        logger.info();
-        logger.info(`If you change your mind, run '${_chalk.default.cyan('npx storybook@next automigrate')}'`);
-      }
-    }
-  }
-
-  logger.info();
-  logger.info('✅ migration check successfully ran');
-  logger.info();
-};
-
-exports.automigrate = automigrate;

package/dist/esm/automigrate/types.js

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

package/dist/esm/babel-config.js

@@ -1,67 +0,0 @@
-"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 () => {
-  const target = process.cwd();
-  return generateStorybookBabelConfig({
-    target
-  });
-};
-
-exports.generateStorybookBabelConfigInCWD = generateStorybookBabelConfigInCWD;
-
-const generateStorybookBabelConfig = async ({
-  target
-}) => {
-  _nodeLogger.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);
-
-  if (exists) {
-    const {
-      overwrite
-    } = await (0, _prompts.default)({
-      type: 'confirm',
-      initial: true,
-      name: 'overwrite',
-      message: `${fileName} already exists. Would you like overwrite it?`
-    });
-
-    if (overwrite === false) {
-      _nodeLogger.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;

package/dist/esm/build.js

@@ -1,38 +0,0 @@
-"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 => {
-  try {
-    await (0, _coreServer.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)({
-        cwd: __dirname
-      }).packageJson
-    }));
-  } catch (e) {
-    _nodeLogger.logger.error(e);
-
-    process.exit(1);
-  }
-};
-
-exports.build = build;

package/dist/esm/detect-nextjs.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.detectNextJS = void 0;
-const regex = /[\s"\n]next.*?(\d+).*/;
-
-const detectNextJS = packageManager => {
-  try {
-    let out = '';
-
-    if (packageManager.type === 'npm') {
-      try {
-        // npm <= v7
-        out = packageManager.executeCommand('npm', ['ls', 'next']);
-      } catch (e2) {
-        // npm >= v8
-        out = packageManager.executeCommand('npm', ['why', 'next']);
-      }
-    } else {
-      out = packageManager.executeCommand('yarn', ['why', 'next']);
-    }
-
-    const [, version] = out.match(regex);
-    return version && parseInt(version, 10) ? parseInt(version, 10) : false;
-  } catch (err) {//
-  }
-
-  return false;
-};
-
-exports.detectNextJS = detectNextJS;

package/dist/esm/detect-webpack.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.detectWebpack = void 0;
-
-const detectWebpack = packageManager => {
-  try {
-    let out = '';
-
-    if (packageManager.type === 'npm') {
-      try {
-        // npm <= v7
-        out = packageManager.executeCommand('npm', ['ls', 'webpack']);
-      } catch (e2) {
-        // npm >= v8
-        out = packageManager.executeCommand('npm', ['why', 'webpack']);
-      }
-    } else {
-      out = packageManager.executeCommand('yarn', ['why', 'webpack']);
-    } // if the user has BOTH webpack 4 and 5 installed already, we'll pick the safest options (4)
-
-
-    if (out.includes('webpack@4') || out.includes('webpack@npm:4')) {
-      return 4;
-    } // the user has webpack 4 installed, but not 5
-
-
-    if (out.includes('webpack@5') || out.includes('webpack@npm:5')) {
-      return 5;
-    }
-  } catch (err) {//
-  }
-
-  return false;
-};
-
-exports.detectWebpack = detectWebpack;

package/dist/esm/detect.js

@@ -1,195 +0,0 @@
-"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 }; }
-
-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]);
-
-  if (version && typeof matcher === 'function') {
-    return matcher(version);
-  }
-
-  return !!version;
-};
-
-const hasPeerDependency = (packageJson, name, matcher) => {
-  var _packageJson$peerDepe;
-
-  const version = (_packageJson$peerDepe = packageJson.peerDependencies) === null || _packageJson$peerDepe === void 0 ? void 0 : _packageJson$peerDepe[name];
-
-  if (version && typeof matcher === 'function') {
-    return matcher(version);
-  }
-
-  return !!version;
-};
-
-const getFrameworkPreset = (packageJson, framework) => {
-  const matcher = {
-    dependencies: [false],
-    peerDependencies: [false],
-    files: [false]
-  };
-  const {
-    preset,
-    files,
-    dependencies,
-    peerDependencies,
-    matcherFunction
-  } = framework;
-  let dependencySearches = [];
-
-  if (Array.isArray(dependencies)) {
-    dependencySearches = dependencies.map(name => [name, undefined]);
-  } else if (typeof dependencies === 'object') {
-    dependencySearches = Object.entries(dependencies);
-  } // Must check the length so the `[false]` isn't overwritten if `{ dependencies: [] }`
-
-
-  if (dependencySearches.length > 0) {
-    matcher.dependencies = dependencySearches.map(([name, matchFn]) => hasDependency(packageJson, name, matchFn));
-  }
-
-  let peerDependencySearches = [];
-
-  if (Array.isArray(peerDependencies)) {
-    peerDependencySearches = peerDependencies.map(name => [name, undefined]);
-  } else if (typeof peerDependencies === 'object') {
-    peerDependencySearches = Object.entries(peerDependencies);
-  } // Must check the length so the `[false]` isn't overwritten if `{ peerDependencies: [] }`
-
-
-  if (peerDependencySearches.length > 0) {
-    matcher.peerDependencies = peerDependencySearches.map(([name, matchFn]) => hasPeerDependency(packageJson, name, matchFn));
-  }
-
-  if (Array.isArray(files) && files.length > 0) {
-    matcher.files = files.map(name => _fs.default.existsSync(_path.default.join(process.cwd(), name)));
-  }
-
-  return matcherFunction(matcher) ? preset : null;
-};
-
-function detectFrameworkPreset(packageJson = {}) {
-  const result = [..._project_types.supportedTemplates, _project_types.unsupportedTemplate].find(framework => {
-    return getFrameworkPreset(packageJson, framework) !== null;
-  });
-  return result ? result.preset : _project_types.ProjectType.UNDETECTED;
-}
-/**
- * Attempts to detect which builder to use, by searching for a vite config file.  If one is found, the vite builder
- * will be used, otherwise, webpack5 is the default.
- *
- * @returns CoreBuilder
- */
-
-
-function detectBuilder(packageManager) {
-  const viteConfig = _findUp.default.sync(viteConfigFiles);
-
-  if (viteConfig) {
-    (0, _helpers.paddedLog)('Detected vite project, setting builder to @storybook/builder-vite');
-    return _project_types.CoreBuilder.Vite;
-  }
-
-  const nextJSVersion = (0, _detectNextjs.detectNextJS)(packageManager);
-
-  if (nextJSVersion) {
-    if (nextJSVersion >= 11) {
-      return _project_types.CoreBuilder.Webpack5;
-    }
-  } // Fallback to webpack5
-
-
-  return _project_types.CoreBuilder.Webpack5;
-}
-
-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;
-    }
-  }
-
-  return false;
-}
-
-function detectLanguage() {
-  let language = _project_types.SupportedLanguage.JAVASCRIPT;
-  let packageJson;
-
-  try {
-    packageJson = (0, _jsPackageManager.readPackageJson)();
-  } catch (err) {//
-  }
-
-  const bowerJson = (0, _helpers.getBowerJson)();
-
-  if (!packageJson && !bowerJson) {
-    return language;
-  }
-
-  if (hasDependency(packageJson || bowerJson, 'typescript')) {
-    language = _project_types.SupportedLanguage.TYPESCRIPT;
-  }
-
-  return language;
-}
-
-function detect(options = {}) {
-  let packageJson;
-
-  try {
-    packageJson = (0, _jsPackageManager.readPackageJson)();
-  } catch (err) {//
-  }
-
-  const bowerJson = (0, _helpers.getBowerJson)();
-
-  if (!packageJson && !bowerJson) {
-    return _project_types.ProjectType.UNDETECTED;
-  }
-
-  const storyBookInstalled = isStorybookInstalled(packageJson, options.force);
-
-  if (storyBookInstalled) {
-    return storyBookInstalled;
-  }
-
-  if (options.html) {
-    return _project_types.ProjectType.HTML;
-  }
-
-  return detectFrameworkPreset(packageJson || bowerJson);
-}