@atlaskit/react-ufo 3.4.13 → 3.5.0

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

@@ -4,7 +4,8 @@ import { getDoNotAbortActivePressInteraction, getInteractionRate } from '../conf
 import { DefaultInteractionID } from '../interaction-id-context';
 import { abortAll, addNewInteraction, getActiveInteraction } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
-function mapToInteractionType(eventType) {
+import { withProfiling } from '../self-measurements';
+var mapToInteractionType = withProfiling(function mapToInteractionType(eventType) {
   if (eventType === 'click' || eventType === 'dblclick' || eventType === 'mousedown') {
     return 'press';
   }
@@ -12,8 +13,8 @@ function mapToInteractionType(eventType) {
     return 'hover';
   }
   return undefined;
-}
-export default function traceUFOInteraction(name, event) {
+});
+var traceUFOInteraction = withProfiling(function traceUFOInteraction(name, event) {
   if (!event || !event.isTrusted) {
     return;
   }
@@ -38,4 +39,5 @@ export default function traceUFOInteraction(name, event) {
     DefaultInteractionID.current = newId;
     addNewInteraction(newId, name, 'press', startTimestamp, rate, [], UFORouteName.current);
   }
-}
+});
+export default traceUFOInteraction;

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

@@ -5,8 +5,9 @@ import { getActiveTrace } from '../experience-trace-id-context';
 import { DefaultInteractionID } from '../interaction-id-context';
 import { abort, addHoldByID, addNewInteraction, getActiveInteraction, removeHoldByID, updatePageLoadInteractionName } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
+import { withProfiling } from '../self-measurements';
 var AWAITING_PAGELOAD_NAME = 'awaiting_pageload_name';
-export default function traceUFOPageLoad(ufoName) {
+var traceUFOPageLoad = withProfiling(function traceUFOPageLoad(ufoName) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
   var activeInteraction = getActiveInteraction();
   if (activeInteraction && !ufoName) {
@@ -30,8 +31,9 @@ export default function traceUFOPageLoad(ufoName) {
     updatePageLoadInteractionName(ufoName, routeName);
     removeHoldByID(activeInteraction.id, AWAITING_PAGELOAD_NAME);
   }
-}
-export function updatePageloadName(ufoName) {
+});
+export default traceUFOPageLoad;
+export var updatePageloadName = withProfiling(function updatePageloadName(ufoName) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
   var interaction = getActiveInteraction();
   if (!interaction || interaction.type !== 'page_load' && interaction.type !== 'transition') {
@@ -47,4 +49,4 @@ export function updatePageloadName(ufoName) {
     }
   }
   removeHoldByID(interaction.id, AWAITING_PAGELOAD_NAME);
-}
+});

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

@@ -5,7 +5,8 @@ import { getActiveTrace, setInteractionActiveTrace } from '../experience-trace-i
 import { DefaultInteractionID } from '../interaction-id-context';
 import { abortAll, addNewInteraction, getActiveInteraction } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
-export default function traceUFOPress(name, timestamp) {
+import { withProfiling } from '../self-measurements';
+var traceUFOPress = withProfiling(function traceUFOPress(name, timestamp) {
   var rate = getInteractionRate(name, 'press');
   var pressInteractionsList = getDoNotAbortActivePressInteraction();
   if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
@@ -24,4 +25,5 @@ export default function traceUFOPress(name, timestamp) {
     DefaultInteractionID.current = newId;
     addNewInteraction(newId, name, 'press', startTimestamp, rate, [], UFORouteName.current, getActiveTrace());
   }
-}
+});
+export default traceUFOPress;

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

@@ -1,10 +1,12 @@
 import { DefaultInteractionID } from '../interaction-id-context';
 import { addRedirect } from '../interaction-metrics';
 import UFORouteName from '../route-name-context';
-export default function traceUFORedirect(fromUfoName, nextUfoName, nextRouteName, time) {
+import { withProfiling } from '../self-measurements';
+var traceUFORedirect = withProfiling(function traceUFORedirect(fromUfoName, nextUfoName, nextRouteName, time) {
   UFORouteName.current = nextUfoName;
   var interactionId = DefaultInteractionID.current;
   if (interactionId) {
     addRedirect(interactionId, fromUfoName, nextUfoName, nextRouteName, time);
   }
-}
+});
+export default traceUFORedirect;

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

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

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

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

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

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

package/dist/esm/vc/index.js

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

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

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

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

