@storybook/cli 6.5.0-beta.0 → 6.5.0-beta.3

package/dist/modern/automigrate/fixes/mainjsFramework.js

@@ -15,7 +15,7 @@ var _semver = _interopRequireDefault(require("@storybook/semver"));
 
 var _csfTools = require("@storybook/csf-tools");
 
-var _getStorybookInfo = require("../helpers/getStorybookInfo");
+var _coreCommon = require("@storybook/core-common");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -33,7 +33,7 @@ const mainjsFramework = {
       mainConfig,
       framework,
       version: storybookVersion
-    } = (0, _getStorybookInfo.getStorybookInfo)(packageJson);
+    } = (0, _coreCommon.getStorybookInfo)(packageJson);
 
     if (!mainConfig) {
       logger.warn('Unable to find storybook main.js config, skipping');

package/dist/modern/automigrate/fixes/webpack5.js

@@ -15,7 +15,7 @@ var _semver = _interopRequireDefault(require("@storybook/semver"));
 
 var _csfTools = require("@storybook/csf-tools");
 
-var _getStorybookInfo = require("../helpers/getStorybookInfo");
+var _coreCommon = require("@storybook/core-common");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -40,7 +40,7 @@ const webpack5 = {
     const {
       mainConfig,
       version: storybookVersion
-    } = (0, _getStorybookInfo.getStorybookInfo)(packageJson);
+    } = (0, _coreCommon.getStorybookInfo)(packageJson);
     const storybookCoerced = storybookVersion && ((_semver$coerce = _semver.default.coerce(storybookVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version);
 
     if (!storybookCoerced) {

package/dist/modern/detect.js

@@ -168,7 +168,13 @@ function isStorybookInstalled(dependencies, force) {
 
 function detectLanguage() {
   let language = _project_types.SupportedLanguage.JAVASCRIPT;
-  const packageJson = (0, _jsPackageManager.readPackageJson)();
+  let packageJson;
+
+  try {
+    packageJson = (0, _jsPackageManager.readPackageJson)();
+  } catch (err) {//
+  }
+
   const bowerJson = (0, _helpers.getBowerJson)();
 
   if (!packageJson && !bowerJson) {
@@ -183,7 +189,13 @@ function detectLanguage() {
 }
 
 function detect(options = {}) {
-  const packageJson = (0, _jsPackageManager.readPackageJson)();
+  let packageJson;
+
+  try {
+    packageJson = (0, _jsPackageManager.readPackageJson)();
+  } catch (err) {//
+  }
+
   const bowerJson = (0, _helpers.getBowerJson)();
 
   if (!packageJson && !bowerJson) {

package/dist/modern/frameworks/html/js/Header.js

@@ -26,6 +26,8 @@ export const createHeader = ({ user, onLogout, onLogin, onCreateAccount }) => {
 
   const account = document.createElement('div');
   if (user) {
+    const welcomeMessage = `<span class="welcome">Welcome, <b>${user.name}</b>!</span>`;
+    account.innerHTML = welcomeMessage;
     account.appendChild(createButton({ size: 'small', label: 'Log out', onClick: onLogout }));
   } else {
     account.appendChild(createButton({ size: 'small', label: 'Log in', onClick: onLogin }));

package/dist/modern/frameworks/html/js/Header.stories.js

@@ -2,6 +2,11 @@ import { createHeader } from './Header';
 
 export default {
   title: 'Example/Header',
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/html/configure/story-layout
+    layout: 'fullscreen',
+  },
+  // More on argTypes: https://storybook.js.org/docs/html/api/argtypes
   argTypes: {
     onLogin: { action: 'onLogin' },
     onLogout: { action: 'onLogout' },
@@ -13,7 +18,9 @@ const Template = (args) => createHeader(args);
 
 export const LoggedIn = Template.bind({});
 LoggedIn.args = {
-  user: {},
+  user: {
+    name: 'Jane Doe',
+  },
 };
 
 export const LoggedOut = Template.bind({});

package/dist/modern/frameworks/html/js/Page.js

@@ -1,11 +1,38 @@
 import './page.css';
 import { createHeader } from './Header';
 
-export const createPage = ({ user, onLogout, onLogin, onCreateAccount }) => {
+export const createPage = () => {
   const article = document.createElement('article');
+  let user = null;
+  let header = null;
 
-  const header = createHeader({ onLogin, onLogout, onCreateAccount, user });
+  const rerenderHeader = () => {
+    const wrapper = document.getElementsByTagName('article')[0];
+    wrapper.replaceChild(createHeaderElement(), wrapper.firstChild);
+  };
+
+  const onLogin = () => {
+    user = { name: 'Jane Doe' };
+    rerenderHeader();
+  };
+
+  const onLogout = () => {
+    user = null;
+    rerenderHeader();
+  };
+
+  const onCreateAccount = () => {
+    user = { name: 'Jane Doe' };
+    rerenderHeader();
+  };
+
+  const createHeaderElement = () => {
+    return createHeader({ onLogin, onLogout, onCreateAccount, user });
+  };
+
+  header = createHeaderElement();
   article.appendChild(header);
+
   const section = `
   <section>
     <h2>Pages in Storybook</h2>

package/dist/modern/frameworks/html/js/Page.stories.js

@@ -1,24 +1,23 @@
+import { within, userEvent } from '@storybook/testing-library';
 import { createPage } from './Page';
-import * as HeaderStories from './Header.stories';
 
 export default {
   title: 'Example/Page',
-  argTypes: {
-    onLogin: { action: 'onLogin' },
-    onLogout: { action: 'onLogout' },
-    onCreateAccount: { action: 'onCreateAccount' },
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/html/configure/story-layout
+    layout: 'fullscreen',
   },
 };
 
-const Template = (args) => createPage(args);
+const Template = () => createPage();
+
+export const LoggedOut = Template.bind({});
 
 export const LoggedIn = Template.bind({});
-LoggedIn.args = {
-  // More on composing args: https://storybook.js.org/docs/html/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/html/writing-tests/interaction-testing
+LoggedIn.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  const loginButton = await canvas.getByRole('button', { name: /Log in/i });
+  await userEvent.click(loginButton);
 };

package/dist/modern/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/modern/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/modern/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/modern/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/modern/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/modern/generators/ANGULAR/index.js

@@ -55,7 +55,7 @@ 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', {
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, updatedOptions, 'angular', {
     extraPackages: ['@compodoc/compodoc'],
     addScripts: false
   });

package/dist/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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/modern/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;

package/dist/modern/generators/baseGenerator.js

@@ -56,7 +56,7 @@ const builderDependencies = builder => {
 
 const stripVersions = addons => addons.map(addon => (0, _jsPackageManager.getPackageDetails)(addon)[0]);
 
-const hasInteractiveStories = framework => ['react', 'angular', 'preact', 'svelte', 'vue3'].includes(framework);
+const hasInteractiveStories = framework => ['react', 'angular', 'preact', 'svelte', 'vue', 'vue3', 'html'].includes(framework);
 
 async function baseGenerator(packageManager, npmOptions, {
   language,

package/dist/modern/initiate.js

@@ -15,10 +15,12 @@ var _chalk = _interopRequireDefault(require("chalk"));
 
 var _prompts = _interopRequireDefault(require("prompts"));
 
-var _detect = require("./detect");
+var _telemetry = require("@storybook/telemetry");
 
 var _project_types = require("./project_types");
 
+var _detect = require("./detect");
+
 var _helpers = require("./helpers");
 
 var _ANGULAR = _interopRequireDefault(require("./generators/ANGULAR"));
@@ -73,9 +75,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const logger = console;
 
-const installStorybook = (projectType, options) => {
-  const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(options.useNpm);
-
+const installStorybook = (projectType, packageManager, options) => {
   const npmOptions = {
     installAsDevDependencies: true,
     skipInstall: options.skipInstall
@@ -213,7 +213,7 @@ const installStorybook = (projectType, options) => {
         (0, _helpers.paddedLog)('You can specify a project type explicitly via `sb init --type <type>`, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/react/get-started/install'); // Add a new line for the clear visibility.
 
         logger.log();
-        return projectTypeInquirer(options);
+        return projectTypeInquirer(options, packageManager);
     }
   };
 
@@ -223,7 +223,7 @@ const installStorybook = (projectType, options) => {
   });
 };
 
-const projectTypeInquirer = async options => {
+const projectTypeInquirer = async (options, packageManager) => {
   const manualAnswer = options.yes ? true : await (0, _prompts.default)([{
     type: 'confirm',
     name: 'manual',
@@ -240,15 +240,22 @@ const projectTypeInquirer = async options => {
         value: type.toUpperCase()
       }))
     }]);
-    return installStorybook(frameworkAnswer.manualFramework, options);
+    return installStorybook(frameworkAnswer.manualFramework, packageManager, options);
   }
 
   return Promise.resolve();
 };
 
 async function initiate(options, pkg) {
+  const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(options.useNpm);
+
   const welcomeMessage = 'sb init - the simplest way to add a Storybook to your project.';
-  logger.log(_chalk.default.inverse(`\n ${welcomeMessage} \n`)); // Update notify code.
+  logger.log(_chalk.default.inverse(`\n ${welcomeMessage} \n`));
+
+  if (!options.disableTelemetry) {
+    (0, _telemetry.telemetry)('init');
+  } // Update notify code.
+
 
   new _updateNotifier.UpdateNotifier({
     pkg,
@@ -259,7 +266,7 @@ async function initiate(options, pkg) {
   const projectTypeProvided = options.type;
   const infoText = projectTypeProvided ? `Installing Storybook for user specified project type: ${projectTypeProvided}` : 'Detecting project type';
   const done = (0, _helpers.commandLog)(infoText);
-  const packageJson = (0, _jsPackageManager.readPackageJson)();
+  const packageJson = packageManager.retrievePackageJson();
   const isEsm = packageJson && packageJson.type === 'module';
 
   try {
@@ -286,7 +293,7 @@ async function initiate(options, pkg) {
   }
 
   done();
-  await installStorybook(projectType, Object.assign({}, options, isEsm ? {
+  await installStorybook(projectType, packageManager, Object.assign({}, options, isEsm ? {
     commonJs: true
   } : undefined));
   await (0, _automigrate.automigrate)();

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

@@ -74,13 +74,13 @@ class JsPackageManager {
 
 
   retrievePackageJson() {
-    let packageJson = (0, _PackageJsonHelper.readPackageJson)();
+    let packageJson;
 
-    if (!packageJson) {
-      // It will create a new package.json file
-      this.initPackageJson(); // read the newly created package.json file
-
-      packageJson = (0, _PackageJsonHelper.readPackageJson)() || {};
+    try {
+      packageJson = (0, _PackageJsonHelper.readPackageJson)();
+    } catch (err) {
+      this.initPackageJson();
+      packageJson = (0, _PackageJsonHelper.readPackageJson)();
     }
 
     return Object.assign({}, packageJson, {

package/dist/modern/js-package-manager/PackageJson.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/modern/js-package-manager/PackageJsonHelper.js

@@ -16,7 +16,7 @@ function readPackageJson() {
   const packageJsonPath = _path.default.resolve('package.json');
 
   if (!_fs.default.existsSync(packageJsonPath)) {
-    return false;
+    throw new Error(`Could not read package.json file at ${packageJsonPath}`);
   }
 
   const jsonContent = _fs.default.readFileSync(packageJsonPath, 'utf8');

package/dist/modern/upgrade.js

@@ -11,6 +11,8 @@ require("core-js/modules/es.promise.js");
 
 var _crossSpawn = require("cross-spawn");
 
+var _telemetry = require("@storybook/telemetry");
+
 var _semver = _interopRequireDefault(require("@storybook/semver"));
 
 var _nodeLogger = require("@storybook/node-logger");
@@ -21,8 +23,12 @@ var _helpers = require("./helpers");
 
 var _automigrate = require("./automigrate");
 
+const _excluded = ["prerelease", "skipCheck", "useNpm", "dryRun", "yes"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 const versionRegex = /(@storybook\/[^@]+)@(\S+)/;
 
 const getStorybookVersion = line => {
@@ -36,7 +42,7 @@ const getStorybookVersion = line => {
 };
 
 exports.getStorybookVersion = getStorybookVersion;
-const excludeList = ['@storybook/linter-config', '@storybook/design-system', '@storybook/ember-cli-storybook', '@storybook/semver', '@storybook/eslint-config-storybook', '@storybook/bench', '@storybook/addon-bench', '@storybook/addon-console', '@storybook/csf', '@storybook/storybook-deployer', '@storybook/addon-postcss', '@storybook/react-docgen-typescript-plugin', '@storybook/babel-plugin-require-context-hook', '@storybook/builder-vite', '@storybook/mdx1-csf', '@storybook/mdx2-csf'];
+const excludeList = ['@storybook/linter-config', '@storybook/design-system', '@storybook/ember-cli-storybook', '@storybook/semver', '@storybook/eslint-config-storybook', '@storybook/bench', '@storybook/addon-bench', '@storybook/addon-console', '@storybook/csf', '@storybook/storybook-deployer', '@storybook/addon-postcss', '@storybook/react-docgen-typescript-plugin', '@storybook/babel-plugin-require-context-hook', '@storybook/builder-vite', '@storybook/mdx1-csf', '@storybook/mdx2-csf', '@storybook/expect', '@storybook/jest', '@storybook/test-runner', '@storybook/testing-library'];
 
 const isCorePackage = pkg => pkg.startsWith('@storybook/') && !pkg.startsWith('@storybook/preset-') && !excludeList.includes(pkg);
 
@@ -120,16 +126,26 @@ const addExtraFlags = (extraFlags, flags, {
 
 exports.addExtraFlags = addExtraFlags;
 
-const upgrade = async ({
-  prerelease,
-  skipCheck,
-  useNpm,
-  dryRun,
-  yes
-}) => {
+const upgrade = async _ref => {
+  let {
+    prerelease,
+    skipCheck,
+    useNpm,
+    dryRun,
+    yes
+  } = _ref,
+      options = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(useNpm);
 
   (0, _helpers.commandLog)(`Checking for latest versions of '@storybook/*' packages`);
+
+  if (!options.disableTelemetry) {
+    (0, _telemetry.telemetry)('upgrade', {
+      prerelease
+    });
+  }
+
   let flags = [];
   if (!dryRun) flags.push('--upgrade');
   flags.push('--target');