@atlaskit/react-ufo 3.1.3 → 3.2.0

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

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VCObserver = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -99,182 +101,176 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         ratios: _this.vcRatios
       };
     });
-    (0, _defineProperty2.default)(this, "getVCResult", function (_ref3) {
-      var start = _ref3.start,
-        stop = _ref3.stop,
-        tti = _ref3.tti,
-        prefix = _ref3.prefix,
-        ssr = _ref3.ssr,
-        vc = _ref3.vc;
-      var startTime = performance.now();
-      // add local measurement
-      var fullPrefix = prefix !== undefined && prefix !== '' ? "".concat(prefix, ":") : '';
-      var rawData = vc !== undefined ? vc : _this.getVCRawData();
-      if (rawData === null) {
-        return {};
-      }
-      var abortReason = rawData.abortReason,
-        abortReasonInfo = rawData.abortReasonInfo,
-        heatmap = rawData.heatmap,
-        heatmapNext = rawData.heatmapNext,
-        outOfBoundaryInfo = rawData.outOfBoundaryInfo,
-        totalTime = rawData.totalTime,
-        componentsLog = rawData.componentsLog,
-        viewport = rawData.viewport,
-        devToolsEnabled = rawData.devToolsEnabled,
-        ratios = rawData.ratios,
-        multiHeatmap = rawData.multiHeatmap;
-      if (abortReasonInfo !== null && abortReason.blocking) {
-        // exposing data to devtools
-        try {
-          if (devToolsEnabled && !_this.isPostInteraction) {
-            window.__vcNotAvailableReason = abortReasonInfo;
-          }
-        } catch (e) {}
-        return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReasonInfo), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp);
-      }
-      var _VCObserver$calculate = VCObserver.calculateVC({
-          heatmap: heatmap,
-          ssr: ssr,
-          componentsLog: _objectSpread({}, componentsLog),
-          viewport: viewport
-        }),
-        VC = _VCObserver$calculate.VC,
-        VCBox = _VCObserver$calculate.VCBox,
-        VCEntries = _VCObserver$calculate.VCEntries,
-        totalPainted = _VCObserver$calculate.totalPainted;
-      try {
-        if (!_this.isPostInteraction) {
-          VCObserver.VCParts.forEach(function (key) {
-            var duration = VC[key];
-            if (duration !== null && duration !== undefined) {
-              performance.measure("VC".concat(key), {
-                start: start,
-                duration: duration
-              });
-            }
-          });
-        }
-      } catch (e) {
-        /* empty */
-      }
-      var _componentsLog = {};
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      if ((0, _platformFeatureFlags.fg)('ufo-remove-vc-component-observations-after-ttai')) {
-        Object.entries(_this.componentsLog).forEach(function (_ref5) {
-          var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
-            _timestamp = _ref6[0],
-            value = _ref6[1];
-          var timestamp = Number(_timestamp);
-          if (stop > timestamp) {
-            _componentsLog[timestamp] = value;
-          }
-        });
-      } else {
-        _componentsLog = _objectSpread({}, componentsLog);
-      }
-      var vcNext = VCObserver.calculateVC({
-        heatmap: heatmapNext,
-        ssr: ssr,
-        componentsLog: _componentsLog,
-        viewport: viewport
-      });
-      try {
-        if (!_this.isPostInteraction) {
-          VCObserver.VCParts.forEach(function (key) {
-            var duration = vcNext.VC[key];
-            if (duration !== null && duration !== undefined) {
-              performance.measure("VC_Next".concat(key), {
-                start: start,
-                duration: duration
+    (0, _defineProperty2.default)(this, "getVCResult", /*#__PURE__*/function () {
+      var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref3) {
+        var start, stop, tti, prefix, ssr, vc, startTime, fullPrefix, rawData, abortReason, abortReasonInfo, heatmap, heatmapNext, outOfBoundaryInfo, totalTime, componentsLog, viewport, devToolsEnabled, ratios, multiHeatmap, _VCObserver$calculate, VC, VCBox, VCEntries, totalPainted, _componentsLog, vcNext, outOfBoundary, stopTime, isMultiHeatmapEnabled, revisionsData, isCalcSpeedIndexEnabled;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              start = _ref3.start, stop = _ref3.stop, tti = _ref3.tti, prefix = _ref3.prefix, ssr = _ref3.ssr, vc = _ref3.vc;
+              startTime = performance.now(); // add local measurement
+              fullPrefix = prefix !== undefined && prefix !== '' ? "".concat(prefix, ":") : '';
+              rawData = vc !== undefined ? vc : _this.getVCRawData();
+              if (!(rawData === null)) {
+                _context.next = 6;
+                break;
+              }
+              return _context.abrupt("return", {});
+            case 6:
+              abortReason = rawData.abortReason, abortReasonInfo = rawData.abortReasonInfo, heatmap = rawData.heatmap, heatmapNext = rawData.heatmapNext, outOfBoundaryInfo = rawData.outOfBoundaryInfo, totalTime = rawData.totalTime, componentsLog = rawData.componentsLog, viewport = rawData.viewport, devToolsEnabled = rawData.devToolsEnabled, ratios = rawData.ratios, multiHeatmap = rawData.multiHeatmap;
+              if (!(abortReasonInfo !== null && abortReason.blocking)) {
+                _context.next = 10;
+                break;
+              }
+              // exposing data to devtools
+              try {
+                if (devToolsEnabled && !_this.isPostInteraction) {
+                  window.__vcNotAvailableReason = abortReasonInfo;
+                }
+              } catch (e) {}
+              return _context.abrupt("return", (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReasonInfo), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp));
+            case 10:
+              _VCObserver$calculate = VCObserver.calculateVC({
+                heatmap: heatmap,
+                ssr: ssr,
+                componentsLog: _objectSpread({}, componentsLog),
+                viewport: viewport
+              }), VC = _VCObserver$calculate.VC, VCBox = _VCObserver$calculate.VCBox, VCEntries = _VCObserver$calculate.VCEntries, totalPainted = _VCObserver$calculate.totalPainted;
+              try {
+                if (!_this.isPostInteraction) {
+                  VCObserver.VCParts.forEach(function (key) {
+                    var duration = VC[key];
+                    if (duration !== null && duration !== undefined) {
+                      performance.measure("VC".concat(key), {
+                        start: start,
+                        duration: duration
+                      });
+                    }
+                  });
+                }
+              } catch (e) {
+                /* empty */
+              }
+              _componentsLog = {}; // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+              if ((0, _platformFeatureFlags.fg)('ufo-remove-vc-component-observations-after-ttai')) {
+                Object.entries(_this.componentsLog).forEach(function (_ref6) {
+                  var _ref7 = (0, _slicedToArray2.default)(_ref6, 2),
+                    _timestamp = _ref7[0],
+                    value = _ref7[1];
+                  var timestamp = Number(_timestamp);
+                  if (stop > timestamp) {
+                    _componentsLog[timestamp] = value;
+                  }
+                });
+              } else {
+                _componentsLog = _objectSpread({}, componentsLog);
+              }
+              vcNext = VCObserver.calculateVC({
+                heatmap: heatmapNext,
+                ssr: ssr,
+                componentsLog: _componentsLog,
+                viewport: viewport
               });
-            }
-          });
-        }
-      } catch (e) {
-        /* empty */
-      }
-      var outOfBoundary = outOfBoundaryInfo ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:oob"), outOfBoundaryInfo) : {};
-      //const oldDomUpdates = oldDomUpdatesEnabled ? { [`${fullPrefix}vc:old:dom`]: vcNext.VCBox } : {};
-
-      var stopTime = performance.now();
-
-      // exposing data to devtools
-      try {
-        if (!_this.isPostInteraction && devToolsEnabled) {
-          window.__vc = {
-            entries: VCEntries.rel,
-            log: componentsLog,
-            metrics: {
-              '75': VC['75'],
-              '80': VC['80'],
-              '85': VC['85'],
-              '90': VC['90'],
-              '95': VC['95'],
-              '98': VC['98'],
-              '99': VC['99'],
-              tti: tti,
-              ttai: stop - start
-            },
-            start: start,
-            stop: stop,
-            heatmap: heatmap,
-            ratios: ratios
-          };
-          window.__vcNext = {
-            entries: vcNext.VCEntries.rel,
-            log: componentsLog,
-            metrics: {
-              '75': vcNext.VC['75'],
-              '80': vcNext.VC['80'],
-              '85': vcNext.VC['85'],
-              '90': vcNext.VC['90'],
-              '95': vcNext.VC['95'],
-              '98': vcNext.VC['98'],
-              '99': vcNext.VC['99'],
-              tti: tti,
-              ttai: stop - start
-            },
-            start: start,
-            stop: stop,
-            heatmap: heatmapNext,
-            ratios: ratios
-          };
+              try {
+                if (!_this.isPostInteraction) {
+                  VCObserver.VCParts.forEach(function (key) {
+                    var duration = vcNext.VC[key];
+                    if (duration !== null && duration !== undefined) {
+                      performance.measure("VC_Next".concat(key), {
+                        start: start,
+                        duration: duration
+                      });
+                    }
+                  });
+                }
+              } catch (e) {
+                /* empty */
+              }
+              outOfBoundary = outOfBoundaryInfo ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:oob"), outOfBoundaryInfo) : {}; //const oldDomUpdates = oldDomUpdatesEnabled ? { [`${fullPrefix}vc:old:dom`]: vcNext.VCBox } : {};
+              stopTime = performance.now(); // exposing data to devtools
+              try {
+                if (!_this.isPostInteraction && devToolsEnabled) {
+                  window.__vc = {
+                    entries: VCEntries.rel,
+                    log: componentsLog,
+                    metrics: {
+                      '75': VC['75'],
+                      '80': VC['80'],
+                      '85': VC['85'],
+                      '90': VC['90'],
+                      '95': VC['95'],
+                      '98': VC['98'],
+                      '99': VC['99'],
+                      tti: tti,
+                      ttai: stop - start
+                    },
+                    start: start,
+                    stop: stop,
+                    heatmap: heatmap,
+                    ratios: ratios
+                  };
+                  window.__vcNext = {
+                    entries: vcNext.VCEntries.rel,
+                    log: componentsLog,
+                    metrics: {
+                      '75': vcNext.VC['75'],
+                      '80': vcNext.VC['80'],
+                      '85': vcNext.VC['85'],
+                      '90': vcNext.VC['90'],
+                      '95': vcNext.VC['95'],
+                      '98': vcNext.VC['98'],
+                      '99': vcNext.VC['99'],
+                      tti: tti,
+                      ttai: stop - start
+                    },
+                    start: start,
+                    stop: stop,
+                    heatmap: heatmapNext,
+                    ratios: ratios
+                  };
 
-          // Emitting a custom event to make it available in the Chrome extension
-          window.dispatchEvent(new CustomEvent('vcReady', {
-            detail: {
-              log: filterComponentsLog(componentsLog),
-              entries: VCEntries.rel
-            }
-          }));
-        }
-      } catch (e) {
-        /*  do nothing */
-      }
-      var isMultiHeatmapEnabled = (0, _platformFeatureFlags.fg)('ufo_vc_multiheatmap');
-      var revisionsData = isMultiHeatmapEnabled && multiHeatmap !== null ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), multiHeatmap.getPayloadShapedData({
-        VCParts: VCObserver.VCParts.map(function (v) {
-          return parseInt(v);
-        }),
-        VCCalculationMethods: (0, _revisions.getRevisions)().map(function (_ref8) {
-          var classifier = _ref8.classifier;
-          return classifier.VCCalculationMethod;
-        }),
-        filterComponentsLog: (0, _revisions.getRevisions)().map(function (_ref9) {
-          var classifier = _ref9.classifier;
-          return classifier.filterComponentsLog;
-        }),
-        ttai: stop,
-        ssr: ssr,
-        clean: !abortReasonInfo
-      })) : null;
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      var isCalcSpeedIndexEnabled = (0, _platformFeatureFlags.fg)('ufo-calc-speed-index');
-      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"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (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), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "ufo:speedIndex", isCalcSpeedIndexEnabled ? VCEntries.speedIndex : undefined), "ufo:next:speedIndex", isCalcSpeedIndexEnabled ? vcNext.VCEntries.speedIndex : undefined));
-    });
+                  // Emitting a custom event to make it available in the Chrome extension
+                  window.dispatchEvent(new CustomEvent('vcReady', {
+                    detail: {
+                      log: filterComponentsLog(componentsLog),
+                      entries: VCEntries.rel
+                    }
+                  }));
+                }
+              } catch (e) {
+                /*  do nothing */
+              }
+              isMultiHeatmapEnabled = (0, _platformFeatureFlags.fg)('ufo_vc_multiheatmap');
+              revisionsData = isMultiHeatmapEnabled && multiHeatmap !== null ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:rev"), multiHeatmap.getPayloadShapedData({
+                VCParts: VCObserver.VCParts.map(function (v) {
+                  return parseInt(v);
+                }),
+                VCCalculationMethods: (0, _revisions.getRevisions)().map(function (_ref9) {
+                  var classifier = _ref9.classifier;
+                  return classifier.VCCalculationMethod;
+                }),
+                filterComponentsLog: (0, _revisions.getRevisions)().map(function (_ref10) {
+                  var classifier = _ref10.classifier;
+                  return classifier.filterComponentsLog;
+                }),
+                ttai: stop,
+                ssr: ssr,
+                clean: !abortReasonInfo
+              })) : null; // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+              isCalcSpeedIndexEnabled = (0, _platformFeatureFlags.fg)('ufo-calc-speed-index');
+              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"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (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), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "ufo:speedIndex", isCalcSpeedIndexEnabled ? VCEntries.speedIndex : undefined), "ufo:next:speedIndex", isCalcSpeedIndexEnabled ? vcNext.VCEntries.speedIndex : undefined)));
+            case 23:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref4.apply(this, arguments);
+      };
+    }());
     (0, _defineProperty2.default)(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
       _this.measureStart();
       _this.legacyHandleUpdate(rawTime, intersectionRect, targetName, element, type, ignoreReason);
@@ -312,13 +308,13 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         });
       }
     });
