@storybook/cli 6.4.0-beta.24 → 6.4.0-beta.28

package/dist/esm/generators/configure.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configure = configure;
+
+var _fsExtra = _interopRequireDefault(require("fs-extra"));
+
+var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function configureMain(_ref) {
+  let {
+    addons,
+    extensions = ['js', 'jsx', 'ts', 'tsx'],
+    commonJs = false
+  } = _ref,
+      custom = _objectWithoutPropertiesLoose(_ref, ["addons", "extensions", "commonJs"]);
+
+  const prefix = _fsExtra.default.existsSync('./src') ? '../src' : '../stories';
+  const config = Object.assign({
+    stories: [`${prefix}/**/*.stories.mdx`, `${prefix}/**/*.stories.@(${extensions.join('|')})`],
+    addons
+  }, custom); // replace escaped values and delimiters
+
+  const stringified = `module.exports = ${JSON.stringify(config, null, 2).replace(/\\"/g, '"').replace(/['"]%%/g, '').replace(/%%['"]/, '').replace(/\\n/g, '\r\n')}`;
+
+  _fsExtra.default.ensureDirSync('./.storybook');
+
+  _fsExtra.default.writeFileSync(`./.storybook/main.${commonJs ? 'cjs' : 'js'}`, stringified, {
+    encoding: 'utf8'
+  });
+}
+
+const frameworkToPreviewParts = {
+  angular: {
+    prefix: (0, _tsDedent.default)`
+      import { setCompodocJson } from "@storybook/addon-docs/angular";
+      import docJson from "../documentation.json";
+      setCompodocJson(docJson);
+      
+      `.trimStart(),
+    extraParameters: 'docs: { inlineStories: true },'
+  }
+};
+
+function configurePreview(framework, commonJs) {
+  const {
+    prefix = '',
+    extraParameters = ''
+  } = frameworkToPreviewParts[framework] || {};
+  const previewPath = `./.storybook/preview.${commonJs ? 'cjs' : 'js'}`; // If the framework template included a preview then we have nothing to do
+
+  if (_fsExtra.default.existsSync(previewPath)) {
+    return;
+  }
+
+  const preview = (0, _tsDedent.default)`
+    ${prefix}
+    export const parameters = {
+      actions: { argTypesRegex: "^on[A-Z].*" },
+      controls: {
+        matchers: {
+          color: /(background|color)$/i,
+          date: /Date$/,
+        },
+      },
+      ${extraParameters}
+    }`.replace('  \n', '').trim();
+
+  _fsExtra.default.writeFileSync(previewPath, preview, {
+    encoding: 'utf8'
+  });
+}
+
+function configure(framework, mainOptions) {
+  _fsExtra.default.ensureDirSync('./.storybook');
+
+  configureMain(mainOptions);
+  configurePreview(framework, mainOptions.commonJs);
+}

package/dist/esm/helpers.js

@@ -0,0 +1,238 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBowerJson = getBowerJson;
+exports.readFileAsJson = readFileAsJson;
+exports.paddedLog = paddedLog;
+exports.getChars = getChars;
+exports.codeLog = codeLog;
+exports.getBabelDependencies = getBabelDependencies;
+exports.addToDevDependenciesIfNotPresent = addToDevDependenciesIfNotPresent;
+exports.copyTemplate = copyTemplate;
+exports.copyComponents = copyComponents;
+exports.commandLog = 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
+  });
+}
+
+function copyComponents(framework, language) {
+  const languageFolderMapping = {
+    javascript: 'js',
+    typescript: 'ts'
+  };
+
+  const componentsPath = () => {
+    const frameworkPath = `frameworks/${framework}`;
+
+    const languageSpecific = _path.default.resolve(__dirname, `${frameworkPath}/${languageFolderMapping[language]}`);
+
+    if (_fsExtra.default.existsSync(languageSpecific)) {
+      return languageSpecific;
+    }
+
+    const jsFallback = _path.default.resolve(__dirname, `${frameworkPath}/${languageFolderMapping.javascript}`);
+
+    if (_fsExtra.default.existsSync(jsFallback)) {
+      return jsFallback;
+    }
+
+    const frameworkRootPath = _path.default.resolve(__dirname, frameworkPath);
+
+    if (_fsExtra.default.existsSync(frameworkRootPath)) {
+      return frameworkRootPath;
+    }
+
+    throw new Error(`Unsupported framework: ${framework}`);
+  };
+
+  const targetPath = () => {
+    if (_fsExtra.default.existsSync('./src')) {
+      return './src/stories';
+    }
+
+    return './stories';
+  };
+
+  const destinationPath = targetPath();
+
+  _fsExtra.default.copySync(componentsPath(), destinationPath, {
+    overwrite: true
+  });
+
+  _fsExtra.default.copySync(_path.default.resolve(__dirname, 'frameworks/common'), destinationPath, {
+    overwrite: true
+  });
+}

package/dist/esm/initiate.js

