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

package/dist/cjs/helpers.js

@@ -1,237 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.addToDevDependenciesIfNotPresent = addToDevDependenciesIfNotPresent;
-exports.codeLog = codeLog;
-exports.commandLog = void 0;
-exports.copyComponents = copyComponents;
-exports.copyTemplate = copyTemplate;
-exports.getBabelDependencies = getBabelDependencies;
-exports.getBowerJson = getBowerJson;
-exports.getChars = getChars;
-exports.paddedLog = paddedLog;
-exports.readFileAsJson = readFileAsJson;
-exports.writeFileAsJson = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _fsExtra = _interopRequireDefault(require("fs-extra"));
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _semver = require("@storybook/semver");
-
-var _stripJsonComments = _interopRequireDefault(require("strip-json-comments"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable no-param-reassign */
-const logger = console;
-
-function getBowerJson() {
-  const bowerJsonPath = _path.default.resolve('bower.json');
-
-  if (!_fs.default.existsSync(bowerJsonPath)) {
-    return false;
-  }
-
-  const jsonContent = _fs.default.readFileSync(bowerJsonPath, 'utf8');
-
-  return JSON.parse(jsonContent);
-}
-
-function readFileAsJson(jsonPath, allowComments) {
-  const filePath = _path.default.resolve(jsonPath);
-
-  if (!_fs.default.existsSync(filePath)) {
-    return false;
-  }
-
-  const fileContent = _fs.default.readFileSync(filePath, 'utf8');
-
-  const jsonContent = allowComments ? (0, _stripJsonComments.default)(fileContent) : fileContent;
-
-  try {
-    return JSON.parse(jsonContent);
-  } catch (e) {
-    logger.error(_chalk.default.red(`Invalid json in file: ${filePath}`));
-    throw e;
-  }
-}
-
-const writeFileAsJson = (jsonPath, content) => {
-  const filePath = _path.default.resolve(jsonPath);
-
-  if (!_fs.default.existsSync(filePath)) {
-    return false;
-  }
-
-  _fs.default.writeFileSync(filePath, `${JSON.stringify(content, null, 2)}\n`);
-
-  return true;
-};
-
-exports.writeFileAsJson = writeFileAsJson;
-
-const commandLog = message => {
-  process.stdout.write(_chalk.default.cyan(' • ') + message); // Need `void` to be able to use this function in a then of a Promise<void>
-
-  return (errorMessage, errorInfo) => {
-    if (errorMessage) {
-      process.stdout.write(`. ${_chalk.default.red('✖')}\n`);
-      logger.error(`\n     ${_chalk.default.red(errorMessage)}`);
-
-      if (!errorInfo) {
-        return;
-      }
-
-      const newErrorInfo = errorInfo.split('\n').map(line => `     ${_chalk.default.dim(line)}`).join('\n');
-      logger.error(`${newErrorInfo}\n`);
-      return;
-    }
-
-    process.stdout.write(`. ${_chalk.default.green('✓')}\n`);
-  };
-};
-
-exports.commandLog = commandLog;
-
-function paddedLog(message) {
-  const newMessage = message.split('\n').map(line => `    ${line}`).join('\n');
-  logger.log(newMessage);
-}
-
-function getChars(char, amount) {
-  let line = '';
-
-  for (let lc = 0; lc < amount; lc += 1) {
-    line += char;
-  }
-
-  return line;
-}
-
-function codeLog(codeLines, leftPadAmount) {
-  let maxLength = 0;
-  const newLines = codeLines.map(line => {
-    maxLength = line.length > maxLength ? line.length : maxLength;
-    return line;
-  });
-  const finalResult = newLines.map(line => {
-    const rightPadAmount = maxLength - line.length;
-    let newLine = line + getChars(' ', rightPadAmount);
-    newLine = getChars(' ', leftPadAmount || 2) + _chalk.default.inverse(` ${newLine} `);
-    return newLine;
-  }).join('\n');
-  logger.log(finalResult);
-}
-/**
- * Detect if any babel dependencies need to be added to the project
- * @param {Object} packageJson The current package.json so we can inspect its contents
- * @returns {Array} Contains the packages and versions that need to be installed
- * @example
- * const babelDependencies = await getBabelDependencies(packageManager, npmOptions, packageJson);
- * // you can then spread the result when using installDependencies
- * installDependencies(npmOptions, [
- *   `@storybook/react@${storybookVersion}`,
- *   ...babelDependencies,
- * ]);
- */
-
-
-async function getBabelDependencies(packageManager, packageJson) {
-  const dependenciesToAdd = [];
-  let babelLoaderVersion = '^8.0.0-0';
-  const babelCoreVersion = packageJson.dependencies['babel-core'] || packageJson.devDependencies['babel-core'];
-
-  if (!babelCoreVersion) {
-    if (!packageJson.dependencies['@babel/core'] && !packageJson.devDependencies['@babel/core']) {
-      const babelCoreInstallVersion = await packageManager.getVersion('@babel/core');
-      dependenciesToAdd.push(`@babel/core@${babelCoreInstallVersion}`);
-    }
-  } else {
-    const latestCompatibleBabelVersion = await packageManager.latestVersion('babel-core', babelCoreVersion); // Babel 6
-
-    if ((0, _semver.satisfies)(latestCompatibleBabelVersion, '^6.0.0')) {
-      babelLoaderVersion = '^7.0.0';
-    }
-  }
-
-  if (!packageJson.dependencies['babel-loader'] && !packageJson.devDependencies['babel-loader']) {
-    const babelLoaderInstallVersion = await packageManager.getVersion('babel-loader', babelLoaderVersion);
-    dependenciesToAdd.push(`babel-loader@${babelLoaderInstallVersion}`);
-  }
-
-  return dependenciesToAdd;
-}
-
-function addToDevDependenciesIfNotPresent(packageJson, name, packageVersion) {
-  if (!packageJson.dependencies[name] && !packageJson.devDependencies[name]) {
-    packageJson.devDependencies[name] = packageVersion;
-  }
-}
-
-function copyTemplate(templateRoot) {
-  const templateDir = _path.default.resolve(templateRoot, `template-csf/`);
-
-  if (!_fs.default.existsSync(templateDir)) {
-    throw new Error(`Couldn't find template dir`);
-  }
-
-  _fsExtra.default.copySync(templateDir, '.', {
-    overwrite: true
-  });
-}
-
-async function copyComponents(framework, language) {
-  const languageFolderMapping = {
-    javascript: 'js',
-    typescript: 'ts'
-  };
-
-  const componentsPath = async () => {
-    const frameworkPath = `frameworks/${framework}`;
-
-    const languageSpecific = _path.default.resolve(__dirname, `${frameworkPath}/${languageFolderMapping[language]}`);
-
-    if (await _fsExtra.default.pathExists(languageSpecific)) {
-      return languageSpecific;
-    }
-
-    const jsFallback = _path.default.resolve(__dirname, `${frameworkPath}/${languageFolderMapping.javascript}`);
-
-    if (await _fsExtra.default.pathExists(jsFallback)) {
-      return jsFallback;
-    }
-
-    const frameworkRootPath = _path.default.resolve(__dirname, frameworkPath);
-
-    if (await _fsExtra.default.pathExists(frameworkRootPath)) {
-      return frameworkRootPath;
-    }
-
-    throw new Error(`Unsupported framework: ${framework}`);
-  };
-
-  const targetPath = async () => {
-    if (await _fsExtra.default.pathExists('./src')) {
-      return './src/stories';
-    }
-
-    return './stories';
-  };
-
-  const destinationPath = await targetPath();
-  await _fsExtra.default.copy(await componentsPath(), destinationPath, {
-    overwrite: true
-  });
-  await _fsExtra.default.copy(_path.default.resolve(__dirname, 'frameworks/common'), destinationPath, {
-    overwrite: true
-  });
-}

package/dist/cjs/initiate.js

@@ -1,292 +0,0 @@
-"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 }; }
-
-const logger = console;
-
-const installStorybook = (projectType, packageManager, options) => {
-  const npmOptions = {
-    installAsDevDependencies: true,
-    skipInstall: options.skipInstall
-  };
-  const language = (0, _detect.detectLanguage)();
-  const generatorOptions = {
-    language,
-    builder: options.builder || (0, _detect.detectBuilder)(packageManager),
-    linkable: !!options.linkable,
-    commonJs: options.commonJs,
-    pnp: options.usePnp
-  };
-
-  const runGenerator = async () => {
-    switch (projectType) {
-      case _project_types.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.
-
-        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 _project_types.ProjectType.REACT:
-        return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" app\n'));
-
-      case _project_types.ProjectType.REACT_NATIVE:
-        {
-          return (options.yes ? Promise.resolve({
-            server: true
-          }) : (0, _prompts.default)([{
-            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'));
-        }
-
-      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 _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 _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 _project_types.ProjectType.VUE:
-        return (0, _VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.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 _project_types.ProjectType.ANGULAR:
-        return (0, _ANGULAR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.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 _project_types.ProjectType.MITHRIL:
-        return (0, _MITHRIL.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.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 _project_types.ProjectType.MARKO:
-        return (0, _MARKO.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.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 _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 _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 _project_types.ProjectType.PREACT:
-        return (0, _PREACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.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 _project_types.ProjectType.RAX:
-        return (0, _RAX.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.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 _project_types.ProjectType.SERVER:
-        return (0, _SERVER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.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.
-
-        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.
-
-        logger.log();
-        return projectTypeInquirer(options, packageManager);
-    }
-  };
-
-  return runGenerator().catch(ex => {
-    logger.error(`\n     ${_chalk.default.red(ex.stack)}`);
-    process.exit(1);
-  });
-};
-
-const projectTypeInquirer = async (options, packageManager) => {
-  const manualAnswer = options.yes ? true : await (0, _prompts.default)([{
-    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)([{
-      type: 'select',
-      name: 'manualFramework',
-      message: 'Please choose a project type from the following list:',
-      choices: _project_types.installableProjectTypes.map(type => ({
-        title: type,
-        value: type.toUpperCase()
-      }))
-    }]);
-    return installStorybook(frameworkAnswer.manualFramework, packageManager, options);
-  }
-
-  return Promise.resolve();
-};
-
-async function initiate(options, pkg) {
-  const packageManager = _jsPackageManager.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`));
-
-  if (!options.disableTelemetry) {
-    (0, _telemetry.telemetry)('init');
-  } // Update notify code.
-
-
-  new _updateNotifier.UpdateNotifier({
-    pkg,
-    updateCheckInterval: 1000 * 60 * 60 // every hour (we could increase this later on.)
-
-  }).notify();
-  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 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();
-      } 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}`));
-
-        logger.log();
-        process.exit(1);
-      }
-    } else {
-      projectType = (0, _detect.detect)(options);
-    }
-  } catch (ex) {
-    done(ex.message);
-    process.exit(1);
-  }
-
-  done();
-  await installStorybook(projectType, packageManager, Object.assign({}, options, isEsm ? {
-    commonJs: true
-  } : undefined));
-
-  if (!options.skipInstall) {
-    packageManager.installDependencies();
-  }
-
-  await (0, _automigrate.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'));
-
-  if (projectType === _project_types.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(`To quickly run Storybook, replace contents of your app entry with:\n`);
-    (0, _helpers.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();
-  } // Add a new line for the clear visibility.
-
-
-  logger.log();
-}