-    (0, _defineProperty2.default)(this, "onViewportChangeDetected", function (_ref11) {
-      var element = _ref11.element,
-        type = _ref11.type,
-        ignoreReason = _ref11.ignoreReason,
-        timestamp = _ref11.timestamp,
-        targetName = _ref11.targetName,
-        intersectionRect = _ref11.intersectionRect;
+    (0, _defineProperty2.default)(this, "onViewportChangeDetected", function (_ref12) {
+      var element = _ref12.element,
+        type = _ref12.type,
+        ignoreReason = _ref12.ignoreReason,
+        timestamp = _ref12.timestamp,
+        targetName = _ref12.targetName,
+        intersectionRect = _ref12.intersectionRect;
       if (_this.multiHeatmap === null) {
         return;
       }
@@ -400,10 +396,10 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       var unbinds = (0, _attachAbortListeners.attachAbortListeners)(window, _this.viewport, _this.abortReasonCallback);
       if ((_window = window) !== null && _window !== void 0 && _window.__SSR_ABORT_LISTENERS__) {
         var _window2;
-        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref12) {
-          var _ref13 = (0, _slicedToArray2.default)(_ref12, 2),
-            key = _ref13[0],
-            time = _ref13[1];
+        Object.entries(window.__SSR_ABORT_LISTENERS__.aborts).forEach(function (_ref13) {
+          var _ref14 = (0, _slicedToArray2.default)(_ref13, 2),
+            key = _ref14[0],
+            time = _ref14[1];
           if (time) {
             _this.abortReasonCallback(key, time);
           }
@@ -438,8 +434,8 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   }
   return (0, _createClass2.default)(VCObserver, [{
     key: "start",
-    value: function start(_ref14) {
-      var startTime = _ref14.startTime;
+    value: function start(_ref15) {
+      var startTime = _ref15.startTime;
       this.active = true;
       if (this.observers.isBrowserSupported()) {
         this.setViewportSize();
@@ -461,12 +457,12 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   }, {
     key: "getIgnoredElements",
     value: function getIgnoredElements(componentsLog) {
-      return Object.values(componentsLog).flat().filter(function (_ref15) {
-        var ignoreReason = _ref15.ignoreReason;
+      return Object.values(componentsLog).flat().filter(function (_ref16) {
+        var ignoreReason = _ref16.ignoreReason;
         return Boolean(ignoreReason);
-      }).map(function (_ref16) {
-        var targetName = _ref16.targetName,
-          ignoreReason = _ref16.ignoreReason;
+      }).map(function (_ref17) {
+        var targetName = _ref17.targetName,
+          ignoreReason = _ref17.ignoreReason;
         return {
           targetName: targetName,
           ignoreReason: ignoreReason
@@ -490,12 +486,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       var stopTime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : performance.now();
       this.observers.setReactRootRenderStop(stopTime);
     }
-  }, {
-    key: "abortObservation",
-    value: function abortObservation() {
-      var abortReason = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'custom';
-      this.setAbortReason(abortReason, performance.now());
-    }
   }, {
     key: "setAbortReason",
     value: function setAbortReason(abort, timestamp) {
@@ -594,12 +584,12 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     }
   }], [{
     key: "calculateVC",
-    value: function calculateVC(_ref17) {
-      var heatmap = _ref17.heatmap,
-        _ref17$ssr = _ref17.ssr,
-        ssr = _ref17$ssr === void 0 ? UNUSED_SECTOR : _ref17$ssr,
-        componentsLog = _ref17.componentsLog,
-        viewport = _ref17.viewport;
+    value: function calculateVC(_ref18) {
+      var heatmap = _ref18.heatmap,
+        _ref18$ssr = _ref18.ssr,
+        ssr = _ref18$ssr === void 0 ? UNUSED_SECTOR : _ref18$ssr,
+        componentsLog = _ref18.componentsLog,
+        viewport = _ref18.viewport;
       var lastUpdate = {};
       var totalPainted = 0;
       if (ssr !== UNUSED_SECTOR) {
@@ -668,11 +658,11 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         });
         return VCRatio;
       }, 0);
-      var VCEntries = entries.reduce(function (acc, _ref18, i) {
+      var VCEntries = entries.reduce(function (acc, _ref19, i) {
         var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-        var _ref19 = (0, _slicedToArray2.default)(_ref18, 2),
-          timestamp = _ref19[0],
-          entryPainted = _ref19[1];
+        var _ref20 = (0, _slicedToArray2.default)(_ref19, 2),
+          timestamp = _ref20[0],
+          entryPainted = _ref20[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 = (0, _toConsumableArray2.default)(new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.map(function (v) {

package/dist/cjs/vc/vc-observer-new/entries-timeline/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var EntriesTimeline = exports.default = /*#__PURE__*/function () {
+  function EntriesTimeline() {
+    (0, _classCallCheck2.default)(this, EntriesTimeline);
+    (0, _defineProperty2.default)(this, "unorderedEntries", []);
+    (0, _defineProperty2.default)(this, "sortedEntriesCache", new Map());
+    this.unorderedEntries = [];
+  }
+  return (0, _createClass2.default)(EntriesTimeline, [{
+    key: "push",
+    value: function push(entry) {
+      this.unorderedEntries.push(entry);
+      this.sortedEntriesCache.clear();
+    }
+  }, {
+    key: "getCacheKey",
+    value: function getCacheKey(start, stop) {
+      return "".concat(start !== null && start !== void 0 ? start : 'null', "_").concat(stop !== null && stop !== void 0 ? stop : 'null');
+    }
+  }, {
+    key: "getOrderedEntries",
+    value: function getOrderedEntries(_ref) {
+      var _this$sortedEntriesCa;
+      var start = _ref.start,
+        stop = _ref.stop;
+      var cacheKey = this.getCacheKey(start, stop);
+      var cachedSortedEntries = (_this$sortedEntriesCa = this.sortedEntriesCache.get(cacheKey)) === null || _this$sortedEntriesCa === void 0 ? void 0 : _this$sortedEntriesCa.deref();
+      if (cachedSortedEntries) {
+        return cachedSortedEntries;
+      }
+      var filteredEntries = this.unorderedEntries.filter(function (e) {
+        return e.time >= (start !== null && start !== void 0 ? start : 0) && e.time <= (stop !== null && stop !== void 0 ? stop : performance.now());
+      });
+      var sortedEntries = filteredEntries.sort(function (a, b) {
+        return a.time - b.time;
+      });
+      this.sortedEntriesCache.set(cacheKey, new WeakRef(sortedEntries));
+      return sortedEntries;
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.unorderedEntries = [];
+      this.sortedEntriesCache.clear();
+    }
+  }]);
+}();

package/dist/cjs/vc/vc-observer-new/get-element-name.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getElementName;
+var nameCache = new WeakMap();
+function getAttributeSelector(element, attributeName) {
+  var attrValue = element.getAttribute(attributeName);
+  if (!attrValue) {
+    return '';
+  }
+  return "[".concat(attributeName, "=\"").concat(encodeURIComponent(attrValue), "\"]");
+}
+function isSelectorUnique(selector) {
+  return document.querySelectorAll(selector).length === 1;
+}
+function getUniqueSelector(selectorConfig, element) {
+  var currentElement = element;
+  var parts = [];
+  while (currentElement && currentElement.localName !== 'body') {
+    var tagName = currentElement.localName;
+    var selectorPart = tagName;
+    if (selectorConfig.id && currentElement.id) {
+      selectorPart += "#".concat(encodeURIComponent(currentElement.id));
+    } else if (selectorConfig.dataVC) {
+      selectorPart += getAttributeSelector(currentElement, 'data-vc');
+    } else if (selectorConfig.testId) {
+      selectorPart += getAttributeSelector(currentElement, 'data-testid') || getAttributeSelector(currentElement, 'data-test-id');
+    } else if (selectorConfig.role) {
+      selectorPart += getAttributeSelector(currentElement, 'role');
+    } else if (selectorConfig.className && currentElement.className) {
+      var classNames = Array.from(currentElement.classList).map(encodeURIComponent).join('.');
+      if (classNames) {
+        selectorPart += ".".concat(classNames);
+      }
+    }
+    parts.unshift(selectorPart);
+    var _potentialSelector = parts.join(' > ').trim();
+    if (_potentialSelector && isSelectorUnique(_potentialSelector)) {
+      return _potentialSelector;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  var potentialSelector = parts.join(' > ').trim();
+  if (!potentialSelector) {
+    return 'unknown';
+  } else if (!isSelectorUnique(potentialSelector)) {
+    var parentElement = element.parentElement;
+    if (parentElement) {
+      var siblingIndex = Array.from(parentElement.children).indexOf(element) + 1;
+      return "".concat(potentialSelector, ":nth-child(").concat(siblingIndex, ")");
+    }
+  }
+  return potentialSelector;
+}
+function getElementName(selectorConfig, element) {
+  if (!(element instanceof HTMLElement)) {
+    return 'error';
+  }
+  var cachedName = nameCache.get(element);
+  if (cachedName) {
+    return cachedName;
+  }
+  var uniqueSelector = getUniqueSelector(selectorConfig, element);
+  nameCache.set(element, uniqueSelector);
+  return uniqueSelector;
+}