@atlaskit/react-ufo 3.4.14 → 3.5.0

package/dist/cjs/vc/vc-observer/getVCRevisionsData.js

@@ -4,13 +4,38 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getVCRevisionsData = getVCRevisionsData;
+exports.getVCRevisionsData = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _hiddenTiming = require("../../hidden-timing");
+var _selfMeasurements = require("../../self-measurements");
 var _revisions = require("./revisions/revisions");
 var VCParts = ['25', '50', '75', '80', '85', '90', '95', '98', '99'];
-function getVCRevisionsData(_ref) {
+var READONLY_EMPTY_ARRAY = Array.from({
+  length: 0
+});
+
+// Helper function to create vcDetails object to avoid code duplication
+var createVCDetails = (0, _selfMeasurements.withProfiling)(function createVCDetails(calculatedVC, shouldHaveVCmetric) {
+  if (!shouldHaveVCmetric || !calculatedVC || !calculatedVC.VC || !calculatedVC.VCBox) {
+    return {};
+  }
+  var details = {};
+  var VC = calculatedVC.VC,
+    VCBox = calculatedVC.VCBox; // Destructure once to avoid repeated property access
+
+  for (var _i = 0, _VCParts = VCParts; _i < _VCParts.length; _i++) {
+    var key = _VCParts[_i];
+    details[key] = {
+      t: VC[key],
+      e: VCBox[key] || READONLY_EMPTY_ARRAY
+    };
+  }
+  return details;
+}, ['vc']);
+
+// Optimized implementation (current one)
+var getVCRevisionsData = exports.getVCRevisionsData = (0, _selfMeasurements.withProfiling)(function getVCRevisionsData(_ref) {
   var fullPrefix = _ref.fullPrefix,
     interaction = _ref.interaction,
     isVCClean = _ref.isVCClean,
@@ -46,35 +71,29 @@ function getVCRevisionsData(_ref) {
       clean: isVCClean
     }));
   }
+
+  // Calculate these conditions once
   var pageVisibilityUpToTTAI = (0, _hiddenTiming.getPageVisibilityState)(interaction.start, interaction.end);
   var isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
   var shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
-  var ttvcV1Revision = {
-    revision: 'fy25.01',
-    clean: isVCClean,
-    'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
-    vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCParts.map(function (key) {
-      var _calculatedVC$VCBox$k;
-      return [key, {
-        t: calculatedVC.VC[key],
-        e: (_calculatedVC$VCBox$k = calculatedVC.VCBox[key]) !== null && _calculatedVC$VCBox$k !== void 0 ? _calculatedVC$VCBox$k : []
-      }];
-    })) : {}
-  };
+
+  // Create the V2 revision object which is always needed
   var ttvcV2Revision = {
     revision: 'fy25.02',
     clean: isVCClean,
     'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
-    vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCParts.map(function (key) {
-      var _calculatedVCNext$VCB;
-      return [key, {
-        t: calculatedVCNext.VC[key],
-        e: (_calculatedVCNext$VCB = calculatedVCNext.VCBox[key]) !== null && _calculatedVCNext$VCB !== void 0 ? _calculatedVCNext$VCB : []
-      }];
-    })) : {}
+    vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
   };
   if ((0, _platformFeatureFlags.fg)('platform_ufo_disable_ttvc_v1')) {
     return (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), [ttvcV2Revision]);
   }
+
+  // Only create ttvcV1Revision when we're actually going to use it
+  var ttvcV1Revision = {
+    revision: 'fy25.01',
+    clean: isVCClean,
+    'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
+    vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
+  };
   return (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), [ttvcV1Revision, ttvcV2Revision]);
-}
+}, ['vc']);

