@storybook/cli 7.0.0-alpha.23 → 7.0.0-alpha.26

package/dist/cjs/automigrate/fixes/new-frameworks.js

@@ -35,8 +35,9 @@ const packagesMap = {
     webpack5: '@storybook/angular'
   },
   '@storybook/vue': {
-    webpack5: '@storybook/vue-webpack5',
-    vite: '@storybook/vue-vite'
+    webpack5: '@storybook/vue-webpack5' // TODO: bring this back if we ever want to support vue 2 + vite. Else delete this!
+    // vite: '@storybook/vue-vite',
+
   },
   '@storybook/vue3': {
     webpack5: '@storybook/vue3-webpack5',
@@ -44,6 +45,7 @@ const packagesMap = {
   },
   '@storybook/svelte': {
     webpack5: '@storybook/svelte-webpack5',
+    // TODO: bring this back once we have the svelte-vite package
     vite: '@storybook/svelte-vite'
   },
   '@storybook/web-components': {
@@ -135,16 +137,23 @@ const newFrameworks = {
     const builderInfo = {
       name: getBuilder(builder),
       options: main.getFieldValue(['core', 'builder', 'options']) || {}
-    }; // TODO: once we have vite frameworks e.g. @storybook/react-vite, then we support it here
-    // and remove ['storybook-builder-vite', '@storybook/builder-vite'] from deps
+    };
+    const newFrameworkPackage = packagesMap[frameworkPackage][builderInfo.name]; // not all frameworks support vite yet e.g. Svelte
 
-    if (builderInfo.name === 'vite') {
+    if (!newFrameworkPackage) {
+      return null;
+    }
+
+    if (allDeps.vite && _semver.default.lt(_semver.default.coerce(allDeps.vite).version, '3.0.0')) {
+      logger.warn((0, _tsDedent.default)`
+        ❌ Detected Vite ${allDeps.vite}, which is unsupported in Storybook 7.0, so the ${_chalk.default.cyan('newFrameworks')} fix will be skipped.
+      Please upgrade vite to 3.0.0 or higher and rerun this automigration with "npx storybook@future automigrate".
+      `);
       return null;
     }
 
     const frameworkOptions = getFrameworkOptions(framework, main);
-    const dependenciesToRemove = ['@storybook/builder-webpack5', '@storybook/manager-webpack5', '@storybook/builder-webpack4', '@storybook/manager-webpack4'].filter(dep => allDeps[dep]);
-    const newFrameworkPackage = packagesMap[frameworkPackage][builderInfo.name];
+    const dependenciesToRemove = ['@storybook/builder-webpack5', '@storybook/manager-webpack5', '@storybook/builder-webpack4', '@storybook/manager-webpack4', '@storybook/builder-vite', 'storybook-builder-vite'].filter(dep => allDeps[dep]);
     const dependenciesToAdd = []; // some frameworks didn't change e.g. Angular, Ember
 
     if (newFrameworkPackage !== frameworkPackage) {

package/dist/cjs/generators/baseGenerator.js

@@ -69,6 +69,7 @@ const getFrameworkDetails = (renderer, builder, pnp) => {
     return {
       packages: [rendererPackage],
       framework: rendererPackagePath,
+      rendererId: 'angular',
       type: 'framework'
     };
   }
@@ -77,6 +78,7 @@ const getFrameworkDetails = (renderer, builder, pnp) => {
     return {
       packages: [frameworkPackage],
       framework: frameworkPackagePath,
+      rendererId: renderer,
       type: 'framework'
     };
   }
@@ -86,6 +88,7 @@ const getFrameworkDetails = (renderer, builder, pnp) => {
       packages: [rendererPackage, builderPackage],
       builder: builderPackagePath,
       renderer: rendererPackagePath,
+      rendererId: renderer,
       type: 'renderer'
     };
   }
@@ -95,7 +98,7 @@ const getFrameworkDetails = (renderer, builder, pnp) => {
 
 const stripVersions = addons => addons.map(addon => (0, _jsPackageManager.getPackageDetails)(addon)[0]);
 
-const hasInteractiveStories = framework => ['react', 'angular', 'preact', 'svelte', 'vue', 'vue3', 'html'].includes(framework);
+const hasInteractiveStories = rendererId => ['react', 'angular', 'preact', 'svelte', 'vue', 'vue3', 'html'].includes(rendererId);
 
 async function baseGenerator(packageManager, npmOptions, {
   language,
@@ -113,13 +116,23 @@ async function baseGenerator(packageManager, npmOptions, {
     addESLint,
     extraMain,
     extensions
-  } = Object.assign({}, defaultOptions, options); // added to main.js
+  } = Object.assign({}, defaultOptions, options);
+  const {
+    packages: frameworkPackages,
+    type,
+    // @ts-ignore
+    renderer: rendererInclude,
+    // deepscan-disable-line UNUSED_DECL
+    rendererId,
+    framework: frameworkInclude,
+    builder: builderInclude
+  } = getFrameworkDetails(renderer, builder, pnp); // added to main.js
 
   const addons = ['@storybook/addon-links', '@storybook/addon-essentials', ...stripVersions(extraAddonPackages)]; // added to package.json
 
   const addonPackages = ['@storybook/addon-links', '@storybook/addon-essentials', ...extraAddonPackages];
 
-  if (hasInteractiveStories(renderer)) {
+  if (hasInteractiveStories(rendererId)) {
     addons.push('@storybook/addon-interactions');
     addonPackages.push('@storybook/addon-interactions', '@storybook/testing-library');
   }
@@ -127,16 +140,7 @@ async function baseGenerator(packageManager, npmOptions, {
   const yarn2ExtraPackages = packageManager.type === 'yarn2' ? ['@storybook/addon-docs', '@mdx-js/react@1.x.x'] : [];
   const files = await _fsExtra.default.readdir(process.cwd());
   const packageJson = packageManager.retrievePackageJson();
-  const installedDependencies = new Set(Object.keys(Object.assign({}, packageJson.dependencies, packageJson.devDependencies)));
-  const {
-    packages: frameworkPackages,
-    type,
-    // @ts-ignore
-    renderer: rendererInclude,
-    // deepscan-disable-line UNUSED_DECL
-    framework: frameworkInclude,
-    builder: builderInclude
-  } = getFrameworkDetails(renderer, builder, pnp); // TODO: We need to start supporting this at some point
+  const installedDependencies = new Set(Object.keys(Object.assign({}, packageJson.dependencies, packageJson.devDependencies))); // TODO: We need to start supporting this at some point
 
   if (type === 'renderer') {
     throw new Error((0, _tsDedent.dedent)`
@@ -169,7 +173,7 @@ async function baseGenerator(packageManager, npmOptions, {
   } // FIXME: temporary workaround for https://github.com/storybookjs/storybook/issues/17516
 
 
-  if (frameworkPackages.includes('@storybook/builder-vite')) {
+  if (frameworkPackages.find(pkg => pkg.match(/^@storybook\/.*-vite$/))) {
     const previewHead = (0, _tsDedent.dedent)`
       <script>
         window.global = window;

package/dist/cjs/initiate.js

@@ -273,7 +273,7 @@ async function initiate(options, pkg) {
   }
 
   await (0, _automigrate.automigrate)({
-    yes: process.env.CI === 'true'
+    yes: options.yes || process.env.CI === 'true'
   });
   logger.log('\nTo run your Storybook, type:\n');
   (0, _helpers.codeLog)([packageManager.getRunStorybookCommand()]);

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

@@ -44,6 +44,21 @@ function getPackageDetails(pkg) {
 }
 
 class JsPackageManager {
+  // NOTE: for some reason yarn prefers the npm registry in
+  // local development, so always use npm
+  setRegistryURL(url) {
+    if (url) {
+      this.executeCommand('npm', ['config', 'set', 'registry', url]);
+    } else {
+      this.executeCommand('npm', ['config', 'delete', 'registry']);
+    }
+  }
+
+  getRegistryURL() {
+    const url = this.executeCommand('npm', ['config', 'get', 'registry']).trim();
+    return url === 'undefined' ? undefined : url;
+  }
+
   constructor(options) {
     this.type = void 0;
     this.cwd = void 0;

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

@@ -64,19 +64,6 @@ class NPMProxy extends _JsPackageManager.JsPackageManager {
     return this.uninstallArgs;
   }
 
-  setRegistryURL(url) {
-    if (url) {
-      this.executeCommand('npm', ['config', 'set', 'registry', url]);
-    } else {
-      this.executeCommand('npm', ['config', 'delete', 'registry']);
-    }
-  }
-
-  getRegistryURL() {
-    const url = this.executeCommand('npm', ['config', 'get', 'registry']).trim();
-    return url === 'undefined' ? undefined : url;
-  }
-
   getResolutions(packageJson, versions) {
     return {
       overrides: Object.assign({}, packageJson.overrides, versions)

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

@@ -25,19 +25,6 @@ class Yarn1Proxy extends _JsPackageManager.JsPackageManager {
     return `yarn ${command}`;
   }
 
-  setRegistryURL(url) {
-    if (url) {
-      this.executeCommand('yarn', ['config', 'set', 'npmRegistryServer', url]);
-    } else {
-      this.executeCommand('yarn', ['config', 'delete', 'npmRegistryServer']);
-    }
-  }
-
-  getRegistryURL() {
-    const url = this.executeCommand('yarn', ['config', 'get', 'npmRegistryServer']).trim();
-    return url === 'undefined' ? undefined : url;
-  }
-
   getResolutions(packageJson, versions) {
     return {
       resolutions: Object.assign({}, packageJson.resolutions, versions)

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

@@ -25,19 +25,6 @@ class Yarn2Proxy extends _JsPackageManager.JsPackageManager {
     return `yarn ${command}`;
   }
 
-  setRegistryURL(url) {
-    if (url) {
-      this.executeCommand('yarn', ['config', 'set', 'npmRegistryServer', url]);
-    } else {
-      this.executeCommand('yarn', ['config', 'delete', 'npmRegistryServer']);
-    }
-  }
-
-  getRegistryURL() {
-    const url = this.executeCommand('yarn', ['config', 'get', 'npmRegistryServer']).trim();
-    return url === 'undefined' ? undefined : url;
-  }
-
   getResolutions(packageJson, versions) {
     return {
       resolutions: Object.assign({}, packageJson.resolutions, versions)

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

@@ -138,7 +138,7 @@ const configureYarn2ForE2E = async ({
   cwd
 }) => {
   const command = [// ⚠️ Need to set registry because Yarn 2 is not using the conf of Yarn 1 (URL is hardcoded in CircleCI config.yml)
-  `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6000/" } }'`, // Some required magic to be able to fetch deps from local registry
+  `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6001/" } }'`, // Some required magic to be able to fetch deps from local registry
   `yarn config set unsafeHttpWhitelist --json '["localhost"]'`, // Disable fallback mode to make sure everything is required correctly
   `yarn config set pnpFallbackMode none`, // We need to be able to update lockfile when bootstrapping the examples
   `yarn config set enableImmutableInstalls false`, // Discard all YN0013 - FETCH_NOT_CACHED messages

package/dist/cjs/repro-templates.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+const craTemplates = {
   'cra/default-js': {
     name: 'Create React App (Javascript)',
     script: 'npx create-react-app .',
@@ -24,18 +24,75 @@ var _default = {
       renderer: '@storybook/react',
       builder: '@storybook/builder-webpack5'
     }
-  } // FIXME: missing documentation.json
-  // 'angular/latest': {
-  //   name: 'Angular (latest)',
-  //   script:
-  //     'npx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --skip-install=true --strict',
-  //   cadence: ['ci', 'daily', 'weekly'],
-  //   expected: {
-  //     framework: '@storybook/angular',
-  //     renderer: '@storybook/angular',
-  //     builder: '@storybook/builder-webpack5',
-  //   },
-  // },
-
+  }
 };
+const reactViteTemplates = {
+  'react-vite/default-js': {
+    name: 'React Vite (JS)',
+    script: 'yarn create vite . --template react',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/react-vite',
+      renderer: '@storybook/react',
+      builder: '@storybook/builder-vite'
+    }
+  },
+  'react-vite/default-ts': {
+    name: 'React Vite (TS)',
+    script: 'yarn create vite . --template react-ts',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/react-vite',
+      renderer: '@storybook/react',
+      builder: '@storybook/builder-vite'
+    }
+  }
+};
+const vue3ViteTemplates = {
+  'vue3-vite/default-js': {
+    name: 'Vue3 Vite (JS)',
+    script: 'yarn create vite . --template vue',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/vue3-vite',
+      renderer: '@storybook/vue3',
+      builder: '@storybook/builder-vite'
+    }
+  },
+  'vue3-vite/default-ts': {
+    name: 'Vue3 Vite (TS)',
+    script: 'yarn create vite . --template vue-ts',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/vue3-vite',
+      renderer: '@storybook/vue3',
+      builder: '@storybook/builder-vite'
+    }
+  }
+};
+const svelteViteTemplates = {
+  'svelte-vite/default-js': {
+    name: 'Svelte Vite (JS)',
+    script: 'yarn create vite . --template svelte',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/svelte-vite',
+      renderer: '@storybook/svelte',
+      builder: '@storybook/builder-vite'
+    }
+  },
+  'svelte-vite/default-ts': {
+    name: 'Svelte Vite (TS)',
+    script: 'yarn create vite . --template svelte-ts',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/svelte-vite',
+      renderer: '@storybook/svelte',
+      builder: '@storybook/builder-vite'
+    }
+  }
+};
+
+var _default = Object.assign({}, craTemplates, reactViteTemplates, vue3ViteTemplates, svelteViteTemplates);
+
 exports.default = _default;

package/dist/cjs/versions.js

@@ -6,80 +6,84 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 // auto generated file, do not edit
 var _default = {
-  '@storybook/addon-a11y': '7.0.0-alpha.23',
-  '@storybook/addon-actions': '7.0.0-alpha.23',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.23',
-  '@storybook/addon-controls': '7.0.0-alpha.23',
-  '@storybook/addon-docs': '7.0.0-alpha.23',
-  '@storybook/addon-essentials': '7.0.0-alpha.23',
-  '@storybook/addon-highlight': '7.0.0-alpha.23',
-  '@storybook/addon-interactions': '7.0.0-alpha.23',
-  '@storybook/addon-jest': '7.0.0-alpha.23',
-  '@storybook/addon-links': '7.0.0-alpha.23',
-  '@storybook/addon-measure': '7.0.0-alpha.23',
-  '@storybook/addon-outline': '7.0.0-alpha.23',
-  '@storybook/addon-storyshots': '7.0.0-alpha.23',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.23',
-  '@storybook/addon-storysource': '7.0.0-alpha.23',
-  '@storybook/addon-toolbars': '7.0.0-alpha.23',
-  '@storybook/addon-viewport': '7.0.0-alpha.23',
-  '@storybook/addons': '7.0.0-alpha.23',
-  '@storybook/angular': '7.0.0-alpha.23',
-  '@storybook/api': '7.0.0-alpha.23',
-  '@storybook/blocks': '7.0.0-alpha.23',
-  '@storybook/builder-manager': '7.0.0-alpha.23',
-  '@storybook/builder-webpack5': '7.0.0-alpha.23',
-  '@storybook/channel-postmessage': '7.0.0-alpha.23',
-  '@storybook/channel-websocket': '7.0.0-alpha.23',
-  '@storybook/channels': '7.0.0-alpha.23',
-  '@storybook/cli': '7.0.0-alpha.23',
-  '@storybook/client-api': '7.0.0-alpha.23',
-  '@storybook/client-logger': '7.0.0-alpha.23',
-  '@storybook/codemod': '7.0.0-alpha.23',
-  '@storybook/components': '7.0.0-alpha.23',
-  '@storybook/core-client': '7.0.0-alpha.23',
-  '@storybook/core-common': '7.0.0-alpha.23',
-  '@storybook/core-events': '7.0.0-alpha.23',
-  '@storybook/core-server': '7.0.0-alpha.23',
-  '@storybook/core-webpack': '7.0.0-alpha.23',
-  '@storybook/csf-tools': '7.0.0-alpha.23',
-  '@storybook/docs-tools': '7.0.0-alpha.23',
-  '@storybook/ember': '7.0.0-alpha.23',
-  '@storybook/html': '7.0.0-alpha.23',
-  '@storybook/html-webpack5': '7.0.0-alpha.23',
-  '@storybook/instrumenter': '7.0.0-alpha.23',
-  '@storybook/node-logger': '7.0.0-alpha.23',
-  '@storybook/postinstall': '7.0.0-alpha.23',
-  '@storybook/preact': '7.0.0-alpha.23',
-  '@storybook/preact-webpack5': '7.0.0-alpha.23',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.23',
-  '@storybook/preview-web': '7.0.0-alpha.23',
-  '@storybook/react': '7.0.0-alpha.23',
-  '@storybook/react-webpack5': '7.0.0-alpha.23',
-  '@storybook/router': '7.0.0-alpha.23',
-  '@storybook/server': '7.0.0-alpha.23',
-  '@storybook/server-webpack5': '7.0.0-alpha.23',
-  '@storybook/source-loader': '7.0.0-alpha.23',
-  '@storybook/store': '7.0.0-alpha.23',
-  '@storybook/svelte': '7.0.0-alpha.23',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.23',
-  '@storybook/telemetry': '7.0.0-alpha.23',
-  '@storybook/theming': '7.0.0-alpha.23',
-  '@storybook/ui': '7.0.0-alpha.23',
-  '@storybook/vue': '7.0.0-alpha.23',
-  '@storybook/vue-webpack5': '7.0.0-alpha.23',
-  '@storybook/vue3': '7.0.0-alpha.23',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.23',
-  '@storybook/web-components': '7.0.0-alpha.23',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.23',
-  sb: '7.0.0-alpha.23',
-  storybook: '7.0.0-alpha.23'
+  '@storybook/addon-a11y': '7.0.0-alpha.26',
+  '@storybook/addon-actions': '7.0.0-alpha.26',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.26',
+  '@storybook/addon-controls': '7.0.0-alpha.26',
+  '@storybook/addon-docs': '7.0.0-alpha.26',
+  '@storybook/addon-essentials': '7.0.0-alpha.26',
+  '@storybook/addon-highlight': '7.0.0-alpha.26',
+  '@storybook/addon-interactions': '7.0.0-alpha.26',
+  '@storybook/addon-jest': '7.0.0-alpha.26',
+  '@storybook/addon-links': '7.0.0-alpha.26',
+  '@storybook/addon-measure': '7.0.0-alpha.26',
+  '@storybook/addon-outline': '7.0.0-alpha.26',
+  '@storybook/addon-storyshots': '7.0.0-alpha.26',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.26',
+  '@storybook/addon-storysource': '7.0.0-alpha.26',
+  '@storybook/addon-toolbars': '7.0.0-alpha.26',
+  '@storybook/addon-viewport': '7.0.0-alpha.26',
+  '@storybook/addons': '7.0.0-alpha.26',
+  '@storybook/angular': '7.0.0-alpha.26',
+  '@storybook/api': '7.0.0-alpha.26',
+  '@storybook/blocks': '7.0.0-alpha.26',
+  '@storybook/builder-manager': '7.0.0-alpha.26',
+  '@storybook/builder-vite': '7.0.0-alpha.26',
+  '@storybook/builder-webpack5': '7.0.0-alpha.26',
+  '@storybook/channel-postmessage': '7.0.0-alpha.26',
+  '@storybook/channel-websocket': '7.0.0-alpha.26',
+  '@storybook/channels': '7.0.0-alpha.26',
+  '@storybook/cli': '7.0.0-alpha.26',
+  '@storybook/client-api': '7.0.0-alpha.26',
+  '@storybook/client-logger': '7.0.0-alpha.26',
+  '@storybook/codemod': '7.0.0-alpha.26',
+  '@storybook/components': '7.0.0-alpha.26',
+  '@storybook/core-client': '7.0.0-alpha.26',
+  '@storybook/core-common': '7.0.0-alpha.26',
+  '@storybook/core-events': '7.0.0-alpha.26',
+  '@storybook/core-server': '7.0.0-alpha.26',
+  '@storybook/core-webpack': '7.0.0-alpha.26',
+  '@storybook/csf-tools': '7.0.0-alpha.26',
+  '@storybook/docs-tools': '7.0.0-alpha.26',
+  '@storybook/ember': '7.0.0-alpha.26',
+  '@storybook/html': '7.0.0-alpha.26',
+  '@storybook/html-webpack5': '7.0.0-alpha.26',
+  '@storybook/instrumenter': '7.0.0-alpha.26',
+  '@storybook/node-logger': '7.0.0-alpha.26',
+  '@storybook/postinstall': '7.0.0-alpha.26',
+  '@storybook/preact': '7.0.0-alpha.26',
+  '@storybook/preact-webpack5': '7.0.0-alpha.26',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.26',
+  '@storybook/preview-web': '7.0.0-alpha.26',
+  '@storybook/react': '7.0.0-alpha.26',
+  '@storybook/react-vite': '7.0.0-alpha.26',
+  '@storybook/react-webpack5': '7.0.0-alpha.26',
+  '@storybook/router': '7.0.0-alpha.26',
+  '@storybook/server': '7.0.0-alpha.26',
+  '@storybook/server-webpack5': '7.0.0-alpha.26',
+  '@storybook/source-loader': '7.0.0-alpha.26',
+  '@storybook/store': '7.0.0-alpha.26',
+  '@storybook/svelte': '7.0.0-alpha.26',
+  '@storybook/svelte-vite': '7.0.0-alpha.26',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.26',
+  '@storybook/telemetry': '7.0.0-alpha.26',
+  '@storybook/theming': '7.0.0-alpha.26',
+  '@storybook/ui': '7.0.0-alpha.26',
+  '@storybook/vue': '7.0.0-alpha.26',
+  '@storybook/vue-webpack5': '7.0.0-alpha.26',
+  '@storybook/vue3': '7.0.0-alpha.26',
+  '@storybook/vue3-vite': '7.0.0-alpha.26',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.26',
+  '@storybook/web-components': '7.0.0-alpha.26',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.26',
+  sb: '7.0.0-alpha.26',
+  storybook: '7.0.0-alpha.26'
 };
 exports.default = _default;

package/dist/esm/automigrate/fixes/new-frameworks.js

@@ -20,8 +20,9 @@ const packagesMap = {
     webpack5: '@storybook/angular'
   },
   '@storybook/vue': {
-    webpack5: '@storybook/vue-webpack5',
-    vite: '@storybook/vue-vite'
+    webpack5: '@storybook/vue-webpack5' // TODO: bring this back if we ever want to support vue 2 + vite. Else delete this!
+    // vite: '@storybook/vue-vite',
+
   },
   '@storybook/vue3': {
     webpack5: '@storybook/vue3-webpack5',
@@ -29,6 +30,7 @@ const packagesMap = {
   },
   '@storybook/svelte': {
     webpack5: '@storybook/svelte-webpack5',
+    // TODO: bring this back once we have the svelte-vite package
     vite: '@storybook/svelte-vite'
   },
   '@storybook/web-components': {
@@ -112,16 +114,23 @@ export const newFrameworks = {
     const builderInfo = {
       name: getBuilder(builder),
       options: main.getFieldValue(['core', 'builder', 'options']) || {}
-    }; // TODO: once we have vite frameworks e.g. @storybook/react-vite, then we support it here
-    // and remove ['storybook-builder-vite', '@storybook/builder-vite'] from deps
+    };
+    const newFrameworkPackage = packagesMap[frameworkPackage][builderInfo.name]; // not all frameworks support vite yet e.g. Svelte
 
-    if (builderInfo.name === 'vite') {
+    if (!newFrameworkPackage) {
+      return null;
+    }
+
+    if (allDeps.vite && semver.lt(semver.coerce(allDeps.vite).version, '3.0.0')) {
+      logger.warn(dedent`
+        ❌ Detected Vite ${allDeps.vite}, which is unsupported in Storybook 7.0, so the ${chalk.cyan('newFrameworks')} fix will be skipped.
+      Please upgrade vite to 3.0.0 or higher and rerun this automigration with "npx storybook@future automigrate".
+      `);
       return null;
     }
 
     const frameworkOptions = getFrameworkOptions(framework, main);
-    const dependenciesToRemove = ['@storybook/builder-webpack5', '@storybook/manager-webpack5', '@storybook/builder-webpack4', '@storybook/manager-webpack4'].filter(dep => allDeps[dep]);
-    const newFrameworkPackage = packagesMap[frameworkPackage][builderInfo.name];
+    const dependenciesToRemove = ['@storybook/builder-webpack5', '@storybook/manager-webpack5', '@storybook/builder-webpack4', '@storybook/manager-webpack4', '@storybook/builder-vite', 'storybook-builder-vite'].filter(dep => allDeps[dep]);
     const dependenciesToAdd = []; // some frameworks didn't change e.g. Angular, Ember
 
     if (newFrameworkPackage !== frameworkPackage) {

package/dist/esm/generators/baseGenerator.js

@@ -52,6 +52,7 @@ const getFrameworkDetails = (renderer, builder, pnp) => {
     return {
       packages: [rendererPackage],
       framework: rendererPackagePath,
+      rendererId: 'angular',
       type: 'framework'
     };
   }
@@ -60,6 +61,7 @@ const getFrameworkDetails = (renderer, builder, pnp) => {
     return {
       packages: [frameworkPackage],
       framework: frameworkPackagePath,
+      rendererId: renderer,
       type: 'framework'
     };
   }
@@ -69,6 +71,7 @@ const getFrameworkDetails = (renderer, builder, pnp) => {
       packages: [rendererPackage, builderPackage],
       builder: builderPackagePath,
       renderer: rendererPackagePath,
+      rendererId: renderer,
       type: 'renderer'
     };
   }
@@ -78,7 +81,7 @@ const getFrameworkDetails = (renderer, builder, pnp) => {
 
 const stripVersions = addons => addons.map(addon => getPackageDetails(addon)[0]);
 
-const hasInteractiveStories = framework => ['react', 'angular', 'preact', 'svelte', 'vue', 'vue3', 'html'].includes(framework);
+const hasInteractiveStories = rendererId => ['react', 'angular', 'preact', 'svelte', 'vue', 'vue3', 'html'].includes(rendererId);
 
 export async function baseGenerator(packageManager, npmOptions, {
   language,
@@ -96,13 +99,23 @@ export async function baseGenerator(packageManager, npmOptions, {
     addESLint,
     extraMain,
     extensions
-  } = Object.assign({}, defaultOptions, options); // added to main.js
+  } = Object.assign({}, defaultOptions, options);
+  const {
+    packages: frameworkPackages,
+    type,
+    // @ts-ignore
+    renderer: rendererInclude,
+    // deepscan-disable-line UNUSED_DECL
+    rendererId,
+    framework: frameworkInclude,
+    builder: builderInclude
+  } = getFrameworkDetails(renderer, builder, pnp); // added to main.js
 
   const addons = ['@storybook/addon-links', '@storybook/addon-essentials', ...stripVersions(extraAddonPackages)]; // added to package.json
 
   const addonPackages = ['@storybook/addon-links', '@storybook/addon-essentials', ...extraAddonPackages];
 
-  if (hasInteractiveStories(renderer)) {
+  if (hasInteractiveStories(rendererId)) {
     addons.push('@storybook/addon-interactions');
     addonPackages.push('@storybook/addon-interactions', '@storybook/testing-library');
   }
@@ -110,16 +123,7 @@ export async function baseGenerator(packageManager, npmOptions, {
   const yarn2ExtraPackages = packageManager.type === 'yarn2' ? ['@storybook/addon-docs', '@mdx-js/react@1.x.x'] : [];
   const files = await fse.readdir(process.cwd());
   const packageJson = packageManager.retrievePackageJson();
-  const installedDependencies = new Set(Object.keys(Object.assign({}, packageJson.dependencies, packageJson.devDependencies)));
-  const {
-    packages: frameworkPackages,
-    type,
-    // @ts-ignore
-    renderer: rendererInclude,
-    // deepscan-disable-line UNUSED_DECL
-    framework: frameworkInclude,
-    builder: builderInclude
-  } = getFrameworkDetails(renderer, builder, pnp); // TODO: We need to start supporting this at some point
+  const installedDependencies = new Set(Object.keys(Object.assign({}, packageJson.dependencies, packageJson.devDependencies))); // TODO: We need to start supporting this at some point
 
   if (type === 'renderer') {
     throw new Error(dedent`
@@ -152,7 +156,7 @@ export async function baseGenerator(packageManager, npmOptions, {
   } // FIXME: temporary workaround for https://github.com/storybookjs/storybook/issues/17516
 
 
-  if (frameworkPackages.includes('@storybook/builder-vite')) {
+  if (frameworkPackages.find(pkg => pkg.match(/^@storybook\/.*-vite$/))) {
     const previewHead = dedent`
       <script>
         window.global = window;

package/dist/esm/initiate.js

@@ -232,7 +232,7 @@ export async function initiate(options, pkg) {
   }
 
   await automigrate({
-    yes: process.env.CI === 'true'
+    yes: options.yes || process.env.CI === 'true'
   });
   logger.log('\nTo run your Storybook, type:\n');
   codeLog([packageManager.getRunStorybookCommand()]);

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

@@ -26,6 +26,21 @@ export function getPackageDetails(pkg) {
   return [packageName, packageVersion];
 }
 export class JsPackageManager {
+  // NOTE: for some reason yarn prefers the npm registry in
+  // local development, so always use npm
+  setRegistryURL(url) {
+    if (url) {
+      this.executeCommand('npm', ['config', 'set', 'registry', url]);
+    } else {
+      this.executeCommand('npm', ['config', 'delete', 'registry']);
+    }
+  }
+
+  getRegistryURL() {
+    const url = this.executeCommand('npm', ['config', 'get', 'registry']).trim();
+    return url === 'undefined' ? undefined : url;
+  }
+
   constructor(options) {
     this.type = void 0;
     this.cwd = void 0;

package/dist/esm/js-package-manager/NPMProxy.js

@@ -53,19 +53,6 @@ export class NPMProxy extends JsPackageManager {
     return this.uninstallArgs;
   }
 
-  setRegistryURL(url) {
-    if (url) {
-      this.executeCommand('npm', ['config', 'set', 'registry', url]);
-    } else {
-      this.executeCommand('npm', ['config', 'delete', 'registry']);
-    }
-  }
-
-  getRegistryURL() {
-    const url = this.executeCommand('npm', ['config', 'get', 'registry']).trim();
-    return url === 'undefined' ? undefined : url;
-  }
-
   getResolutions(packageJson, versions) {
     return {
       overrides: Object.assign({}, packageJson.overrides, versions)

package/dist/esm/js-package-manager/Yarn1Proxy.js

@@ -17,19 +17,6 @@ export class Yarn1Proxy extends JsPackageManager {
     return `yarn ${command}`;
   }
 
-  setRegistryURL(url) {
-    if (url) {
-      this.executeCommand('yarn', ['config', 'set', 'npmRegistryServer', url]);
-    } else {
-      this.executeCommand('yarn', ['config', 'delete', 'npmRegistryServer']);
-    }
-  }
-
-  getRegistryURL() {
-    const url = this.executeCommand('yarn', ['config', 'get', 'npmRegistryServer']).trim();
-    return url === 'undefined' ? undefined : url;
-  }
-
   getResolutions(packageJson, versions) {
     return {
       resolutions: Object.assign({}, packageJson.resolutions, versions)

package/dist/esm/js-package-manager/Yarn2Proxy.js

@@ -17,19 +17,6 @@ export class Yarn2Proxy extends JsPackageManager {
     return `yarn ${command}`;
   }
 
-  setRegistryURL(url) {
-    if (url) {
-      this.executeCommand('yarn', ['config', 'set', 'npmRegistryServer', url]);
-    } else {
-      this.executeCommand('yarn', ['config', 'delete', 'npmRegistryServer']);
-    }
-  }
-
-  getRegistryURL() {
-    const url = this.executeCommand('yarn', ['config', 'get', 'npmRegistryServer']).trim();
-    return url === 'undefined' ? undefined : url;
-  }
-
   getResolutions(packageJson, versions) {
     return {
       resolutions: Object.assign({}, packageJson.resolutions, versions)

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

@@ -112,7 +112,7 @@ const configureYarn2ForE2E = async ({
   cwd
 }) => {
   const command = [// ⚠️ Need to set registry because Yarn 2 is not using the conf of Yarn 1 (URL is hardcoded in CircleCI config.yml)
-  `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6000/" } }'`, // Some required magic to be able to fetch deps from local registry
+  `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6001/" } }'`, // Some required magic to be able to fetch deps from local registry
   `yarn config set unsafeHttpWhitelist --json '["localhost"]'`, // Disable fallback mode to make sure everything is required correctly
   `yarn config set pnpFallbackMode none`, // We need to be able to update lockfile when bootstrapping the examples
   `yarn config set enableImmutableInstalls false`, // Discard all YN0013 - FETCH_NOT_CACHED messages

package/dist/esm/repro-templates.js

@@ -1,4 +1,4 @@
-export default {
+const craTemplates = {
   'cra/default-js': {
     name: 'Create React App (Javascript)',
     script: 'npx create-react-app .',
@@ -18,17 +18,72 @@ export default {
       renderer: '@storybook/react',
       builder: '@storybook/builder-webpack5'
     }
-  } // FIXME: missing documentation.json
-  // 'angular/latest': {
-  //   name: 'Angular (latest)',
-  //   script:
-  //     'npx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --skip-install=true --strict',
-  //   cadence: ['ci', 'daily', 'weekly'],
-  //   expected: {
-  //     framework: '@storybook/angular',
-  //     renderer: '@storybook/angular',
-  //     builder: '@storybook/builder-webpack5',
-  //   },
-  // },
-
-};
+  }
+};
+const reactViteTemplates = {
+  'react-vite/default-js': {
+    name: 'React Vite (JS)',
+    script: 'yarn create vite . --template react',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/react-vite',
+      renderer: '@storybook/react',
+      builder: '@storybook/builder-vite'
+    }
+  },
+  'react-vite/default-ts': {
+    name: 'React Vite (TS)',
+    script: 'yarn create vite . --template react-ts',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/react-vite',
+      renderer: '@storybook/react',
+      builder: '@storybook/builder-vite'
+    }
+  }
+};
+const vue3ViteTemplates = {
+  'vue3-vite/default-js': {
+    name: 'Vue3 Vite (JS)',
+    script: 'yarn create vite . --template vue',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/vue3-vite',
+      renderer: '@storybook/vue3',
+      builder: '@storybook/builder-vite'
+    }
+  },
+  'vue3-vite/default-ts': {
+    name: 'Vue3 Vite (TS)',
+    script: 'yarn create vite . --template vue-ts',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/vue3-vite',
+      renderer: '@storybook/vue3',
+      builder: '@storybook/builder-vite'
+    }
+  }
+};
+const svelteViteTemplates = {
+  'svelte-vite/default-js': {
+    name: 'Svelte Vite (JS)',
+    script: 'yarn create vite . --template svelte',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/svelte-vite',
+      renderer: '@storybook/svelte',
+      builder: '@storybook/builder-vite'
+    }
+  },
+  'svelte-vite/default-ts': {
+    name: 'Svelte Vite (TS)',
+    script: 'yarn create vite . --template svelte-ts',
+    cadence: ['ci', 'daily', 'weekly'],
+    expected: {
+      framework: '@storybook/svelte-vite',
+      renderer: '@storybook/svelte',
+      builder: '@storybook/builder-vite'
+    }
+  }
+};
+export default Object.assign({}, craTemplates, reactViteTemplates, vue3ViteTemplates, svelteViteTemplates);

package/dist/esm/versions.js

@@ -1,78 +1,82 @@
 // auto generated file, do not edit
 export default {
-  '@storybook/addon-a11y': '7.0.0-alpha.23',
-  '@storybook/addon-actions': '7.0.0-alpha.23',
-  '@storybook/addon-backgrounds': '7.0.0-alpha.23',
-  '@storybook/addon-controls': '7.0.0-alpha.23',
-  '@storybook/addon-docs': '7.0.0-alpha.23',
-  '@storybook/addon-essentials': '7.0.0-alpha.23',
-  '@storybook/addon-highlight': '7.0.0-alpha.23',
-  '@storybook/addon-interactions': '7.0.0-alpha.23',
-  '@storybook/addon-jest': '7.0.0-alpha.23',
-  '@storybook/addon-links': '7.0.0-alpha.23',
-  '@storybook/addon-measure': '7.0.0-alpha.23',
-  '@storybook/addon-outline': '7.0.0-alpha.23',
-  '@storybook/addon-storyshots': '7.0.0-alpha.23',
-  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.23',
-  '@storybook/addon-storysource': '7.0.0-alpha.23',
-  '@storybook/addon-toolbars': '7.0.0-alpha.23',
-  '@storybook/addon-viewport': '7.0.0-alpha.23',
-  '@storybook/addons': '7.0.0-alpha.23',
-  '@storybook/angular': '7.0.0-alpha.23',
-  '@storybook/api': '7.0.0-alpha.23',
-  '@storybook/blocks': '7.0.0-alpha.23',
-  '@storybook/builder-manager': '7.0.0-alpha.23',
-  '@storybook/builder-webpack5': '7.0.0-alpha.23',
-  '@storybook/channel-postmessage': '7.0.0-alpha.23',
-  '@storybook/channel-websocket': '7.0.0-alpha.23',
-  '@storybook/channels': '7.0.0-alpha.23',
-  '@storybook/cli': '7.0.0-alpha.23',
-  '@storybook/client-api': '7.0.0-alpha.23',
-  '@storybook/client-logger': '7.0.0-alpha.23',
-  '@storybook/codemod': '7.0.0-alpha.23',
-  '@storybook/components': '7.0.0-alpha.23',
-  '@storybook/core-client': '7.0.0-alpha.23',
-  '@storybook/core-common': '7.0.0-alpha.23',
-  '@storybook/core-events': '7.0.0-alpha.23',
-  '@storybook/core-server': '7.0.0-alpha.23',
-  '@storybook/core-webpack': '7.0.0-alpha.23',
-  '@storybook/csf-tools': '7.0.0-alpha.23',
-  '@storybook/docs-tools': '7.0.0-alpha.23',
-  '@storybook/ember': '7.0.0-alpha.23',
-  '@storybook/html': '7.0.0-alpha.23',
-  '@storybook/html-webpack5': '7.0.0-alpha.23',
-  '@storybook/instrumenter': '7.0.0-alpha.23',
-  '@storybook/node-logger': '7.0.0-alpha.23',
-  '@storybook/postinstall': '7.0.0-alpha.23',
-  '@storybook/preact': '7.0.0-alpha.23',
-  '@storybook/preact-webpack5': '7.0.0-alpha.23',
-  '@storybook/preset-html-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-preact-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-react-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-server-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-svelte-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-vue-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-vue3-webpack': '7.0.0-alpha.23',
-  '@storybook/preset-web-components-webpack': '7.0.0-alpha.23',
-  '@storybook/preview-web': '7.0.0-alpha.23',
-  '@storybook/react': '7.0.0-alpha.23',
-  '@storybook/react-webpack5': '7.0.0-alpha.23',
-  '@storybook/router': '7.0.0-alpha.23',
-  '@storybook/server': '7.0.0-alpha.23',
-  '@storybook/server-webpack5': '7.0.0-alpha.23',
-  '@storybook/source-loader': '7.0.0-alpha.23',
-  '@storybook/store': '7.0.0-alpha.23',
-  '@storybook/svelte': '7.0.0-alpha.23',
-  '@storybook/svelte-webpack5': '7.0.0-alpha.23',
-  '@storybook/telemetry': '7.0.0-alpha.23',
-  '@storybook/theming': '7.0.0-alpha.23',
-  '@storybook/ui': '7.0.0-alpha.23',
-  '@storybook/vue': '7.0.0-alpha.23',
-  '@storybook/vue-webpack5': '7.0.0-alpha.23',
-  '@storybook/vue3': '7.0.0-alpha.23',
-  '@storybook/vue3-webpack5': '7.0.0-alpha.23',
-  '@storybook/web-components': '7.0.0-alpha.23',
-  '@storybook/web-components-webpack5': '7.0.0-alpha.23',
-  sb: '7.0.0-alpha.23',
-  storybook: '7.0.0-alpha.23'
+  '@storybook/addon-a11y': '7.0.0-alpha.26',
+  '@storybook/addon-actions': '7.0.0-alpha.26',
+  '@storybook/addon-backgrounds': '7.0.0-alpha.26',
+  '@storybook/addon-controls': '7.0.0-alpha.26',
+  '@storybook/addon-docs': '7.0.0-alpha.26',
+  '@storybook/addon-essentials': '7.0.0-alpha.26',
+  '@storybook/addon-highlight': '7.0.0-alpha.26',
+  '@storybook/addon-interactions': '7.0.0-alpha.26',
+  '@storybook/addon-jest': '7.0.0-alpha.26',
+  '@storybook/addon-links': '7.0.0-alpha.26',
+  '@storybook/addon-measure': '7.0.0-alpha.26',
+  '@storybook/addon-outline': '7.0.0-alpha.26',
+  '@storybook/addon-storyshots': '7.0.0-alpha.26',
+  '@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.26',
+  '@storybook/addon-storysource': '7.0.0-alpha.26',
+  '@storybook/addon-toolbars': '7.0.0-alpha.26',
+  '@storybook/addon-viewport': '7.0.0-alpha.26',
+  '@storybook/addons': '7.0.0-alpha.26',
+  '@storybook/angular': '7.0.0-alpha.26',
+  '@storybook/api': '7.0.0-alpha.26',
+  '@storybook/blocks': '7.0.0-alpha.26',
+  '@storybook/builder-manager': '7.0.0-alpha.26',
+  '@storybook/builder-vite': '7.0.0-alpha.26',
+  '@storybook/builder-webpack5': '7.0.0-alpha.26',
+  '@storybook/channel-postmessage': '7.0.0-alpha.26',
+  '@storybook/channel-websocket': '7.0.0-alpha.26',
+  '@storybook/channels': '7.0.0-alpha.26',
+  '@storybook/cli': '7.0.0-alpha.26',
+  '@storybook/client-api': '7.0.0-alpha.26',
+  '@storybook/client-logger': '7.0.0-alpha.26',
+  '@storybook/codemod': '7.0.0-alpha.26',
+  '@storybook/components': '7.0.0-alpha.26',
+  '@storybook/core-client': '7.0.0-alpha.26',
+  '@storybook/core-common': '7.0.0-alpha.26',
+  '@storybook/core-events': '7.0.0-alpha.26',
+  '@storybook/core-server': '7.0.0-alpha.26',
+  '@storybook/core-webpack': '7.0.0-alpha.26',
+  '@storybook/csf-tools': '7.0.0-alpha.26',
+  '@storybook/docs-tools': '7.0.0-alpha.26',
+  '@storybook/ember': '7.0.0-alpha.26',
+  '@storybook/html': '7.0.0-alpha.26',
+  '@storybook/html-webpack5': '7.0.0-alpha.26',
+  '@storybook/instrumenter': '7.0.0-alpha.26',
+  '@storybook/node-logger': '7.0.0-alpha.26',
+  '@storybook/postinstall': '7.0.0-alpha.26',
+  '@storybook/preact': '7.0.0-alpha.26',
+  '@storybook/preact-webpack5': '7.0.0-alpha.26',
+  '@storybook/preset-html-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-preact-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-react-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-server-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-svelte-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-vue-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-vue3-webpack': '7.0.0-alpha.26',
+  '@storybook/preset-web-components-webpack': '7.0.0-alpha.26',
+  '@storybook/preview-web': '7.0.0-alpha.26',
+  '@storybook/react': '7.0.0-alpha.26',
+  '@storybook/react-vite': '7.0.0-alpha.26',
+  '@storybook/react-webpack5': '7.0.0-alpha.26',
+  '@storybook/router': '7.0.0-alpha.26',
+  '@storybook/server': '7.0.0-alpha.26',
+  '@storybook/server-webpack5': '7.0.0-alpha.26',
+  '@storybook/source-loader': '7.0.0-alpha.26',
+  '@storybook/store': '7.0.0-alpha.26',
+  '@storybook/svelte': '7.0.0-alpha.26',
+  '@storybook/svelte-vite': '7.0.0-alpha.26',
+  '@storybook/svelte-webpack5': '7.0.0-alpha.26',
+  '@storybook/telemetry': '7.0.0-alpha.26',
+  '@storybook/theming': '7.0.0-alpha.26',
+  '@storybook/ui': '7.0.0-alpha.26',
+  '@storybook/vue': '7.0.0-alpha.26',
+  '@storybook/vue-webpack5': '7.0.0-alpha.26',
+  '@storybook/vue3': '7.0.0-alpha.26',
+  '@storybook/vue3-vite': '7.0.0-alpha.26',
+  '@storybook/vue3-webpack5': '7.0.0-alpha.26',
+  '@storybook/web-components': '7.0.0-alpha.26',
+  '@storybook/web-components-webpack5': '7.0.0-alpha.26',
+  sb: '7.0.0-alpha.26',
+  storybook: '7.0.0-alpha.26'
 };

package/dist/types/js-package-manager/JsPackageManager.d.ts

@@ -14,8 +14,8 @@ export declare abstract class JsPackageManager {
     abstract initPackageJson(): void;
     abstract getRunStorybookCommand(): string;
     abstract getRunCommand(command: string): string;
-    abstract setRegistryURL(url: string): void;
-    abstract getRegistryURL(): string;
+    setRegistryURL(url: string): void;
+    getRegistryURL(): string;
     readonly cwd?: string;
     constructor(options?: JsPackageManagerOptions);
     /**

package/dist/types/js-package-manager/NPMProxy.d.ts

@@ -13,8 +13,6 @@ export declare class NPMProxy extends JsPackageManager {
     needsLegacyPeerDeps(version: string): boolean;
     getInstallArgs(): string[];
     getUninstallArgs(): string[];
-    setRegistryURL(url: string): void;
-    getRegistryURL(): string;
     protected getResolutions(packageJson: PackageJson, versions: Record<string, string>): {
         overrides: any;
     };

package/dist/types/js-package-manager/Yarn1Proxy.d.ts

@@ -5,8 +5,6 @@ export declare class Yarn1Proxy extends JsPackageManager {
     initPackageJson(): string;
     getRunStorybookCommand(): string;
     getRunCommand(command: string): string;
-    setRegistryURL(url: string): void;
-    getRegistryURL(): string;
     protected getResolutions(packageJson: PackageJson, versions: Record<string, string>): {
         resolutions: {
             [x: string]: string;

package/dist/types/js-package-manager/Yarn2Proxy.d.ts

@@ -5,8 +5,6 @@ export declare class Yarn2Proxy extends JsPackageManager {
     initPackageJson(): string;
     getRunStorybookCommand(): string;
     getRunCommand(command: string): string;
-    setRegistryURL(url: string): void;
-    getRegistryURL(): string;
     protected getResolutions(packageJson: PackageJson, versions: Record<string, string>): {
         resolutions: {
             [x: string]: string;

package/dist/types/repro-templates.d.ts

@@ -1,22 +1,82 @@
 declare const _default: {
+    readonly 'svelte-vite/default-js': {
+        name: string;
+        script: string;
+        cadence: string[];
+        expected: {
+            framework: string;
+            renderer: string;
+            builder: string;
+        };
+    };
+    readonly 'svelte-vite/default-ts': {
+        name: string;
+        script: string;
+        cadence: string[];
+        expected: {
+            framework: string;
+            renderer: string;
+            builder: string;
+        };
+    };
+    readonly 'vue3-vite/default-js': {
+        name: string;
+        script: string;
+        cadence: string[];
+        expected: {
+            framework: string;
+            renderer: string;
+            builder: string;
+        };
+    };
+    readonly 'vue3-vite/default-ts': {
+        name: string;
+        script: string;
+        cadence: string[];
+        expected: {
+            framework: string;
+            renderer: string;
+            builder: string;
+        };
+    };
+    readonly 'react-vite/default-js': {
+        name: string;
+        script: string;
+        cadence: string[];
+        expected: {
+            framework: string;
+            renderer: string;
+            builder: string;
+        };
+    };
+    readonly 'react-vite/default-ts': {
+        name: string;
+        script: string;
+        cadence: string[];
+        expected: {
+            framework: string;
+            renderer: string;
+            builder: string;
+        };
+    };
     readonly 'cra/default-js': {
-        readonly name: "Create React App (Javascript)";
-        readonly script: "npx create-react-app .";
-        readonly cadence: readonly ["ci", "daily", "weekly"];
-        readonly expected: {
-            readonly framework: "@storybook/cra";
-            readonly renderer: "@storybook/react";
-            readonly builder: "@storybook/builder-webpack5";
+        name: string;
+        script: string;
+        cadence: string[];
+        expected: {
+            framework: string;
+            renderer: string;
+            builder: string;
         };
     };
     readonly 'cra/default-ts': {
-        readonly name: "Create React App (Typescript)";
-        readonly script: "npx create-react-app . --template typescript";
-        readonly cadence: readonly ["ci", "daily", "weekly"];
-        readonly expected: {
-            readonly framework: "@storybook/cra";
-            readonly renderer: "@storybook/react";
-            readonly builder: "@storybook/builder-webpack5";
+        name: string;
+        script: string;
+        cadence: string[];
+        expected: {
+            framework: string;
+            renderer: string;
+            builder: string;
         };
     };
 };

package/dist/types/versions.d.ts

@@ -21,6 +21,7 @@ declare const _default: {
     '@storybook/api': string;
     '@storybook/blocks': string;
     '@storybook/builder-manager': string;
+    '@storybook/builder-vite': string;
     '@storybook/builder-webpack5': string;
     '@storybook/channel-postmessage': string;
     '@storybook/channel-websocket': string;
@@ -55,6 +56,7 @@ declare const _default: {
     '@storybook/preset-web-components-webpack': string;
     '@storybook/preview-web': string;
     '@storybook/react': string;
+    '@storybook/react-vite': string;
     '@storybook/react-webpack5': string;
     '@storybook/router': string;
     '@storybook/server': string;
@@ -62,6 +64,7 @@ declare const _default: {
     '@storybook/source-loader': string;
     '@storybook/store': string;
     '@storybook/svelte': string;
+    '@storybook/svelte-vite': string;
     '@storybook/svelte-webpack5': string;
     '@storybook/telemetry': string;
     '@storybook/theming': string;
@@ -69,6 +72,7 @@ declare const _default: {
     '@storybook/vue': string;
     '@storybook/vue-webpack5': string;
     '@storybook/vue3': string;
+    '@storybook/vue3-vite': string;
     '@storybook/vue3-webpack5': string;
     '@storybook/web-components': string;
     '@storybook/web-components-webpack5': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "7.0.0-alpha.23",
+  "version": "7.0.0-alpha.26",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -22,13 +22,6 @@
   },
   "license": "MIT",
   "author": "Storybook Team",
-  "typesVersions": {
-    "<3.8": {
-      "*": [
-        "ts3.4/*"
-      ]
-    }
-  },
   "bin": {
     "getstorybook": "./bin/index.js",
     "sb": "./bin/index.js"
@@ -48,13 +41,13 @@
   "dependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
-    "@storybook/codemod": "7.0.0-alpha.23",
-    "@storybook/core-common": "7.0.0-alpha.23",
-    "@storybook/core-server": "7.0.0-alpha.23",
-    "@storybook/csf-tools": "7.0.0-alpha.23",
-    "@storybook/node-logger": "7.0.0-alpha.23",
+    "@storybook/codemod": "7.0.0-alpha.26",
+    "@storybook/core-common": "7.0.0-alpha.26",
+    "@storybook/core-server": "7.0.0-alpha.26",
+    "@storybook/csf-tools": "7.0.0-alpha.26",
+    "@storybook/node-logger": "7.0.0-alpha.26",
     "@storybook/semver": "^7.3.2",
-    "@storybook/telemetry": "7.0.0-alpha.23",
+    "@storybook/telemetry": "7.0.0-alpha.26",
     "boxen": "^5.1.2",
     "chalk": "^4.1.0",
     "commander": "^6.2.1",
@@ -81,7 +74,7 @@
     "update-notifier": "^5.0.1"
   },
   "devDependencies": {
-    "@storybook/client-api": "7.0.0-alpha.23",
+    "@storybook/client-api": "7.0.0-alpha.26",
     "@types/cross-spawn": "^6.0.2",
     "@types/degit": "^2.8.3",
     "@types/prompts": "^2.0.9",
@@ -96,5 +89,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0900e20acfbc12551c6a3f788b8de5dd6af5f80a"
+  "gitHead": "e5c9cfe1d0482132e59734d9cfce57477045914f"
 }