@storybook/cli 7.0.0-alpha.31 → 7.0.0-alpha.34

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

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _path = _interopRequireDefault(require("path"));
-
-var _semver = _interopRequireDefault(require("@storybook/semver"));
-
-var _angularHelpers = require("./angular-helpers");
-
-var _helpers = require("../../helpers");
-
-var _baseGenerator = require("../baseGenerator");
-
-var _project_types = require("../../project_types");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function editAngularAppTsConfig() {
-  const tsConfigJson = (0, _angularHelpers.getAngularAppTsConfigJson)();
-  const glob = '**/*.stories.*';
-
-  if (!tsConfigJson) {
-    return;
-  }
-
-  const {
-    exclude = []
-  } = tsConfigJson;
-
-  if (exclude.includes(glob)) {
-    return;
-  }
-
-  tsConfigJson.exclude = [...exclude, glob];
-  (0, _helpers.writeFileAsJson)((0, _angularHelpers.getAngularAppTsConfigPath)(), tsConfigJson);
-}
-
-const generator = async (packageManager, npmOptions, options) => {
-  var _semver$coerce;
-
-  (0, _angularHelpers.checkForProjects)();
-  const angularVersion = (_semver$coerce = _semver.default.coerce(packageManager.retrievePackageJson().dependencies['@angular/core'])) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version;
-
-  const isWebpack5 = _semver.default.gte(angularVersion, '12.0.0');
-
-  const updatedOptions = isWebpack5 ? Object.assign({}, options, {
-    builder: _project_types.CoreBuilder.Webpack5
-  }) : options;
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, updatedOptions, 'angular', {
-    extraPackages: ['@compodoc/compodoc'],
-    addScripts: false
-  });
-  (0, _helpers.copyTemplate)(__dirname);
-  editAngularAppTsConfig(); // TODO: we need to add the following:
-
-  /*
-  "storybook": {
-    "builder": "@storybook/angular:start-storybook",
-    "options": {
-      "browserTarget": "angular-cli:build",
-      "port": 4400
-    }
-  },
-  "build-storybook": {
-    "builder": "@storybook/angular:build-storybook",
-    "options": {
-      "browserTarget": "angular-cli:build"
-    }
-  }
-  */
-  // to the user's angular.json file. see: https://github.com/storybookjs/storybook/blob/next/examples/angular-cli/angular.json#L78
-  // then we want to add these scripts to package.json
-  // packageManager.addScripts({
-  //   storybook: 'ng storybook',
-  //   'build-storybook': 'ng build-storybook',
-  // });
-
-  (0, _angularHelpers.editStorybookTsConfig)(_path.default.resolve('./.storybook/tsconfig.json')); // edit scripts to generate docs
-
-  const tsConfigFile = await (0, _angularHelpers.getBaseTsConfigName)();
-  packageManager.addScripts({
-    'docs:json': `compodoc -p ./${tsConfigFile} -e json -d .`
-  });
-  packageManager.addStorybookCommandInScripts({
-    port: 6006,
-    preCommand: 'docs:json'
-  });
-};
-
-var _default = generator;
-exports.default = _default;

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

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _helpers = require("../../helpers");
-
-var _baseGenerator = require("../baseGenerator");
-
-function addStorybookExcludeGlobToTsConfig() {
-  const tsConfigJson = (0, _helpers.readFileAsJson)('tsconfig.json', true);
-  const glob = '**/*.stories.ts';
-
-  if (!tsConfigJson) {
-    return;
-  }
-
-  const {
-    exclude = []
-  } = tsConfigJson;
-
-  if (exclude.includes(glob)) {
-    return;
-  }
-
-  tsConfigJson.exclude = [...exclude, glob];
-  (0, _helpers.writeFileAsJson)('tsconfig.json', tsConfigJson);
-}
-
-const generator = async (packageManager, npmOptions, options) => {
-  addStorybookExcludeGlobToTsConfig();
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'aurelia', {
-    extraPackages: ['aurelia']
-  });
-  (0, _helpers.copyTemplate)(__dirname);
-};
-
-var _default = generator;
-exports.default = _default;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _baseGenerator = require("../baseGenerator");
-
-const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'ember', {
-    extraPackages: [// babel-plugin-ember-modules-api-polyfill is a peerDep of @storybook/ember
-    'babel-plugin-ember-modules-api-polyfill', // babel-plugin-htmlbars-inline-precompile is a peerDep of @storybook/ember
-    'babel-plugin-htmlbars-inline-precompile'],
-    staticDir: 'dist'
-  });
-};
-
-var _default = generator;
-exports.default = _default;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _baseGenerator = require("../baseGenerator");
-
-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;
-  packageManager.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,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-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,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-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,7 +0,0 @@
-"use strict";
-
-require("@storybook/addon-actions/manager");
-
-require("@storybook/addon-links/manager");
-
-require("@storybook/addon-knobs/manager");

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

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _reactNative = require("react-native");
-
-var _reactNative2 = require("@storybook/react-native");
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-require("./rn-addons");
-
-// if you use expo remove this line
-// enables knobs for all stories
-(0, _reactNative2.addDecorator)(_addonKnobs.withKnobs); // import stories
-
-(0, _reactNative2.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 = (0, _reactNative2.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.
-
-_reactNative.AppRegistry.registerComponent('%APP_NAME%', () => StorybookUIRoot);
-
-var _default = StorybookUIRoot;
-exports.default = _default;

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

@@ -1,5 +0,0 @@
-"use strict";
-
-require("@storybook/addon-ondevice-actions/register");
-
-require("@storybook/addon-ondevice-knobs/register");

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

@@ -1,23 +0,0 @@
-"use strict";
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _addonKnobs = require("@storybook/addon-knobs");
-
-var _reactNative = require("@storybook/react-native");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative2 = require("react-native");
-
-var _ = _interopRequireDefault(require("."));
-
-var _CenterView = _interopRequireDefault(require("../CenterView"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _reactNative.storiesOf)('Button', module).addDecorator(getStory => /*#__PURE__*/_react.default.createElement(_CenterView.default, null, getStory())).add('with text', () => /*#__PURE__*/_react.default.createElement(_.default, {
-  onPress: (0, _addonActions.action)('clicked-text')
-}, /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, (0, _addonKnobs.text)('Button text', 'Hello Button')))).add('with some emoji', () => /*#__PURE__*/_react.default.createElement(_.default, {
-  onPress: (0, _addonActions.action)('clicked-emoji')
-}, /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, "\uD83D\uDE00 \uD83D\uDE0E \uD83D\uDC4D \uD83D\uDCAF")));

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

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Button;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactNative = require("react-native");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function Button({
-  onPress,
-  children
-}) {
-  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, {
-    onPress: onPress
-  }, children);
-}
-
-Button.defaultProps = {
-  children: null,
-  onPress: () => {}
-};
-Button.propTypes = {
-  children: _propTypes.default.node,
-  onPress: _propTypes.default.func
-};

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

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CenterView;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactNative = require("react-native");
-
-var _style = _interopRequireDefault(require("./style"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function CenterView({
-  children
-}) {
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _style.default.main
-  }, children);
-}
-
-CenterView.defaultProps = {
-  children: null
-};
-CenterView.propTypes = {
-  children: _propTypes.default.node
-};

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

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  main: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF'
-  }
-};
-exports.default = _default;

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

