@atlaskit/react-ufo 3.6.5 → 3.6.7

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",

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

@@ -5,7 +5,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 { shouldHandleEditorLnv } from '../../../config';
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../self-measurements';
 import { isContainedWithinMediaWrapper } from '../media-wrapper/vc-utils';
 import { EditorLnvHandler } from './editor-lnv';
 import isNonVisualStyleMutation from './non-visual-styles/is-non-visual-style-mutation';
@@ -15,7 +14,7 @@ var state = {
   waitingForFirstRender: 2,
   ignoring: 3
 };
-var isElementVisible = withProfiling(function isElementVisible(target) {
+function isElementVisible(target) {
   if (!target || typeof target.checkVisibility !== 'function') {
     return true;
   }
@@ -25,7 +24,7 @@ var isElementVisible = withProfiling(function isElementVisible(target) {
     visibilityProperty: true
   });
   return isVisible;
-}, ['vc']);
+}
 export var Observers = /*#__PURE__*/function () {
   function Observers(opts) {
     var _this = this;
@@ -73,29 +72,11 @@ export var Observers = /*#__PURE__*/function () {
         });
       }
     });
-    var operationTimer = markProfilingStart('Observers constructor');
     this.selectorConfig = _objectSpread(_objectSpread({}, this.selectorConfig), opts.selectorConfig);
     this.intersectionObserver = this.getIntersectionObserver();
     this.mutationObserver = this.getMutationObserver();
     this.ssrPlaceholderHandler = new SSRPlaceholderHandlers();
     this.editorLnvHandler = new EditorLnvHandler();
-    this.isBrowserSupported = withProfiling(this.isBrowserSupported.bind(this), ['vc']);
-    this.observe = withProfiling(this.observe.bind(this), ['vc']);
-    this.disconnect = withProfiling(this.disconnect.bind(this), ['vc']);
-    this.subscribeResults = withProfiling(this.subscribeResults.bind(this), ['vc']);
-    this.getTotalTime = withProfiling(this.getTotalTime.bind(this), ['vc']);
-    this.setReactRootElement = withProfiling(this.setReactRootElement.bind(this), ['vc']);
-    this.setReactRootRenderStart = withProfiling(this.setReactRootRenderStart.bind(this), ['vc']);
-    this.setReactRootRenderStop = withProfiling(this.setReactRootRenderStop.bind(this), ['vc']);
-    this.observeElement = withProfiling(this.observeElement.bind(this), ['vc']);
-    this.getMutationObserver = withProfiling(this.getMutationObserver.bind(this), ['vc']);
-    this.getElementName = withProfiling(this.getElementName.bind(this), ['vc']);
-    this.getIntersectionObserver = withProfiling(this.getIntersectionObserver.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(Observers, [{
     key: "isBrowserSupported",
@@ -166,7 +147,6 @@ export var Observers = /*#__PURE__*/function () {
       }
       var shouldHandleEditorLnvLocal = shouldHandleEditorLnv();
       return new MutationObserver(function (mutations) {
-        var operationTimer = markProfilingStart('mutationObserverCallback');
         _this2.measureStart();
         mutations.forEach(function (mutation) {
           // patching element if timestamp not automatically added
@@ -259,9 +239,6 @@ export var Observers = /*#__PURE__*/function () {
             }
           }
         });
-        markProfilingEnd(operationTimer, {
-          tags: ['vc']
-        });
       });
     }
   }, {
@@ -299,7 +276,6 @@ export var Observers = /*#__PURE__*/function () {
         return null;
       }
       return new IntersectionObserver(function (entries) {
-        var operationTimer = markProfilingStart('intersectionObserverCallback');
         _this3.measureStart();
         entries.forEach(function (_ref2) {
           var isIntersecting = _ref2.isIntersecting,
@@ -333,9 +309,6 @@ export var Observers = /*#__PURE__*/function () {
           }
         });
         _this3.measureStop();
-        markProfilingEnd(operationTimer, {
-          tags: ['vc']
-        });
       });
     }
   }, {

package/dist/esm/vc/vc-observer/observers/non-visual-styles/is-non-visual-style-mutation.js

@@ -1,5 +1,3 @@
-import { withProfiling } from '../../../../self-measurements';
-
 /**
  * Checks if a mutation record represents a non-visual style change
  * @param mutation - The mutation record to check
@@ -10,7 +8,7 @@ import { withProfiling } from '../../../../self-measurements';
  * - The changed attribute is either 'class' or 'style'
  */
 
-var isNonVisualStyleMutation = withProfiling(function isNonVisualStyleMutation(_ref) {
+function isNonVisualStyleMutation(_ref) {
   var target = _ref.target,
     attributeName = _ref.attributeName;
   if (!(target instanceof Element)) {
@@ -23,5 +21,5 @@ var isNonVisualStyleMutation = withProfiling(function isNonVisualStyleMutation(_
     return false;
   }
   return true;
-}, ['vc']);
+}
 export default isNonVisualStyleMutation;