@atlaskit/react-ufo 3.4.14 → 3.5.1

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

@@ -8,6 +8,7 @@ exports.EditorLnvHandler = 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 _selfMeasurements = require("../../../../self-measurements");
 var placeholderDataKey = 'editorLnvPlaceholder'; // data-editor-lnv-placeholder
 var replaceDataKey = 'editorLnvPlaceholderReplace'; // data-editor-lnv-placeholder-replace
 var EditorLnvHandler = exports.EditorLnvHandler = /*#__PURE__*/function () {
@@ -72,11 +73,27 @@ var EditorLnvHandler = exports.EditorLnvHandler = /*#__PURE__*/function () {
         return;
       }
     });
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('EditorLnvHandler constructor');
     this.intersectionObserver = new IntersectionObserver(function (entries) {
       return entries.filter(function (entry) {
         return entry.intersectionRatio > 0;
       }).forEach(_this.intersectionObserverCallback);
     });
+    this.shouldHandleAddedNode = (0, _selfMeasurements.withProfiling)(this.shouldHandleAddedNode.bind(this), ['vc']);
+    this.handleAddedNode = (0, _selfMeasurements.withProfiling)(this.handleAddedNode.bind(this), ['vc']);
+    this.clear = (0, _selfMeasurements.withProfiling)(this.clear.bind(this), ['vc']);
+    this.handleAddedPlaceholderNode = (0, _selfMeasurements.withProfiling)(this.handleAddedPlaceholderNode.bind(this), ['vc']);
+    this.handleAddedReplaceNode = (0, _selfMeasurements.withProfiling)(this.handleAddedReplaceNode.bind(this), ['vc']);
+    this.isExistingPlaceholder = (0, _selfMeasurements.withProfiling)(this.isExistingPlaceholder.bind(this), ['vc']);
+    this.registerPlaceholder = (0, _selfMeasurements.withProfiling)(this.registerPlaceholder.bind(this), ['vc']);
+    this.getSize = (0, _selfMeasurements.withProfiling)(this.getSize.bind(this), ['vc']);
+    this.isAddedPlaceholderMatchingSize = (0, _selfMeasurements.withProfiling)(this.isAddedPlaceholderMatchingSize.bind(this), ['vc']);
+    this.isAddedReplaceMatchingSize = (0, _selfMeasurements.withProfiling)(this.isAddedReplaceMatchingSize.bind(this), ['vc']);
+    this.areRectsSameSize = (0, _selfMeasurements.withProfiling)(this.areRectsSameSize.bind(this), ['vc']);
+    this.intersectionObserverCallback = (0, _selfMeasurements.withProfiling)(this.intersectionObserverCallback.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(EditorLnvHandler, [{
     key: "shouldHandleAddedNode",

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

@@ -10,6 +10,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../../../config");
+var _selfMeasurements = require("../../../self-measurements");
 var _vcUtils = require("../media-wrapper/vc-utils");
 var _editorLnv = require("./editor-lnv");
 var _isNonVisualStyleMutation = _interopRequireDefault(require("./non-visual-styles/is-non-visual-style-mutation"));
@@ -21,7 +22,7 @@ var state = {
   waitingForFirstRender: 2,
   ignoring: 3
 };
-function isElementVisible(target) {
+var isElementVisible = (0, _selfMeasurements.withProfiling)(function isElementVisible(target) {
   if (!target || typeof target.checkVisibility !== 'function') {
     return true;
   }
@@ -31,13 +32,13 @@ function isElementVisible(target) {
     visibilityProperty: true
   });
   return isVisible;
-}
-function isInsideEditorContainer(target) {
+}, ['vc']);
+var isInsideEditorContainer = (0, _selfMeasurements.withProfiling)(function isInsideEditorContainer(target) {
   if (!target || typeof target.closest !== 'function') {
     return false;
   }
   return Boolean(target.closest('.ProseMirror'));
-}
+}, ['vc']);
 var Observers = exports.Observers = /*#__PURE__*/function () {
   function Observers(opts) {
     var _this = this;
@@ -63,20 +64,51 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "subscribeResults", function (cb) {
       _this.callbacks.add(cb);
     });
-    (0, _defineProperty2.default)(this, "observeElement", function (node, mutation, type, ignoreReason) {
+    (0, _defineProperty2.default)(this, "observeElement", function (node, mutation, type, ignoreReason, attributeName) {
       var _this$intersectionObs;
+      var oldValue = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
+      var newValue = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
       (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.observe(node);
-      _this.observedMutations.set(node, {
-        mutation: mutation,
-        ignoreReason: ignoreReason,
-        type: type
-      });
+      if ((0, _platformFeatureFlags.fg)('platform_ufo_log_attr_mutation_values')) {
+        _this.observedMutations.set(node, {
+          mutation: mutation,
+          ignoreReason: ignoreReason,
+          type: type,
+          attributeName: attributeName,
+          oldValue: oldValue,
+          newValue: newValue
+        });
+      } else {
+        _this.observedMutations.set(node, {
+          mutation: mutation,
+          ignoreReason: ignoreReason,
+          type: type
+        });
+      }
     });
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('Observers constructor');
     this.selectorConfig = _objectSpread(_objectSpread({}, this.selectorConfig), opts.selectorConfig);
     this.intersectionObserver = this.getIntersectionObserver();
     this.mutationObserver = this.getMutationObserver();
     this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers();
     this.editorLnvHandler = new _editorLnv.EditorLnvHandler();
+    this.isBrowserSupported = (0, _selfMeasurements.withProfiling)(this.isBrowserSupported.bind(this), ['vc']);
+    this.observe = (0, _selfMeasurements.withProfiling)(this.observe.bind(this), ['vc']);
+    this.disconnect = (0, _selfMeasurements.withProfiling)(this.disconnect.bind(this), ['vc']);
+    this.subscribeResults = (0, _selfMeasurements.withProfiling)(this.subscribeResults.bind(this), ['vc']);
+    this.getTotalTime = (0, _selfMeasurements.withProfiling)(this.getTotalTime.bind(this), ['vc']);
+    this.setReactRootElement = (0, _selfMeasurements.withProfiling)(this.setReactRootElement.bind(this), ['vc']);
+    this.setReactRootRenderStart = (0, _selfMeasurements.withProfiling)(this.setReactRootRenderStart.bind(this), ['vc']);
+    this.setReactRootRenderStop = (0, _selfMeasurements.withProfiling)(this.setReactRootRenderStop.bind(this), ['vc']);
+    this.observeElement = (0, _selfMeasurements.withProfiling)(this.observeElement.bind(this), ['vc']);
+    this.getMutationObserver = (0, _selfMeasurements.withProfiling)(this.getMutationObserver.bind(this), ['vc']);
+    this.getElementName = (0, _selfMeasurements.withProfiling)(this.getElementName.bind(this), ['vc']);
+    this.getIntersectionObserver = (0, _selfMeasurements.withProfiling)(this.getIntersectionObserver.bind(this), ['vc']);
+    this.measureStart = (0, _selfMeasurements.withProfiling)(this.measureStart.bind(this), ['vc']);
+    this.measureStop = (0, _selfMeasurements.withProfiling)(this.measureStop.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(Observers, [{
     key: "isBrowserSupported",
@@ -142,8 +174,12 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
     key: "getMutationObserver",
     value: function getMutationObserver() {
       var _this2 = this;
+      if (!this.isBrowserSupported()) {
+        return null;
+      }
       var shouldHandleEditorLnvLocal = (0, _config.shouldHandleEditorLnv)();
-      return this.isBrowserSupported() ? new MutationObserver(function (mutations) {
+      return new MutationObserver(function (mutations) {
+        var operationTimer = (0, _selfMeasurements.markProfilingStart)('mutationObserverCallback');
         _this2.measureStart();
         mutations.forEach(function (mutation) {
           // patching element if timestamp not automatically added
@@ -212,34 +248,48 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
             });
           } else if (mutation.type === 'attributes') {
             if (mutation.target instanceof HTMLElement) {
+              var attributeName = mutation.attributeName;
               if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_ignore_same_value_mutation')) {
                 var _mutation$oldValue;
                 /*
-                		"MutationObserver was explicitly designed to work that way, but I can't now recall the reasoning.
-                		I think it might have been something along the lines that for consistency every setAttribute call should create a record.
-                		Conceptually there is after all a mutation: there is an old value replaced with a new one,
-                		and whether or not they are the same doesn't really matter.
-                		And Custom elements should work the same way as MutationObserver."
-                		https://github.com/whatwg/dom/issues/520#issuecomment-336574796
-                	*/
+                	"MutationObserver was explicitly designed to work that way, but I can't now recall the reasoning.
+                	I think it might have been something along the lines that for consistency every setAttribute call should create a record.
+                	Conceptually there is after all a mutation: there is an old value replaced with a new one,
+                	and whether or not they are the same doesn't really matter.
+                	And Custom elements should work the same way as MutationObserver."
+                	https://github.com/whatwg/dom/issues/520#issuecomment-336574796
+                */
                 var oldValue = (_mutation$oldValue = mutation.oldValue) !== null && _mutation$oldValue !== void 0 ? _mutation$oldValue : undefined;
-                var newValue = mutation.attributeName ? mutation.target.getAttribute(mutation.attributeName) : undefined;
+                var newValue = attributeName ? mutation.target.getAttribute(attributeName) : undefined;
                 if (oldValue !== newValue) {
                   if ((0, _isNonVisualStyleMutation.default)(mutation)) {
                     ignoreReason = 'non-visual-style';
                   }
-                  _this2.observeElement(mutation.target, mutation, 'attr', ignoreReason);
+                  if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_fix_ignore_image_mutation')) {
+                    if ((0, _vcUtils.isContainedWithinMediaWrapper)(mutation.target)) {
+                      ignoreReason = 'image';
+                    }
+                  }
+                  _this2.observeElement(mutation.target, mutation, 'attr', ignoreReason, attributeName, oldValue, newValue);
                 }
               } else {
                 if ((0, _isNonVisualStyleMutation.default)(mutation)) {
                   ignoreReason = 'non-visual-style';
                 }
-                _this2.observeElement(mutation.target, mutation, 'attr', ignoreReason);
+                if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_fix_ignore_image_mutation')) {
+                  if ((0, _vcUtils.isContainedWithinMediaWrapper)(mutation.target)) {
+                    ignoreReason = 'image';
+                  }
+                }
+                _this2.observeElement(mutation.target, mutation, 'attr', ignoreReason, attributeName);
               }
             }
           }
         });
-      }) : null;
+        (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+          tags: ['vc']
+        });
+      });
     }
   }, {
     key: "getElementName",
@@ -272,7 +322,11 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
     key: "getIntersectionObserver",
     value: function getIntersectionObserver() {
       var _this3 = this;
-      return this.isBrowserSupported() ? new IntersectionObserver(function (entries) {
+      if (!this.isBrowserSupported()) {
+        return null;
+      }
+      return new IntersectionObserver(function (entries) {
+        var operationTimer = (0, _selfMeasurements.markProfilingStart)('intersectionObserverCallback');
         _this3.measureStart();
         entries.forEach(function (_ref2) {
           var isIntersecting = _ref2.isIntersecting,
@@ -303,7 +357,7 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
               } catch (e) {
                 elementName = 'error';
               }
-              callback(data.mutation.timestamp || performance.now(), ir, elementName, target, data.type, data.ignoreReason);
+              callback(data.mutation.timestamp || performance.now(), ir, elementName, target, data.type, data.ignoreReason, data.attributeName, data.oldValue, data.newValue);
             });
             _this3.elementsInView.add(target);
           } else {
@@ -311,7 +365,10 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
           }
         });
         _this3.measureStop();
-      }) : null;
+        (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+          tags: ['vc']
+        });
+      });
     }
   }, {
     key: "measureStart",

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = isNonVisualStyleMutation;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+exports.default = void 0;
+var _selfMeasurements = require("../../../../self-measurements");
 /**
  * Checks if a mutation record represents a non-visual style change
  * @param mutation - The mutation record to check
@@ -15,13 +15,9 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
  * - The changed attribute is either 'class' or 'style'
  */
 
-function isNonVisualStyleMutation(_ref) {
+var isNonVisualStyleMutation = (0, _selfMeasurements.withProfiling)(function isNonVisualStyleMutation(_ref) {
   var target = _ref.target,
     attributeName = _ref.attributeName;
-  var isNonVisualStyleMutationEnabled = (0, _platformFeatureFlags.fg)('platform_ufo_non_visual_style_mutation');
-  if (!isNonVisualStyleMutationEnabled) {
-    return false;
-  }
   if (!(target instanceof Element)) {
     return false;
   }
@@ -32,4 +28,5 @@ function isNonVisualStyleMutation(_ref) {
     return false;
   }
   return true;
-}
+}, ['vc']);
+var _default = exports.default = isNonVisualStyleMutation;

package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -8,7 +8,7 @@ exports.SSRPlaceholderHandlers = 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _selfMeasurements = require("../../../../self-measurements");
 var ANCESTOR_LOOKUP_LIMIT = 10;
 var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/function () {
   function SSRPlaceholderHandlers() {
@@ -18,7 +18,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
     (0, _defineProperty2.default)(this, "callbacks", new Map());
     (0, _defineProperty2.default)(this, "getSizeCallbacks", new Map());
     (0, _defineProperty2.default)(this, "reactValidateCallbacks", new Map());
-    (0, _defineProperty2.default)(this, "EQUALITY_THRESHOLD", (0, _platformFeatureFlags.fg)('platform_ufo_ssr_placeholder_round_rect_size_check') ? 1 : 0.1);
+    (0, _defineProperty2.default)(this, "EQUALITY_THRESHOLD", 1);
     (0, _defineProperty2.default)(this, "intersectionObserverCallback", function (_ref) {
       var _this$intersectionObs;
       var target = _ref.target,
@@ -70,6 +70,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
         _this.reactValidateCallbacks.delete(staticKey);
       }
     });
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('SSRPlaceholderHandlers constructor');
     if (typeof IntersectionObserver === 'function') {
       // Only instantiate the IntersectionObserver if it's supported
       this.intersectionObserver = new IntersectionObserver(function (entries) {
@@ -109,6 +110,20 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
         delete window.__SSR_PLACEHOLDERS_DIMENSIONS__;
       }
     }
+    this.clear = (0, _selfMeasurements.withProfiling)(this.clear.bind(this), ['vc']);
+    this.isPlaceholder = (0, _selfMeasurements.withProfiling)(this.isPlaceholder.bind(this), ['vc']);
+    this.isPlaceholderReplacement = (0, _selfMeasurements.withProfiling)(this.isPlaceholderReplacement.bind(this), ['vc']);
+    this.isPlaceholderIgnored = (0, _selfMeasurements.withProfiling)(this.isPlaceholderIgnored.bind(this), ['vc']);
+    this.findNearestPlaceholderContainerIfIgnored = (0, _selfMeasurements.withProfiling)(this.findNearestPlaceholderContainerIfIgnored.bind(this), ['vc']);
+    this.checkIfExistedAndSizeMatching = (0, _selfMeasurements.withProfiling)(this.checkIfExistedAndSizeMatching.bind(this), ['vc']);
+    this.getSize = (0, _selfMeasurements.withProfiling)(this.getSize.bind(this), ['vc']);
+    this.validateReactComponentMatchToPlaceholder = (0, _selfMeasurements.withProfiling)(this.validateReactComponentMatchToPlaceholder.bind(this), ['vc']);
+    this.hasSameSizePosition = (0, _selfMeasurements.withProfiling)(this.hasSameSizePosition.bind(this), ['vc']);
+    this.isDummyRect = (0, _selfMeasurements.withProfiling)(this.isDummyRect.bind(this), ['vc']);
+    this.intersectionObserverCallback = (0, _selfMeasurements.withProfiling)(this.intersectionObserverCallback.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(SSRPlaceholderHandlers, [{
     key: "clear",

package/dist/cjs/vc/vc-observer/revisions/fy25_01.js

@@ -11,7 +11,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _selfMeasurements = require("../../../self-measurements");
 var _ViewportUpdateClassifier = require("./ViewportUpdateClassifier");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -32,6 +32,7 @@ var FY25_01Classifier = exports.FY25_01Classifier = /*#__PURE__*/function (_View
       }
     }]);
     _this.mergeConfig();
+    _this.VCCalculationMethod = (0, _selfMeasurements.withProfiling)(_this.VCCalculationMethod.bind(_this), ['vc']);
     return _this;
   }
   (0, _inherits2.default)(FY25_01Classifier, _ViewportUpdateClassi);
@@ -49,12 +50,11 @@ var FY25_01Classifier = exports.FY25_01Classifier = /*#__PURE__*/function (_View
         var v = arguments.length > 1 ? arguments[1] : undefined;
         var VCRatio = v[1] / totalPainted + acc;
         var time = v[0];
-        if ((0, _platformFeatureFlags.fg)('platform_ufo_fix_vc_observer_rounding_error')) {
-          // @todo apply fix to include small changes into accumulator
-          var preciseCurrRatio = Math.round(100 * (v[1] / totalPainted));
-          var preciseAccRatio = Math.round(acc * 100);
-          VCRatio = (preciseCurrRatio + preciseAccRatio) / 100;
-        }
+
+        // @todo apply fix to include small changes into accumulator
+        var preciseCurrRatio = Math.round(100 * (v[1] / totalPainted));
+        var preciseAccRatio = Math.round(acc * 100);
+        VCRatio = (preciseCurrRatio + preciseAccRatio) / 100;
         VCParts.forEach(function (value) {
           if ((VC[value] === null || VC[value] === undefined) && VCRatio >= value / 100) {
             var _componentsLog$time;

package/dist/cjs/vc/vc-observer/revisions/fy25_02.js

@@ -12,6 +12,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _selfMeasurements = require("../../../self-measurements");
 var _fy25_ = require("./fy25_01");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -32,6 +33,7 @@ var FY25_02Classifier = exports.FY25_02Classifier = /*#__PURE__*/function (_FY25
     }]);
     (0, _defineProperty2.default)(_this, "removedFilters", []);
     _this.mergeConfig();
+    _this.filterComponentsLog = (0, _selfMeasurements.withProfiling)(_this.filterComponentsLog.bind(_this), ['vc']);
     return _this;
   }
   (0, _inherits2.default)(FY25_02Classifier, _FY25_01Classifier);

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

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getRevisions = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _selfMeasurements = require("../../../self-measurements");
 var _fy25_ = require("./fy25_01");
 var _fy25_2 = require("./fy25_02");
-var getRevisions = exports.getRevisions = function getRevisions() {
+var getRevisions = exports.getRevisions = (0, _selfMeasurements.withProfiling)(function getRevisions() {
   if ((0, _platformFeatureFlags.fg)('platform_ufo_disable_ttvc_v1')) {
     return [{
       name: 'fy25.02',
@@ -21,4 +22,4 @@ var getRevisions = exports.getRevisions = function getRevisions() {
     name: 'fy25.02',
     classifier: _fy25_2.revFY25_02Classifier
   }];
-};
+}, ['vc']);

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

@@ -8,12 +8,21 @@ 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 _selfMeasurements = require("../../../self-measurements");
 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());
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('EntriesTimeline constructor');
     this.unorderedEntries = [];
+    this.push = (0, _selfMeasurements.withProfiling)(this.push.bind(this), ['vc']);
+    this.getCacheKey = (0, _selfMeasurements.withProfiling)(this.getCacheKey.bind(this), ['vc']);
+    this.getOrderedEntries = (0, _selfMeasurements.withProfiling)(this.getOrderedEntries.bind(this), ['vc']);
+    this.clear = (0, _selfMeasurements.withProfiling)(this.clear.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(EntriesTimeline, [{
     key: "push",

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

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getElementName;
+exports.default = void 0;
+var _selfMeasurements = require("../../self-measurements");
 var nameCache = new WeakMap();
-function getElementName(selectorConfig, element) {
+var getElementName = (0, _selfMeasurements.withProfiling)(function getElementName(selectorConfig, element) {
   if (!(element instanceof HTMLElement)) {
     return 'error';
   }
@@ -71,4 +72,5 @@ function getElementName(selectorConfig, element) {
   var name = "".concat(tagName).concat(attributes || classList);
   nameCache.set(element, name);
   return name;
-}
+}, ['vc']);
+var _default = exports.default = getElementName;

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

@@ -3,27 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getElementName;
+exports.default = void 0;
+var _selfMeasurements = require("../../self-measurements");
 var nameCache = new WeakMap();
-function getAttributeSelector(element, attributeName) {
+var getAttributeSelector = (0, _selfMeasurements.withProfiling)(function getAttributeSelector(element, attributeName) {
   var attrValue = element.getAttribute(attributeName);
   if (!attrValue) {
     return '';
   }
   return "[".concat(attributeName, "=\"").concat(attrValue, "\"]");
-}
-function isValidSelector(selector) {
+}, ['vc']);
+var isValidSelector = (0, _selfMeasurements.withProfiling)(function isValidSelector(selector) {
   try {
     document.querySelector(selector);
     return true;
   } catch (err) {
     return false;
   }
-}
-function isSelectorUnique(selector) {
+}, ['vc']);
+var isSelectorUnique = (0, _selfMeasurements.withProfiling)(function isSelectorUnique(selector) {
   return document.querySelectorAll(selector).length === 1;
-}
-function getUniqueSelector(selectorConfig, element) {
+}, ['vc']);
+var getUniqueSelector = (0, _selfMeasurements.withProfiling)(function getUniqueSelector(selectorConfig, element) {
   var currentElement = element;
   var parts = [];
   var MAX_DEPTH = 3;
@@ -65,8 +66,8 @@ function getUniqueSelector(selectorConfig, element) {
     }
   }
   return potentialSelector;
-}
-function getElementName(selectorConfig, element) {
+}, ['vc']);
+var getElementName = (0, _selfMeasurements.withProfiling)(function getElementName(selectorConfig, element) {
   if (!(element instanceof HTMLElement)) {
     return 'error';
   }
@@ -77,4 +78,5 @@ function getElementName(selectorConfig, element) {
   var uniqueSelector = getUniqueSelector(selectorConfig, element);
   nameCache.set(element, uniqueSelector);
   return uniqueSelector;
-}
+}, ['vc']);
+var _default = exports.default = getElementName;

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

@@ -10,6 +10,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 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 _selfMeasurements = require("../../self-measurements");
 var _entriesTimeline = _interopRequireDefault(require("./entries-timeline"));
 var _getElementName2 = _interopRequireDefault(require("./get-element-name"));
 var _fy25_ = _interopRequireDefault(require("./metric-calculator/fy25_03"));
@@ -29,6 +30,7 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
     (0, _classCallCheck2.default)(this, VCObserverNew);
     (0, _defineProperty2.default)(this, "viewportObserver", null);
     (0, _defineProperty2.default)(this, "windowEventObserver", null);
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('VCObserverNew constructor');
     this.entriesTimeline = new _entriesTimeline.default();
     this.selectorConfig = (_config$selectorConfi = config.selectorConfig) !== null && _config$selectorConfi !== void 0 ? _config$selectorConfi : DEFAULT_SELECTOR_CONFIG;
     this.viewportObserver = new _viewportObserver.default({
@@ -71,6 +73,13 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
         });
       }
     });
+    this.start = (0, _selfMeasurements.withProfiling)(this.start.bind(this), ['vc']);
+    this.stop = (0, _selfMeasurements.withProfiling)(this.stop.bind(this), ['vc']);
+    this.getVCResult = (0, _selfMeasurements.withProfiling)(this.getVCResult.bind(this), ['vc']);
+    this.getElementName = (0, _selfMeasurements.withProfiling)(this.getElementName.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(VCObserverNew, [{
     key: "start",

package/dist/cjs/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.js

@@ -9,6 +9,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 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 _selfMeasurements = require("../../../self-measurements");
 var _percentileCalc = _interopRequireDefault(require("./percentile-calc"));
 var _getViewportHeight = _interopRequireDefault(require("./utils/get-viewport-height"));
 var _getViewportWidth = _interopRequireDefault(require("./utils/get-viewport-width"));
@@ -16,6 +17,7 @@ var AbstractVCCalculatorBase = exports.default = /*#__PURE__*/function () {
   function AbstractVCCalculatorBase(revisionNo) {
     (0, _classCallCheck2.default)(this, AbstractVCCalculatorBase);
     this.revisionNo = revisionNo;
+    this.calculate = (0, _selfMeasurements.withProfiling)(this.calculate.bind(this), ['vc']);
   }
   return (0, _createClass2.default)(AbstractVCCalculatorBase, [{
     key: "calculate",

package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -10,6 +10,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _selfMeasurements = require("../../../../self-measurements");
 var _abstractBaseVcCalculator = _interopRequireDefault(require("../abstract-base-vc-calculator"));
 var _isViewportEntryData = _interopRequireDefault(require("../utils/is-viewport-entry-data"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -24,8 +25,12 @@ var CONSIDERED_ENTRY_TYPE = ['mutation:child-element', 'mutation:element', 'muta
 var KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-target-for-element', 'draggable'];
 var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCCalculator) {
   function VCCalculator_FY25_03() {
+    var _this;
     (0, _classCallCheck2.default)(this, VCCalculator_FY25_03);
-    return _callSuper(this, VCCalculator_FY25_03, [REVISION_NO]);
+    _this = _callSuper(this, VCCalculator_FY25_03, [REVISION_NO]);
+    _this.isEntryIncluded = (0, _selfMeasurements.withProfiling)(_this.isEntryIncluded.bind(_this), ['vc']);
+    _this.isVCClean = (0, _selfMeasurements.withProfiling)(_this.isVCClean.bind(_this), ['vc']);
+    return _this;
   }
   (0, _inherits2.default)(VCCalculator_FY25_03, _AbstractVCCalculator);
   return (0, _createClass2.default)(VCCalculator_FY25_03, [{

package/dist/cjs/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/canvas-pixel.js

@@ -4,13 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ViewportCanvas = void 0;
-exports.calculateDrawnPixelsRaw = calculateDrawnPixelsRaw;
-exports.getRGBComponents = getRGBComponents;
+exports.getRGBComponents = exports.calculateDrawnPixelsRaw = exports.ViewportCanvas = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 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 _selfMeasurements = require("../../../../../self-measurements");
 var _taskYield = _interopRequireDefault(require("../../utils/task-yield"));
 // 24-bit color value
 /**
@@ -38,6 +37,7 @@ var ViewportCanvas = exports.ViewportCanvas = /*#__PURE__*/function () {
   function ViewportCanvas(viewport) {
     var scaleFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     (0, _classCallCheck2.default)(this, ViewportCanvas);
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('ViewportCanvas constructor');
     this.scaleFactor = scaleFactor;
     this.colorCounter = 1;
     this.colorTimeMap = new Map();
@@ -67,6 +67,14 @@ var ViewportCanvas = exports.ViewportCanvas = /*#__PURE__*/function () {
     this.ctx = ctx;
     this.ctx.globalCompositeOperation = 'source-over';
     this.clear();
+    this.getScaledDimensions = (0, _selfMeasurements.withProfiling)(this.getScaledDimensions.bind(this), ['vc']);
+    this.clear = (0, _selfMeasurements.withProfiling)(this.clear.bind(this), ['vc']);
+    this.generateColor = (0, _selfMeasurements.withProfiling)(this.generateColor.bind(this), ['vc']);
+    this.drawRect = (0, _selfMeasurements.withProfiling)(this.drawRect.bind(this), ['vc']);
+    this.getPixelCounts = (0, _selfMeasurements.withProfiling)(this.getPixelCounts.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(ViewportCanvas, [{
     key: "getScaledDimensions",
@@ -201,7 +209,7 @@ var ViewportCanvas = exports.ViewportCanvas = /*#__PURE__*/function () {
  * @param number - The input number to be split into RGB components.
  * @returns The RGB color string in the format "rgb(r, g, b)".
  */
-function getRGBComponents(n) {
+var getRGBComponents = exports.getRGBComponents = (0, _selfMeasurements.withProfiling)(function getRGBComponents(n) {
   // Ensure the input is within the valid range for a 24-bit color
   if (n < 0 || n > 0xffffff) {
     throw new Error('Input number must be between 0 and 16777215 (inclusive).');
@@ -216,7 +224,7 @@ function getRGBComponents(n) {
   // Extract red component (bits 16-23)
   var red = n >> 16 & 0xff;
   return "rgb(".concat(red, ", ").concat(green, ", ").concat(blue, ")");
-}
+}, ['vc']);
 
 /**
  * Calculates the number of pixels drawn for each color in the image data.
@@ -225,11 +233,8 @@ function getRGBComponents(n) {
  * @param arraySize - The amount of timestamps that were drawn in the viewport
  * @returns A Map containing color to pixel count mappings.
  */
-function calculateDrawnPixelsRaw(_x, _x2, _x3) {
-  return _calculateDrawnPixelsRaw.apply(this, arguments);
-}
-function _calculateDrawnPixelsRaw() {
-  _calculateDrawnPixelsRaw = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(imageData, scaleFactor, arraySize) {
+var calculateDrawnPixelsRaw = exports.calculateDrawnPixelsRaw = (0, _selfMeasurements.withProfiling)( /*#__PURE__*/function () {
+  var _calculateDrawnPixelsRaw = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(imageData, scaleFactor, arraySize) {
     var data, arr, i, color, colorIndex;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -271,5 +276,8 @@ function _calculateDrawnPixelsRaw() {
       }
     }, _callee2);
   }));
-  return _calculateDrawnPixelsRaw.apply(this, arguments);
-}
+  function calculateDrawnPixelsRaw(_x, _x2, _x3) {
+    return _calculateDrawnPixelsRaw.apply(this, arguments);
+  }
+  return calculateDrawnPixelsRaw;
+}(), ['vc']);