@atlaskit/react-ufo 3.6.6 → 3.7.0

package/dist/esm/trace-transition/index.js

@@ -6,9 +6,8 @@ import { getActiveTrace } from '../experience-trace-id-context';
 import UFOInteractionIDContext, { DefaultInteractionID } from '../interaction-id-context';
 import { abortAll, addNewInteraction, addOnCancelCallback, getActiveInteraction, tryComplete } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
-import { withProfiling } from '../self-measurements';
 import { setInteractionActiveTrace } from './utils/set-interaction-active-trace';
-var traceUFOTransition = withProfiling(function traceUFOTransition(ufoName) {
+function traceUFOTransition(ufoName) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
   var pressInteractionsList = getDoNotAbortActivePressInteractionOnTransition();
   var interaction = getActiveInteraction();
@@ -28,7 +27,7 @@ var traceUFOTransition = withProfiling(function traceUFOTransition(ufoName) {
       addNewInteraction(newId, ufoName, 'transition', performance.now(), rate, null, routeName, getActiveTrace());
     }
   }
-});
+}
 export function useUFOTransitionCompleter() {
   var interactionId = useContext(UFOInteractionIDContext);
   var capturedInteractionId = interactionId.current;

package/dist/esm/trace-transition/utils/generate-span-id/index.js

@@ -1,6 +1,5 @@
-import { withProfiling } from '../../../self-measurements';
-export var generateSpanId = withProfiling(function generateSpanId() {
+export function generateSpanId() {
   return Array.from(new Array(16), function () {
     return Math.floor(Math.random() * 16).toString(16);
   }).join('');
-});
+}

package/dist/esm/trace-transition/utils/set-interaction-active-trace/index.js

@@ -1,6 +1,5 @@
 import { setActiveTrace } from '../../../experience-trace-id-context';
-import { withProfiling } from '../../../self-measurements';
 import { generateSpanId } from '../generate-span-id';
-export var setInteractionActiveTrace = withProfiling(function setInteractionActiveTrace(newId) {
+export function setInteractionActiveTrace(newId) {
   setActiveTrace(newId.replace(/-/g, ''), generateSpanId(), 'transition');
-});
+}

package/dist/esm/vc/index.js

@@ -9,7 +9,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getConfig } from '../config';
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../self-measurements';
 import { VCObserverNOOP } from './no-op-vc-observer';
 import { VCObserver } from './vc-observer';
 import VCObserverNew from './vc-observer-new';
@@ -18,7 +17,6 @@ var VCObserverWrapper = /*#__PURE__*/function () {
     var _getConfig;
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, VCObserverWrapper);
-    var operationTimer = markProfilingStart('VCObserverWrapper constructor');
     this.newVCObserver = null;
     var isNewVCObserverEnabled = fg('platform_ufo_vc_observer_new') || ((_getConfig = getConfig()) === null || _getConfig === void 0 || (_getConfig = _getConfig.vc) === null || _getConfig === void 0 ? void 0 : _getConfig.enableVCObserverNew);
     if (isNewVCObserverEnabled) {
@@ -27,16 +25,6 @@ var VCObserverWrapper = /*#__PURE__*/function () {
       });
     }
     this.oldVCObserver = new VCObserver(opts);