package/dist/cjs/vc/vc-observer/getViewport.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getViewportHeight = getViewportHeight;
-exports.getViewportWidth = getViewportWidth;
-function getViewportWidth() {
+exports.getViewportWidth = exports.getViewportHeight = void 0;
+var _selfMeasurements = require("../../self-measurements");
+var getViewportWidth = exports.getViewportWidth = (0, _selfMeasurements.withProfiling)(function getViewportWidth() {
   var document = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.document;
   var documentWidth;
   try {
@@ -14,8 +14,8 @@ function getViewportWidth() {
     documentWidth = 0;
   }
   return Math.max(documentWidth, window.innerWidth || 0);
-}
-function getViewportHeight() {
+}, ['vc']);
+var getViewportHeight = exports.getViewportHeight = (0, _selfMeasurements.withProfiling)(function getViewportHeight() {
   var document = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.document;
   var documentHeight;
   try {
@@ -24,4 +24,4 @@ function getViewportHeight() {
     documentHeight = 0;
   }
   return Math.max(documentHeight, window.innerHeight || 0);
-}
+}, ['vc']);

package/dist/cjs/vc/vc-observer/heatmap/heatmap.js

@@ -11,6 +11,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _hiddenTiming = require("../../../hidden-timing");
+var _selfMeasurements = require("../../../self-measurements");
 var UNUSED_SECTOR = 0;
 var MultiRevisionHeatmap = exports.MultiRevisionHeatmap = /*#__PURE__*/function () {
   function MultiRevisionHeatmap(_ref) {
@@ -49,6 +50,7 @@ var MultiRevisionHeatmap = exports.MultiRevisionHeatmap = /*#__PURE__*/function
         t = mappedValues.t;
       return (r - l) * (b - t) / (_this.arraySize.w * _this.arraySize.h);
     });
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('MultiRevisionHeatmap constructor');
     this.viewport = viewport;
     this.revisions = revisions;
     if (arraySize) {
@@ -64,6 +66,16 @@ var MultiRevisionHeatmap = exports.MultiRevisionHeatmap = /*#__PURE__*/function
       _this.componentsLogs[i] = {};
       _this.vcRatios[i] = {};
     });
+    this.handleUpdate = (0, _selfMeasurements.withProfiling)(this.handleUpdate.bind(this), ['vc']);
+    this.getData = (0, _selfMeasurements.withProfiling)(this.getData.bind(this), ['vc']);
+    this.getPayloadShapedData = (0, _selfMeasurements.withProfiling)(this.getPayloadShapedData.bind(this), ['vc']);
+    this.processData = (0, _selfMeasurements.withProfiling)(this.processData.bind(this), ['vc']);
+    this.mapPixelsToHeatmap = (0, _selfMeasurements.withProfiling)(this.mapPixelsToHeatmap.bind(this), ['vc']);
+    this.getElementRatio = (0, _selfMeasurements.withProfiling)(this.getElementRatio.bind(this), ['vc']);
+    this.applyChangesToHeatMap = (0, _selfMeasurements.withProfiling)(this.applyChangesToHeatMap.bind(this), ['vc']);
+    this.getIndex = (0, _selfMeasurements.withProfiling)(this.getIndex.bind(this), ['vc']);
+    this.getCleanHeatmap = (0, _selfMeasurements.withProfiling)(this.getCleanHeatmap.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer);
   }
   return (0, _createClass2.default)(MultiRevisionHeatmap, [{
     key: "handleUpdate",
@@ -76,7 +88,10 @@ var MultiRevisionHeatmap = exports.MultiRevisionHeatmap = /*#__PURE__*/function
         element = _ref3.element,
         targetName = _ref3.targetName,
         ignoreReason = _ref3.ignoreReason,
-        onError = _ref3.onError;
+        onError = _ref3.onError,
+        attributeName = _ref3.attributeName,
+        oldValue = _ref3.oldValue,
+        newValue = _ref3.newValue;
       var mappedValues = this.mapPixelsToHeatmap(intersectionRect.left, intersectionRect.top, intersectionRect.width, intersectionRect.height);
       var result = this.applyChangesToHeatMap(mappedValues, time, classification);
       if (result !== true) {
@@ -94,7 +109,10 @@ var MultiRevisionHeatmap = exports.MultiRevisionHeatmap = /*#__PURE__*/function
           __debug__element: _this2.devToolsEnabled ? new WeakRef(element) : null,
           intersectionRect: intersectionRect,
           targetName: targetName,
-          ignoreReason: ignoreReason
+          ignoreReason: ignoreReason,
+          attributeName: attributeName,
+          oldValue: oldValue,
+          newValue: newValue
         });
       });
     }
@@ -262,14 +280,12 @@ var MultiRevisionHeatmap = exports.MultiRevisionHeatmap = /*#__PURE__*/function
     value: function getCleanHeatmap() {
       return new Int32Array(this.arraySize.w * this.arraySize.h);
     }