@@ -0,0 +1,287 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initiate = initiate;
+
+require("core-js/modules/es.promise.js");
+
+var _updateNotifier = require("update-notifier");
+
+var _chalk = _interopRequireDefault(require("chalk"));
+
+var _prompts = _interopRequireDefault(require("prompts"));
+
+var _detect = require("./detect");
+
+var _project_types = require("./project_types");
+
+var _helpers = require("./helpers");
+
+var _ANGULAR = _interopRequireDefault(require("./generators/ANGULAR"));
+
+var _AURELIA = _interopRequireDefault(require("./generators/AURELIA"));
+
+var _EMBER = _interopRequireDefault(require("./generators/EMBER"));
+
+var _METEOR = _interopRequireDefault(require("./generators/METEOR"));
+
+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 _UPDATE_PACKAGE_ORGANIZATIONS = _interopRequireDefault(require("./generators/UPDATE_PACKAGE_ORGANIZATIONS"));
+
+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");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const logger = console;
+
+const installStorybook = (projectType, options) => {
+  const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(options.useNpm);
+
+  const npmOptions = {
+    installAsDevDependencies: true,
+    skipInstall: options.skipInstall
+  };
+  const language = (0, _detect.detectLanguage)();
+  const generatorOptions = {
+    language,
+    builder: options.builder || _project_types.CoreBuilder.Webpack4,
+    linkable: !!options.linkable,
+    commonJs: options.commonJs
+  };
+
+  const end = () => {
+    if (!options.skipInstall) {
+      packageManager.installDependencies();
+    }
+
+    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')); // Add a new line for the clear visibility.
+
+    logger.log();
+  };
+
+  const REACT_NATIVE_REPO = 'https://github.com/storybookjs/react-native';
+
+  const runGenerator = () => {
+    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.UPDATE_PACKAGE_ORGANIZATIONS:
+        return (0, _UPDATE_PACKAGE_ORGANIZATIONS.default)(packageManager, options.parser, npmOptions).then(() => null) // commandLog doesn't like to see output
+        .then((0, _helpers.commandLog)('Upgrading your project to the new Storybook packages.')).then(end);
+
+      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')).then(end);
+
+      case _project_types.ProjectType.REACT:
+        return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" app')).then(end);
+
+      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')).then(end).then(() => {
+            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();
+          });
+        }
+
+      case _project_types.ProjectType.METEOR:
+        return (0, _METEOR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Meteor" app')).then(end);
+
+      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')).then(end);
+
+      case _project_types.ProjectType.REACT_PROJECT:
+        return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" library')).then(end);
+
+      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')).then(end);
+
+      case _project_types.ProjectType.VUE:
+        return (0, _VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue" app')).then(end);
+
+      case _project_types.ProjectType.VUE3:
+        return (0, _VUE2.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue 3" app')).then(end);
+
+      case _project_types.ProjectType.ANGULAR:
+        return (0, _ANGULAR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Angular" app')).then(end);
+
+      case _project_types.ProjectType.EMBER:
+        return (0, _EMBER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Ember" app')).then(end);
+
+      case _project_types.ProjectType.MITHRIL:
+        return (0, _MITHRIL.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Mithril" app')).then(end);
+
+      case _project_types.ProjectType.MARIONETTE:
+        return (0, _MARIONETTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marionette.js" app')).then(end);
+
+      case _project_types.ProjectType.MARKO:
+        return (0, _MARKO.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marko" app')).then(end);
+
+      case _project_types.ProjectType.HTML:
+        return (0, _HTML.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "HTML" app')).then(end);
+
+      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')).then(end);
+
+      case _project_types.ProjectType.RIOT:
+        return (0, _RIOT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "riot.js" app')).then(end);
+
+      case _project_types.ProjectType.PREACT:
+        return (0, _PREACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Preact" app')).then(end);
+
+      case _project_types.ProjectType.SVELTE:
+        return (0, _SVELTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Svelte" app')).then(end);
+
+      case _project_types.ProjectType.RAX:
+        return (0, _RAX.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Rax" app')).then(end);
+
+      case _project_types.ProjectType.AURELIA:
+        return (0, _AURELIA.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Aurelia" app')).then(end);
+
+      case _project_types.ProjectType.SERVER:
+        return (0, _SERVER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Server" app')).then(end);
+
+      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);
+    }
+  };
+
+  return runGenerator().catch(ex => {
+    logger.error(`\n     ${_chalk.default.red(ex.stack)}`);
+    process.exit(1);
+  });
+};
+
+const projectTypeInquirer = async options => {
+  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, options);
+  }
+
+  return Promise.resolve();
+};
+
+function initiate(options, pkg) {
+  const welcomeMessage = 'sb init - the simplest way to add a Storybook to your project.';
+  logger.log(_chalk.default.inverse(`\n ${welcomeMessage} \n`)); // 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' : 'Detecting project type';
+  const done = (0, _helpers.commandLog)(infoText);
+  const packageJson = (0, _jsPackageManager.readPackageJson)();
+  const isEsm = packageJson && packageJson.type === 'module';
+
+  try {
+    if (projectTypeProvided) {
+      if (_project_types.installableProjectTypes.includes(options.type)) {
+        const storybookInstalled = (0, _detect.isStorybookInstalled)(packageJson, options.force);
+        projectType = storybookInstalled ? _project_types.ProjectType.ALREADY_HAS_STORYBOOK : options.type.toUpperCase();
+      } else {
+        done(`The provided project type was not recognized by Storybook.`);
+        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();
+  return installStorybook(projectType, Object.assign({}, options, isEsm ? {
+    commonJs: true
+  } : undefined));
+}