@storybook/cli 6.5.7-alpha.0 → 7.0.0-alpha.1

package/dist/cjs/generators/baseGenerator.js

@@ -11,8 +11,6 @@ var _fsExtra = _interopRequireDefault(require("fs-extra"));
 
 var _tsDedent = _interopRequireDefault(require("ts-dedent"));
 
-var _coreCommon = require("@storybook/core-common");
-
 var _project_types = require("../project_types");
 
 var _helpers = require("../helpers");
@@ -23,6 +21,8 @@ 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 = {
@@ -38,20 +38,54 @@ const defaultOptions = {
   commonJs: false
 };
 
-const builderDependencies = builder => {
-  switch (builder) {
-    case _project_types.CoreBuilder.Webpack4:
-      return ['@storybook/builder-webpack4', '@storybook/manager-webpack4'];
+const getBuilderDetails = builder => {
+  const map = _versions.default;
 
-    case _project_types.CoreBuilder.Webpack5:
-      return ['@storybook/builder-webpack5', '@storybook/manager-webpack5'];
+  if (map[builder]) {
+    return builder;
+  }
 
-    case _project_types.CoreBuilder.Vite:
-      return ['@storybook/builder-vite'];
+  const builderPackage = `@storybook/${builder}`;
 
-    default:
-      return [builder];
+  if (map[builderPackage]) {
+    return builderPackage;
   }
+
+  return builder;
+};
+
+const getFrameworkDetails = (renderer, builder) => {
+  const frameworkPackage = `@storybook/${renderer}-${builder}`;
+  const rendererPackage = `@storybook/${renderer}`;
+  const isKnownFramework = !!_versions.default[frameworkPackage];
+  const isKnownRenderer = !!_versions.default[rendererPackage];
+  const builderPackage = getBuilderDetails(builder);
+
+  if (renderer === 'angular') {
+    return {
+      package: rendererPackage,
+      builder: builderPackage,
+      type: 'framework'
+    };
+  }
+
+  if (isKnownFramework) {
+    return {
+      package: frameworkPackage,
+      builder: builderPackage,
+      type: 'framework'
+    };
+  }
+
+  if (isKnownRenderer) {
+    return {
+      package: rendererPackage,
+      builder: builderPackage,
+      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]);
@@ -60,10 +94,10 @@ const hasInteractiveStories = framework => ['react', 'angular', 'preact', 'svelt
 
 async function baseGenerator(packageManager, npmOptions, {
   language,
-  builder
-}, framework, options = defaultOptions) {
+  builder = _project_types.CoreBuilder.Webpack5
+}, renderer, options = defaultOptions) {
   const {
-    extraAddons,
+    extraAddons: extraAddonPackages,
     extraPackages,
     staticDir,
     addScripts,
@@ -79,46 +113,63 @@ async function baseGenerator(packageManager, npmOptions, {
 
   const addonPackages = [...addons, '@storybook/addon-actions'];
 
-  if (hasInteractiveStories(framework)) {
+  if (hasInteractiveStories(renderer)) {
     addons.push('@storybook/addon-interactions');
     addonPackages.push('@storybook/addon-interactions', '@storybook/testing-library');
   }
 
-  const yarn2Dependencies = packageManager.type === 'yarn2' ? ['@storybook/addon-docs', '@mdx-js/react@1.x.x'] : [];
+  const yarn2ExtraPackages = packageManager.type === 'yarn2' ? ['@storybook/addon-docs', '@mdx-js/react@1.x.x'] : [];
   const files = await _fsExtra.default.readdir(process.cwd());
-  const isNewFolder = !files.some(fname => fname.startsWith('.babel') || fname.startsWith('babel') || fname === 'package.json');
   const packageJson = packageManager.retrievePackageJson();
-  const installedDependencies = new Set(Object.keys(packageJson.dependencies));
-  const frameworkPackage = `@storybook/${framework}`;
-  const packages = [frameworkPackage, ...addonPackages, ...extraPackages, ...extraAddons, ...yarn2Dependencies, ...builderDependencies(builder)].filter(Boolean).filter(packageToInstall => !installedDependencies.has((0, _jsPackageManager.getPackageDetails)(packageToInstall)[0]));
-  const versionedPackages = await packageManager.getVersionedPackages(...packages);
-  const coreBuilders = [_project_types.CoreBuilder.Webpack4, _project_types.CoreBuilder.Webpack5, _project_types.CoreBuilder.Vite];
-  const expandedBuilder = coreBuilders.includes(builder) ? `@storybook/builder-${builder}` : builder;
-  const mainOptions = builder !== _project_types.CoreBuilder.Webpack4 ? Object.assign({
-    core: {
-      builder: expandedBuilder
-    }
-  }, extraMain) : extraMain; // Default vite builder to storyStoreV7
-
-  if (expandedBuilder === '@storybook/builder-vite') {
-    mainOptions.features = Object.assign({}, mainOptions.features, {
-      storyStoreV7: true
+  const installedDependencies = new Set(Object.keys(Object.assign({}, packageJson.dependencies, packageJson.devDependencies)));
+  const {
+    package: frameworkPackage,
+    type,
+    builder: builderPackage
+  } = getFrameworkDetails(renderer, builder); // temp
+
+  if (type === 'renderer') {
+    console.log({
+      language,
+      builder,
+      renderer,
+      builderPackage,
+      frameworkPackage,
+      type
     });
+    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
+      `);
   }
 
-  (0, _configure.configure)(framework, Object.assign({
-    framework: frameworkPackage,
-    addons: [...addons, ...stripVersions(extraAddons)],
+  const packages = ['sb', frameworkPackage, ...addonPackages, ...extraPackages, ...extraAddonPackages, ...yarn2ExtraPackages, ...(type === 'framework' ? [] : [builderPackage])].filter(Boolean).filter(packageToInstall => !installedDependencies.has((0, _jsPackageManager.getPackageDetails)(packageToInstall)[0]));
+  const versionedPackages = await packageManager.getVersionedPackages(packages);
+  console.log({
+    versionedPackages
+  });
+  const mainOptions = type !== 'framework' ? Object.assign({
+    core: {
+      builder: builderPackage
+    }
+  }, extraMain) : extraMain;
+  (0, _configure.configure)(renderer, Object.assign({
+    framework: {
+      name: frameworkPackage,
+      options: {}
+    },
+    addons: [...addons, ...stripVersions(extraAddonPackages)],
     extensions,
     commonJs: options.commonJs
   }, mainOptions));
 
   if (addComponents) {
-    (0, _helpers.copyComponents)(framework, language);
+    (0, _helpers.copyComponents)(renderer, language);
   } // FIXME: temporary workaround for https://github.com/storybookjs/storybook/issues/17516
 
 
-  if (expandedBuilder === '@storybook/builder-vite') {
+  if (builderPackage === '@storybook/builder-vite') {
     const previewHead = (0, _tsDedent.default)`
       <script>
         window.global = window;
@@ -130,9 +181,9 @@ async function baseGenerator(packageManager, npmOptions, {
   }
 
   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) {
-    babelDependencies.push(...(0, _coreCommon.getStorybookBabelDependencies)());
     await (0, _babelConfig.generateStorybookBabelConfigInCWD)();
   }
 

package/dist/cjs/initiate.js

@@ -29,8 +29,6 @@ var _AURELIA = _interopRequireDefault(require("./generators/AURELIA"));
 
 var _EMBER = _interopRequireDefault(require("./generators/EMBER"));
 
-var _METEOR = _interopRequireDefault(require("./generators/METEOR"));
-
 var _REACT = _interopRequireDefault(require("./generators/REACT"));
 
 var _REACT_NATIVE = _interopRequireDefault(require("./generators/REACT_NATIVE"));
@@ -39,8 +37,6 @@ var _REACT_SCRIPTS = _interopRequireDefault(require("./generators/REACT_SCRIPTS"
 
 var _SFC_VUE = _interopRequireDefault(require("./generators/SFC_VUE"));
 
-var _UPDATE_PACKAGE_ORGANIZATIONS = _interopRequireDefault(require("./generators/UPDATE_PACKAGE_ORGANIZATIONS"));
-
 var _VUE = _interopRequireDefault(require("./generators/VUE"));
 
 var _VUE2 = _interopRequireDefault(require("./generators/VUE3"));
@@ -88,7 +84,7 @@ const installStorybook = (projectType, packageManager, options) => {
     commonJs: options.commonJs
   };
 
-  const runGenerator = () => {
+  const runGenerator = async () => {
     switch (projectType) {
       case _project_types.ProjectType.ALREADY_HAS_STORYBOOK:
         logger.log();
@@ -99,10 +95,6 @@ const installStorybook = (projectType, packageManager, options) => {
         logger.log();
         return Promise.resolve();
 
-      case _project_types.ProjectType.UPDATE_PACKAGE_ORGANIZATIONS:
-        return (0, _UPDATE_PACKAGE_ORGANIZATIONS.default)(packageManager, options.parser, npmOptions).then(() => null) // commandLog doesn't like to see output
-        .then((0, _helpers.commandLog)('Upgrading your project to the new Storybook packages.\n'));
-
       case _project_types.ProjectType.REACT_SCRIPTS:
         return (0, _REACT_SCRIPTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Create React App" based project'));
 
@@ -123,9 +115,6 @@ const installStorybook = (projectType, packageManager, options) => {
           }) => (0, _REACT_NATIVE.default)(packageManager, npmOptions, server)).then((0, _helpers.commandLog)('Adding Storybook support to your "React Native" app\n'));
         }
 
-      case _project_types.ProjectType.METEOR:
-        return (0, _METEOR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Meteor" app\n'));
-
       case _project_types.ProjectType.WEBPACK_REACT:
         return (0, _WEBPACK_REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Webpack React" app\n'));
 

package/dist/cjs/js-package-manager/JsPackageManager.js

@@ -143,7 +143,7 @@ class JsPackageManager {
    */
 
 
-  getVersionedPackages(...packages) {
+  getVersionedPackages(packages) {
     return Promise.all(packages.map(async pkg => {
       const [packageName, packageVersion] = getPackageDetails(pkg);
       return `${packageName}@${await this.getVersion(packageName, packageVersion)}`;
@@ -158,7 +158,9 @@ class JsPackageManager {
 
 
   getVersions(...packageNames) {
-    return Promise.all(packageNames.map(packageName => this.getVersion(packageName)));
+    return Promise.all(packageNames.map(packageName => {
+      return this.getVersion(packageName);
+    }));
   }
   /**
    * Return the latest version of the input package available on npmjs registry.
@@ -174,7 +176,7 @@ class JsPackageManager {
   async getVersion(packageName, constraint) {
     let current;
 
-    if (/@storybook/.test(packageName)) {
+    if (/(@storybook|^sb$|^storybook$)/.test(packageName)) {
       // @ts-ignore
       current = _versions.default[packageName];
     }
@@ -219,8 +221,8 @@ class JsPackageManager {
     var _options$port;
 
     const sbPort = (_options$port = options === null || options === void 0 ? void 0 : options.port) !== null && _options$port !== void 0 ? _options$port : 6006;
-    const storybookCmd = options !== null && options !== void 0 && options.staticFolder ? `start-storybook -p ${sbPort} -s ${options.staticFolder}` : `start-storybook -p ${sbPort}`;
-    const buildStorybookCmd = options !== null && options !== void 0 && options.staticFolder ? `build-storybook -s ${options.staticFolder}` : `build-storybook`;
+    const storybookCmd = options !== null && options !== void 0 && options.staticFolder ? `npx sb dev -p ${sbPort} -s ${options.staticFolder}` : `npx sb dev -p ${sbPort}`;
+    const buildStorybookCmd = options !== null && options !== void 0 && options.staticFolder ? `npx sb build -s ${options.staticFolder}` : `npx sb build`;
     const preCommand = options !== null && options !== void 0 && options.preCommand ? this.getRunCommand(options.preCommand) : undefined;
     this.addScripts({
       storybook: [preCommand, storybookCmd].filter(Boolean).join(' && '),

package/dist/cjs/project_types.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unsupportedTemplate = exports.supportedTemplates = exports.installableProjectTypes = exports.SupportedLanguage = exports.SUPPORTED_FRAMEWORKS = exports.ProjectType = exports.CoreBuilder = void 0;
+exports.unsupportedTemplate = exports.supportedTemplates = exports.installableProjectTypes = exports.SupportedLanguage = exports.SUPPORTED_RENDERERS = exports.ProjectType = exports.CoreBuilder = void 0;
 
 var _semver = require("@storybook/semver");
 
@@ -15,9 +15,11 @@ function ltMajor(versionRange, major) {
 function eqMajor(versionRange, major) {
   // Uses validRange to avoid a throw from minVersion if an invalid range gets passed
   return (0, _semver.validRange)(versionRange) && (0, _semver.minVersion)(versionRange).major === major;
-} // Should match @storybook/<framework>
+} // Should match @storybook/<renderer>
 
 
+const SUPPORTED_RENDERERS = ['react', 'react-native', 'vue', 'vue3', 'angular', 'mithril', 'riot', 'ember', 'marionette', 'marko', 'preact', 'svelte', 'rax', 'aurelia'];
+exports.SUPPORTED_RENDERERS = SUPPORTED_RENDERERS;
 let ProjectType;
 exports.ProjectType = ProjectType;
 
@@ -25,7 +27,6 @@ exports.ProjectType = ProjectType;
   ProjectType["UNDETECTED"] = "UNDETECTED";
   ProjectType["UNSUPPORTED"] = "UNSUPPORTED";
   ProjectType["REACT_SCRIPTS"] = "REACT_SCRIPTS";
-  ProjectType["METEOR"] = "METEOR";
   ProjectType["REACT"] = "REACT";
   ProjectType["REACT_NATIVE"] = "REACT_NATIVE";
   ProjectType["REACT_PROJECT"] = "REACT_PROJECT";
@@ -36,7 +37,6 @@ exports.ProjectType = ProjectType;
   ProjectType["ANGULAR"] = "ANGULAR";
   ProjectType["EMBER"] = "EMBER";
   ProjectType["ALREADY_HAS_STORYBOOK"] = "ALREADY_HAS_STORYBOOK";
-  ProjectType["UPDATE_PACKAGE_ORGANIZATIONS"] = "UPDATE_PACKAGE_ORGANIZATIONS";
   ProjectType["WEB_COMPONENTS"] = "WEB_COMPONENTS";
   ProjectType["MITHRIL"] = "MITHRIL";
   ProjectType["MARIONETTE"] = "MARIONETTE";
@@ -50,14 +50,11 @@ exports.ProjectType = ProjectType;
   ProjectType["SERVER"] = "SERVER";
 })(ProjectType || (exports.ProjectType = ProjectType = {}));
 
-const SUPPORTED_FRAMEWORKS = ['react', 'react-native', 'vue', 'vue3', 'angular', 'mithril', 'riot', 'ember', 'marionette', 'marko', 'meteor', 'preact', 'svelte', 'rax', 'aurelia'];
-exports.SUPPORTED_FRAMEWORKS = SUPPORTED_FRAMEWORKS;
 let CoreBuilder; // The `& {}` bit allows for auto-complete, see: https://github.com/microsoft/TypeScript/issues/29729
 
 exports.CoreBuilder = CoreBuilder;
 
 (function (CoreBuilder) {
-  CoreBuilder["Webpack4"] = "webpack4";
   CoreBuilder["Webpack5"] = "webpack5";
   CoreBuilder["Vite"] = "vite";
 })(CoreBuilder || (exports.CoreBuilder = CoreBuilder = {}));
@@ -78,14 +75,6 @@ exports.SupportedLanguage = SupportedLanguage;
  * therefore WEBPACK_REACT has to come first, as it's more specific.
  */
 const supportedTemplates = [{
-  preset: ProjectType.METEOR,
-  files: ['.meteor'],
-  matcherFunction: ({
-    files
-  }) => {
-    return files.every(Boolean);
-  }
-}, {
   preset: ProjectType.SFC_VUE,
   dependencies: {
     'vue-loader': versionRange => ltMajor(versionRange, 16),
@@ -269,6 +258,6 @@ const unsupportedTemplate = {
   }
 };
 exports.unsupportedTemplate = unsupportedTemplate;
-const notInstallableProjectTypes = [ProjectType.UNDETECTED, ProjectType.UNSUPPORTED, ProjectType.ALREADY_HAS_STORYBOOK, ProjectType.UPDATE_PACKAGE_ORGANIZATIONS];
+const notInstallableProjectTypes = [ProjectType.UNDETECTED, ProjectType.UNSUPPORTED, ProjectType.ALREADY_HAS_STORYBOOK];
 const installableProjectTypes = Object.values(ProjectType).filter(type => !notInstallableProjectTypes.includes(type)).map(type => type.toLowerCase());
 exports.installableProjectTypes = installableProjectTypes;

package/dist/cjs/repro-generators/configs.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.webpack_react = exports.web_components_typescript = exports.web_components_lit2 = exports.web_components = exports.vue3 = exports.vue = exports.vite_react = exports.svelte = exports.sfcVue = exports.react_typescript = exports.react_legacy_root_api = exports.react_in_yarn_workspace = exports.react = exports.preact = exports.html = exports.cra_typescript = exports.cra = exports.angular_modern_inline_rendering = exports.angular130 = exports.angular13 = exports.angular12 = exports.angular11 = exports.angular10 = exports.angular = void 0;
+exports.web_components_typescript = exports.web_components_lit2 = exports.web_components = exports.vue3 = exports.vue = exports.vite_react = exports.svelte = exports.sfcVue = exports.react_typescript = exports.react_legacy_root_api = exports.react_in_yarn_workspace = exports.react = exports.preact = exports.html = exports.cra_typescript = exports.cra = exports.angular_modern_inline_rendering = exports.angular130 = exports.angular13 = exports.angular12 = exports.angular11 = exports.angular10 = exports.angular = void 0;
 
+/* eslint-disable camelcase */
 const fromDeps = (...args) => ['mkdir {{appName}}', 'cd {{appName}}', // Create `yarn.lock` to force Yarn to consider adding deps in this directory
 // and not look for a yarn workspace in parent directory
 'touch yarn.lock', 'yarn init --yes', args.length && `yarn add ${args.join(' ')}`].filter(Boolean).join(' && '); // #region  React
 
 
 const cra = {
-  framework: 'react',
+  renderer: 'react',
   name: 'cra',
   version: 'latest',
   generator: [// Force npm otherwise we have a mess between Yarn 1, Yarn 2 and NPM
@@ -19,7 +20,7 @@ const cra = {
 };
 exports.cra = cra;
 const cra_typescript = {
-  framework: 'react',
+  renderer: 'react',
   name: 'cra_typescript',
   version: 'latest',
   generator: [// Force npm otherwise we have a mess between Yarn 1, Yarn 2 and NPM
@@ -27,19 +28,27 @@ const cra_typescript = {
 };
 exports.cra_typescript = cra_typescript;
 const react = {
-  framework: 'react',
+  renderer: 'react',
   name: 'react',
   version: 'latest',
-  generator: fromDeps('react', 'react-dom'),
-  additionalDeps: ['prop-types']
+  generator: fromDeps('react', 'react-dom', '@babel/preset-react'),
+  additionalDeps: ['prop-types'],
+  additionalFiles: [{
+    path: '.babelrc',
+    contents: '{ "presets": ["@babel/preset-react"] }'
+  }]
 };
 exports.react = react;
 const react_legacy_root_api = {
-  framework: 'react',
+  renderer: 'react',
   name: 'react_legacy_root_api',
   version: 'latest',
   generator: fromDeps('react', 'react-dom'),
-  additionalDeps: ['prop-types'],
+  additionalDeps: ['prop-types', '@babel/preset-react'],
+  additionalFiles: [{
+    path: '.babelrc',
+    contents: '{ "presets": ["@babel/preset-react"] }'
+  }],
   mainOverrides: {
     reactOptions: {
       legacyRootApi: true
@@ -48,29 +57,27 @@ const react_legacy_root_api = {
 };
 exports.react_legacy_root_api = react_legacy_root_api;
 const react_typescript = {
-  framework: 'react',
+  renderer: 'react',
   name: 'react_typescript',
   version: 'latest',
   generator: fromDeps('react', 'react-dom'),
-  typescript: true
+  typescript: true,
+  additionalDeps: ['@babel/preset-react', '@babel/preset-typescript'],
+  additionalFiles: [{
+    path: '.babelrc',
+    contents: '{ "presets": ["@babel/preset-react", "@babel/preset-typescript"] }'
+  }]
 };
 exports.react_typescript = react_typescript;
-const webpack_react = {
-  framework: 'react',
-  name: 'webpack_react',
-  version: 'latest',
-  generator: fromDeps('react', 'react-dom', 'webpack@webpack-4')
-};
-exports.webpack_react = webpack_react;
 const vite_react = {
-  framework: 'react',
+  renderer: 'react',
   name: 'vite_react',
   version: 'latest',
   generator: 'npx -p create-vite@{{version}} create-vite {{appName}} --template react-ts'
 };
 exports.vite_react = vite_react;
 const react_in_yarn_workspace = {
-  framework: 'react',
+  renderer: 'react',
   name: 'react_in_yarn_workspace',
   version: 'latest',
   generator: ['mkdir {{appName}}', 'cd {{appName}}', 'echo "{ \\"name\\": \\"workspace-root\\", \\"private\\": true, \\"workspaces\\": [] }" > package.json', 'touch yarn.lock', `yarn add react react-dom`].join(' && ')
@@ -79,7 +86,7 @@ const react_in_yarn_workspace = {
 
 exports.react_in_yarn_workspace = react_in_yarn_workspace;
 const baseAngular = {
-  framework: 'angular',
+  renderer: 'angular',
   name: 'angular',
   version: 'latest',
   generator: `npx -p @angular/cli@{{version}} ng new {{appName}} --routing=true --minimal=true --style=scss --skipInstall=true --strict`
@@ -125,7 +132,7 @@ const angular = baseAngular; // #endregion
 
 exports.angular = angular;
 const web_components = {
-  framework: 'web-components',
+  renderer: 'web-components',
   name: 'web_components',
   version: '2',
   generator: fromDeps('lit-element')
@@ -146,7 +153,7 @@ const web_components_lit2 = Object.assign({}, web_components, {
 
 exports.web_components_lit2 = web_components_lit2;
 const vue = {
-  framework: 'vue',
+  renderer: 'vue',
   name: 'vue',
   // Be careful here, the latest versions of vue cli are bootstrapping a vue 3  project
   version: '4',
@@ -155,7 +162,7 @@ const vue = {
 };
 exports.vue = vue;
 const vue3 = {
-  framework: 'vue3',
+  renderer: 'vue3',
   name: 'vue3',
   version: 'next',
   // Vue CLI v4 utilizes webpack 4, and the 5-alpha uses webpack 5 so we force ^4 here
@@ -165,7 +172,7 @@ const vue3 = {
 
 exports.vue3 = vue3;
 const html = {
-  framework: 'html',
+  renderer: 'html',
   name: 'html',
   version: 'latest',
   generator: fromDeps(),
@@ -173,22 +180,22 @@ const html = {
 };
 exports.html = html;
 const preact = {
-  framework: 'preact',
+  renderer: 'preact',
   name: 'preact',
   version: 'latest',
   generator: 'npx preact-cli@{{version}} create preactjs-templates/default {{appName}} --install=false --git=false'
 };
 exports.preact = preact;
 const sfcVue = {
-  framework: 'vue',
+  renderer: 'vue',
   name: 'sfcVue',
   version: 'latest',
   //
-  generator: fromDeps('vue@2.6', 'vue-loader@15.9', 'vue-template-compiler@2.6', 'webpack@webpack-4')
+  generator: fromDeps('vue@2.6', 'vue-loader@15.9', 'vue-template-compiler@2.6', 'webpack')
 };
 exports.sfcVue = sfcVue;
 const svelte = {
-  framework: 'svelte',
+  renderer: 'svelte',
   name: 'svelte',
   version: 'latest',
   generator: 'npx degit sveltejs/template {{appName}}'

package/dist/cjs/repro-generators/scripts.js

@@ -15,6 +15,8 @@ var _shelljs = _interopRequireDefault(require("shelljs"));
 
 var _chalk = _interopRequireDefault(require("chalk"));
 
+var _execa = require("execa");
+
 var _configs = require("./configs");
 
 var _versions = _interopRequireDefault(require("../versions"));
@@ -76,6 +78,40 @@ const addPackageResolutions = async ({
   });
 };
 
+const addLocalPackageResolutions = async ({
+  cwd
+}) => {
+  logger.info(`🔢 Adding package resolutions:`);
+
+  const packageJsonPath = _path.default.join(cwd, 'package.json');
+
+  const packageJson = await (0, _fsExtra.readJSON)(packageJsonPath);
+
+  const workspaceDir = _path.default.join(__dirname, '..', '..', '..', '..', '..');
+
+  const {
+    stdout
+  } = await (0, _execa.command)('yarn workspaces list --json', {
+    cwd: workspaceDir
+  });
+  console.log({
+    stdout,
+    workspaceDir
+  });
+  const workspaces = JSON.parse(`[${stdout.split('\n').join(',')}]`);
+  console.log({
+    workspaces
+  });
+  packageJson.resolutions = Object.keys(_versions.default).reduce((acc, key) => {
+    return Object.assign({}, acc, {
+      [key]: _path.default.join(workspaceDir, workspaces.find(item => item.name === key).location)
+    });
+  }, {});
+  await (0, _fsExtra.writeJSON)(packageJsonPath, packageJson, {
+    spaces: 2
+  });
+};
+
 const installYarn2 = async ({
   cwd,
   pnp,
@@ -130,6 +166,22 @@ const generate = async ({
   });
 };
 
+const addAdditionalFiles = async ({
+  additionalFiles,
+  cwd
+}) => {
+  if (!additionalFiles || additionalFiles.length === 0) {
+    return;
+  }
+
+  logger.info(`⤵️ Adding required files`);
+  additionalFiles.forEach(async file => {
+    await (0, _fsExtra.outputFile)(_path.default.resolve(cwd, file.path), file.contents, {
+      encoding: 'UTF-8'
+    });
+  });
+};
+
 const initStorybook = async ({
   cwd,
   autoDetect = true,
@@ -205,7 +257,8 @@ const doTask = async (task, options, condition = true) => {
 
 const createAndInit = async (cwd, _ref, {
   e2e,
-  pnp
+  pnp,
+  local
 }) => {
   let {
     name,
@@ -228,13 +281,24 @@ const createAndInit = async (cwd, _ref, {
   await doTask(generate, Object.assign({}, options, {
     cwd: options.creationPath
   }));
+  await doTask(addAdditionalFiles, Object.assign({}, options, {
+    cwd
+  }));
 
   if (e2e) {
     await doTask(addPackageResolutions, options);
   }
 
+  if (local) {
+    await doTask(addLocalPackageResolutions, options);
+  }
+
   await doTask(installYarn2, options);
-  await doTask(configureYarn2ForE2E, options, e2e);
+
+  if (e2e) {
+    await doTask(configureYarn2ForE2E, options, e2e);
+  }
+
   await doTask(addTypescript, options, !!options.typescript);
   await doTask(addRequiredDeps, options);
   await doTask(initStorybook, options);