@storybook/cli 6.5.0-alpha.9 → 6.5.0-beta.2

package/dist/esm/frameworks/svelte/Header.stories.js

@@ -0,0 +1,35 @@
+import Header from './Header.svelte';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/svelte/configure/story-layout
+    layout: 'fullscreen',
+  },
+  argTypes: {
+    onLogin: { action: 'onLogin' },
+    onLogout: { action: 'onLogout' },
+    onCreateAccount: { action: 'onCreateAccount' },
+  },
+};
+
+const Template = (args) => ({
+  Component: Header,
+  props: args,
+  on: {
+    login: args.onLogin,
+    logout: args.onLogout,
+    createAccount: args.onCreateAccount,
+  },
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {
+    name: 'Jane Doe',
+  },
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};

package/dist/esm/frameworks/svelte/Header.svelte

@@ -37,6 +37,9 @@
     </div>
     <div>
       {#if user}
+        <span class="welcome">
+          Welcome, <b>{user.name}</b>!
+        </span>
         <Button size="small" on:click={onLogout} label="Log out" />
       {/if}
       {#if !user}

package/dist/esm/frameworks/svelte/Page.stories.js

@@ -0,0 +1,27 @@
+import { within, userEvent } from '@storybook/testing-library';
+import Page from './Page.svelte';
+
+export default {
+  title: 'Example/Page',
+  component: Page,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/svelte/configure/story-layout
+    layout: 'fullscreen',
+  },
+};
+
+const Template = (args) => ({
+  Component: Page,
+  props: args,
+});
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
+
+// More on interaction testing: https://storybook.js.org/docs/svelte/writing-tests/interaction-testing
+export const LoggedIn = Template.bind({});
+LoggedIn.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  const loginButton = await canvas.getByRole('button', { name: /Log in/i });
+  await userEvent.click(loginButton);
+};

package/dist/esm/frameworks/svelte/Page.svelte

@@ -2,25 +2,11 @@
   import './page.css';
   import Header from './Header.svelte';
 
-  import { createEventDispatcher } from 'svelte';
-
-  export let user = null;
-
-  const dispatch = createEventDispatcher();
-
-  function onLogin(event) {
-    dispatch('login', event);
-  }
-  function onLogout(event) {
-    dispatch('logout', event);
-  }
-  function onCreateAccount(event) {
-    dispatch('createAccount', event);
-  }
+  let user = null;
 </script>
 
 <article>
-  <Header {user} on:login={onLogin} on:logout={onLogout} on:createAccount={onCreateAccount} />
+  <Header {user} on:login={() => user = { name: 'Jane Doe' }} on:logout={() => user = null} on:createAccount={() => user = { name: 'Jane Doe' }} />
 
   <section>
     <h2>Pages in Storybook</h2>

package/dist/esm/frameworks/vue/Header.stories.js

@@ -3,6 +3,10 @@ import MyHeader from './Header';
 export default {
   title: 'Example/Header',
   component: MyHeader,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/vue/configure/story-layout
+    layout: 'fullscreen',
+  },
 };
 
 const Template = (args, { argTypes }) => ({
@@ -14,7 +18,9 @@ const Template = (args, { argTypes }) => ({
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
-  user: {},
+  user: {
+    name: 'Jane Doe',
+  },
 };
 
 export const LoggedOut = Template.bind({});

package/dist/esm/frameworks/vue/Header.vue

@@ -21,6 +21,7 @@
         <h1>Acme</h1>
       </div>
       <div>
+        <span class="welcome" v-if="user">Welcome, <b>{{ user.name }}</b>!</span>
         <my-button size="small" @onClick="onLogout" label="Log out" v-if="user" />
         <my-button size="small" @onClick="onLogin" label="Log in" v-if="!user" />
         <my-button primary size="small" @onClick="onCreateAccount" label="Sign up" v-if="!user" />

package/dist/esm/frameworks/vue/Page.stories.js

@@ -1,25 +1,27 @@
+import { within, userEvent } from '@storybook/testing-library';
+
 import MyPage from './Page';
-import * as HeaderStories from './Header.stories';
 
 export default {
   title: 'Example/Page',
   component: MyPage,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/vue/configure/story-layout
+    layout: 'fullscreen',
+  },
 };
 
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
+const Template = () => ({
   components: { MyPage },
-  template:
-    '<my-page :user="user" @onLogin="onLogin" @onLogout="onLogout" @onCreateAccount="onCreateAccount" />',
+  template: '<my-page />',
 });
 
-export const LoggedIn = Template.bind({});
-LoggedIn.args = {
-  // More on composing args: https://storybook.js.org/docs/vue/writing-stories/args#args-composition
-  ...HeaderStories.LoggedIn.args,
-};
-
 export const LoggedOut = Template.bind({});
-LoggedOut.args = {
-  ...HeaderStories.LoggedOut.args,
+
+// More on interaction testing: https://storybook.js.org/docs/vue/writing-tests/interaction-testing
+export const LoggedIn = Template.bind({});
+LoggedIn.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  const loginButton = await canvas.getByRole('button', { name: /Log in/i });
+  await userEvent.click(loginButton);
 };

package/dist/esm/frameworks/vue/Page.vue

@@ -67,21 +67,21 @@ export default {
 
   components: { MyHeader },
 
-  props: {
-    user: {
-      type: Object,
-    },
+  data() {
+    return {
+      user: null,
+    };
   },
 
   methods: {
     onLogin() {
-      this.$emit('onLogin');
+      this.user = { name: 'Jane Doe' };
     },
     onLogout() {
-      this.$emit('onLogout');
+      this.user = null;
     },
     onCreateAccount() {
-      this.$emit('onCreateAccount');
+      this.user = { name: 'Jane Doe' };
     },
   },
 };

package/dist/esm/frameworks/vue3/Header.stories.js

@@ -3,6 +3,10 @@ import MyHeader from './Header.vue';
 export default {
   title: 'Example/Header',
   component: MyHeader,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/vue/configure/story-layout
+    layout: 'fullscreen',
+  },
 };
 
 const Template = (args) => ({
@@ -19,7 +23,9 @@ const Template = (args) => ({
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
-  user: {},
+  user: {
+    name: 'Jane Doe',
+  },
 };
 
 export const LoggedOut = Template.bind({});

package/dist/esm/frameworks/vue3/Header.vue

@@ -21,6 +21,7 @@
         <h1>Acme</h1>
       </div>
       <div>
+        <span class="welcome" v-if="user">Welcome, <b>{{ user.name }}</b>!</span>
         <my-button size="small" @click="$emit('logout')" label="Log out" v-if="user" />
         <my-button size="small" @click="$emit('login')" label="Log in" v-if="!user" />
         <my-button primary size="small" @click="$emit('createAccount')" label="Sign up" v-if="!user" />

package/dist/esm/frameworks/vue3/Page.stories.js

@@ -1,30 +1,29 @@
+import { within, userEvent } from '@storybook/testing-library';
 import MyPage from './Page.vue';
-import * as HeaderStories from './Header.stories';
 
 export default {
   title: 'Example/Page',
   component: MyPage,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/vue/configure/story-layout
+    layout: 'fullscreen',
+  },
 };
 
-const Template = (args) => ({
+const Template = () => ({
   // Components used in your story `template` are defined in the `components` object
   components: { MyPage },
-  // The story's `args` need to be mapped into the template through the `setup()` method
-  setup() {
-    // Story args can be mapped to keys in the returned object
-    return { user: args.user };
-  },
-  // Then, those values can be accessed directly in the template
-  template: '<my-page :user="user" />',
-});
 
-export const LoggedIn = Template.bind({});
-LoggedIn.args = {
-  // More on composing args: https://storybook.js.org/docs/vue/writing-stories/args#args-composition
-  ...HeaderStories.LoggedIn.args,
-};
+  // Here we define the `template`
+  template: '<my-page />',
+});
 
 export const LoggedOut = Template.bind({});
-LoggedOut.args = {
-  ...HeaderStories.LoggedOut.args,
+
+// More on interaction testing: https://storybook.js.org/docs/vue/writing-tests/interaction-testing
+export const LoggedIn = Template.bind({});
+LoggedIn.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  const loginButton = await canvas.getByRole('button', { name: /Log in/i });
+  await userEvent.click(loginButton);
 };

package/dist/esm/frameworks/vue3/Page.vue

@@ -2,9 +2,9 @@
   <article>
     <my-header
       :user="user"
-      @login="$emit('login')"
-      @logout="$emit('logout')"
-      @createAccount="$emit('createAccount')"
+      @login="onLogin"
+      @logout="onLogout"
+      @createAccount="onCreateAccount"
     />
 
     <section>
@@ -67,12 +67,22 @@ export default {
 
   components: { MyHeader },
 
-  props: {
-    user: {
-      type: Object,
-    },
+  data() {
+    return {
+      user: null
+    }
   },
 
-  emits: ['login', 'logout', 'createAccount'],
+  methods: {
+    onLogin() {
+      this.user = { name: 'Jane Doe' };
+    },
+    onLogout() {
+      this.user = null;
+    },
+    onCreateAccount() {
+      this.user = { name: 'Jane Doe' };
+    },
+  },
 };
 </script>

package/dist/esm/frameworks/web-components/js/Page.js

@@ -43,8 +43,8 @@ export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => html`
         <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer"> docs </a>
         .
       </p>
-      <div className="tip-wrapper">
-        <span className="tip">Tip</span> Adjust the width of the canvas with the
+      <div class="tip-wrapper">
+        <span class="tip">Tip</span> Adjust the width of the canvas with the
         <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
           <g fill="none" fillRule="evenodd">
             <path

package/dist/esm/frameworks/web-components/ts/Page.ts

@@ -50,8 +50,8 @@ export const Page = ({ user, onLogin, onLogout, onCreateAccount }: PageProps) =>
         <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer"> docs </a>
         .
       </p>
-      <div className="tip-wrapper">
-        <span className="tip">Tip</span> Adjust the width of the canvas with the
+      <div class="tip-wrapper">
+        <span class="tip">Tip</span> Adjust the width of the canvas with the
         <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
           <g fill="none" fillRule="evenodd">
             <path

package/dist/esm/generate.js

@@ -39,6 +39,11 @@ const pkg = (0, _readPkgUp.sync)({
 }).packageJson;
 const logger = console;
 
+_commander.default.option('--disable-telemetry', 'disable sending telemetry data', // default value is false, but if the user sets STORYBOOK_DISABLE_TELEMETRY, it can be true
+process.env.STORYBOOK_DISABLE_TELEMETRY && process.env.STORYBOOK_DISABLE_TELEMETRY !== 'false');
+
+_commander.default.option('--enable-crash-reports', 'enable sending crash reports to telemetry data');
+
 _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));

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAngularAppTsConfigPath = getAngularAppTsConfigPath;
-exports.getAngularAppTsConfigJson = getAngularAppTsConfigJson;
 exports.editStorybookTsConfig = editStorybookTsConfig;
-exports.isDefaultProjectSet = isDefaultProjectSet;
+exports.getAngularAppTsConfigJson = getAngularAppTsConfigJson;
+exports.getAngularAppTsConfigPath = getAngularAppTsConfigPath;
 exports.getBaseTsConfigName = getBaseTsConfigName;
+exports.isDefaultProjectSet = isDefaultProjectSet;
 
 require("core-js/modules/es.promise.js");
 
@@ -19,9 +19,9 @@ 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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);

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

@@ -55,8 +55,8 @@ const generator = async (packageManager, npmOptions, options) => {
   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'],
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, updatedOptions, 'angular', {
+    extraPackages: ['@compodoc/compodoc'],
     addScripts: false
   });
   (0, _helpers.copyTemplate)(__dirname);

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

@@ -1,9 +1,21 @@
 {
   "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

@@ -33,7 +33,7 @@ function addStorybookExcludeGlobToTsConfig() {
 
 const generator = async (packageManager, npmOptions, options) => {
   addStorybookExcludeGlobToTsConfig();
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'aurelia', {
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'aurelia', {
     extraPackages: ['aurelia']
   });
   (0, _helpers.copyTemplate)(__dirname);

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

@@ -1,9 +1,20 @@
 {
   "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

@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'ember', {
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'ember', {
     extraPackages: [// babel-plugin-ember-modules-api-polyfill is a peerDep of @storybook/ember
     'babel-plugin-ember-modules-api-polyfill', // babel-plugin-htmlbars-inline-precompile is a peerDep of @storybook/ember
     'babel-plugin-htmlbars-inline-precompile'],

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

@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'html');
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'html');
 };
 
 var _default = generator;

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

@@ -16,7 +16,7 @@ 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', {
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'react', {
     extraPackages: ['react', 'react-dom', '@babel/preset-env', '@babel/preset-react'],
     staticDir: 'dist'
   }); // create or update .babelrc

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

@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'mithril');
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'mithril');
 };
 
 var _default = generator;

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

@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'preact', {
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'preact', {
     extraPackages: ['core-js']
   });
 };

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

@@ -23,7 +23,7 @@ const generator = async (packageManager, npmOptions, options) => {
   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', {
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'rax', {
     extraPackages: ['rax']
   });
 };

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

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

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-actions/manager';
+import '@storybook/addon-ondevice-knobs/manager';

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

@@ -44,7 +44,15 @@ const generator = async (packageManager, npmOptions, options) => {
   }) : options; // `@storybook/preset-create-react-app` has `@storybook/node-logger` as peerDep
 
   const extraPackages = ['@storybook/node-logger'];
-  if (isCra5) extraPackages.push('webpack'); // preset v3 is compat with older versions of CRA, otherwise let version float
+
+  if (isCra5) {
+    extraPackages.push('webpack'); // Miscellaneous dependency used in `babel-preset-react-app` but not listed as dep there
+
+    extraPackages.push('babel-plugin-named-exports-order'); // Miscellaneous dependency to add to be sure Storybook + CRA is working fine with Yarn PnP mode
+
+    extraPackages.push('prop-types');
+  } // preset v3 is compat with older versions of CRA, otherwise let version float
+
 
   const extraAddons = [`@storybook/preset-create-react-app${isCra5 ? '' : '@3'}`];
   await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, updatedOptions, 'react', {

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

@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'riot', {
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'riot', {
     extraPackages: ['riot-tag-loader']
   });
 };

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

@@ -12,7 +12,7 @@ var _baseGenerator = require("../baseGenerator");
 var _helpers = require("../../helpers");
 
 const generator = async (packageManager, npmOptions, options) => {
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'server', {
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'server', {
     extensions: ['json']
   });
   (0, _helpers.copyTemplate)(__dirname);

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

@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'vue');
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'vue');
 };
 
 var _default = generator;

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

@@ -53,7 +53,6 @@ const generator = async (packageManager, npmOptions, options) => {
 
   await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'svelte', {
     extraPackages: ['svelte', 'svelte-loader'],
-    extraAddons: ['@storybook/addon-svelte-csf'],
     extensions: ['js', 'jsx', 'ts', 'tsx', 'svelte'],
     extraMain,
     commonJs

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

@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'vue', {
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'vue', {
     extraPackages: ['vue-loader@^15.7.0']
   });
 };

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

@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'vue3', {
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'vue3', {
     extraPackages: ['vue-loader@^16.0.0']
   });
 };

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

@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'react');
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'react');
 };
 
 var _default = generator;