@storybook/cli 7.0.0-alpha.7 → 7.0.0-beta.0

package/dist/cjs/generators/PREACT/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'preact', {
-    extraPackages: ['core-js']
-  });
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/RAX/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
-
-var _jsPackageManager = require("../../js-package-manager");
-
-const generator = async (packageManager, npmOptions, options) => {
-  const [latestRaxVersion] = await packageManager.getVersions('rax');
-  const packageJson = packageManager.retrievePackageJson();
-  const raxVersion = packageJson.dependencies.rax || latestRaxVersion; // in case Rax project is not detected, `rax` package is not available either
-
-  packageJson.dependencies.rax = packageJson.dependencies.rax || raxVersion; // these packages are required for Welcome story
-
-  packageJson.dependencies['rax-image'] = packageJson.dependencies['rax-image'] || raxVersion;
-  packageJson.dependencies['rax-link'] = packageJson.dependencies['rax-link'] || raxVersion;
-  packageJson.dependencies['rax-text'] = packageJson.dependencies['rax-text'] || raxVersion;
-  packageJson.dependencies['rax-view'] = packageJson.dependencies['rax-view'] || raxVersion;
-  (0, _jsPackageManager.writePackageJson)(packageJson);
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'rax', {
-    extraPackages: ['rax']
-  });
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/REACT/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'react');
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/REACT_NATIVE/index.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _shelljs = _interopRequireDefault(require("shelljs"));
-
-var _helpers = require("../../helpers");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const generator = async (packageManager, npmOptions, installServer) => {
-  // set correct project name on entry files if possible
-  const dirname = _shelljs.default.ls('-d', 'ios/*.xcodeproj').stdout; // Only notify about app name if running in React Native vanilla (Expo projects do not have ios directory)
-
-
-  if (dirname) {
-    const projectName = dirname.slice('ios/'.length, dirname.length - '.xcodeproj'.length - 1);
-
-    if (projectName) {
-      _shelljs.default.sed('-i', '%APP_NAME%', projectName, 'storybook/index.js');
-    } else {
-      (0, _helpers.paddedLog)(_chalk.default.red('ERR: Could not determine project name, to fix: https://github.com/storybookjs/storybook/issues/1277'));
-    }
-  }
-
-  const packageJson = packageManager.retrievePackageJson();
-  const missingReactDom = !packageJson.dependencies['react-dom'] && !packageJson.devDependencies['react-dom'];
-  const reactVersion = packageJson.dependencies.react; // should resolve to latest 5.3 version, this is required until react-native storybook supports v6
-
-  const webAddonsV5 = ['@storybook/addon-links@^5.3', '@storybook/addon-knobs@^5.3', '@storybook/addon-actions@^5.3'];
-  const nativeAddons = ['@storybook/addon-ondevice-knobs', '@storybook/addon-ondevice-actions'];
-  const packagesToResolve = [...nativeAddons, '@storybook/react-native', installServer && '@storybook/react-native-server'].filter(Boolean);
-  const resolvedPackages = await packageManager.getVersionedPackages(packagesToResolve);
-  const babelDependencies = await (0, _helpers.getBabelDependencies)(packageManager, packageJson);
-  const packages = [...babelDependencies, ...resolvedPackages, ...webAddonsV5, missingReactDom && reactVersion && `react-dom@${reactVersion}`].filter(Boolean);
-  packageManager.addDependencies(Object.assign({}, npmOptions, {
-    packageJson
-  }), packages);
-
-  if (installServer) {
-    packageManager.addStorybookCommandInScripts({
-      port: 7007
-    });
-  }
-
-  (0, _helpers.copyTemplate)(__dirname);
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/addons.js

@@ -1,3 +0,0 @@
-import '@storybook/addon-actions/manager';
-import '@storybook/addon-links/manager';
-import '@storybook/addon-knobs/manager';

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/index.js

@@ -1,25 +0,0 @@
-// if you use expo remove this line
-import { AppRegistry } from 'react-native';
-
-import { getStorybookUI, configure, addDecorator } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
-
-import './rn-addons';
-
-// enables knobs for all stories
-addDecorator(withKnobs);
-
-// import stories
-configure(() => {
-  require('./stories');
-}, module);
-
-// Refer to https://github.com/storybookjs/react-native/tree/master/app/react-native#getstorybookui-options
-// To find allowed options for getStorybookUI
-const StorybookUIRoot = getStorybookUI({});
-
-// If you are using React Native vanilla and after installation you don't see your app name here, write it manually.
-// If you use Expo you should remove this line.
-AppRegistry.registerComponent('%APP_NAME%', () => StorybookUIRoot);
-
-export default StorybookUIRoot;

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js

@@ -1,2 +0,0 @@
-import '@storybook/addon-ondevice-actions/manager';
-import '@storybook/addon-ondevice-knobs/manager';

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/CenterView/index.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { View } from 'react-native';
-import style from './style';
-
-export default function CenterView({ children }) {
-  return <View style={style.main}>{children}</View>;
-}
-
-CenterView.defaultProps = {
-  children: null,
-};
-
-CenterView.propTypes = {
-  children: PropTypes.node,
-};

package/dist/cjs/generators/REACT_SCRIPTS/index.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _semver = _interopRequireDefault(require("@storybook/semver"));
-
-var _baseGenerator = require("../baseGenerator");
-
-var _project_types = require("../../project_types");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const generator = async (packageManager, npmOptions, options) => {
-  var _semver$coerce;
-
-  const monorepoRootPath = _path.default.join(__dirname, '..', '..', '..', '..', '..', '..');
-
-  const extraMain = options.linkable ? {
-    webpackFinal: `%%(config) => {
-      // add monorepo root as a valid directory to import modules from
-      config.resolve.plugins.forEach((p) => {
-        if (Array.isArray(p.appSrcs)) {
-          p.appSrcs.push('${monorepoRootPath}');
-              }
-            });
-          return config;
-          }
-    %%`
-  } : {};
-  const craVersion = (_semver$coerce = _semver.default.coerce(packageManager.retrievePackageJson().dependencies['react-scripts'])) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version;
-
-  const isCra5 = craVersion && _semver.default.gte(craVersion, '5.0.0');
-
-  const updatedOptions = isCra5 ? Object.assign({}, options, {
-    builder: _project_types.CoreBuilder.Webpack5
-  }) : options; // `@storybook/preset-create-react-app` has `@storybook/node-logger` as peerDep
-
-  const extraPackages = ['@storybook/node-logger'];
-
-  if (isCra5) {
-    extraPackages.push('webpack'); // Miscellaneous dependency used in `babel-preset-react-app` but not listed as dep there
-
-    extraPackages.push('babel-plugin-named-exports-order'); // Miscellaneous dependency to add to be sure Storybook + CRA is working fine with Yarn PnP mode
-
-    extraPackages.push('prop-types');
-  } // preset v3 is compat with older versions of CRA, otherwise let version float
-
-
-  const extraAddons = [`@storybook/preset-create-react-app${isCra5 ? '' : '@3'}`];
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, updatedOptions, 'react', {
-    extraAddons,
-    extraPackages,
-    staticDir: _fs.default.existsSync(_path.default.resolve('./public')) ? 'public' : undefined,
-    addBabel: false,
-    addESLint: true,
-    extraMain
-  });
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/RIOT/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'riot', {
-    extraPackages: ['riot-tag-loader']
-  });
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/SERVER/index.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
-
-var _helpers = require("../../helpers");
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'server', {
-    extensions: ['json']
-  });
-  (0, _helpers.copyTemplate)(__dirname);
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/SFC_VUE/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'vue');
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/SVELTE/index.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _fsExtra = _interopRequireDefault(require("fs-extra"));
-
-var _nodeLogger = require("@storybook/node-logger");
-
-var _baseGenerator = require("../baseGenerator");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const generator = async (packageManager, npmOptions, options) => {
-  let svelteOptions;
-  let commonJs = false; // svelte.config.js ?
-
-  if (_fsExtra.default.existsSync('./svelte.config.js')) {
-    _nodeLogger.logger.info("Configuring preprocessor from 'svelte.config.js'");
-
-    svelteOptions = {
-      preprocess: '%%require("../svelte.config.js").preprocess%%'
-    };
-  } else if (_fsExtra.default.existsSync('./svelte.config.cjs')) {
-    _nodeLogger.logger.info("Configuring preprocessor from 'svelte.config.cjs'");
-
-    commonJs = true;
-    svelteOptions = {
-      preprocess: '%%require("../svelte.config.cjs").preprocess%%'
-    };
-  } else {
-    // svelte-preprocess dependencies ?
-    const packageJson = packageManager.retrievePackageJson();
-
-    if (packageJson.devDependencies && packageJson.devDependencies['svelte-preprocess']) {
-      _nodeLogger.logger.info("Configuring preprocessor with 'svelte-preprocess'");
-
-      svelteOptions = {
-        preprocess: '%%require("svelte-preprocess")()%%'
-      };
-    }
-  }
-
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'svelte', {
-    extraPackages: ['svelte', 'svelte-loader'],
-    extensions: ['js', 'jsx', 'ts', 'tsx', 'svelte'],
-    framework: svelteOptions,
-    commonJs
-  });
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/VUE/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'vue', {
-    extraPackages: ['vue-loader@^15.7.0']
-  });
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/VUE3/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'vue3', {
-    extraPackages: ['vue-loader@^16.0.0']
-  });
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/WEB-COMPONENTS/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
-
-const generator = async (packageManager, npmOptions, options) => {
-  return (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'web-components', {
-    extraPackages: ['lit-html']
-  });
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/WEBPACK_REACT/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'react');
-};
-
-var _default = generator;
-exports.default = _default;