@@ -1,9 +1,34 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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'];
-export function getVCRevisionsData(_ref) {
+var READONLY_EMPTY_ARRAY = Array.from({
+  length: 0
+});
+
+// Helper function to create vcDetails object to avoid code duplication
+var createVCDetails = withProfiling(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
+    };
+  }
+  return details;
+}, ['vc']);
+
+// Optimized implementation (current one)
+export var getVCRevisionsData = withProfiling(function getVCRevisionsData(_ref) {
   var fullPrefix = _ref.fullPrefix,
     interaction = _ref.interaction,
     isVCClean = _ref.isVCClean,
@@ -39,35 +64,29 @@ export function getVCRevisionsData(_ref) {
       clean: isVCClean
     }));
   }
+
+  // Calculate these conditions once
   var pageVisibilityUpToTTAI = getPageVisibilityState(interaction.start, interaction.end);
   var isVisiblePageVisibleUpToTTAI = pageVisibilityUpToTTAI === 'visible';
   var shouldHaveVCmetric = isVCClean && !isEventAborted && isVisiblePageVisibleUpToTTAI;
-  var ttvcV1Revision = {
-    revision: 'fy25.01',
-    clean: isVCClean,
-    'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
-    vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCParts.map(function (key) {
-      var _calculatedVC$VCBox$k;
-      return [key, {
-        t: calculatedVC.VC[key],
-        e: (_calculatedVC$VCBox$k = calculatedVC.VCBox[key]) !== null && _calculatedVC$VCBox$k !== void 0 ? _calculatedVC$VCBox$k : []
-      }];
-    })) : {}
-  };
+
+  // Create the V2 revision object which is always needed
   var ttvcV2Revision = {
     revision: 'fy25.02',
     clean: isVCClean,
     'metric:vc90': shouldHaveVCmetric ? calculatedVCNext.VC['90'] : null,
-    vcDetails: shouldHaveVCmetric ? Object.fromEntries(VCParts.map(function (key) {
-      var _calculatedVCNext$VCB;
-      return [key, {
-        t: calculatedVCNext.VC[key],
-        e: (_calculatedVCNext$VCB = calculatedVCNext.VCBox[key]) !== null && _calculatedVCNext$VCB !== void 0 ? _calculatedVCNext$VCB : []
-      }];
-    })) : {}
+    vcDetails: createVCDetails(calculatedVCNext, shouldHaveVCmetric)
   };
   if (fg('platform_ufo_disable_ttvc_v1')) {
     return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV2Revision]);
   }
+
+  // Only create ttvcV1Revision when we're actually going to use it
+  var ttvcV1Revision = {
+    revision: 'fy25.01',
+    clean: isVCClean,
+    'metric:vc90': shouldHaveVCmetric ? calculatedVC.VC['90'] : null,
+    vcDetails: createVCDetails(calculatedVC, shouldHaveVCmetric)
+  };
   return _defineProperty({}, "".concat(fullPrefix, "vc:rev"), [ttvcV1Revision, ttvcV2Revision]);
-}
+}, ['vc']);

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

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

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

@@ -4,6 +4,7 @@ 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) {
@@ -42,6 +43,7 @@ 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) {
@@ -57,6 +59,16 @@ 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",
@@ -69,7 +81,10 @@ export var MultiRevisionHeatmap = /*#__PURE__*/function () {
         element = _ref3.element,
         targetName = _ref3.targetName,
         ignoreReason = _ref3.ignoreReason,
-        onError = _ref3.onError;
+        onError = _ref3.onError,
+        attributeName = _ref3.attributeName,
+        oldValue = _ref3.oldValue,
+        newValue = _ref3.newValue;
       var mappedValues = this.mapPixelsToHeatmap(intersectionRect.left, intersectionRect.top, intersectionRect.width, intersectionRect.height);
       var result = this.applyChangesToHeatMap(mappedValues, time, classification);
       if (result !== true) {
@@ -87,7 +102,10 @@ export var MultiRevisionHeatmap = /*#__PURE__*/function () {
           __debug__element: _this2.devToolsEnabled ? new WeakRef(element) : null,
           intersectionRect: intersectionRect,
           targetName: targetName,
-          ignoreReason: ignoreReason
+          ignoreReason: ignoreReason,
+          attributeName: attributeName,
+          oldValue: oldValue,
+          newValue: newValue
         });
       });
     }
@@ -255,14 +273,12 @@ 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']));