-  }], [{
-    key: "makeVCReturnObj",
-    value: function makeVCReturnObj(VCParts) {
-      var vc = {};
-      VCParts.forEach(function (v) {
-        vc[v] = null;
-      });
-      return vc;
-    }
   }]);
-}();
+}();
+(0, _defineProperty2.default)(MultiRevisionHeatmap, "makeVCReturnObj", (0, _selfMeasurements.withProfiling)(function makeVCReturnObj(VCParts) {
+  var vc = {};
+  VCParts.forEach(function (v) {
+    vc[v] = null;
+  });
+  return vc;
+}, ['vc']));

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

@@ -14,12 +14,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _selfMeasurements = require("../../self-measurements");
 var _attachAbortListeners = require("./attachAbortListeners");
 var _getVCRevisionsData = require("./getVCRevisionsData");
 var _getViewport = require("./getViewport");
 var _heatmap = require("./heatmap/heatmap");
 var _observers = require("./observers");
 var _revisions = require("./revisions/revisions");
+var _VCObserver;
 var _excluded = ["__debug__element"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -30,7 +32,7 @@ var abortReason = {
   error: 'error'
 };
 var UNUSED_SECTOR = 0;
-function filterComponentsLog(log) {
+var filterComponentsLog = (0, _selfMeasurements.withProfiling)(function filterComponentsLog(log) {
   return Object.fromEntries(Object.entries(log).map(function (_ref) {
     var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
       timestamp = _ref2[0],
@@ -41,7 +43,7 @@ function filterComponentsLog(log) {
       return rest;
     })];
   }));
-}
+}, ['vc']);
 var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   function VCObserver(options) {
     var _this = this;
@@ -291,7 +293,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
             case 26:
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
                 'metrics:vc': VC
-              }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), isVCClean), "".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), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".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), isCalcSpeedIndexEnabled ? speedIndex : {}));
+              }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), isVCClean), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), (0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new') ? undefined : 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), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), (0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new') ? undefined : vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), isCalcSpeedIndexEnabled ? speedIndex : {}));
             case 27:
             case "end":
               return _context.stop();
@@ -302,9 +304,9 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         return _ref4.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2.default)(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
+    (0, _defineProperty2.default)(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue) {
       _this.measureStart();
-      _this.legacyHandleUpdate(rawTime, intersectionRect, targetName, element, type, ignoreReason);
+      _this.legacyHandleUpdate(rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue);
       if (!(0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new')) {
         _this.onViewportChangeDetected({
           timestamp: rawTime,
@@ -312,12 +314,15 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
           targetName: targetName,
           element: element,
           type: type,
-          ignoreReason: ignoreReason
+          ignoreReason: ignoreReason,
+          attributeName: attributeName,
+          oldValue: oldValue,
+          newValue: newValue
         });
       }
       _this.measureStop();
     });
-    (0, _defineProperty2.default)(this, "legacyHandleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
+    (0, _defineProperty2.default)(this, "legacyHandleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason, attributeName, oldValue, newValue) {
       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);
@@ -334,9 +339,13 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         }
         _this.componentsLog[time].push({
           __debug__element: _this.devToolsEnabled ? new WeakRef(element) : null,
+          type: type,
           intersectionRect: intersectionRect,
           targetName: targetName,
-          ignoreReason: ignoreReason
+          ignoreReason: ignoreReason,
+          attributeName: attributeName,
+          oldValue: oldValue,
+          newValue: newValue
         });
       }
     });
@@ -346,7 +355,10 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         ignoreReason = _ref9.ignoreReason,
         timestamp = _ref9.timestamp,
         targetName = _ref9.targetName,
-        intersectionRect = _ref9.intersectionRect;
+        intersectionRect = _ref9.intersectionRect,
+        attributeName = _ref9.attributeName,
+        oldValue = _ref9.oldValue,
+        newValue = _ref9.newValue;
       if (_this.multiHeatmap === null) {
         return;
       }
