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

package/dist/cjs/generate.js

@@ -0,0 +1,140 @@
+"use strict";
+
+require("core-js/modules/es.symbol.description.js");
+
+var _commander = _interopRequireDefault(require("commander"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _chalk = _interopRequireDefault(require("chalk"));
+
+var _envinfo = _interopRequireDefault(require("envinfo"));
+
+var _leven = _interopRequireDefault(require("leven"));
+
+var _readPkgUp = require("read-pkg-up");
+
+var _initiate = require("./initiate");
+
+var _add = require("./add");
+
+var _migrate = require("./migrate");
+
+var _extract = require("./extract");
+
+var _upgrade = require("./upgrade");
+
+var _repro = require("./repro");
+
+var _link = require("./link");
+
+var _automigrate = require("./automigrate");
+
+var _babelConfig = require("./babel-config");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const pkg = (0, _readPkgUp.sync)({
+  cwd: __dirname
+}).packageJson;
+const logger = console;
+
+_commander.default.command('init').description('Initialize Storybook into your project.').option('-f --force', 'Force add Storybook').option('-s --skip-install', 'Skip installing deps').option('-N --use-npm', 'Use npm to install deps').option('-p --parser <babel | babylon | flow | ts | tsx>', 'jscodeshift parser').option('-t --type <type>', 'Add Storybook for a specific project type').option('-y --yes', 'Answer yes to all prompts').option('-b --builder <builder>', 'Builder library').option('-l --linkable', 'Prepare installation for link (contributor helper)').action(options => (0, _initiate.initiate)(options, pkg));
+
+_commander.default.command('add <addon>').description('Add an addon to your Storybook').option('-N --use-npm', 'Use NPM to build the Storybook server').option('-s --skip-postinstall', 'Skip package specific postinstall config modifications').action((addonName, options) => (0, _add.add)(addonName, options));
+
+_commander.default.command('babelrc').description('generate the default storybook babel config into your current working directory').action(() => (0, _babelConfig.generateStorybookBabelConfigInCWD)());
+
+_commander.default.command('upgrade').description('Upgrade your Storybook packages to the latest').option('-N --use-npm', 'Use NPM to build the Storybook server').option('-y --yes', 'Skip prompting the user').option('-n --dry-run', 'Only check for upgrades, do not install').option('-p --prerelease', 'Upgrade to the pre-release packages').option('-s --skip-check', 'Skip postinstall version and automigration checks').action(options => (0, _upgrade.upgrade)(options));
+
+_commander.default.command('info').description('Prints debugging information about the local environment').action(() => {
+  logger.log(_chalk.default.bold('\nEnvironment Info:'));
+
+  _envinfo.default.run({
+    System: ['OS', 'CPU'],
+    Binaries: ['Node', 'Yarn', 'npm'],
+    Browsers: ['Chrome', 'Edge', 'Firefox', 'Safari'],
+    npmPackages: '@storybook/*',
+    npmGlobalPackages: '@storybook/*'
+  }).then(logger.log);
+});
+
+_commander.default.command('migrate [migration]').description('Run a Storybook codemod migration on your source files').option('-l --list', 'List available migrations').option('-g --glob <glob>', 'Glob for files upon which to apply the migration', '**/*.js').option('-p --parser <babel | babylon | flow | ts | tsx>', 'jscodeshift parser').option('-n --dry-run', 'Dry run: verify the migration exists and show the files to which it will be applied').option('-r --rename <from-to>', 'Rename suffix of matching files after codemod has been applied, e.g. ".js:.ts"').action((migration, {
+  configDir,
+  glob,
+  dryRun,
+  list,
+  rename,
+  parser
+}) => {
+  (0, _migrate.migrate)(migration, {
+    configDir,
+    glob,
+    dryRun,
+    list,
+    rename,
+    parser,
+    logger
+  }).catch(err => {
+    logger.error(err);
+    process.exit(1);
+  });
+});
+
+_commander.default.command('extract [location] [output]').description('extract stories.json from a built version').action((location = 'storybook-static', output = _path.default.join(location, 'stories.json')) => (0, _extract.extract)(location, output).catch(e => {
+  logger.error(e);
+  process.exit(1);
+}));
+
+_commander.default.command('repro [outputDirectory]').description('Create a reproduction from a set of possible templates').option('-f --framework <framework>', 'Filter on given framework').option('-t --template <template>', 'Use the given template').option('-l --list', 'List available templates').option('-g --generator <generator>', 'Use custom generator command').option('--pnp', "Use Yarn Plug'n'Play mode instead of node_modules one").option('--e2e', 'Used in e2e context').action((outputDirectory, {
+  framework,
+  template,
+  list,
+  e2e,
+  generator,
+  pnp
+}) => (0, _repro.repro)({
+  outputDirectory,
+  framework,
+  template,
+  list,
+  e2e,
+  generator,
+  pnp
+}).catch(e => {
+  logger.error(e);
+  process.exit(1);
+}));
+
+_commander.default.command('link <repo-url-or-directory>').description('Pull down a repro from a URL (or a local directory), link it, and run storybook').option('--local', 'Link a local directory already in your file system').action((target, {
+  local
+}) => (0, _link.link)({
+  target,
+  local
+}).catch(e => {
+  logger.error(e);
+  process.exit(1);
+}));
+
+_commander.default.command('automigrate [fixId]').description('Check storybook for known problems or migrations and apply fixes').option('-y --yes', 'Skip prompting the user').option('-n --dry-run', 'Only check for fixes, do not actually run them').action((fixId, options) => (0, _automigrate.automigrate)(Object.assign({
+  fixId
+}, options)).catch(e => {
+  logger.error(e);
+  process.exit(1);
+}));
+
+_commander.default.on('command:*', ([invalidCmd]) => {
+  logger.error(' Invalid command: %s.\n See --help for a list of available commands.', invalidCmd); // eslint-disable-next-line
+
+  const availableCommands = _commander.default.commands.map(cmd => cmd._name);
+
+  const suggestion = availableCommands.find(cmd => (0, _leven.default)(cmd, invalidCmd) < 3);
+
+  if (suggestion) {
+    logger.log(`\n Did you mean ${suggestion}?`);
+  }
+
+  process.exit(1);
+});
+
+_commander.default.usage('<command> [options]').version(pkg.version).parse(process.argv);

package/dist/cjs/generators/ANGULAR/angular-helpers.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAngularAppTsConfigPath = getAngularAppTsConfigPath;
+exports.getAngularAppTsConfigJson = getAngularAppTsConfigJson;
+exports.editStorybookTsConfig = editStorybookTsConfig;
+exports.isDefaultProjectSet = isDefaultProjectSet;
+exports.getBaseTsConfigName = getBaseTsConfigName;
+
+require("core-js/modules/es.promise.js");
+
+var path = _interopRequireWildcard(require("path"));
+
+var fs = _interopRequireWildcard(require("fs"));
+
+var _fsExtra = require("fs-extra");
+
+var _helpers = require("../../helpers");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function getAngularAppTsConfigPath() {
+  const angularJson = (0, _helpers.readFileAsJson)('angular.json', true);
+  const {
+    defaultProject
+  } = angularJson;
+  const tsConfigPath = angularJson.projects[defaultProject].architect.build.options.tsConfig;
+
+  if (!tsConfigPath || !fs.existsSync(path.resolve(tsConfigPath))) {
+    return false;
+  }
+
+  return tsConfigPath;
+}
+
+function getAngularAppTsConfigJson() {
+  const tsConfigPath = getAngularAppTsConfigPath();
+
+  if (!tsConfigPath) {
+    return false;
+  }
+
+  return (0, _helpers.readFileAsJson)(tsConfigPath, true);
+}
+
+function setStorybookTsconfigExtendsPath(tsconfigJson) {
+  const angularProjectTsConfigPath = getAngularAppTsConfigPath();
+  const newTsconfigJson = Object.assign({}, tsconfigJson);
+  newTsconfigJson.extends = `../${angularProjectTsConfigPath}`;
+  return newTsconfigJson;
+}
+
+function editStorybookTsConfig(tsconfigPath) {
+  let tsConfigJson;
+
+  try {
+    tsConfigJson = (0, _helpers.readFileAsJson)(tsconfigPath);
+  } catch (e) {
+    if (e.name === 'SyntaxError' && e.message.indexOf('Unexpected token /') > -1) {
+      throw new Error(`Comments are disallowed in ${tsconfigPath}`);
+    }
+
+    throw e;
+  }
+
+  tsConfigJson = setStorybookTsconfigExtendsPath(tsConfigJson);
+  (0, _helpers.writeFileAsJson)(tsconfigPath, tsConfigJson);
+}
+
+function isDefaultProjectSet() {
+  const angularJson = (0, _helpers.readFileAsJson)('angular.json', true);
+  return angularJson && !!angularJson.defaultProject;
+}
+
+async function getBaseTsConfigName() {
+  return (await (0, _fsExtra.pathExists)('./tsconfig.base.json')) ? 'tsconfig.base.json' : 'tsconfig.json';
+}

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

@@ -0,0 +1,77 @@
+"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 }; }
+
+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;
+
+  if (!(0, _angularHelpers.isDefaultProjectSet)()) {
+    throw new Error('Could not find a default project in your Angular workspace.\nSet a defaultProject in your angular.json and re-run the installation.');
+  }
+
+  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;
+  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, updatedOptions, 'angular', {
+    extraPackages: ['@compodoc/compodoc', '@angular/elements', '@webcomponents/custom-elements'],
+    addScripts: false
+  });
+  (0, _helpers.copyTemplate)(__dirname);
+  editAngularAppTsConfig();
+  (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/ANGULAR/template-csf/.storybook/tsconfig.json

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

package/dist/cjs/generators/ANGULAR/template-csf/.storybook/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}

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

@@ -0,0 +1,43 @@
+"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");
+
+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();
+  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'aurelia', {
+    extraPackages: ['aurelia']
+  });
+  (0, _helpers.copyTemplate)(__dirname);
+};
+
+var _default = generator;
+exports.default = _default;

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

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