package/dist/cjs/generators/baseGenerator.js

@@ -1,205 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.baseGenerator = baseGenerator;
-
-require("core-js/modules/es.promise.js");
-
-var _fsExtra = _interopRequireDefault(require("fs-extra"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _project_types = require("../project_types");
-
-var _helpers = require("../helpers");
-
-var _configure = require("./configure");
-
-var _jsPackageManager = require("../js-package-manager");
-
-var _babelConfig = require("../babel-config");
-
-var _versions = _interopRequireDefault(require("../versions"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const defaultOptions = {
-  extraPackages: [],
-  extraAddons: [],
-  staticDir: undefined,
-  addScripts: true,
-  addComponents: true,
-  addBabel: true,
-  addESLint: false,
-  extraMain: undefined,
-  framework: undefined,
-  extensions: undefined,
-  commonJs: false
-};
-
-const getBuilderDetails = builder => {
-  const map = _versions.default;
-
-  if (map[builder]) {
-    return builder;
-  }
-
-  const builderPackage = `@storybook/${builder}`;
-
-  if (map[builderPackage]) {
-    return builderPackage;
-  }
-
-  return builder;
-};
-
-const wrapForPnp = packageName => `%%path.dirname(require.resolve(path.join('${packageName}', 'package.json')))%%`;
-
-const getFrameworkDetails = (renderer, builder, pnp) => {
-  const frameworkPackage = `@storybook/${renderer}-${builder}`;
-  const frameworkPackagePath = pnp ? wrapForPnp(frameworkPackage) : frameworkPackage;
-  const rendererPackage = `@storybook/${renderer}`;
-  const rendererPackagePath = pnp ? wrapForPnp(rendererPackage) : rendererPackage;
-  const builderPackage = getBuilderDetails(builder);
-  const builderPackagePath = pnp ? wrapForPnp(builderPackage) : builderPackage;
-  const isKnownFramework = !!_versions.default[frameworkPackage];
-  const isKnownRenderer = !!_versions.default[rendererPackage];
-
-  if (renderer === 'angular') {
-    return {
-      packages: [rendererPackage],
-      framework: rendererPackagePath,
-      type: 'framework'
-    };
-  }
-
-  if (isKnownFramework) {
-    return {
-      packages: [frameworkPackage],
-      framework: frameworkPackagePath,
-      type: 'framework'
-    };
-  }
-
-  if (isKnownRenderer) {
-    return {
-      packages: [rendererPackage, builderPackage],
-      builder: builderPackagePath,
-      renderer: rendererPackagePath,
-      type: 'renderer'
-    };
-  }
-
-  throw new Error(`Could not find the framework (${frameworkPackage}) or renderer (${rendererPackage}) package`);
-};
-
-const stripVersions = addons => addons.map(addon => (0, _jsPackageManager.getPackageDetails)(addon)[0]);
-
-const hasInteractiveStories = framework => ['react', 'angular', 'preact', 'svelte', 'vue', 'vue3', 'html'].includes(framework);
-
-async function baseGenerator(packageManager, npmOptions, {
-  language,
-  builder = _project_types.CoreBuilder.Webpack5,
-  pnp
-}, renderer, options = defaultOptions) {
-  const {
-    extraAddons: extraAddonPackages,
-    extraPackages,
-    staticDir,
-    addScripts,
-    addComponents,
-    addBabel,
-    addESLint,
-    extraMain,
-    extensions
-  } = Object.assign({}, defaultOptions, options); // added to main.js
-  // make sure to update `canUsePrebuiltManager` in dev-server.js and build-manager-config/main.js when this list changes
-
-  const addons = ['@storybook/addon-links', '@storybook/addon-essentials', ...stripVersions(extraAddonPackages)]; // added to package.json
-
-  const addonPackages = ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-actions', ...extraAddonPackages];
-
-  if (hasInteractiveStories(renderer)) {
-    addons.push('@storybook/addon-interactions');
-    addonPackages.push('@storybook/addon-interactions', '@storybook/testing-library');
-  }
-
-  const yarn2ExtraPackages = packageManager.type === 'yarn2' ? ['@storybook/addon-docs', '@mdx-js/react@1.x.x'] : [];
-  const files = await _fsExtra.default.readdir(process.cwd());
-  const packageJson = packageManager.retrievePackageJson();
-  const installedDependencies = new Set(Object.keys(Object.assign({}, packageJson.dependencies, packageJson.devDependencies)));
-  const {
-    packages: frameworkPackages,
-    type,
-    // @ts-ignore
-    renderer: rendererInclude,
-    framework: frameworkInclude,
-    builder: builderInclude
-  } = getFrameworkDetails(renderer, builder, pnp); // TODO: We need to start supporting this at some point
-
-  if (type === 'renderer') {
-    throw new Error((0, _tsDedent.default)`
-        Sorry, for now, you can not do this, please use a framework such as @storybook/react-webpack5
-
-        https://github.com/storybookjs/storybook/issues/18360
-      `);
-  }
-
-  const packages = ['storybook', ...frameworkPackages, ...addonPackages, ...extraPackages, ...yarn2ExtraPackages].filter(Boolean).filter(packageToInstall => !installedDependencies.has((0, _jsPackageManager.getPackageDetails)(packageToInstall)[0]));
-  const versionedPackages = await packageManager.getVersionedPackages(packages);
-  await _fsExtra.default.ensureDir('./.storybook');
-  await (0, _configure.configureMain)(Object.assign({
-    framework: {
-      name: frameworkInclude,
-      options: options.framework || {}
-    },
-    addons: pnp ? addons.map(wrapForPnp) : addons,
-    extensions,
-    commonJs: options.commonJs
-  }, extraMain, type !== 'framework' ? {
-    core: {
-      builder: builderInclude
-    }
-  } : {}));
-  await (0, _configure.configurePreview)(renderer, options.commonJs);
-
-  if (addComponents) {
-    (0, _helpers.copyComponents)(renderer, language);
-  } // FIXME: temporary workaround for https://github.com/storybookjs/storybook/issues/17516
-
-
-  if (frameworkPackages.includes('@storybook/builder-vite')) {
-    const previewHead = (0, _tsDedent.default)`
-      <script>
-        window.global = window;
-      </script>
-    `;
-    await _fsExtra.default.writeFile(`.storybook/preview-head.html`, previewHead, {
-      encoding: 'utf8'
-    });
-  }
-
-  const babelDependencies = addBabel ? await (0, _helpers.getBabelDependencies)(packageManager, packageJson) : [];
-  const isNewFolder = !files.some(fname => fname.startsWith('.babel') || fname.startsWith('babel') || fname === 'package.json');
-
-  if (isNewFolder) {
-    await (0, _babelConfig.generateStorybookBabelConfigInCWD)();
-  }
-
-  packageManager.addDependencies(Object.assign({}, npmOptions, {
-    packageJson
-  }), [...versionedPackages, ...babelDependencies]);
-
-  if (addScripts) {
-    packageManager.addStorybookCommandInScripts({
-      port: 6006,
-      staticFolder: staticDir
-    });
-  }
-
-  if (addESLint) {
-    packageManager.addESLintConfig();
-  }
-}