@@ -369,7 +381,10 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         classification: revisionsClassification,
         onError: function onError(error) {
           _this.setAbortReason(abortReason.error, error.time, error.error);
-        }
+        },
+        attributeName: attributeName,
+        oldValue: oldValue,
+        newValue: newValue
       });
     });
     (0, _defineProperty2.default)(this, "mapPixelsToHeatmap", function (left, top, width, height) {
@@ -441,6 +456,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       }
       _this.unbind = unbinds;
     });
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('VCObserver constructor');
     this.arraySize = options.heatmapSize || 200;
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
@@ -461,6 +477,32 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       devToolsEnabled: this.devToolsEnabled
     });
     this.isPostInteraction = options.isPostInteraction || false;
+    this.start = (0, _selfMeasurements.withProfiling)(this.start.bind(this), ['vc']);
+    this.stop = (0, _selfMeasurements.withProfiling)(this.stop.bind(this), ['vc']);
+    this.getAbortReasonInfo = (0, _selfMeasurements.withProfiling)(this.getAbortReasonInfo.bind(this), ['vc']); // TODO: confirm correct value of `this`
+    this.getVCRawData = (0, _selfMeasurements.withProfiling)(this.getVCRawData.bind(this), ['vc']); // TODO: confirm correct value of `this`
+    this.getIgnoredElements = (0, _selfMeasurements.withProfiling)(this.getIgnoredElements.bind(this), ['vc']);
+    this.getVCResult = (0, _selfMeasurements.withProfiling)(this.getVCResult.bind(this), ['vc']);
+    this.setSSRElement = (0, _selfMeasurements.withProfiling)(this.setSSRElement.bind(this), ['vc']);
+    this.setReactRootRenderStart = (0, _selfMeasurements.withProfiling)(this.setReactRootRenderStart.bind(this), ['vc']);
+    this.setReactRootRenderStop = (0, _selfMeasurements.withProfiling)(this.setReactRootRenderStop.bind(this), ['vc']);
+    this.handleUpdate = (0, _selfMeasurements.withProfiling)(this.handleUpdate.bind(this), ['vc']); // TODO: confirm correct value of `this`
+    this.legacyHandleUpdate = (0, _selfMeasurements.withProfiling)(this.legacyHandleUpdate.bind(this), ['vc']); // TODO: confirm correct value of `this`
+    this.onViewportChangeDetected = (0, _selfMeasurements.withProfiling)(this.onViewportChangeDetected.bind(this), ['vc']); // TODO: confirm correct value of `this`
+    this.setAbortReason = (0, _selfMeasurements.withProfiling)(this.setAbortReason.bind(this), ['vc']);
+    this.resetState = (0, _selfMeasurements.withProfiling)(this.resetState.bind(this), ['vc']);
+    this.setViewportSize = (0, _selfMeasurements.withProfiling)(this.setViewportSize.bind(this), ['vc']);
+    this.mapPixelsToHeatmap = (0, _selfMeasurements.withProfiling)(this.mapPixelsToHeatmap.bind(this), ['vc']); // TODO: confirm correct value of `this`
+    this.getElementRatio = (0, _selfMeasurements.withProfiling)(this.getElementRatio.bind(this), ['vc']); // TODO: confirm correct value of `this`
+    this.applyChangesToHeatMap = (0, _selfMeasurements.withProfiling)(this.applyChangesToHeatMap.bind(this), ['vc']);
+    this.abortReasonCallback = (0, _selfMeasurements.withProfiling)(this.abortReasonCallback.bind(this), ['vc']); // TODO: confirm correct value of `this`
+    this.attachAbortListeners = (0, _selfMeasurements.withProfiling)(this.attachAbortListeners.bind(this), ['vc']); // TODO: confirm correct value of `this`
+    this.detachAbortListeners = (0, _selfMeasurements.withProfiling)(this.detachAbortListeners.bind(this), ['vc']);
+    this.measureStart = (0, _selfMeasurements.withProfiling)(this.measureStart.bind(this), ['vc']);
+    this.measureStop = (0, _selfMeasurements.withProfiling)(this.measureStop.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(VCObserver, [{
     key: "start",
@@ -610,136 +652,133 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       this.totalTime += performance.now() - this._startMeasureTimestamp;
       this._startMeasureTimestamp = -1;
     }
-  }], [{
-    key: "calculateVC",
-    value: function calculateVC(_ref15) {
-      var heatmap = _ref15.heatmap,
-        _ref15$ssr = _ref15.ssr,
-        ssr = _ref15$ssr === void 0 ? UNUSED_SECTOR : _ref15$ssr,
-        componentsLog = _ref15.componentsLog,
-        viewport = _ref15.viewport;
-      var lastUpdate = {};
-      var totalPainted = 0;
-      if (ssr !== UNUSED_SECTOR) {
-        var _window$document;
-        var element = {
-          __debug__element: new WeakRef((_window$document = window.document) === null || _window$document === void 0 ? void 0 : _window$document.body),
-          intersectionRect: {
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            x: 0,
-            y: 0,
-            width: viewport.w,
-            height: viewport.h,
-            toJSON: function toJSON() {
-              return {};
-            }
-          },
-          targetName: 'SSR'
-        };
-        if (!componentsLog[ssr]) {
-          componentsLog[ssr] = [];
+  }]);
+}();
+_VCObserver = VCObserver;
+/** config * */
+(0, _defineProperty2.default)(VCObserver, "VCParts", ['25', '50', '75', '80', '85', '90', '95', '98', '99']);
+(0, _defineProperty2.default)(VCObserver, "calculateVC", (0, _selfMeasurements.withProfiling)(function calculateVC(_ref15) {
+  var heatmap = _ref15.heatmap,
+    _ref15$ssr = _ref15.ssr,
+    ssr = _ref15$ssr === void 0 ? UNUSED_SECTOR : _ref15$ssr,
+    componentsLog = _ref15.componentsLog,
+    viewport = _ref15.viewport;
+  var lastUpdate = {};
+  var totalPainted = 0;
+  if (ssr !== UNUSED_SECTOR) {
+    var _window$document;
+    var element = {
+      __debug__element: new WeakRef((_window$document = window.document) === null || _window$document === void 0 ? void 0 : _window$document.body),
+      intersectionRect: {
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        x: 0,
+        y: 0,
+        width: viewport.w,
+        height: viewport.h,
+        toJSON: function toJSON() {
+          return {};
         }
-        componentsLog[ssr].push(element);
+      },
+      targetName: 'SSR'
+    };
+    if (!componentsLog[ssr]) {
+      componentsLog[ssr] = [];
+    }
+    componentsLog[ssr].push(element);
+  }
+  heatmap.forEach(function (line) {
+    line.forEach(function (entry) {
+      var rounded = Math.floor(entry === UNUSED_SECTOR && ssr !== UNUSED_SECTOR ? ssr : entry);
+      totalPainted += rounded !== UNUSED_SECTOR ? 1 : 0;
+      if (rounded !== UNUSED_SECTOR) {
+        lastUpdate[rounded] = lastUpdate[rounded] ? lastUpdate[rounded] + 1 : 1;
       }
-      heatmap.forEach(function (line) {
-        line.forEach(function (entry) {
-          var rounded = Math.floor(entry === UNUSED_SECTOR && ssr !== UNUSED_SECTOR ? ssr : entry);
-          totalPainted += rounded !== UNUSED_SECTOR ? 1 : 0;
-          if (rounded !== UNUSED_SECTOR) {
-            lastUpdate[rounded] = lastUpdate[rounded] ? lastUpdate[rounded] + 1 : 1;
-          }
-        });
-      });
-      var entries = Object.entries(lastUpdate).map(function (a) {
-        return [parseInt(a[0], 10), a[1]];
-      }).sort(function (a, b) {
-        return a[0] > b[0] ? 1 : -1;
-      });
-      var VC = VCObserver.makeVCReturnObj();
-      var VCBox = VCObserver.makeVCReturnObj();
+    });
+  });
+  var entries = Object.entries(lastUpdate).map(function (a) {
+    return [parseInt(a[0], 10), a[1]];
+  }).sort(function (a, b) {
+    return a[0] > b[0] ? 1 : -1;
+  });
+  var VC = _VCObserver.makeVCReturnObj();
+  var VCBox = _VCObserver.makeVCReturnObj();
 
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      var isCalcSpeedIndexEnabled = (0, _platformFeatureFlags.fg)('ufo-calc-speed-index');
-      var isFilterIgnoredItemsEnabled = (0, _platformFeatureFlags.fg)('platform_ufo_vc_filter_ignored_items');
-      entries.reduce(function () {
-        var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        var v = arguments.length > 1 ? arguments[1] : undefined;
-        var currRatio = v[1] / totalPainted;
-        var VCRatio = currRatio + acc;
-        if ((0, _platformFeatureFlags.fg)('platform_ufo_fix_vc_observer_rounding_error')) {
-          var preciseCurrRatio = Math.round(100 * (v[1] / totalPainted));
-          var preciseAccRatio = Math.round(acc * 100);
-          VCRatio = (preciseCurrRatio + preciseAccRatio) / 100;
-        }
-        var time = v[0];
-        VCObserver.VCParts.forEach(function (key) {
-          var value = parseInt(key, 10);
-          if ((VC[key] === null || VC[key] === undefined) && VCRatio >= value / 100) {
-            var _componentsLog$time, _componentsLog$time2;
-            VC[key] = time;
-            VCBox[key] = isFilterIgnoredItemsEnabled ? (0, _toConsumableArray2.default)(new Set((_componentsLog$time = componentsLog[time]) === null || _componentsLog$time === void 0 ? void 0 : _componentsLog$time.filter(function (v) {
-              return !v.ignoreReason;
-            }).map(function (v) {
-              return v.targetName;
-            }))) : (0, _toConsumableArray2.default)(new Set((_componentsLog$time2 = componentsLog[time]) === null || _componentsLog$time2 === void 0 ? void 0 : _componentsLog$time2.map(function (v) {
-              return v.targetName;
-            })));
-          }
-        });
-        return VCRatio;
-      }, 0);
-      var VCEntries = entries.reduce(function (acc, _ref16, i) {
-        var _acc$abs, _componentsLog$timest, _componentsLog$timest2, _acc$rel$vc, _acc$rel;
-        var _ref17 = (0, _slicedToArray2.default)(_ref16, 2),
-          timestamp = _ref17[0],
-          entryPainted = _ref17[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 = isFilterIgnoredItemsEnabled ? (0, _toConsumableArray2.default)(new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.filter(function (v) {
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  var isCalcSpeedIndexEnabled = (0, _platformFeatureFlags.fg)('ufo-calc-speed-index');
+  var isFilterIgnoredItemsEnabled = (0, _platformFeatureFlags.fg)('platform_ufo_vc_filter_ignored_items');
+  entries.reduce(function () {
+    var acc = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    var v = arguments.length > 1 ? arguments[1] : undefined;
+    var currRatio = v[1] / totalPainted;
+    var VCRatio = currRatio + acc;
+    if ((0, _platformFeatureFlags.fg)('platform_ufo_fix_vc_observer_rounding_error')) {
+      var preciseCurrRatio = Math.round(100 * (v[1] / totalPainted));
+      var preciseAccRatio = Math.round(acc * 100);
+      VCRatio = (preciseCurrRatio + preciseAccRatio) / 100;
+    }
+    var time = v[0];
+    _VCObserver.VCParts.forEach(function (key) {
+      var value = parseInt(key, 10);
+      if ((VC[key] === null || VC[key] === undefined) && VCRatio >= value / 100) {
+        var _componentsLog$time, _componentsLog$time2;
+        VC[key] = time;
+        VCBox[key] = isFilterIgnoredItemsEnabled ? (0, _toConsumableArray2.default)(new Set((_componentsLog$time = componentsLog[time]) === null || _componentsLog$time === void 0 ? void 0 : _componentsLog$time.filter(function (v) {
           return !v.ignoreReason;
         }).map(function (v) {
           return v.targetName;
-        }))) : (0, _toConsumableArray2.default)(new Set((_componentsLog$timest2 = componentsLog[timestamp]) === null || _componentsLog$timest2 === void 0 ? void 0 : _componentsLog$timest2.map(function (v) {
+        }))) : (0, _toConsumableArray2.default)(new Set((_componentsLog$time2 = componentsLog[time]) === null || _componentsLog$time2 === void 0 ? void 0 : _componentsLog$time2.map(function (v) {
           return v.targetName;
         })));
-        var ratioDelta = (currentlyPaintedRatio - ((_acc$rel$vc = (_acc$rel = acc.rel[i - 1]) === null || _acc$rel === void 0 ? void 0 : _acc$rel.vc) !== null && _acc$rel$vc !== void 0 ? _acc$rel$vc : 0)) / 100;
-        if (isCalcSpeedIndexEnabled) {
-          var speedIndex = timestamp * ratioDelta;
-          acc.speedIndex += speedIndex;
-        }
-        acc.abs.push([timestamp, currentlyPainted]);
-        acc.rel.push({
-          time: timestamp,
-          vc: currentlyPaintedRatio,
-          elements: logEntry
-        });
-        return acc;
-      }, {
-        abs: [],
-        rel: [],
-        speedIndex: 0
-      });
-      VCEntries.speedIndex = Math.round(VCEntries.speedIndex);
-      return {
-        VC: VC,
-        VCBox: VCBox,
-        VCEntries: VCEntries,
-        totalPainted: totalPainted
-      };
+      }
+    });
+    return VCRatio;
+  }, 0);
+  var VCEntries = entries.reduce(function (acc, _ref16, i) {
+    var _acc$abs, _componentsLog$timest, _componentsLog$timest2, _acc$rel$vc, _acc$rel;
+    var _ref17 = (0, _slicedToArray2.default)(_ref16, 2),
+      timestamp = _ref17[0],
+      entryPainted = _ref17[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 = isFilterIgnoredItemsEnabled ? (0, _toConsumableArray2.default)(new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.filter(function (v) {
+      return !v.ignoreReason;
+    }).map(function (v) {
+      return v.targetName;
+    }))) : (0, _toConsumableArray2.default)(new Set((_componentsLog$timest2 = componentsLog[timestamp]) === null || _componentsLog$timest2 === void 0 ? void 0 : _componentsLog$timest2.map(function (v) {
+      return v.targetName;
+    })));
+    var ratioDelta = (currentlyPaintedRatio - ((_acc$rel$vc = (_acc$rel = acc.rel[i - 1]) === null || _acc$rel === void 0 ? void 0 : _acc$rel.vc) !== null && _acc$rel$vc !== void 0 ? _acc$rel$vc : 0)) / 100;
+    if (isCalcSpeedIndexEnabled) {
+      var speedIndex = timestamp * ratioDelta;
+      acc.speedIndex += speedIndex;
     }
+    acc.abs.push([timestamp, currentlyPainted]);
+    acc.rel.push({
+      time: timestamp,
+      vc: currentlyPaintedRatio,
+      elements: logEntry
+    });
+    return acc;
   }, {
-    key: "makeVCReturnObj",
-    value: function makeVCReturnObj() {
-      var vc = {};
-      VCObserver.VCParts.forEach(function (v) {
-        vc[v] = null;
-      });
-      return vc;
-    }
-  }]);
-}();
-/** config * */
-(0, _defineProperty2.default)(VCObserver, "VCParts", ['25', '50', '75', '80', '85', '90', '95', '98', '99']);
+    abs: [],
+    rel: [],
+    speedIndex: 0
+  });
+  VCEntries.speedIndex = Math.round(VCEntries.speedIndex);
+  return {
+    VC: VC,
+    VCBox: VCBox,
+    VCEntries: VCEntries,
+    totalPainted: totalPainted
+  };
+}, ['vc']));
+(0, _defineProperty2.default)(VCObserver, "makeVCReturnObj", (0, _selfMeasurements.withProfiling)(function makeVCReturnObj() {
+  var vc = {};
+  _VCObserver.VCParts.forEach(function (v) {
+    vc[v] = null;
+  });
+  return vc;
+}, ['vc']));

package/dist/cjs/vc/vc-observer/media-wrapper/vc-utils.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isContainedWithinMediaWrapper = void 0;
+var _selfMeasurements = require("../../../self-measurements");
 var _index = require("./index");
-var isContainedWithinMediaWrapper = exports.isContainedWithinMediaWrapper = function isContainedWithinMediaWrapper(node) {
+var isContainedWithinMediaWrapper = exports.isContainedWithinMediaWrapper = (0, _selfMeasurements.withProfiling)(function isContainedWithinMediaWrapper(node) {
   while (node) {
     if (node instanceof Element && node.hasAttribute(_index.MEDIA_WRAPPER_TAG)) {
       return true;
@@ -13,4 +14,4 @@ var isContainedWithinMediaWrapper = exports.isContainedWithinMediaWrapper = func
     node = node.parentNode;
   }
   return false;
-};
+});