-    this.start = withProfiling(this.start.bind(this), ['vc']);
-    this.stop = withProfiling(this.stop.bind(this), ['vc']);
-    this.getVCRawData = withProfiling(this.getVCRawData.bind(this), ['vc']);
-    this.getVCResult = withProfiling(this.getVCResult.bind(this), ['vc']);
-    this.setSSRElement = withProfiling(this.setSSRElement.bind(this), ['vc']);
-    this.setReactRootRenderStart = withProfiling(this.setReactRootRenderStart.bind(this), ['vc']);
-    this.setReactRootRenderStop = withProfiling(this.setReactRootRenderStop.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   return _createClass(VCObserverWrapper, [{
     key: "start",
@@ -123,7 +111,7 @@ var VCObserverWrapper = /*#__PURE__*/function () {
 var isServer = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.__SERVER__);
 // Other products set this other variable to indicate it is running in SSR
 var isReactSSR = typeof process !== 'undefined' && Boolean(((_process = process) === null || _process === void 0 || (_process = _process.env) === null || _process === void 0 ? void 0 : _process.REACT_SSR) || false);
-export var isEnvironmentSupported = withProfiling(function isEnvironmentSupported() {
+export function isEnvironmentSupported() {
   // SSR environment aren't supported
   if (isReactSSR || isServer) {
     return false;
@@ -138,12 +126,12 @@ export var isEnvironmentSupported = withProfiling(function isEnvironmentSupporte
     return false;
   }
   return true;
-}, ['vc']);
-export var getVCObserver = withProfiling(function getVCObserver() {
+}
+export function getVCObserver() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   if (!globalThis.__vcObserver) {
     var shouldMockVCObserver = !isEnvironmentSupported();
     globalThis.__vcObserver = shouldMockVCObserver ? new VCObserverNOOP() : new VCObserverWrapper(opts);
   }
   return globalThis.__vcObserver;
-}, ['vc']);
+}

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

@@ -1,8 +1,7 @@
 import { bind } from 'bind-event-listener';
 import { AbortEvent } from '../../common/vc/types';
-import { withProfiling } from '../../self-measurements';
 import { getViewportHeight, getViewportWidth } from './getViewport';
-export var attachAbortListeners = withProfiling(function attachAbortListeners(window, initialViewPort, callback) {
+export function attachAbortListeners(window, initialViewPort, callback) {
   var unbindWheel = bind(window, {
     type: AbortEvent.wheel,
     listener: function listener(e) {
@@ -32,4 +31,4 @@ export var attachAbortListeners = withProfiling(function attachAbortListeners(wi
     }
   });
   return [unbindWheel, unbindKeydown, unbindResize];
-}, ['vc']);
+}

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

@@ -1,7 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getPageVisibilityState } from '../../hidden-timing';
-import { withProfiling } from '../../self-measurements';
 import { getRevisions } from './revisions/revisions';
 var VCParts = ['25', '50', '75', '80', '85', '90', '95', '98', '99'];
 var READONLY_EMPTY_ARRAY = Array.from({
@@ -9,26 +11,33 @@ var READONLY_EMPTY_ARRAY = Array.from({
 });
 
 // Helper function to create vcDetails object to avoid code duplication
-var createVCDetails = withProfiling(function createVCDetails(calculatedVC, shouldHaveVCmetric) {
+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
-    };
+  var _iterator = _createForOfIteratorHelper(VCParts),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var key = _step.value;
+      details[key] = {
+        t: VC[key],
+        e: VCBox[key] || READONLY_EMPTY_ARRAY
+      };
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
   return details;
-}, ['vc']);
+}
 
 // Optimized implementation (current one)
-export var getVCRevisionsData = withProfiling(function getVCRevisionsData(_ref) {
+export function getVCRevisionsData(_ref) {
   var fullPrefix = _ref.fullPrefix,
     interaction = _ref.interaction,
     isVCClean = _ref.isVCClean,
@@ -85,4 +94,4 @@ export var getVCRevisionsData = withProfiling(function getVCRevisionsData(_ref)
     vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
   };
   return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV1Revision, ttvcV2Revision]);
-}, ['vc']);
+}

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

@@ -1,5 +1,4 @@
-import { withProfiling } from '../../self-measurements';
-export var getViewportWidth = withProfiling(function getViewportWidth() {
+export function getViewportWidth() {
   var document = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.document;
   var documentWidth;
   try {
@@ -8,8 +7,8 @@ export var getViewportWidth = withProfiling(function getViewportWidth() {
     documentWidth = 0;
   }
   return Math.max(documentWidth, window.innerWidth || 0);
-}, ['vc']);
-export var getViewportHeight = withProfiling(function getViewportHeight() {
+}
+export function getViewportHeight() {
   var document = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.document;
   var documentHeight;
   try {
@@ -18,4 +17,4 @@ export var getViewportHeight = withProfiling(function getViewportHeight() {
     documentHeight = 0;
   }
   return Math.max(documentHeight, window.innerHeight || 0);
-}, ['vc']);
+}

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

@@ -4,7 +4,6 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { getPageVisibilityState } from '../../../hidden-timing';
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../self-measurements';
 var UNUSED_SECTOR = 0;
 export var MultiRevisionHeatmap = /*#__PURE__*/function () {
   function MultiRevisionHeatmap(_ref) {
@@ -43,7 +42,6 @@ export var MultiRevisionHeatmap = /*#__PURE__*/function () {
         t = mappedValues.t;
       return (r - l) * (b - t) / (_this.arraySize.w * _this.arraySize.h);
     });
-    var operationTimer = markProfilingStart('MultiRevisionHeatmap constructor');
     this.viewport = viewport;
     this.revisions = revisions;
     if (arraySize) {
@@ -59,16 +57,6 @@ export var MultiRevisionHeatmap = /*#__PURE__*/function () {
       _this.componentsLogs[i] = {};
       _this.vcRatios[i] = {};
     });
-    this.handleUpdate = withProfiling(this.handleUpdate.bind(this), ['vc']);
-    this.getData = withProfiling(this.getData.bind(this), ['vc']);
-    this.getPayloadShapedData = withProfiling(this.getPayloadShapedData.bind(this), ['vc']);
-    this.processData = withProfiling(this.processData.bind(this), ['vc']);
-    this.mapPixelsToHeatmap = withProfiling(this.mapPixelsToHeatmap.bind(this), ['vc']);
-    this.getElementRatio = withProfiling(this.getElementRatio.bind(this), ['vc']);
-    this.applyChangesToHeatMap = withProfiling(this.applyChangesToHeatMap.bind(this), ['vc']);
-    this.getIndex = withProfiling(this.getIndex.bind(this), ['vc']);
-    this.getCleanHeatmap = withProfiling(this.getCleanHeatmap.bind(this), ['vc']);
-    markProfilingEnd(operationTimer);
   }
   return _createClass(MultiRevisionHeatmap, [{
     key: "handleUpdate",
@@ -273,12 +261,14 @@ export var 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;
+    }
   }]);
-}();
-_defineProperty(MultiRevisionHeatmap, "makeVCReturnObj", withProfiling(function makeVCReturnObj(VCParts) {
-  var vc = {};
-  VCParts.forEach(function (v) {
-    vc[v] = null;
-  });
-  return vc;
-}, ['vc']));
+}();

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

@@ -5,13 +5,11 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _VCObserver;
 var _excluded = ["__debug__element"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
 import { fg } from '@atlaskit/platform-feature-flags';
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../self-measurements';
 import { attachAbortListeners } from './attachAbortListeners';
 import { getVCRevisionsData } from './getVCRevisionsData';
 import { getViewportHeight, getViewportWidth } from './getViewport';
@@ -25,7 +23,7 @@ var abortReason = {
   error: 'error'
 };
 var UNUSED_SECTOR = 0;
-var filterComponentsLog = withProfiling(function filterComponentsLog(log) {
+function filterComponentsLog(log) {
   return Object.fromEntries(Object.entries(log).map(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
       timestamp = _ref2[0],
@@ -36,7 +34,7 @@ var filterComponentsLog = withProfiling(function filterComponentsLog(log) {
       return rest;
     })];
   }));
-}, ['vc']);
+}
 export var VCObserver = /*#__PURE__*/function () {
   function VCObserver(options) {
     var _this = this;
@@ -449,7 +447,6 @@ export var VCObserver = /*#__PURE__*/function () {
       }
       _this.unbind = unbinds;
     });
-    var operationTimer = markProfilingStart('VCObserver constructor');
     this.arraySize = options.heatmapSize || 200;
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
@@ -470,32 +467,6 @@ export var VCObserver = /*#__PURE__*/function () {
       devToolsEnabled: this.devToolsEnabled
     });
     this.isPostInteraction = options.isPostInteraction || false;
-    this.start = withProfiling(this.start.bind(this), ['vc']);
-    this.stop = withProfiling(this.stop.bind(this), ['vc']);
-    this.getAbortReasonInfo = withProfiling(this.getAbortReasonInfo.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.getVCRawData = withProfiling(this.getVCRawData.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.getIgnoredElements = withProfiling(this.getIgnoredElements.bind(this), ['vc']);
-    this.getVCResult = withProfiling(this.getVCResult.bind(this), ['vc']);
-    this.setSSRElement = withProfiling(this.setSSRElement.bind(this), ['vc']);
-    this.setReactRootRenderStart = withProfiling(this.setReactRootRenderStart.bind(this), ['vc']);
-    this.setReactRootRenderStop = withProfiling(this.setReactRootRenderStop.bind(this), ['vc']);
-    this.handleUpdate = withProfiling(this.handleUpdate.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.legacyHandleUpdate = withProfiling(this.legacyHandleUpdate.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.onViewportChangeDetected = withProfiling(this.onViewportChangeDetected.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.setAbortReason = withProfiling(this.setAbortReason.bind(this), ['vc']);
-    this.resetState = withProfiling(this.resetState.bind(this), ['vc']);
-    this.setViewportSize = withProfiling(this.setViewportSize.bind(this), ['vc']);
-    this.mapPixelsToHeatmap = withProfiling(this.mapPixelsToHeatmap.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.getElementRatio = withProfiling(this.getElementRatio.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.applyChangesToHeatMap = withProfiling(this.applyChangesToHeatMap.bind(this), ['vc']);
-    this.abortReasonCallback = withProfiling(this.abortReasonCallback.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.attachAbortListeners = withProfiling(this.attachAbortListeners.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.detachAbortListeners = withProfiling(this.detachAbortListeners.bind(this), ['vc']);
-    this.measureStart = withProfiling(this.measureStart.bind(this), ['vc']);
-    this.measureStop = withProfiling(this.measureStop.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   return _createClass(VCObserver, [{
     key: "start",
@@ -645,126 +616,129 @@ export var VCObserver = /*#__PURE__*/function () {
       this.totalTime += performance.now() - this._startMeasureTimestamp;
       this._startMeasureTimestamp = -1;
     }
-  }]);
-}();
-_VCObserver = VCObserver;
-/** config * */
-_defineProperty(VCObserver, "VCParts", ['25', '50', '75', '80', '85', '90', '95', '98', '99']);
-_defineProperty(VCObserver, "calculateVC", 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 {};
+  }], [{
+    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] = [];
         }
-      },
-      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;
+        componentsLog[ssr].push(element);
       }
-    });
-  });
-  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();
+      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();
 
-  // 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;
-    var v = arguments.length > 1 ? arguments[1] : undefined;
-    var currRatio = v[1] / totalPainted;
-    var VCRatio = currRatio + acc;
-    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;
-        VC[key] = time;
-        VCBox[key] = _toConsumableArray(new Set((_componentsLog$time = componentsLog[time]) === null || _componentsLog$time === void 0 ? void 0 : _componentsLog$time.filter(function (v) {
+      // 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;
+        var v = arguments.length > 1 ? arguments[1] : undefined;
+        var currRatio = v[1] / totalPainted;
+        var VCRatio = currRatio + acc;
+        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;
+            VC[key] = time;
+            VCBox[key] = _toConsumableArray(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;
+            })));
+          }
+        });
+        return VCRatio;
+      }, 0);
+      var VCEntries = entries.reduce(function (acc, _ref16, i) {
+        var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
+        var _ref17 = _slicedToArray(_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 = _toConsumableArray(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;
         })));
