@atlaskit/react-ufo 3.4.14 → 3.5.0

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

@@ -5,11 +5,13 @@ 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';
@@ -23,7 +25,7 @@ var abortReason = {
   error: 'error'
 };
 var UNUSED_SECTOR = 0;
-function filterComponentsLog(log) {
+var filterComponentsLog = withProfiling(function filterComponentsLog(log) {
   return Object.fromEntries(Object.entries(log).map(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
       timestamp = _ref2[0],
@@ -34,7 +36,7 @@ function filterComponentsLog(log) {
       return rest;
     })];
   }));
-}
+}, ['vc']);
 export var VCObserver = /*#__PURE__*/function () {
   function VCObserver(options) {
     var _this = this;
@@ -284,7 +286,7 @@ export var VCObserver = /*#__PURE__*/function () {
             case 26:
               return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
                 '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), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), vcNext.VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:next:dom"), vcNext.VCBox), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), revisionsData), isCalcSpeedIndexEnabled ? speedIndex : {}));
+              }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), isVCClean), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), 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), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:next:updates"), 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();
@@ -295,9 +297,9 @@ export var VCObserver = /*#__PURE__*/function () {
         return _ref4.apply(this, arguments);
       };
     }());
-    _defineProperty(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
+    _defineProperty(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 (!fg('platform_ufo_vc_observer_new')) {
         _this.onViewportChangeDetected({
           timestamp: rawTime,
@@ -305,12 +307,15 @@ export var VCObserver = /*#__PURE__*/function () {
           targetName: targetName,
           element: element,
           type: type,
-          ignoreReason: ignoreReason
+          ignoreReason: ignoreReason,
+          attributeName: attributeName,
+          oldValue: oldValue,
+          newValue: newValue
         });
       }
       _this.measureStop();
     });
-    _defineProperty(this, "legacyHandleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
+    _defineProperty(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);
@@ -327,9 +332,13 @@ export var 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
         });
       }
     });
@@ -339,7 +348,10 @@ export var 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;
       }
@@ -362,7 +374,10 @@ export var VCObserver = /*#__PURE__*/function () {
         classification: revisionsClassification,
         onError: function onError(error) {
           _this.setAbortReason(abortReason.error, error.time, error.error);
-        }
+        },
+        attributeName: attributeName,
+        oldValue: oldValue,
+        newValue: newValue
       });
     });
     _defineProperty(this, "mapPixelsToHeatmap", function (left, top, width, height) {
@@ -434,6 +449,7 @@ 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;
@@ -454,6 +470,32 @@ 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",
@@ -603,136 +645,133 @@ export var 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 * */
+_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 {};
         }
-        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 = fg('ufo-calc-speed-index');
-      var isFilterIgnoredItemsEnabled = 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 (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 ? _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;
-            }))) : _toConsumableArray(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 = _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 = isFilterIgnoredItemsEnabled ? _toConsumableArray(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 = fg('ufo-calc-speed-index');
+  var isFilterIgnoredItemsEnabled = 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 (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 ? _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;
-        }))) : _toConsumableArray(new Set((_componentsLog$timest2 = componentsLog[timestamp]) === null || _componentsLog$timest2 === void 0 ? void 0 : _componentsLog$timest2.map(function (v) {
+        }))) : _toConsumableArray(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 = _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 = isFilterIgnoredItemsEnabled ? _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;
+    }))) : _toConsumableArray(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 * */
-_defineProperty(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']));
+_defineProperty(VCObserver, "makeVCReturnObj", withProfiling(function makeVCReturnObj() {
+  var vc = {};
+  _VCObserver.VCParts.forEach(function (v) {
+    vc[v] = null;
+  });
+  return vc;
+}, ['vc']));

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

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

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

@@ -1,6 +1,7 @@
 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
 
@@ -66,11 +67,27 @@ 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",