package/dist/cjs/generators/AURELIA/template-csf/.storybook/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}

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

@@ -0,0 +1,22 @@
+"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) => {
+  (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

@@ -0,0 +1,17 @@
+"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) => {
+  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'html');
+};
+
+var _default = generator;
+exports.default = _default;

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

@@ -0,0 +1,17 @@
+"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, 'marionette');
+};
+
+var _default = generator;
+exports.default = _default;

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

@@ -0,0 +1,17 @@
+"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, 'marko');
+};
+
+var _default = generator;
+exports.default = _default;

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.promise.js");
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _json = _interopRequireDefault(require("json5"));
+
+var _baseGenerator = require("../baseGenerator");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const generator = async (packageManager, npmOptions, options) => {
+  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'react', {
+    extraPackages: ['react', 'react-dom', '@babel/preset-env', '@babel/preset-react'],
+    staticDir: 'dist'
+  }); // create or update .babelrc
+
+  let babelrc = null;
+
+  if (_fs.default.existsSync('.babelrc')) {
+    const babelrcContent = _fs.default.readFileSync('.babelrc', 'utf8');
+
+    babelrc = _json.default.parse(babelrcContent);
+    babelrc.plugins = babelrc.plugins || [];
+  } else {
+    babelrc = {
+      presets: [['@babel/preset-env', {
+        shippedProposals: true,
+        useBuiltIns: 'usage',
+        corejs: '3'
+      }], '@babel/preset-react']
+    };
+  }
+
+  _fs.default.writeFileSync('.babelrc', JSON.stringify(babelrc, null, 2), 'utf8');
+};
+
+var _default = generator;
+exports.default = _default;

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

@@ -0,0 +1,17 @@
+"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) => {
+  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'mithril');
+};
+
+var _default = generator;
+exports.default = _default;

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

@@ -0,0 +1,19 @@
+"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) => {
+  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'preact', {
+    extraPackages: ['core-js']
+  });
+};
+
+var _default = generator;
+exports.default = _default;

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

@@ -0,0 +1,32 @@
+"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);
+  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'rax', {
+    extraPackages: ['rax']
+  });
+};
+
+var _default = generator;
+exports.default = _default;

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

@@ -0,0 +1,17 @@
+"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

@@ -0,0 +1,57 @@
+"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

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