@atlaskit/react-ufo 2.14.3 → 2.16.0

package/dist/esm/vc/vc-observer/index.js

@@ -9,7 +9,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { fg } from '@atlaskit/platform-feature-flags';
 import { attachAbortListeners } from './attachAbortListeners';
 import { getViewportHeight, getViewportWidth } from './getViewport';
+import { MultiRevisionHeatmap } from './heatmap/heatmap';
 import { Observers } from './observers';
+import { getRevisions } from './revisions/revisions';
 var abortReason = {
   scroll: 'scroll',
   keypress: 'keypress',
@@ -47,6 +49,7 @@ export var VCObserver = /*#__PURE__*/function () {
     });
     /* heatmap */
     _defineProperty(this, "arraySize", 0);
+    _defineProperty(this, "multiHeatmap", null);
     _defineProperty(this, "componentsLog", {});
     _defineProperty(this, "vcRatios", {});
     _defineProperty(this, "active", false);
@@ -78,6 +81,7 @@ export var VCObserver = /*#__PURE__*/function () {
         abortReason: _objectSpread({}, _this.abortReason),
         heatmap: _this.heatmap,
         heatmapNext: _this.heatmapNext,
+        multiHeatmap: _this.multiHeatmap,
         outOfBoundaryInfo: _this.outOfBoundaryInfo,
         totalTime: Math.round(_this.totalTime + _this.observers.getTotalTime()),
         componentsLog: _objectSpread({}, _this.componentsLog),
@@ -110,7 +114,8 @@ export var VCObserver = /*#__PURE__*/function () {
         componentsLog = rawData.componentsLog,
         viewport = rawData.viewport,
         devToolsEnabled = rawData.devToolsEnabled,
-        ratios = rawData.ratios;
+        ratios = rawData.ratios,
+        multiHeatmap = rawData.multiHeatmap;
       if (abortReasonInfo !== null && abortReason.blocking) {
         // exposing data to devtools
         try {
@@ -146,6 +151,7 @@ export var VCObserver = /*#__PURE__*/function () {
         /* empty */
       }
       var _componentsLog = {};
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       if (fg('ufo-remove-vc-component-observations-after-ttai')) {
         Object.entries(_this.componentsLog).forEach(function (_ref5) {
           var _ref6 = _slicedToArray(_ref5, 2),
@@ -202,9 +208,30 @@ export var VCObserver = /*#__PURE__*/function () {
               tti: tti,
               ttai: stop - start
             },
+            start: start,
+            stop: stop,
             heatmap: heatmap,
             ratios: ratios
           };
+          window.__vcNext = {
+            entries: vcNext.VCEntries.rel,
+            log: componentsLog,
+            metrics: {
+              '75': vcNext.VC['75'],
+              '80': vcNext.VC['80'],
+              '85': vcNext.VC['85'],
+              '90': vcNext.VC['90'],
+              '95': vcNext.VC['95'],
+              '98': vcNext.VC['98'],
+              '99': vcNext.VC['99'],
+              tti: tti,
+              ttai: stop - start
+            },
+            start: start,
+            stop: stop,
+            heatmap: heatmapNext,
+            ratios: ratios
+          };
 
           // Emitting a custom event to make it available in the Chrome extension
           window.dispatchEvent(new CustomEvent('vcReady', {
@@ -217,13 +244,40 @@ export var VCObserver = /*#__PURE__*/function () {
       } catch (e) {
         /*  do nothing */
       }
+      var isMultiHeatmapEnabled = fg('ufo_vc_multiheatmap');
+      var revisionsData = isMultiHeatmapEnabled && multiHeatmap !== null ? _defineProperty({}, "".concat(fullPrefix, "vc:rev"), multiHeatmap.getPayloadShapedData({
+        VCParts: VCObserver.VCParts.map(function (v) {
+          return parseInt(v);
+        }),
+        VCCalculationMethods: getRevisions().map(function (_ref8) {
+          var classifier = _ref8.classifier;
+          return classifier.VCCalculationMethod;
+        }),
+        ssr: ssr,
+        clean: !abortReasonInfo
+      })) : null;
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       var isCalcSpeedIndexEnabled = fg('ufo-calc-speed-index');
-      return _objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      return _objectSpread(_objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
         'metrics:vc': VC
-      }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), "ufo:speedIndex", isCalcSpeedIndexEnabled ? VCEntries.speedIndex : undefined), "ufo:next:speedIndex", isCalcSpeedIndexEnabled ? vcNext.VCEntries.speedIndex : undefined));
+      }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), {}, _defineProperty(_defineProperty({}, "ufo:speedIndex", isCalcSpeedIndexEnabled ? VCEntries.speedIndex : undefined), "ufo:next:speedIndex", isCalcSpeedIndexEnabled ? vcNext.VCEntries.speedIndex : undefined));
     });
     _defineProperty(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
       _this.measureStart();
+      _this.legacyHandleUpdate(rawTime, intersectionRect, targetName, element, type, ignoreReason);
+      if (fg('ufo_vc_multiheatmap')) {
+        _this.onViewportChangeDetected({
+          timestamp: rawTime,
+          intersectionRect: intersectionRect,
+          targetName: targetName,
+          element: element,
+          type: type,
+          ignoreReason: ignoreReason
+        });
+      }
+      _this.measureStop();
+    });
+    _defineProperty(this, "legacyHandleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
       if (_this.abortReason.reason === null || _this.abortReason.blocking === false) {
         var time = Math.round(rawTime - _this.startTime);
         var mappedValues = _this.mapPixelsToHeatmap(intersectionRect.left, intersectionRect.top, intersectionRect.width, intersectionRect.height);
@@ -244,8 +298,38 @@ export var VCObserver = /*#__PURE__*/function () {
           ignoreReason: ignoreReason
         });
       }