@@ -1,15 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _addonLinks = require("@storybook/addon-links");
-
-var _reactNative = require("@storybook/react-native");
-
-var _ = _interopRequireDefault(require("."));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _reactNative.storiesOf)('Welcome', module).add('to Storybook', () => /*#__PURE__*/_react.default.createElement(_.default, {
-  showApp: (0, _addonLinks.linkTo)('Button')
-}));

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

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactNative = require("react-native");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class Welcome extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
-    this.styles = {
-      wrapper: {
-        flex: 1,
-        padding: 24,
-        justifyContent: 'center'
-      },
-      header: {
-        fontSize: 18,
-        marginBottom: 18
-      },
-      content: {
-        fontSize: 12,
-        marginBottom: 10,
-        lineHeight: 18
-      }
-    };
-
-    this.showApp = event => {
-      const {
-        showApp
-      } = this.props;
-      event.preventDefault();
-
-      if (showApp) {
-        showApp();
-      }
-    };
-  }
-
-  render() {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: this.styles.wrapper
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-      style: this.styles.header
-    }, "Welcome to React Native Storybook"), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-      style: this.styles.content
-    }, "This is a UI Component development environment for your React Native app. Here you can display and interact with your UI components as stories. A story is a single state of one or more UI components. You can have as many stories as you want. In other words a story is like a visual test case."), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-      style: this.styles.content
-    }, "We have added some stories inside the \"storybook/stories\" directory for examples. Try editing the \"storybook/stories/Welcome.js\" file to edit this message."));
-  }
-
-}
-
-exports.default = Welcome;
-Welcome.defaultProps = {
-  showApp: null
-};
-Welcome.propTypes = {
-  showApp: _propTypes.default.func
-};

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

@@ -1,5 +0,0 @@
-"use strict";
-
-require("./Button/Button.stories");
-
-require("./Welcome/Welcome.stories");

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

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-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,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-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;