-      }
-    });
-    return VCRatio;
-  }, 0);
-  var VCEntries = entries.reduce(function (acc, _ref16, i) {
-    var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-    var _ref17 = _slicedToArray(_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 = _toConsumableArray(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;
-    })));
-    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;
+        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
+      };
     }
-    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
-  };
-}, ['vc']));
-_defineProperty(VCObserver, "makeVCReturnObj", withProfiling(function makeVCReturnObj() {
-  var vc = {};
-  _VCObserver.VCParts.forEach(function (v) {
-    vc[v] = null;
-  });
-  return vc;
-}, ['vc']));
+    key: "makeVCReturnObj",
+    value: function makeVCReturnObj() {
+      var vc = {};
+      VCObserver.VCParts.forEach(function (v) {
+        vc[v] = null;
+      });
+      return vc;
+    }
+  }]);
+}();
+/** config * */
+_defineProperty(VCObserver, "VCParts", ['25', '50', '75', '80', '85', '90', '95', '98', '99']);

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

@@ -1,6 +1,5 @@
-import { withProfiling } from '../../../self-measurements';
 import { MEDIA_WRAPPER_TAG } from './index';
-export var isContainedWithinMediaWrapper = withProfiling(function isContainedWithinMediaWrapper(node) {
+export function isContainedWithinMediaWrapper(node) {
   while (node) {
     if (node instanceof Element && node.hasAttribute(MEDIA_WRAPPER_TAG)) {
       return true;
@@ -8,4 +7,4 @@ export var isContainedWithinMediaWrapper = withProfiling(function isContainedWit
     node = node.parentNode;
   }
   return false;
-});
+}

package/dist/esm/vc/vc-observer/observers/editor-lnv/index.js

@@ -1,7 +1,6 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../../self-measurements';
 var placeholderDataKey = 'editorLnvPlaceholder'; // data-editor-lnv-placeholder
 var replaceDataKey = 'editorLnvPlaceholderReplace'; // data-editor-lnv-placeholder-replace
 
@@ -67,27 +66,11 @@ export var EditorLnvHandler = /*#__PURE__*/function () {
         return;
       }
     });
