@storybook/core-server 7.0.0-alpha.60 → 7.0.0-alpha.62

package/dist/cjs/build-static.js

@@ -133,9 +133,14 @@ async function buildStaticStandalone(options) {
   if (!(core !== null && core !== void 0 && core.disableTelemetry)) {
     effects.push(initializedStoryIndexGenerator.then(async function (generator) {
       var storyIndex = await (generator === null || generator === void 0 ? void 0 : generator.getIndex());
-      var payload = storyIndex ? {
-        storyIndex: (0, _summarizeIndex.summarizeIndex)(storyIndex)
-      } : undefined;
+      var payload = {
+        precedingUpgrade: await (0, _telemetry.getPrecedingUpgrade)()
+      };
+      if (storyIndex) {
+        Object.assign(payload, {
+          storyIndex: (0, _summarizeIndex.summarizeIndex)(storyIndex)
+        });
+      }
       await (0, _telemetry.telemetry)('build', payload, {
         configDir: options.configDir
       });

package/dist/cjs/dev-server.js

@@ -3,45 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.router = exports.DEBOUNCE = void 0;
 exports.storybookDevServer = storybookDevServer;
-var _express = _interopRequireWildcard(require("express"));
+var _express = _interopRequireDefault(require("express"));
 var _compression = _interopRequireDefault(require("compression"));
 var _coreCommon = require("@storybook/core-common");
-var _telemetry = require("@storybook/telemetry");
 var _middleware = require("./utils/middleware");
 var _serverAddress = require("./utils/server-address");
 var _serverInit = require("./utils/server-init");
 var _serverStatics = require("./utils/server-statics");
-var _storiesJson = require("./utils/stories-json");
-var _metadata = require("./utils/metadata");
 var _getServerChannel = require("./utils/get-server-channel");
 var _openInBrowser = require("./utils/open-in-browser");
 var _getBuilders = require("./utils/get-builders");
-var _StoryIndexGenerator = require("./utils/StoryIndexGenerator");
-var _summarizeIndex = require("./utils/summarizeIndex");
+var _getStoryIndexGenerator = require("./utils/getStoryIndexGenerator");
+var _doTelemetry = require("./utils/doTelemetry");
+var _router = require("./utils/router");
+var _getAccessControlMiddleware = require("./utils/getAccessControlMiddleware");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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, 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-// @ts-expect-error (Converted from ts-ignore)
-var router = new _express.Router();
-exports.router = router;
-var DEBOUNCE = 100;
-exports.DEBOUNCE = DEBOUNCE;
-var versionStatus = function (versionCheck) {
-  if (versionCheck.error) return 'error';
-  if (versionCheck.cached) return 'cached';
-  return 'success';
-};
 async function storybookDevServer(options) {
   var _core$builder;
   var app = (0, _express.default)();
@@ -53,35 +36,20 @@ async function storybookDevServer(options) {
   var serverChannel = (0, _getServerChannel.getServerChannel)(server);
 
   // try get index generator, if failed, send telemetry without storyCount, then rethrow the error
-  var initializedStoryIndexGenerator = getStoryIndexGenerator(features, options, serverChannel);
-  doTelemetry(core, initializedStoryIndexGenerator, options);
+  var initializedStoryIndexGenerator = (0, _getStoryIndexGenerator.getStoryIndexGenerator)(features, options, serverChannel);
+  (0, _doTelemetry.doTelemetry)(core, initializedStoryIndexGenerator, options);
   app.use((0, _compression.default)({
     level: 1
   }));
   if (typeof options.extendServer === 'function') {
     options.extendServer(server);
   }
-  app.use(function (req, res, next) {
-    res.header('Access-Control-Allow-Origin', '*');
-    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
-    // These headers are required to enable SharedArrayBuffer
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer
-    next();
-  });
-  if (core !== null && core !== void 0 && core.crossOriginIsolated) {
-    app.use(function (req, res, next) {
-      // These headers are required to enable SharedArrayBuffer
-      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer
-      res.header('Cross-Origin-Opener-Policy', 'same-origin');
-      res.header('Cross-Origin-Embedder-Policy', 'require-corp');
-      next();
-    });
-  }
+  app.use((0, _getAccessControlMiddleware.getAccessControlMiddleware)(core === null || core === void 0 ? void 0 : core.crossOriginIsolated));
 
   // User's own static files
-  var usingStatics = (0, _serverStatics.useStatics)(router, options);
-  (0, _middleware.getMiddleware)(options.configDir)(router);
-  app.use(router);
+  var usingStatics = (0, _serverStatics.useStatics)(_router.router, options);
+  (0, _middleware.getMiddleware)(options.configDir)(_router.router);
+  app.use(_router.router);
   var port = options.port,
     host = options.host;
   var proto = options.https ? 'https' : 'http';
@@ -108,21 +76,16 @@ async function storybookDevServer(options) {
   var managerResult = await managerBuilder.start({
     startTime: process.hrtime(),
     options: options,
-    router: router,
+    router: _router.router,
     server: server,
     channel: serverChannel
   });
-  Promise.all([initializedStoryIndexGenerator, listening, usingStatics]).then(async function () {
-    if (!options.ci && !options.smokeTest && options.open) {
-      (0, _openInBrowser.openInBrowser)(host ? networkAddress : address);
-    }
-  });
-  var previewResult;
+  var previewStarted = Promise.resolve();
   if (!options.ignorePreview) {
-    previewResult = await previewBuilder.start({
+    previewStarted = previewBuilder.start({
       startTime: process.hrtime(),
       options: options,
-      router: router,
+      router: _router.router,
       server: server,
       channel: serverChannel
     }).catch(async function (e) {
@@ -137,61 +100,23 @@ async function storybookDevServer(options) {
       throw e;
     });
   }
+
+  // this is a preview route, the builder has to be started before we can serve it
+  // this handler keeps request to that route pending until the builder is ready to serve it, preventing a 404
+  _router.router.get('/iframe.html', function (req, res, next) {
+    previewStarted.then(function () {
+      return next();
+    });
+  });
+  Promise.all([initializedStoryIndexGenerator, listening, usingStatics]).then(async function () {
+    if (!options.ci && !options.smokeTest && options.open) {
+      (0, _openInBrowser.openInBrowser)(host ? networkAddress : address);
+    }
+  });
   return {
-    previewResult: previewResult,
+    previewResult: await previewStarted,
     managerResult: managerResult,
     address: address,
     networkAddress: networkAddress
   };
-}
-async function doTelemetry(core, initializedStoryIndexGenerator, options) {
-  if (!(core !== null && core !== void 0 && core.disableTelemetry)) {
-    initializedStoryIndexGenerator.then(async function (generator) {
-      var storyIndex = await (generator === null || generator === void 0 ? void 0 : generator.getIndex());
-      var versionCheck = options.versionCheck,
-        versionUpdates = options.versionUpdates;
-      var payload = storyIndex ? {
-        versionStatus: versionUpdates ? versionStatus(versionCheck) : 'disabled',
-        storyIndex: (0, _summarizeIndex.summarizeIndex)(storyIndex)
-      } : undefined;
-      (0, _telemetry.telemetry)('dev', payload, {
-        configDir: options.configDir
-      });
-    });
-  }
-  if (!(core !== null && core !== void 0 && core.disableProjectJson)) {
-    (0, _metadata.useStorybookMetadata)(router, options.configDir);
-  }
-}
-async function getStoryIndexGenerator(features, options, serverChannel) {
-  var initializedStoryIndexGenerator = Promise.resolve(undefined);
-  if (features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) {
-    var workingDir = process.cwd();
-    var directories = {
-      configDir: options.configDir,
-      workingDir: workingDir
-    };
-    var stories = options.presets.apply('stories');
-    var storyIndexers = options.presets.apply('storyIndexers', []);
-    var docsOptions = options.presets.apply('docs', {});
-    var normalizedStories = (0, _coreCommon.normalizeStories)(await stories, directories);
-    var generator = new _StoryIndexGenerator.StoryIndexGenerator(normalizedStories, _objectSpread(_objectSpread({}, directories), {}, {
-      storyIndexers: await storyIndexers,
-      docs: await docsOptions,
-      workingDir: workingDir,
-      storiesV2Compatibility: !(features !== null && features !== void 0 && features.breakingChangesV7) && !(features !== null && features !== void 0 && features.storyStoreV7),
-      storyStoreV7: features === null || features === void 0 ? void 0 : features.storyStoreV7
-    }));
-    initializedStoryIndexGenerator = generator.initialize().then(function () {
-      return generator;
-    });
-    (0, _storiesJson.useStoriesJson)({
-      router: router,
-      initializedStoryIndexGenerator: initializedStoryIndexGenerator,
-      normalizedStories: normalizedStories,
-      serverChannel: serverChannel,
-      workingDir: workingDir
-    });
-  }
-  return initializedStoryIndexGenerator;
 }

package/dist/cjs/utils/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEBOUNCE = void 0;
+var DEBOUNCE = 100;
+exports.DEBOUNCE = DEBOUNCE;

package/dist/cjs/utils/doTelemetry.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.doTelemetry = doTelemetry;
+var _telemetry = require("@storybook/telemetry");
+var _metadata = require("./metadata");
+var _summarizeIndex = require("./summarizeIndex");
+var _router = require("./router");
+var _versionStatus = require("./versionStatus");
+async function doTelemetry(core, initializedStoryIndexGenerator, options) {
+  if (!(core !== null && core !== void 0 && core.disableTelemetry)) {
+    initializedStoryIndexGenerator.then(async function (generator) {
+      var storyIndex = await (generator === null || generator === void 0 ? void 0 : generator.getIndex());
+      var versionCheck = options.versionCheck,
+        versionUpdates = options.versionUpdates;
+      var payload = {
+        precedingUpgrade: await (0, _telemetry.getPrecedingUpgrade)()
+      };
+      if (storyIndex) {
+        Object.assign(payload, {
+          versionStatus: versionUpdates ? (0, _versionStatus.versionStatus)(versionCheck) : 'disabled',
+          storyIndex: (0, _summarizeIndex.summarizeIndex)(storyIndex)
+        });
+      }
+      (0, _telemetry.telemetry)('dev', payload, {
+        configDir: options.configDir
+      });
+    });
+  }
+  if (!(core !== null && core !== void 0 && core.disableProjectJson)) {
+    (0, _metadata.useStorybookMetadata)(_router.router, options.configDir);
+  }
+}

package/dist/cjs/utils/getAccessControlMiddleware.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAccessControlMiddleware = getAccessControlMiddleware;
+function getAccessControlMiddleware(crossOriginIsolated) {
+  return function (req, res, next) {
+    res.header('Access-Control-Allow-Origin', '*');
+    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
+    // These headers are required to enable SharedArrayBuffer
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer
+    if (crossOriginIsolated) {
+      // These headers are required to enable SharedArrayBuffer
+      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer
+      res.header('Cross-Origin-Opener-Policy', 'same-origin');
+      res.header('Cross-Origin-Embedder-Policy', 'require-corp');
+    }
+    next();
+  };
+}

package/dist/cjs/utils/getStoryIndexGenerator.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStoryIndexGenerator = getStoryIndexGenerator;
+var _coreCommon = require("@storybook/core-common");
+var _storiesJson = require("./stories-json");
+var _StoryIndexGenerator = require("./StoryIndexGenerator");
+var _router = require("./router");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+async function getStoryIndexGenerator(features, options, serverChannel) {
+  var initializedStoryIndexGenerator = Promise.resolve(undefined);
+  if (features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) {
+    var workingDir = process.cwd();
+    var directories = {
+      configDir: options.configDir,
+      workingDir: workingDir
+    };
+    var stories = options.presets.apply('stories');
+    var storyIndexers = options.presets.apply('storyIndexers', []);
+    var docsOptions = options.presets.apply('docs', {});
+    var normalizedStories = (0, _coreCommon.normalizeStories)(await stories, directories);
+    var generator = new _StoryIndexGenerator.StoryIndexGenerator(normalizedStories, _objectSpread(_objectSpread({}, directories), {}, {
+      storyIndexers: await storyIndexers,
+      docs: await docsOptions,
+      workingDir: workingDir,
+      storiesV2Compatibility: !(features !== null && features !== void 0 && features.breakingChangesV7) && !(features !== null && features !== void 0 && features.storyStoreV7),
+      storyStoreV7: features === null || features === void 0 ? void 0 : features.storyStoreV7
+    }));
+    initializedStoryIndexGenerator = generator.initialize().then(function () {
+      return generator;
+    });
+    (0, _storiesJson.useStoriesJson)({
+      router: _router.router,
+      initializedStoryIndexGenerator: initializedStoryIndexGenerator,
+      normalizedStories: normalizedStories,
+      serverChannel: serverChannel,
+      workingDir: workingDir
+    });
+  }
+  return initializedStoryIndexGenerator;
+}

package/dist/cjs/utils/router.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.router = void 0;
+var _express = require("express");
+// @ts-expect-error (Converted from ts-ignore)
+
+var router = new _express.Router();
+exports.router = router;

package/dist/cjs/utils/server-statics.js

@@ -14,7 +14,7 @@ var _path = _interopRequireDefault(require("path"));
 var _serveFavicon = _interopRequireDefault(require("serve-favicon"));
 var _tsDedent = require("ts-dedent");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var defaultFavIcon = require.resolve('@storybook/core-server/public/favicon.ico');
+var defaultFavIcon = require.resolve('@storybook/core-server/public/favicon.svg');
 async function useStatics(router, options) {
   var hasCustomFavicon = false;
   var staticDirs = await options.presets.apply('staticDirs');
@@ -47,7 +47,7 @@ async function useStatics(router, options) {
           index: false
         }));
         if (!hasCustomFavicon && targetEndpoint === '/') {
-          var faviconPath = _path.default.join(staticPath, 'favicon.ico');
+          var faviconPath = _path.default.join(staticPath, 'favicon.svg');
           if (await (0, _fsExtra.pathExists)(faviconPath)) {
             hasCustomFavicon = true;
             router.use((0, _serveFavicon.default)(faviconPath));

package/dist/cjs/utils/versionStatus.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.versionStatus = void 0;
+var versionStatus = function (versionCheck) {
+  if (versionCheck.error) return 'error';
+  if (versionCheck.cached) return 'cached';
+  return 'success';
+};
+exports.versionStatus = versionStatus;

package/dist/cjs/withTelemetry.js

@@ -25,14 +25,14 @@ var promptCrashReports = async function () {
   await _coreCommon.cache.set('enableCrashReports', enableCrashReports);
   return enableCrashReports;
 };
-async function shouldSendError({
+async function getErrorLevel({
   cliOptions: cliOptions,
   presetOptions: presetOptions
 }) {
-  if (cliOptions !== null && cliOptions !== void 0 && cliOptions.disableTelemetry) return false;
+  if (cliOptions !== null && cliOptions !== void 0 && cliOptions.disableTelemetry) return 'none';
 
   // If we are running init or similar, we just have to go with true here
-  if (!presetOptions) return true;
+  if (!presetOptions) return 'full';
 
   // should we load the preset?
   var presets = await (0, _coreCommon.loadAllPresets)(_objectSpread({
@@ -43,15 +43,15 @@ async function shouldSendError({
   // If the user has chosen to enable/disable crash reports in main.js
   // or disabled telemetry, we can return that
   var core = await presets.apply('core');
-  if ((core === null || core === void 0 ? void 0 : core.enableCrashReports) !== undefined) return core.enableCrashReports;
-  if (core !== null && core !== void 0 && core.disableTelemetry) return false;
+  if ((core === null || core === void 0 ? void 0 : core.enableCrashReports) !== undefined) return core.enableCrashReports ? 'full' : 'error';
+  if (core !== null && core !== void 0 && core.disableTelemetry) return 'none';
 
   // Deal with typo, remove in future version (7.1?)
   var valueFromCache = (await _coreCommon.cache.get('enableCrashReports')) ?? (await _coreCommon.cache.get('enableCrashreports'));
-  if (valueFromCache !== undefined) return valueFromCache;
+  if (valueFromCache !== undefined) return valueFromCache ? 'full' : 'error';
   var valueFromPrompt = await promptCrashReports();
-  if (valueFromPrompt !== undefined) return valueFromPrompt;
-  return true;
+  if (valueFromPrompt !== undefined) return valueFromPrompt ? 'full' : 'error';
+  return 'full';
 }
 async function withTelemetry(eventType, options, run) {
   (0, _telemetry.telemetry)('boot', {
@@ -63,15 +63,18 @@ async function withTelemetry(eventType, options, run) {
     await run();
   } catch (error) {
     try {
-      if (await shouldSendError(options)) {
+      var errorLevel = await getErrorLevel(options);
+      if (errorLevel !== 'none') {
         var _options$cliOptions, _options$presetOption;
+        var precedingUpgrade = await (0, _telemetry.getPrecedingUpgrade)();
         await (0, _telemetry.telemetry)('error', {
           eventType: eventType,
-          error: error
+          precedingUpgrade: precedingUpgrade,
+          error: errorLevel === 'full' ? error : undefined
         }, {
           immediate: true,
           configDir: ((_options$cliOptions = options.cliOptions) === null || _options$cliOptions === void 0 ? void 0 : _options$cliOptions.configDir) || ((_options$presetOption = options.presetOptions) === null || _options$presetOption === void 0 ? void 0 : _options$presetOption.configDir),
-          enableCrashReports: true
+          enableCrashReports: errorLevel === 'full'
         });
       }
     } catch (err) {

package/dist/esm/build-static.js

@@ -13,7 +13,7 @@ import { dirname, isAbsolute, join, resolve } from 'path';
 import { dedent } from 'ts-dedent';
 import global from 'global';
 import { logger } from '@storybook/node-logger';
-import { telemetry } from '@storybook/telemetry';
+import { telemetry, getPrecedingUpgrade } from '@storybook/telemetry';
 import { loadAllPresets, loadMainConfig, logConfig, normalizeStories, resolveAddonName } from '@storybook/core-common';
 import { outputStats } from './utils/output-stats';
 import { copyAllStaticFiles, copyAllStaticFilesRelativeToMain } from './utils/copy-all-static-files';
@@ -126,9 +126,14 @@ export async function buildStaticStandalone(options) {
   if (!(core !== null && core !== void 0 && core.disableTelemetry)) {
     effects.push(initializedStoryIndexGenerator.then(async function (generator) {
       var storyIndex = await (generator === null || generator === void 0 ? void 0 : generator.getIndex());
-      var payload = storyIndex ? {
-        storyIndex: summarizeIndex(storyIndex)
-      } : undefined;
+      var payload = {
+        precedingUpgrade: await getPrecedingUpgrade()
+      };
+      if (storyIndex) {
+        Object.assign(payload, {
+          storyIndex: summarizeIndex(storyIndex)
+        });
+      }
       await telemetry('build', payload, {
         configDir: options.configDir
       });

package/dist/esm/dev-server.js

@@ -1,36 +1,23 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import express, { Router } from 'express';
+import express from 'express';
 import compression from 'compression';
-import { normalizeStories, logConfig } from '@storybook/core-common';
-import { telemetry } from '@storybook/telemetry';
+import { logConfig } from '@storybook/core-common';
 import { getMiddleware } from './utils/middleware';
 import { getServerAddresses } from './utils/server-address';
 import { getServer } from './utils/server-init';
 import { useStatics } from './utils/server-statics';
-import { useStoriesJson } from './utils/stories-json';
-import { useStorybookMetadata } from './utils/metadata';
 import { getServerChannel } from './utils/get-server-channel';
 import { openInBrowser } from './utils/open-in-browser';
 import { getManagerBuilder, getPreviewBuilder } from './utils/get-builders';
-import { StoryIndexGenerator } from './utils/StoryIndexGenerator';
-import { summarizeIndex } from './utils/summarizeIndex';
-
-// @ts-expect-error (Converted from ts-ignore)
-export var router = new Router();
-export var DEBOUNCE = 100;
-var versionStatus = function (versionCheck) {
-  if (versionCheck.error) return 'error';
-  if (versionCheck.cached) return 'cached';
-  return 'success';
-};
+import { getStoryIndexGenerator } from './utils/getStoryIndexGenerator';
+import { doTelemetry } from './utils/doTelemetry';
+import { router } from './utils/router';
+import { getAccessControlMiddleware } from './utils/getAccessControlMiddleware';
 export async function storybookDevServer(options) {
   var _core$builder;
   var app = express();
@@ -50,22 +37,7 @@ export async function storybookDevServer(options) {
   if (typeof options.extendServer === 'function') {
     options.extendServer(server);
   }
-  app.use(function (req, res, next) {
-    res.header('Access-Control-Allow-Origin', '*');
-    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
-    // These headers are required to enable SharedArrayBuffer
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer
-    next();
-  });
-  if (core !== null && core !== void 0 && core.crossOriginIsolated) {
-    app.use(function (req, res, next) {
-      // These headers are required to enable SharedArrayBuffer
-      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer
-      res.header('Cross-Origin-Opener-Policy', 'same-origin');
-      res.header('Cross-Origin-Embedder-Policy', 'require-corp');
-      next();
-    });
-  }
+  app.use(getAccessControlMiddleware(core === null || core === void 0 ? void 0 : core.crossOriginIsolated));
 
   // User's own static files
   var usingStatics = useStatics(router, options);
@@ -101,14 +73,9 @@ export async function storybookDevServer(options) {
     server: server,
     channel: serverChannel
   });
-  Promise.all([initializedStoryIndexGenerator, listening, usingStatics]).then(async function () {
-    if (!options.ci && !options.smokeTest && options.open) {
-      openInBrowser(host ? networkAddress : address);
-    }
-  });
-  var previewResult;
+  var previewStarted = Promise.resolve();
   if (!options.ignorePreview) {
-    previewResult = await previewBuilder.start({
+    previewStarted = previewBuilder.start({
       startTime: process.hrtime(),
       options: options,
       router: router,
@@ -126,61 +93,23 @@ export async function storybookDevServer(options) {
       throw e;
     });
   }
+
+  // this is a preview route, the builder has to be started before we can serve it
+  // this handler keeps request to that route pending until the builder is ready to serve it, preventing a 404
+  router.get('/iframe.html', function (req, res, next) {
+    previewStarted.then(function () {
+      return next();
+    });
+  });
+  Promise.all([initializedStoryIndexGenerator, listening, usingStatics]).then(async function () {
+    if (!options.ci && !options.smokeTest && options.open) {
+      openInBrowser(host ? networkAddress : address);
+    }
+  });
   return {
-    previewResult: previewResult,
+    previewResult: await previewStarted,
     managerResult: managerResult,
     address: address,
     networkAddress: networkAddress
   };
-}
-async function doTelemetry(core, initializedStoryIndexGenerator, options) {
-  if (!(core !== null && core !== void 0 && core.disableTelemetry)) {
-    initializedStoryIndexGenerator.then(async function (generator) {
-      var storyIndex = await (generator === null || generator === void 0 ? void 0 : generator.getIndex());
-      var versionCheck = options.versionCheck,
-        versionUpdates = options.versionUpdates;
-      var payload = storyIndex ? {
-        versionStatus: versionUpdates ? versionStatus(versionCheck) : 'disabled',
-        storyIndex: summarizeIndex(storyIndex)
-      } : undefined;
-      telemetry('dev', payload, {
-        configDir: options.configDir
-      });
-    });
-  }
-  if (!(core !== null && core !== void 0 && core.disableProjectJson)) {
-    useStorybookMetadata(router, options.configDir);
-  }
-}
-async function getStoryIndexGenerator(features, options, serverChannel) {
-  var initializedStoryIndexGenerator = Promise.resolve(undefined);
-  if (features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) {
-    var workingDir = process.cwd();
-    var directories = {
-      configDir: options.configDir,
-      workingDir: workingDir
-    };
-    var stories = options.presets.apply('stories');
-    var storyIndexers = options.presets.apply('storyIndexers', []);
-    var docsOptions = options.presets.apply('docs', {});
-    var normalizedStories = normalizeStories(await stories, directories);
-    var generator = new StoryIndexGenerator(normalizedStories, _objectSpread(_objectSpread({}, directories), {}, {
-      storyIndexers: await storyIndexers,
-      docs: await docsOptions,
-      workingDir: workingDir,
-      storiesV2Compatibility: !(features !== null && features !== void 0 && features.breakingChangesV7) && !(features !== null && features !== void 0 && features.storyStoreV7),
-      storyStoreV7: features === null || features === void 0 ? void 0 : features.storyStoreV7
-    }));
-    initializedStoryIndexGenerator = generator.initialize().then(function () {
-      return generator;
-    });
-    useStoriesJson({
-      router: router,
-      initializedStoryIndexGenerator: initializedStoryIndexGenerator,
-      normalizedStories: normalizedStories,
-      serverChannel: serverChannel,
-      workingDir: workingDir
-    });
-  }
-  return initializedStoryIndexGenerator;
 }

package/dist/esm/utils/constants.js

@@ -0,0 +1 @@
+export var DEBOUNCE = 100;

package/dist/esm/utils/doTelemetry.js

@@ -0,0 +1,29 @@
+import { telemetry, getPrecedingUpgrade } from '@storybook/telemetry';
+import { useStorybookMetadata } from './metadata';
+import { summarizeIndex } from './summarizeIndex';
+import { router } from './router';
+import { versionStatus } from './versionStatus';
+export async function doTelemetry(core, initializedStoryIndexGenerator, options) {
+  if (!(core !== null && core !== void 0 && core.disableTelemetry)) {
+    initializedStoryIndexGenerator.then(async function (generator) {
+      var storyIndex = await (generator === null || generator === void 0 ? void 0 : generator.getIndex());
+      var versionCheck = options.versionCheck,
+        versionUpdates = options.versionUpdates;
+      var payload = {
+        precedingUpgrade: await getPrecedingUpgrade()
+      };
+      if (storyIndex) {
+        Object.assign(payload, {
+          versionStatus: versionUpdates ? versionStatus(versionCheck) : 'disabled',
+          storyIndex: summarizeIndex(storyIndex)
+        });
+      }
+      telemetry('dev', payload, {
+        configDir: options.configDir
+      });
+    });
+  }
+  if (!(core !== null && core !== void 0 && core.disableProjectJson)) {
+    useStorybookMetadata(router, options.configDir);
+  }
+}

package/dist/esm/utils/getAccessControlMiddleware.js

@@ -0,0 +1,15 @@
+export function getAccessControlMiddleware(crossOriginIsolated) {
+  return function (req, res, next) {
+    res.header('Access-Control-Allow-Origin', '*');
+    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
+    // These headers are required to enable SharedArrayBuffer
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer
+    if (crossOriginIsolated) {
+      // These headers are required to enable SharedArrayBuffer
+      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer
+      res.header('Cross-Origin-Opener-Policy', 'same-origin');
+      res.header('Cross-Origin-Embedder-Policy', 'require-corp');
+    }
+    next();
+  };
+}

package/dist/esm/utils/getStoryIndexGenerator.js

@@ -0,0 +1,39 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+import { normalizeStories } from '@storybook/core-common';
+import { useStoriesJson } from './stories-json';
+import { StoryIndexGenerator } from './StoryIndexGenerator';
+import { router } from './router';
+export async function getStoryIndexGenerator(features, options, serverChannel) {
+  var initializedStoryIndexGenerator = Promise.resolve(undefined);
+  if (features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) {
+    var workingDir = process.cwd();
+    var directories = {
+      configDir: options.configDir,
+      workingDir: workingDir
+    };
+    var stories = options.presets.apply('stories');
+    var storyIndexers = options.presets.apply('storyIndexers', []);
+    var docsOptions = options.presets.apply('docs', {});
+    var normalizedStories = normalizeStories(await stories, directories);
+    var generator = new StoryIndexGenerator(normalizedStories, _objectSpread(_objectSpread({}, directories), {}, {
+      storyIndexers: await storyIndexers,
+      docs: await docsOptions,
+      workingDir: workingDir,
+      storiesV2Compatibility: !(features !== null && features !== void 0 && features.breakingChangesV7) && !(features !== null && features !== void 0 && features.storyStoreV7),
+      storyStoreV7: features === null || features === void 0 ? void 0 : features.storyStoreV7
+    }));
+    initializedStoryIndexGenerator = generator.initialize().then(function () {
+      return generator;
+    });
+    useStoriesJson({
+      router: router,
+      initializedStoryIndexGenerator: initializedStoryIndexGenerator,
+      normalizedStories: normalizedStories,
+      serverChannel: serverChannel,
+      workingDir: workingDir
+    });
+  }
+  return initializedStoryIndexGenerator;
+}

package/dist/esm/utils/router.js

@@ -0,0 +1,5 @@
+import { Router } from 'express';
+
+// @ts-expect-error (Converted from ts-ignore)
+
+export var router = new Router();

package/dist/esm/utils/server-statics.js

@@ -6,7 +6,7 @@ import { pathExists } from 'fs-extra';
 import path from 'path';
 import favicon from 'serve-favicon';
 import { dedent } from 'ts-dedent';
-var defaultFavIcon = require.resolve('@storybook/core-server/public/favicon.ico');
+var defaultFavIcon = require.resolve('@storybook/core-server/public/favicon.svg');
 export async function useStatics(router, options) {
   var hasCustomFavicon = false;
   var staticDirs = await options.presets.apply('staticDirs');
@@ -39,7 +39,7 @@ export async function useStatics(router, options) {
           index: false
         }));
         if (!hasCustomFavicon && targetEndpoint === '/') {
-          var faviconPath = path.join(staticPath, 'favicon.ico');
+          var faviconPath = path.join(staticPath, 'favicon.svg');
           if (await pathExists(faviconPath)) {
             hasCustomFavicon = true;
             router.use(favicon(faviconPath));

package/dist/esm/utils/versionStatus.js

@@ -0,0 +1,5 @@
+export var versionStatus = function (versionCheck) {
+  if (versionCheck.error) return 'error';
+  if (versionCheck.cached) return 'cached';
+  return 'success';
+};

package/dist/esm/withTelemetry.js

@@ -3,7 +3,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import prompts from 'prompts';
 import { loadAllPresets, cache } from '@storybook/core-common';
-import { telemetry } from '@storybook/telemetry';
+import { telemetry, getPrecedingUpgrade } from '@storybook/telemetry';
 var promptCrashReports = async function () {
   if (process.env.CI && process.env.NODE_ENV !== 'test') {
     return undefined;
@@ -18,14 +18,14 @@ var promptCrashReports = async function () {
   await cache.set('enableCrashReports', enableCrashReports);
   return enableCrashReports;
 };
-async function shouldSendError({
+async function getErrorLevel({
   cliOptions: cliOptions,
   presetOptions: presetOptions
 }) {
-  if (cliOptions !== null && cliOptions !== void 0 && cliOptions.disableTelemetry) return false;
+  if (cliOptions !== null && cliOptions !== void 0 && cliOptions.disableTelemetry) return 'none';
 
   // If we are running init or similar, we just have to go with true here
-  if (!presetOptions) return true;
+  if (!presetOptions) return 'full';
 
   // should we load the preset?
   var presets = await loadAllPresets(_objectSpread({
@@ -36,15 +36,15 @@ async function shouldSendError({
   // If the user has chosen to enable/disable crash reports in main.js
   // or disabled telemetry, we can return that
   var core = await presets.apply('core');
-  if ((core === null || core === void 0 ? void 0 : core.enableCrashReports) !== undefined) return core.enableCrashReports;
-  if (core !== null && core !== void 0 && core.disableTelemetry) return false;
+  if ((core === null || core === void 0 ? void 0 : core.enableCrashReports) !== undefined) return core.enableCrashReports ? 'full' : 'error';
+  if (core !== null && core !== void 0 && core.disableTelemetry) return 'none';
 
   // Deal with typo, remove in future version (7.1?)
   var valueFromCache = (await cache.get('enableCrashReports')) ?? (await cache.get('enableCrashreports'));
-  if (valueFromCache !== undefined) return valueFromCache;
+  if (valueFromCache !== undefined) return valueFromCache ? 'full' : 'error';
   var valueFromPrompt = await promptCrashReports();
-  if (valueFromPrompt !== undefined) return valueFromPrompt;
-  return true;
+  if (valueFromPrompt !== undefined) return valueFromPrompt ? 'full' : 'error';
+  return 'full';
 }
 export async function withTelemetry(eventType, options, run) {
   telemetry('boot', {
@@ -56,15 +56,18 @@ export async function withTelemetry(eventType, options, run) {
     await run();
   } catch (error) {
     try {
-      if (await shouldSendError(options)) {
+      var errorLevel = await getErrorLevel(options);
+      if (errorLevel !== 'none') {
         var _options$cliOptions, _options$presetOption;
+        var precedingUpgrade = await getPrecedingUpgrade();
         await telemetry('error', {
           eventType: eventType,
-          error: error
+          precedingUpgrade: precedingUpgrade,
+          error: errorLevel === 'full' ? error : undefined
         }, {
           immediate: true,
           configDir: ((_options$cliOptions = options.cliOptions) === null || _options$cliOptions === void 0 ? void 0 : _options$cliOptions.configDir) || ((_options$presetOption = options.presetOptions) === null || _options$presetOption === void 0 ? void 0 : _options$presetOption.configDir),
-          enableCrashReports: true
+          enableCrashReports: errorLevel === 'full'
         });
       }
     } catch (err) {

package/dist/types/dev-server.d.ts

@@ -1,13 +1,6 @@
-import { Router } from 'express';
 import type { Options } from '@storybook/types';
-export declare const router: Router;
-export declare const DEBOUNCE = 100;
 export declare function storybookDevServer(options: Options): Promise<{
-    previewResult: void | {
-        stats?: import("@storybook/types").Stats;
-        totalTime: [number, number];
-        bail: (e?: Error) => Promise<void>;
-    };
+    previewResult: any;
     managerResult: void | {
         stats?: import("@storybook/types").Stats;
         totalTime: [number, number];

package/dist/types/utils/constants.d.ts

@@ -0,0 +1 @@
+export declare const DEBOUNCE = 100;

package/dist/types/utils/doTelemetry.d.ts

@@ -0,0 +1,3 @@
+import type { CoreConfig, Options } from '@storybook/types';
+import type { StoryIndexGenerator } from './StoryIndexGenerator';
+export declare function doTelemetry(core: CoreConfig, initializedStoryIndexGenerator: Promise<StoryIndexGenerator>, options: Options): Promise<void>;

package/dist/types/utils/getAccessControlMiddleware.d.ts

@@ -0,0 +1,2 @@
+import type { RequestHandler } from 'express';
+export declare function getAccessControlMiddleware(crossOriginIsolated: boolean): RequestHandler;

package/dist/types/utils/getStoryIndexGenerator.d.ts

@@ -0,0 +1,12 @@
+import type { Options } from '@storybook/types';
+import type { ServerChannel } from './get-server-channel';
+import { StoryIndexGenerator } from './StoryIndexGenerator';
+export declare function getStoryIndexGenerator(features: {
+    buildStoriesJson?: boolean;
+    previewCsfV3?: boolean;
+    storyStoreV7?: boolean;
+    breakingChangesV7?: boolean;
+    interactionsDebugger?: boolean;
+    argTypeTargetsV7?: boolean;
+    warnOnLegacyHierarchySeparator?: boolean;
+}, options: Options, serverChannel: ServerChannel): Promise<StoryIndexGenerator>;

package/dist/types/utils/router.d.ts

@@ -0,0 +1,2 @@
+import { Router } from 'express';
+export declare const router: Router;

package/dist/types/utils/versionStatus.d.ts

@@ -0,0 +1,2 @@
+import type { VersionCheck } from '@storybook/types';
+export declare const versionStatus: (versionCheck: VersionCheck) => "error" | "cached" | "success";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "7.0.0-alpha.60",
+  "version": "7.0.0-alpha.62",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -35,16 +35,16 @@
   "dependencies": {
     "@aw-web-design/x-default-browser": "1.4.88",
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/builder-manager": "7.0.0-alpha.60",
-    "@storybook/core-common": "7.0.0-alpha.60",
-    "@storybook/core-events": "7.0.0-alpha.60",
+    "@storybook/builder-manager": "7.0.0-alpha.62",
+    "@storybook/core-common": "7.0.0-alpha.62",
+    "@storybook/core-events": "7.0.0-alpha.62",
     "@storybook/csf": "next",
-    "@storybook/csf-tools": "7.0.0-alpha.60",
+    "@storybook/csf-tools": "7.0.0-alpha.62",
     "@storybook/docs-mdx": "next",
-    "@storybook/node-logger": "7.0.0-alpha.60",
-    "@storybook/preview-api": "7.0.0-alpha.60",
-    "@storybook/telemetry": "7.0.0-alpha.60",
-    "@storybook/types": "7.0.0-alpha.60",
+    "@storybook/node-logger": "7.0.0-alpha.62",
+    "@storybook/preview-api": "7.0.0-alpha.62",
+    "@storybook/telemetry": "7.0.0-alpha.62",
+    "@storybook/types": "7.0.0-alpha.62",
     "@types/node": "^16.0.0",
     "@types/node-fetch": "^2.5.7",
     "@types/pretty-hrtime": "^1.0.0",
@@ -76,7 +76,7 @@
     "ws": "^8.2.3"
   },
   "devDependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.60",
+    "@storybook/builder-webpack5": "7.0.0-alpha.62",
     "@types/compression": "^1.7.0",
     "@types/ip": "^1.1.0",
     "@types/serve-favicon": "^2.5.2",
@@ -101,5 +101,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2b38f15a169d191e68f01abae0b109920d89fb39"
+  "gitHead": "27a91217b1e30d56af667a4e1f587ed1ac173e70"
 }

package/public/favicon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="164" height="164">
+  <svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z" fill="#FF4785"></path>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" fill="#fff"></path>
+  </svg>
+  <style>@media (prefers-color-scheme: light) { :root { filter: none; } }</style>
+</svg>