@storybook/cli 7.0.0-alpha.13 → 7.0.0-alpha.18

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

@@ -1,28 +1,12 @@
-"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 _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 }; }
+import path from 'path';
+import semver from '@storybook/semver';
+import { checkForProjects, editStorybookTsConfig, getAngularAppTsConfigJson, getAngularAppTsConfigPath, getBaseTsConfigName } from './angular-helpers';
+import { writeFileAsJson, copyTemplate } from '../../helpers';
+import { baseGenerator } from '../baseGenerator';
+import { CoreBuilder } from '../../project_types';
 
 function editAngularAppTsConfig() {
-  const tsConfigJson = (0, _angularHelpers.getAngularAppTsConfigJson)();
+  const tsConfigJson = getAngularAppTsConfigJson();
   const glob = '**/*.stories.*';
 
   if (!tsConfigJson) {
@@ -38,25 +22,21 @@ function editAngularAppTsConfig() {
   }
 
   tsConfigJson.exclude = [...exclude, glob];
-  (0, _helpers.writeFileAsJson)((0, _angularHelpers.getAngularAppTsConfigPath)(), tsConfigJson);
+  writeFileAsJson(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');
-
+  checkForProjects();
+  const angularVersion = semver.coerce(packageManager.retrievePackageJson().dependencies['@angular/core'])?.version;
+  const isWebpack5 = semver.gte(angularVersion, '12.0.0');
   const updatedOptions = isWebpack5 ? Object.assign({}, options, {
-    builder: _project_types.CoreBuilder.Webpack5
+    builder: CoreBuilder.Webpack5
   }) : options;
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, updatedOptions, 'angular', {
+  await baseGenerator(packageManager, npmOptions, updatedOptions, 'angular', {
     extraPackages: ['@compodoc/compodoc'],
     addScripts: false
   });
-  (0, _helpers.copyTemplate)(__dirname);
+  copyTemplate(__dirname);
   editAngularAppTsConfig(); // TODO: we need to add the following:
 
   /*
@@ -81,9 +61,9 @@ const generator = async (packageManager, npmOptions, options) => {
   //   'build-storybook': 'ng build-storybook',
   // });
 
-  (0, _angularHelpers.editStorybookTsConfig)(_path.default.resolve('./.storybook/tsconfig.json')); // edit scripts to generate docs
+  editStorybookTsConfig(path.resolve('./.storybook/tsconfig.json')); // edit scripts to generate docs
 
-  const tsConfigFile = await (0, _angularHelpers.getBaseTsConfigName)();
+  const tsConfigFile = await getBaseTsConfigName();
   packageManager.addScripts({
     'docs:json': `compodoc -p ./${tsConfigFile} -e json -d .`
   });
@@ -93,5 +73,4 @@ const generator = async (packageManager, npmOptions, options) => {
   });
 };
 
-var _default = generator;
-exports.default = _default;
+export default generator;

package/dist/esm/generators/ANGULAR/template-csf/.storybook/tsconfig.json

@@ -1,21 +1,10 @@
 {
   "extends": "%SET_DURING_SB_INIT%",
   "compilerOptions": {
-    "types": [
-      "node"
-    ],
+    "types": ["node"],
     "allowSyntheticDefaultImports": true
   },
-  "exclude": [
-    "../src/test.ts",
-    "../src/**/*.spec.ts",
-    "../projects/**/*.spec.ts"
-  ],
-  "include": [
-    "../src/**/*",
-    "../projects/**/*"
-  ],
-  "files": [
-    "./typings.d.ts"
-  ]
-}
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../projects/**/*.spec.ts"],
+  "include": ["../src/**/*", "../projects/**/*"],
+  "files": ["./typings.d.ts"]
+}

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

@@ -1,18 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _helpers = require("../../helpers");
-
-var _baseGenerator = require("../baseGenerator");
+import { writeFileAsJson, readFileAsJson, copyTemplate } from '../../helpers';
+import { baseGenerator } from '../baseGenerator';
 
 function addStorybookExcludeGlobToTsConfig() {
-  const tsConfigJson = (0, _helpers.readFileAsJson)('tsconfig.json', true);
+  const tsConfigJson = readFileAsJson('tsconfig.json', true);
   const glob = '**/*.stories.ts';
 
   if (!tsConfigJson) {
@@ -28,16 +18,15 @@ function addStorybookExcludeGlobToTsConfig() {
   }
 
   tsConfigJson.exclude = [...exclude, glob];
-  (0, _helpers.writeFileAsJson)('tsconfig.json', tsConfigJson);
+  writeFileAsJson('tsconfig.json', tsConfigJson);
 }
 
 const generator = async (packageManager, npmOptions, options) => {
   addStorybookExcludeGlobToTsConfig();
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'aurelia', {
+  await baseGenerator(packageManager, npmOptions, options, 'aurelia', {
     extraPackages: ['aurelia']
   });
-  (0, _helpers.copyTemplate)(__dirname);
+  copyTemplate(__dirname);
 };
 
-var _default = generator;
-exports.default = _default;
+export default generator;

package/dist/esm/generators/AURELIA/template-csf/.storybook/tsconfig.json

@@ -1,20 +1,9 @@
 {
   "extends": "%SET_DURING_SB_INIT%",
   "compilerOptions": {
-    "types": [
-      "node"
-    ]
+    "types": ["node"]
   },
-  "exclude": [
-    "../src/test.ts",
-    "../src/**/*.spec.ts",
-    "../projects/**/*.spec.ts"
-  ],
-  "include": [
-    "../src/**/*",
-    "../projects/**/*"
-  ],
-  "files": [
-    "./typings.d.ts"
-  ]
-}
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../projects/**/*.spec.ts"],
+  "include": ["../src/**/*", "../projects/**/*"],
+  "files": ["./typings.d.ts"]
+}

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

@@ -1,16 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.promise.js");
-
-var _baseGenerator = require("../baseGenerator");
+import { baseGenerator } from '../baseGenerator';
 
 const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'ember', {
+  await 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'],
@@ -18,5 +9,4 @@ const generator = async (packageManager, npmOptions, options) => {
   });
 };
 
-var _default = generator;
-exports.default = _default;
+export default generator;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,15 +1,5 @@
-"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");
+import { baseGenerator } from '../baseGenerator';
+import { writePackageJson } from '../../js-package-manager';
 
 const generator = async (packageManager, npmOptions, options) => {
   const [latestRaxVersion] = await packageManager.getVersions('rax');
@@ -22,11 +12,10 @@ const generator = async (packageManager, npmOptions, options) => {
   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', {
+  writePackageJson(packageJson);
+  await baseGenerator(packageManager, npmOptions, options, 'rax', {
     extraPackages: ['rax']
   });
 };
 
-var _default = generator;
-exports.default = _default;
+export default generator;

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

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

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

@@ -1,32 +1,18 @@
-"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 }; }
+import chalk from 'chalk';
+import shell from 'shelljs';
+import { getBabelDependencies, paddedLog, copyTemplate } from '../../helpers';
 
 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)
