@storybook/cli 7.0.0-alpha.16 → 7.0.0-alpha.17

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/register';
-import '@storybook/addon-ondevice-knobs/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')
+}));

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

@@ -1,57 +1,54 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { View, Text } from 'react-native';
-
 export default class Welcome extends React.Component {
-  styles = {
-    wrapper: {
-      flex: 1,
-      padding: 24,
-      justifyContent: 'center',
-    },
-    header: {
-      fontSize: 18,
-      marginBottom: 18,
-    },
-    content: {
-      fontSize: 12,
-      marginBottom: 10,
-      lineHeight: 18,
-    },
-  };
+  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
+      }
+    };
 
-  showApp = (event) => {
-    const { showApp } = this.props;
-    event.preventDefault();
+    this.showApp = event => {
+      const {
+        showApp
+      } = this.props;
+      event.preventDefault();
 
-    if (showApp) {
-      showApp();
-    }
-  };
+      if (showApp) {
+        showApp();
+      }
+    };
+  }
 
   render() {
-    return (
-      <View style={this.styles.wrapper}>
-        <Text style={this.styles.header}>Welcome to React Native Storybook</Text>
-        <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.
-        </Text>
-        <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.
-        </Text>
-      </View>
-    );
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.wrapper
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.header
+    }, "Welcome to React Native Storybook"), /*#__PURE__*/React.createElement(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.createElement(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."));
   }
-}
 
+}
 Welcome.defaultProps = {
-  showApp: null,
+  showApp: null
 };
-
 Welcome.propTypes = {
-  showApp: PropTypes.func,
-};
+  showApp: PropTypes.func
+};

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

@@ -1,2 +1,2 @@
 import './Button/Button.stories';
-import './Welcome/Welcome.stories';
+import './Welcome/Welcome.stories';

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

@@ -1,29 +1,11 @@
-"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 }; }
+import path from 'path';
+import fs from 'fs';
+import semver from '@storybook/semver';
+import { baseGenerator } from '../baseGenerator';
+import { CoreBuilder } from '../../project_types';
 
 const generator = async (packageManager, npmOptions, options) => {
-  var _semver$coerce;
-
-  const monorepoRootPath = _path.default.join(__dirname, '..', '..', '..', '..', '..', '..');
-
+  const monorepoRootPath = path.join(__dirname, '..', '..', '..', '..', '..', '..');
   const extraMain = options.linkable ? {
     webpackFinal: `%%(config) => {
       // add monorepo root as a valid directory to import modules from
@@ -36,12 +18,10 @@ const generator = async (packageManager, npmOptions, options) => {
           }
     %%`
   } : {};
-  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 craVersion = semver.coerce(packageManager.retrievePackageJson().dependencies['react-scripts'])?.version;
+  const isCra5 = craVersion && semver.gte(craVersion, '5.0.0');
   const updatedOptions = isCra5 ? Object.assign({}, options, {
-    builder: _project_types.CoreBuilder.Webpack5
+    builder: CoreBuilder.Webpack5
   }) : options; // `@storybook/preset-create-react-app` has `@storybook/node-logger` as peerDep
 
   const extraPackages = ['@storybook/node-logger'];
@@ -56,15 +36,14 @@ const generator = async (packageManager, npmOptions, options) => {
 
 
   const extraAddons = [`@storybook/preset-create-react-app${isCra5 ? '' : '@3'}`];
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, updatedOptions, 'react', {
+  await baseGenerator(packageManager, npmOptions, updatedOptions, 'react', {
     extraAddons,
     extraPackages,
-    staticDir: _fs.default.existsSync(_path.default.resolve('./public')) ? 'public' : undefined,
+    staticDir: fs.existsSync(path.resolve('./public')) ? 'public' : undefined,
     addBabel: false,
     addESLint: true,
     extraMain
   });
 };
 
-var _default = generator;
-exports.default = _default;
+export default generator;

package/dist/esm/generators/RIOT/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, 'riot', {
+  await baseGenerator(packageManager, npmOptions, options, 'riot', {
     extraPackages: ['riot-tag-loader']
   });
 };
 
-var _default = generator;
-exports.default = _default;
+export default generator;

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

@@ -1,22 +1,11 @@
-"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");
+import { baseGenerator } from '../baseGenerator';
+import { copyTemplate } from '../../helpers';
 
 const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'server', {
+  await baseGenerator(packageManager, npmOptions, options, 'server', {
     extensions: ['json']
   });
-  (0, _helpers.copyTemplate)(__dirname);
+  copyTemplate(__dirname);
 };
 
-var _default = generator;
-exports.default = _default;
+export default generator;

package/dist/esm/generators/SERVER/template-csf/.storybook/preview.js

@@ -1,5 +1,5 @@
 export const parameters = {
   server: {
-    url: 'http://storybook-server-demo.netlify.app/api',
-  },
-};
+    url: 'http://storybook-server-demo.netlify.app/api'
+  }
+};

package/dist/esm/generators/SFC_VUE/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, 'vue');
+  await baseGenerator(packageManager, npmOptions, options, 'vue');
 };
 
-var _default = generator;
-exports.default = _default;
+export default generator;

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

@@ -1,34 +1,19 @@
-"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 }; }
+import fse from 'fs-extra';
+import { logger } from '@storybook/node-logger';
+import { baseGenerator } from '../baseGenerator';
 
 const generator = async (packageManager, npmOptions, options) => {
   let extraMain; // svelte.config.js ?
 
-  if (_fsExtra.default.existsSync('./svelte.config.js')) {
-    _nodeLogger.logger.info("Configuring preprocessor from 'svelte.config.js'");
-
+  if (fse.existsSync('./svelte.config.js')) {
+    logger.info("Configuring preprocessor from 'svelte.config.js'");
     extraMain = {
       svelteOptions: {
         preprocess: '%%require("../svelte.config.js").preprocess%%'
       }
     };
-  } else if (_fsExtra.default.existsSync('./svelte.config.cjs')) {
-    _nodeLogger.logger.info("Configuring preprocessor from 'svelte.config.cjs'");
-
+  } else if (fse.existsSync('./svelte.config.cjs')) {
+    logger.info("Configuring preprocessor from 'svelte.config.cjs'");
     extraMain = {
       svelteOptions: {
         preprocess: '%%require("../svelte.config.cjs").preprocess%%'
@@ -39,8 +24,7 @@ const generator = async (packageManager, npmOptions, options) => {
     const packageJson = packageManager.retrievePackageJson();
 
     if (packageJson.devDependencies && packageJson.devDependencies['svelte-preprocess']) {
-      _nodeLogger.logger.info("Configuring preprocessor with 'svelte-preprocess'");
-
+      logger.info("Configuring preprocessor with 'svelte-preprocess'");
       extraMain = {
         svelteOptions: {
           preprocess: '%%require("svelte-preprocess")()%%'
@@ -49,7 +33,7 @@ const generator = async (packageManager, npmOptions, options) => {
     }
   }
 
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'svelte', {
+  await baseGenerator(packageManager, npmOptions, options, 'svelte', {
     extraPackages: ['svelte', 'svelte-loader'],
     extensions: ['js', 'jsx', 'ts', 'tsx', 'svelte'],
     extraMain,
@@ -57,5 +41,4 @@ const generator = async (packageManager, npmOptions, options) => {
   });
 };
 
-var _default = generator;
-exports.default = _default;
+export default generator;