-    var operationTimer = markProfilingStart('EditorLnvHandler constructor');
     this.intersectionObserver = new IntersectionObserver(function (entries) {
       return entries.filter(function (entry) {
         return entry.intersectionRatio > 0;
       }).forEach(_this.intersectionObserverCallback);
     });
-    this.shouldHandleAddedNode = withProfiling(this.shouldHandleAddedNode.bind(this), ['vc']);
-    this.handleAddedNode = withProfiling(this.handleAddedNode.bind(this), ['vc']);
-    this.clear = withProfiling(this.clear.bind(this), ['vc']);
-    this.handleAddedPlaceholderNode = withProfiling(this.handleAddedPlaceholderNode.bind(this), ['vc']);
-    this.handleAddedReplaceNode = withProfiling(this.handleAddedReplaceNode.bind(this), ['vc']);
-    this.isExistingPlaceholder = withProfiling(this.isExistingPlaceholder.bind(this), ['vc']);
-    this.registerPlaceholder = withProfiling(this.registerPlaceholder.bind(this), ['vc']);
-    this.getSize = withProfiling(this.getSize.bind(this), ['vc']);
-    this.isAddedPlaceholderMatchingSize = withProfiling(this.isAddedPlaceholderMatchingSize.bind(this), ['vc']);
-    this.isAddedReplaceMatchingSize = withProfiling(this.isAddedReplaceMatchingSize.bind(this), ['vc']);
-    this.areRectsSameSize = withProfiling(this.areRectsSameSize.bind(this), ['vc']);
-    this.intersectionObserverCallback = withProfiling(this.intersectionObserverCallback.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   return _createClass(EditorLnvHandler, [{
     key: "shouldHandleAddedNode",