-
+  const dirname = shell.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');
+      shell.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'));
+      paddedLog(chalk.red('ERR: Could not determine project name, to fix: https://github.com/storybookjs/storybook/issues/1277'));
     }
   }
 
@@ -38,7 +24,7 @@ const generator = async (packageManager, npmOptions, installServer) => {
   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 babelDependencies = await getBabelDependencies(packageManager, packageJson);
   const packages = [...babelDependencies, ...resolvedPackages, ...webAddonsV5, missingReactDom && reactVersion && `react-dom@${reactVersion}`].filter(Boolean);
   packageManager.addDependencies(Object.assign({}, npmOptions, {
     packageJson
@@ -50,8 +36,7 @@ const generator = async (packageManager, npmOptions, installServer) => {
     });
   }
 
-  (0, _helpers.copyTemplate)(__dirname);
+  copyTemplate(__dirname);
 };
 
-var _default = generator;
-exports.default = _default;
+export default generator;

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

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

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

@@ -1,25 +1,18 @@
 // 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
 
-import './rn-addons';
-
-// enables knobs for all stories
-addDecorator(withKnobs);
+addDecorator(withKnobs); // import stories
 
-// import stories
 configure(() => {
   require('./stories');
-}, module);
-
-// Refer to https://github.com/storybookjs/react-native/tree/master/app/react-native#getstorybookui-options
+}, 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.
+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;
+AppRegistry.registerComponent('%APP_NAME%', () => StorybookUIRoot);
+export default StorybookUIRoot;

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

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

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

@@ -5,16 +5,8 @@ import React from 'react';
 import { Text } from 'react-native';
 import Button from '.';
 import CenterView from '../CenterView';
-
-storiesOf('Button', module)
-  .addDecorator((getStory) => <CenterView>{getStory()}</CenterView>)
-  .add('with text', () => (
-    <Button onPress={action('clicked-text')}>
-      <Text>{text('Button text', 'Hello Button')}</Text>
-    </Button>
-  ))
-  .add('with some emoji', () => (
-    <Button onPress={action('clicked-emoji')}>
-      <Text>😀 😎 👍 💯</Text>
-    </Button>
-  ));
+storiesOf('Button', module).addDecorator(getStory => /*#__PURE__*/React.createElement(CenterView, null, getStory())).add('with text', () => /*#__PURE__*/React.createElement(Button, {
+  onPress: action('clicked-text')
+}, /*#__PURE__*/React.createElement(Text, null, text('Button text', 'Hello Button')))).add('with some emoji', () => /*#__PURE__*/React.createElement(Button, {
+  onPress: action('clicked-emoji')
+}, /*#__PURE__*/React.createElement(Text, null, "\uD83D\uDE00 \uD83D\uDE0E \uD83D\uDC4D \uD83D\uDCAF")));

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

@@ -1,17 +1,19 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { TouchableHighlight } from 'react-native';
-
-export default function Button({ onPress, children }) {
-  return <TouchableHighlight onPress={onPress}>{children}</TouchableHighlight>;
+export default function Button({
+  onPress,
+  children
+}) {
+  return /*#__PURE__*/React.createElement(TouchableHighlight, {
+    onPress: onPress
+  }, children);
 }
-
 Button.defaultProps = {
   children: null,
-  onPress: () => {},
+  onPress: () => {}
 };
-
 Button.propTypes = {
   children: PropTypes.node,
-  onPress: PropTypes.func,
-};
+  onPress: PropTypes.func
+};

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

@@ -2,15 +2,16 @@ 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>;
+export default function CenterView({
+  children
+}) {
+  return /*#__PURE__*/React.createElement(View, {
+    style: style.main
+  }, children);
 }
-
 CenterView.defaultProps = {
-  children: null,
+  children: null
 };
-
 CenterView.propTypes = {
-  children: PropTypes.node,
-};
+  children: PropTypes.node
+};

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

@@ -3,6 +3,6 @@ export default {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: '#F5FCFF',
-  },
-};
+    backgroundColor: '#F5FCFF'
+  }
+};

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

@@ -2,5 +2,6 @@ import React from 'react';
 import { linkTo } from '@storybook/addon-links';
 import { storiesOf } from '@storybook/react-native';
 import Welcome from '.';
-
-storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
+storiesOf('Welcome', module).add('to Storybook', () => /*#__PURE__*/React.createElement(Welcome, {
+  showApp: linkTo('Button')
+}));