-      // devtools export
-      _this.measureStop();
+    });
+    _defineProperty(this, "onViewportChangeDetected", function (_ref10) {
+      var element = _ref10.element,
+        type = _ref10.type,
+        ignoreReason = _ref10.ignoreReason,
+        timestamp = _ref10.timestamp,
+        targetName = _ref10.targetName,
+        intersectionRect = _ref10.intersectionRect;
+      if (_this.multiHeatmap === null) {
+        return;
+      }
+      // @todo add abort reason handling
+      var time = Math.round(timestamp - _this.startTime);
+      var revisions = getRevisions();
+      var revisionsClassification = revisions.map(function (revision) {
+        return revision.classifier.classifyUpdate({
+          element: element,
+          type: type,
+          ignoreReason: ignoreReason
+        });
+      }, []);
+      _this.multiHeatmap.handleUpdate({
+        time: time,
+        targetName: targetName,
+        intersectionRect: intersectionRect,
+        type: type,
+        element: element,
+        classification: revisionsClassification,
+        onError: function onError(error) {
+          _this.setAbortReason(abortReason.error, error.time, error.error);
+        }
+      });
     });
     _defineProperty(this, "mapPixelsToHeatmap", function (left, top, width, height) {
       var _this$viewport = _this.viewport,
@@ -303,10 +387,10 @@ export var VCObserver = /*#__PURE__*/function () {
       var unbinds = attachAbortListeners(window, _this.viewport, _this.abortReasonCallback);
       if ((_window = window) !== null && _window !== void 0 && _window.__SSR_ABORT_LISTENERS__) {
         var _window2;
-        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref8) {
-          var _ref9 = _slicedToArray(_ref8, 2),
-            key = _ref9[0],
-            time = _ref9[1];
+        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref11) {
+          var _ref12 = _slicedToArray(_ref11, 2),
+            key = _ref12[0],
+            time = _ref12[1];
           if (time) {
             _this.abortReasonCallback(key, time);
           }
@@ -330,12 +414,19 @@ export var VCObserver = /*#__PURE__*/function () {
     });
     this.heatmap = this.getCleanHeatmap();
     this.heatmapNext = this.getCleanHeatmap();
+    if (fg('ufo_vc_multiheatmap')) {
+      this.multiHeatmap = new MultiRevisionHeatmap({
+        viewport: this.viewport,
+        revisions: getRevisions(),
+        devToolsEnabled: this.devToolsEnabled
+      });
+    }
     this.isPostInteraction = options.isPostInteraction || false;
   }
   return _createClass(VCObserver, [{
     key: "start",
-    value: function start(_ref10) {
-      var startTime = _ref10.startTime;
+    value: function start(_ref13) {
+      var startTime = _ref13.startTime;
       this.active = true;
       if (this.observers.isBrowserSupported()) {
         this.setViewportSize();
@@ -357,12 +448,12 @@ export var VCObserver = /*#__PURE__*/function () {
   }, {
     key: "getIgnoredElements",
     value: function getIgnoredElements(componentsLog) {
-      return Object.values(componentsLog).flat().filter(function (_ref11) {
-        var ignoreReason = _ref11.ignoreReason;
+      return Object.values(componentsLog).flat().filter(function (_ref14) {
+        var ignoreReason = _ref14.ignoreReason;
         return Boolean(ignoreReason);
-      }).map(function (_ref12) {
-        var targetName = _ref12.targetName,
-          ignoreReason = _ref12.ignoreReason;
+      }).map(function (_ref15) {
+        var targetName = _ref15.targetName,
+          ignoreReason = _ref15.ignoreReason;
         return {
           targetName: targetName,
           ignoreReason: ignoreReason
@@ -483,12 +574,12 @@ export var VCObserver = /*#__PURE__*/function () {
     }
   }], [{
     key: "calculateVC",
-    value: function calculateVC(_ref13) {
-      var heatmap = _ref13.heatmap,
-        _ref13$ssr = _ref13.ssr,
-        ssr = _ref13$ssr === void 0 ? UNUSED_SECTOR : _ref13$ssr,
-        componentsLog = _ref13.componentsLog,
-        viewport = _ref13.viewport;
+    value: function calculateVC(_ref16) {
+      var heatmap = _ref16.heatmap,
+        _ref16$ssr = _ref16.ssr,
+        ssr = _ref16$ssr === void 0 ? UNUSED_SECTOR : _ref16$ssr,
+        componentsLog = _ref16.componentsLog,
+        viewport = _ref16.viewport;
       var lastUpdate = {};
       var totalPainted = 0;
       if (ssr !== UNUSED_SECTOR) {
@@ -531,6 +622,8 @@ export var VCObserver = /*#__PURE__*/function () {
       });
       var VC = VCObserver.makeVCReturnObj();
       var VCBox = VCObserver.makeVCReturnObj();
+
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       var isCalcSpeedIndexEnabled = fg('ufo-calc-speed-index');
       entries.reduce(function () {
         var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -555,11 +648,11 @@ export var VCObserver = /*#__PURE__*/function () {
         });
         return VCRatio;
       }, 0);
-      var VCEntries = entries.reduce(function (acc, _ref14, i) {
+      var VCEntries = entries.reduce(function (acc, _ref17, i) {
         var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-        var _ref15 = _slicedToArray(_ref14, 2),
-          timestamp = _ref15[0],
-          entryPainted = _ref15[1];
+        var _ref18 = _slicedToArray(_ref17, 2),
+          timestamp = _ref18[0],
+          entryPainted = _ref18[1];
         var currentlyPainted = entryPainted + (((_acc$abs = acc.abs[i - 1]) === null || _acc$abs === void 0 ? void 0 : _acc$abs[1]) || 0);
         var currentlyPaintedRatio = Math.round(currentlyPainted / totalPainted * 1000) / 10;
         var logEntry = (_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.map(function (v) {

package/dist/esm/vc/vc-observer/revisions/ViewportUpdateClassifier.js

@@ -0,0 +1,53 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+export var ViewportUpdateClassifier = /*#__PURE__*/function () {
+  function ViewportUpdateClassifier() {
+    _classCallCheck(this, ViewportUpdateClassifier);
+    _defineProperty(this, "types", []);
+    _defineProperty(this, "filters", []);
+    _defineProperty(this, "removedFilters", []);
+    _defineProperty(this, "__combinedTypes", []);
+    _defineProperty(this, "__combinedFilters", []);
+  }
+  return _createClass(ViewportUpdateClassifier, [{
+    key: "VCCalculationMethod",
+    value: function VCCalculationMethod(_) {
+      return {
+        VC: {},
+        VCBox: {}
+      };
+    }
+  }, {
+    key: "mergeConfig",
+    value: function mergeConfig() {
+      var _this = this;
+      this.__combinedTypes = [].concat(_toConsumableArray(this.types), _toConsumableArray((this === null || this === void 0 ? void 0 : this.__combinedTypes) || []));
+      var previousFilters = this.removedFilters.length === 0 ? this.__combinedFilters : this.__combinedFilters.filter(function (filter) {
+        return !_this.removedFilters.includes(filter.name);
+      });
+      this.__combinedFilters = [].concat(_toConsumableArray(this.filters), _toConsumableArray(previousFilters));
+    }
+  }, {
+    key: "classifyUpdate",
+    value: function classifyUpdate(_ref) {
+      var element = _ref.element,
+        type = _ref.type,
+        tags = _ref.tags,
+        ignoreReason = _ref.ignoreReason;
+      if (!this.__combinedTypes.includes(type)) {
+        return false;
+      }
+      return this.__combinedFilters.every(function (_ref2) {
+        var filter = _ref2.filter,
+          name = _ref2.name;
+        return filter({
+          type: type,
+          tags: tags,
+          ignoreReason: ignoreReason
+        });
+      });
+    }
+  }]);
+}();

package/dist/esm/vc/vc-observer/revisions/fy24_01.js

@@ -0,0 +1,64 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import { ViewportUpdateClassifier } from './ViewportUpdateClassifier';
+var legacyIgnoreReasons = ['image', 'ssr-hydration', 'editor-lazy-node-view', 'editor-container-mutation'];
+export var FY24_01Classifier = /*#__PURE__*/function (_ViewportUpdateClassi) {
+  function FY24_01Classifier() {
+    var _this;
+    _classCallCheck(this, FY24_01Classifier);
+    _this = _callSuper(this, FY24_01Classifier);
+    _defineProperty(_this, "revision", 'fy24.01');
+    _defineProperty(_this, "types", ['html', 'text']);
+    _defineProperty(_this, "filters", [{
+      name: 'default-ignore-reasons',
+      filter: function filter(_ref) {
+        var type = _ref.type,
+          ignoreReason = _ref.ignoreReason;
+        return !ignoreReason || !legacyIgnoreReasons.includes(ignoreReason);
+      }
+    }]);
+    _this.mergeConfig();
+    return _this;
+  }
+  _inherits(FY24_01Classifier, _ViewportUpdateClassi);
+  return _createClass(FY24_01Classifier, [{
+    key: "VCCalculationMethod",
+    value: function VCCalculationMethod(_ref2) {
+      var VCParts = _ref2.VCParts,
+        entries = _ref2.entries,
+        totalPainted = _ref2.totalPainted,
+        componentsLog = _ref2.componentsLog;
+      var VC = {};
+      var VCBox = {};
+      entries.reduce(function () {
+        var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+        var v = arguments.length > 1 ? arguments[1] : undefined;
+        var VCRatio = v[1] / totalPainted + acc;
+        var time = v[0];
+        VCParts.forEach(function (value) {
+          if ((VC[value] === null || VC[value] === undefined) && VCRatio >= value / 100) {
+            var _componentsLog$time;
+            VC[value] = time;
+            VCBox[value] = new Set();
+            (_componentsLog$time = componentsLog[time]) === null || _componentsLog$time === void 0 || _componentsLog$time.forEach(function (v) {
+              var _VCBox$value;
+              return (_VCBox$value = VCBox[value]) === null || _VCBox$value === void 0 ? void 0 : _VCBox$value.add(v.targetName);
+            });
+          }
+        });
+        return VCRatio;
+      }, 0);
+      return {
+        VC: VC,
+        VCBox: VCBox
+      };
+    }
+  }]);
+}(ViewportUpdateClassifier);
+export var revFY24_01Classifier = new FY24_01Classifier();

package/dist/esm/vc/vc-observer/revisions/fy25_01.js

@@ -0,0 +1,32 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import { FY24_01Classifier } from './fy24_01';
+export var FY25_01Classifier = /*#__PURE__*/function (_FY24_01Classifier) {
+  function FY25_01Classifier() {
+    var _this;
+    _classCallCheck(this, FY25_01Classifier);
+    _this = _callSuper(this, FY25_01Classifier);
+    _defineProperty(_this, "revision", 'fy25.01');
+    _defineProperty(_this, "types", ['attr']);
+    _defineProperty(_this, "filters", [{
+      name: 'not-visible',
+      filter: function filter(_ref) {
+        var type = _ref.type,
+          ignoreReason = _ref.ignoreReason;
+        return !(ignoreReason !== null && ignoreReason !== void 0 && ignoreReason.includes('not-visible'));
+      }
+    }]);
+    _defineProperty(_this, "removedFilters", []);
+    _this.mergeConfig();
+    return _this;
+  }
+  _inherits(FY25_01Classifier, _FY24_01Classifier);
+  return _createClass(FY25_01Classifier);
+}(FY24_01Classifier);
+export var revFY25_01Classifier = new FY25_01Classifier();

package/dist/esm/vc/vc-observer/revisions/revisions.js

@@ -0,0 +1,17 @@
+import { revFY24_01Classifier } from './fy24_01';
+import { revFY25_01Classifier } from './fy25_01';
+var Revisions = [{
+  name: 'fy24.01',
+  classifier: revFY24_01Classifier
+}, {
+  name: 'fy25.01',
+  classifier: revFY25_01Classifier
+}];
+var revisionResultCache = null;
+export var getRevisions = function getRevisions() {
+  if (revisionResultCache !== null) {
+    return revisionResultCache;
+  }
+  revisionResultCache = [].concat(Revisions);
+  return revisionResultCache;
+};

package/dist/esm/vc/vc-observer/revisions/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/assets/index.d.ts

@@ -0,0 +1,25 @@
+import type { AssetsClassification, AssetsData, AssetsReporter } from '../common';
+import type { ResourceTiming, ResourceTimings } from '../resource-timing';
+export declare class CHRSummary {
+    bundles: {
+        mem: number;
+        disk: number;
+        net: number;
+    };
+    bundlesCount: number;
+    size: {
+        mem: number;
+        disk: number;
+        net: number;
+    };
+    sizeTotal: number;
+    add(asset: ResourceTiming): void;
+    static makePayload(summary: CHRSummary): AssetsReporter;
+}
+export declare class CHRReporter {
+    all: CHRSummary;
+    allAtlassian: CHRSummary;
+    preloaded: CHRSummary;
+    constructor();
+    get(resourceTimings: ResourceTimings, assetsClassification: AssetsClassification): AssetsData | null;
+}

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

@@ -0,0 +1,6 @@
+export declare const cacheableTypes: string[];
+export declare const MEMORY_KEY = "mem";
+export declare const DISK_KEY = "disk";
+export declare const NETWORK_KEY = "net";
+export declare const calculateTransferType: (type: string, duration: number, size: number | undefined) => "disk" | "mem" | "net" | null;
+export declare const round: (n: number) => number;

package/dist/types/common/assets/types.d.ts

@@ -0,0 +1,18 @@
+import type { ResourceTiming } from '../../resource-timing';
+export type AssetResourceEntry = {
+    label: string;
+    entry: ResourceTiming;
+};
+export type AssetsClassification = {
+    all: boolean;
+    allAtlassian: (entry: AssetResourceEntry) => boolean;
+    preloaded: (entry: AssetResourceEntry) => boolean;
+};
+export type AssetsReporter = {
+    size: number | null;
+    chr: number | null;
+    count: number;
+};
+export interface AssetsData {
+    [key: string]: AssetsReporter;
+}

package/dist/types/common/index.d.ts

@@ -1,3 +1,4 @@
+export type { AssetResourceEntry, AssetsClassification, AssetsData, AssetsReporter, } from './assets/types';
 export type { LifecycleMarkType, MarkType, SpanType, InteractionType, AbortReasonType, CustomTiming, HoldInfo, LoadProfilerEventInfo, ReactProfilerTiming, Span, Mark, InteractionError, RequestInfo, ApdexType, SegmentInfo, CustomData, HoldActive, Redirect, InteractionMetrics, EnhancedUFOInteractionContextType, BM3Event, PostInteractionLogOutput, LastInteractionFinishInfo, } from './common/types';
 /**
  * @deprecated Prefer import from @atlaskit/react-ufo/interaction-context

package/dist/types/common/vc/types.d.ts

@@ -1,4 +1,5 @@
 import type { UnbindFn } from 'bind-event-listener';
+import { MultiRevisionHeatmap } from '../../vc/vc-observer/heatmap/heatmap';
 export declare const AbortEvent: {
     readonly wheel: "wheel";
     readonly keydown: "keydown";
@@ -29,6 +30,7 @@ export type VCRawDataType = {
     oldDomUpdatesEnabled: boolean;
     devToolsEnabled: boolean;
     ratios: VCRatioType;
+    multiHeatmap: MultiRevisionHeatmap | null;
 };
 export type VCEntryType = {
     time: number;
@@ -49,7 +51,7 @@ export type VCResult = {
         h: number;
     } | {
         [key: string]: boolean | number | string[] | null | VCEntryType[];
-    };
+    } | MultiHeatmapPayload;
 };
 export type MetricsDevToolsTypes = {
     '75': number | null;
@@ -68,15 +70,19 @@ export type ExperimentalVCDevToolsOptions = {
 export type ComponentsLogType = {
     [timestamp: number]: ComponentsLogEntry[];
 };
+interface VCDebugInfo {
+    entries: VCEntryType[];
+    log: ComponentsLogType;
+    metrics: MetricsDevToolsTypes;
+    heatmap: number[][];
+    ratios: VCRatioType;
+    start: number;
+    stop: number;
+}
 declare global {
     interface Window {
-        __vc?: {
-            entries: VCEntryType[];
-            log: ComponentsLogType;
-            metrics: MetricsDevToolsTypes;
-            heatmap: number[][];
-            ratios: VCRatioType;
-        };
+        __vc?: VCDebugInfo;
+        __vcNext?: VCDebugInfo;
         __vcNotAvailableReason?: string;
         __SSR_PLACEHOLDERS_DIMENSIONS__?: {
             [key: string]: DOMRectReadOnly;
@@ -89,3 +95,16 @@ declare global {
         };
     }
 }
+type MultiHeatmapRevisionPayload = {
+    'metric:vc90': number | null;
+    revision: string;
+    clean: boolean;
+    vcDetails?: {
+        [key: string]: {
+            t: number;
+            e: string[];
+        };
+    };
+};
+export type MultiHeatmapPayload = MultiHeatmapRevisionPayload[];
+export {};

package/dist/types/config/index.d.ts

@@ -1,4 +1,4 @@
-import type { InteractionMetrics, InteractionType } from '../common';
+import type { AssetsClassification, InteractionMetrics, InteractionType } from '../common';
 export interface AdditionalData {
     [key: string]: null | string | number | boolean | undefined | AdditionalData | Record<string, AdditionalData> | Array<AdditionalData>;
 }
@@ -57,6 +57,7 @@ export type Config = {
         readonly getSSRTimings?: () => SSRTiming[];
         readonly getSSRDoneTime?: () => number | undefined;
     };
+    readonly assetsClassification?: AssetsClassification;
     readonly enableBetterPageVisibilityApi?: boolean;
     readonly vc?: {
         readonly enabled?: boolean;