@atlaskit/react-ufo 3.4.14 → 3.5.0

package/dist/cjs/self-measurements/index.js

@@ -0,0 +1,261 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getProfilerAsyncRuntime = getProfilerAsyncRuntime;
+exports.getProfilerData = getProfilerData;
+exports.getProfilerRuntimeByFunction = getProfilerRuntimeByFunction;
+exports.getProfilerRuntimeByTag = getProfilerRuntimeByTag;
+exports.getProfilerTotalRuntime = getProfilerTotalRuntime;
+exports.markProfilingEnd = markProfilingEnd;
+exports.markProfilingStart = markProfilingStart;
+exports.resetProfilerMeasurements = resetProfilerMeasurements;
+exports.withProfiling = withProfiling;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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) { (0, _defineProperty2.default)(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; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+globalThis.__ufo_self_measurements = globalThis.__ufo_self_measurements || {
+  __internalState: {
+    functionStack: []
+  },
+  runtime: {
+    total: 0,
+    async: 0,
+    error: 0,
+    byFunction: {},
+    custom: {}
+  }
+};
+function resetProfilerMeasurements() {
+  globalThis.__ufo_self_measurements = {
+    __internalState: {
+      functionStack: []
+    },
+    runtime: {
+      total: 0,
+      async: 0,
+      error: 0,
+      byFunction: {},
+      custom: {}
+    }
+  };
+}
+function trackFunctionTimingStart(fnName) {
+  var _globalThis$__ufo_sel;
+  if (!(globalThis !== null && globalThis !== void 0 && globalThis.__ufo_self_measurements)) {
+    resetProfilerMeasurements();
+  }
+  globalThis === null || globalThis === void 0 || (_globalThis$__ufo_sel = globalThis.__ufo_self_measurements) === null || _globalThis$__ufo_sel === void 0 || (_globalThis$__ufo_sel = _globalThis$__ufo_sel.__internalState) === null || _globalThis$__ufo_sel === void 0 || (_globalThis$__ufo_sel = _globalThis$__ufo_sel.functionStack) === null || _globalThis$__ufo_sel === void 0 || _globalThis$__ufo_sel.push(fnName);
+}
+function trackFunctionTimingEnd() {
+  var _globalThis$__ufo_sel2;
+  if (!(globalThis !== null && globalThis !== void 0 && globalThis.__ufo_self_measurements)) {
+    resetProfilerMeasurements();
+  }
+  globalThis === null || globalThis === void 0 || (_globalThis$__ufo_sel2 = globalThis.__ufo_self_measurements) === null || _globalThis$__ufo_sel2 === void 0 || (_globalThis$__ufo_sel2 = _globalThis$__ufo_sel2.__internalState) === null || _globalThis$__ufo_sel2 === void 0 || (_globalThis$__ufo_sel2 = _globalThis$__ufo_sel2.functionStack) === null || _globalThis$__ufo_sel2 === void 0 || _globalThis$__ufo_sel2.pop();
+}
+function shouldRecordProfilerMeasurement() {
+  var _globalThis$__ufo_sel3;
+  if (!(globalThis !== null && globalThis !== void 0 && globalThis.__ufo_self_measurements)) {
+    resetProfilerMeasurements();
+  }
+  return (globalThis === null || globalThis === void 0 || (_globalThis$__ufo_sel3 = globalThis.__ufo_self_measurements) === null || _globalThis$__ufo_sel3 === void 0 || (_globalThis$__ufo_sel3 = _globalThis$__ufo_sel3.__internalState) === null || _globalThis$__ufo_sel3 === void 0 || (_globalThis$__ufo_sel3 = _globalThis$__ufo_sel3.functionStack) === null || _globalThis$__ufo_sel3 === void 0 ? void 0 : _globalThis$__ufo_sel3.length) === 0;
+}
+function recordProfilerMeasurement(functionName, duration, isAsync, isError) {
+  var tags = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+  // discard measurements that are not significant
+  if (duration <= 0) {
+    return;
+  }
+  if (!(globalThis !== null && globalThis !== void 0 && globalThis.__ufo_self_measurements)) {
+    resetProfilerMeasurements();
+  }
+  globalThis.__ufo_self_measurements.runtime.total += duration;
+  if (isAsync) {
+    globalThis.__ufo_self_measurements.runtime.async += duration;
+  }
+  if (isError) {
+    globalThis.__ufo_self_measurements.runtime.error += duration;
+  }
+  if (functionName in globalThis.__ufo_self_measurements.runtime.byFunction) {
+    globalThis.__ufo_self_measurements.runtime.byFunction[functionName] += duration;
+  } else {
+    globalThis.__ufo_self_measurements.runtime.byFunction[functionName] = duration;
+  }
+  var _iterator = _createForOfIteratorHelper(tags),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var tag = _step.value;
+      if (tag in globalThis.__ufo_self_measurements.runtime.custom) {
+        globalThis.__ufo_self_measurements.runtime.custom[tag] += duration;
+      } else {
+        globalThis.__ufo_self_measurements.runtime.custom[tag] = duration;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+}
+function isPromise(value) {
+  return value && typeof value.then === 'function';
+}
+function withProfiling(fn) {
+  var tags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  try {
+    if (!(0, _platformFeatureFlags.fg)('platform_ufo_self_timings')) {
+      return fn; // this is a NOOP wrapper if feature gate is disabled
+    }
+  } catch (_unused) {
+    return fn;
+  }
+  if (!(globalThis !== null && globalThis !== void 0 && globalThis.performance)) {
+    return fn;
+  }
+  if (fn.constructor.name === 'AsyncFunction') {
+    return /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _fn$name;
+      var startTime,
+        result,
+        endTime,
+        _endTime,
+        _args = arguments;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            startTime = performance.now();
+            trackFunctionTimingStart((_fn$name = fn.name) !== null && _fn$name !== void 0 ? _fn$name : 'anonymous');
+            _context.prev = 2;
+            _context.next = 5;
+            return fn.apply(void 0, _args);
+          case 5:
+            result = _context.sent;
+            endTime = performance.now();
+            trackFunctionTimingEnd();
+            if (shouldRecordProfilerMeasurement()) {
+              recordProfilerMeasurement(fn.name, endTime - startTime, true, false, tags);
+            }
+            return _context.abrupt("return", result);
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](2);
+            _endTime = performance.now();
+            trackFunctionTimingEnd();
+            if (shouldRecordProfilerMeasurement()) {
+              recordProfilerMeasurement(fn.name, _endTime - startTime, true, true, tags);
+            }
+            throw _context.t0;
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 12]]);
+    }));
+  }
+  return function () {
+    var _fn$name2;
+    var startTime = performance.now();
+    trackFunctionTimingStart((_fn$name2 = fn.name) !== null && _fn$name2 !== void 0 ? _fn$name2 : 'anonymous');
+    try {
+      var result = fn.apply(void 0, arguments);
+      if (isPromise(result)) {
+        result.then(function (value) {
+          var endTime = performance.now();
+          trackFunctionTimingEnd();
+          if (shouldRecordProfilerMeasurement()) {
+            recordProfilerMeasurement(fn.name, endTime - startTime, true, false, tags);
+          }
+          return value;
+        }).catch(function (value) {
+          var endTime = performance.now();
+          trackFunctionTimingEnd();
+          if (shouldRecordProfilerMeasurement()) {
+            recordProfilerMeasurement(fn.name, endTime - startTime, true, true, tags);
+          }
+          return value;
+        });
+      } else {
+        var endTime = performance.now();
+        trackFunctionTimingEnd();
+        if (shouldRecordProfilerMeasurement()) {
+          recordProfilerMeasurement(fn.name, endTime - startTime, false, false, tags);
+        }
+      }
+      return result;
+    } catch (error) {
+      var _endTime2 = performance.now();
+      trackFunctionTimingEnd();
+      if (shouldRecordProfilerMeasurement()) {
+        recordProfilerMeasurement(fn.name, _endTime2 - startTime, false, true, tags);
+      }
+      throw error;
+    }
+  };
+}
+function markProfilingStart(name) {
+  if (!(globalThis !== null && globalThis !== void 0 && globalThis.performance)) {
+    return {
+      name: name,
+      startTime: -1
+    };
+  }
+  trackFunctionTimingStart(name);
+  return {
+    name: name,
+    startTime: performance.now()
+  };
+}
+function markProfilingEnd(_ref2) {
+  var name = _ref2.name,
+    startTime = _ref2.startTime;
+  var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    isAsync = _ref3.isAsync,
+    isError = _ref3.isError,
+    tags = _ref3.tags;
+  if (!(globalThis !== null && globalThis !== void 0 && globalThis.performance)) {
+    return;
+  }
+  trackFunctionTimingEnd();
+  if (!(0, _platformFeatureFlags.fg)('platform_ufo_self_timings')) {
+    return;
+  }
+  var endTime = performance.now();
+  recordProfilerMeasurement(name, endTime - startTime, isAsync, isError, tags);
+}
+function getProfilerData() {
+  return _objectSpread({}, globalThis === null || globalThis === void 0 ? void 0 : globalThis.__ufo_self_measurements.runtime);
+}
+function getProfilerTotalRuntime() {
+  if (typeof (globalThis === null || globalThis === void 0 ? void 0 : globalThis.__ufo_self_measurements.runtime.total) === 'number') {
+    return Math.round(globalThis === null || globalThis === void 0 ? void 0 : globalThis.__ufo_self_measurements.runtime.total);
+  }
+  return null;
+}
+function getProfilerAsyncRuntime() {
+  if (typeof (globalThis === null || globalThis === void 0 ? void 0 : globalThis.__ufo_self_measurements.runtime.async) === 'number') {
+    return Math.round(globalThis === null || globalThis === void 0 ? void 0 : globalThis.__ufo_self_measurements.runtime.async);
+  }
+  return null;
+}
+function getProfilerRuntimeByFunction(functionName) {
+  if (typeof (globalThis === null || globalThis === void 0 ? void 0 : globalThis.__ufo_self_measurements.runtime.byFunction[functionName]) === 'number') {
+    return Math.round(globalThis === null || globalThis === void 0 ? void 0 : globalThis.__ufo_self_measurements.runtime.byFunction[functionName]);
+  }
+  return null;
+}
+function getProfilerRuntimeByTag(tag) {
+  if (typeof (globalThis === null || globalThis === void 0 ? void 0 : globalThis.__ufo_self_measurements.runtime.custom[tag]) === 'number') {
+    return Math.round(globalThis === null || globalThis === void 0 ? void 0 : globalThis.__ufo_self_measurements.runtime.custom[tag]);
+  }
+  return null;
+}

package/dist/cjs/set-interaction-error/index.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setInteractionError = setInteractionError;
+exports.setInteractionError = void 0;
 var _interactionMetrics = require("../interaction-metrics");
-function setInteractionError(interactionName, error) {
+var _selfMeasurements = require("../self-measurements");
+var setInteractionError = exports.setInteractionError = (0, _selfMeasurements.withProfiling)(function setInteractionError(interactionName, error) {
   var interaction = (0, _interactionMetrics.getActiveInteraction)();
   if (!interaction) {
     return;
@@ -14,4 +15,4 @@ function setInteractionError(interactionName, error) {
     return;
   }
   (0, _interactionMetrics.addError)(interaction.id, error.name, null, 'Manual interaction error', error.errorMessage, undefined, true);
-}
+});

package/dist/cjs/short-id/index.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generateId;
-function generateId() {
+exports.default = void 0;
+var _selfMeasurements = require("../self-measurements");
+var generateId = (0, _selfMeasurements.withProfiling)(function generateId() {
   var length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 7;
   var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
   var result = '';
@@ -12,4 +13,5 @@ function generateId() {
     result += characters.charAt(Math.floor(Math.random() * characters.length));
   }
   return result;
-}
+});
+var _default = exports.default = generateId;

package/dist/cjs/ssr/index.js

@@ -4,34 +4,31 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.configure = configure;
-exports.getSSRDoneTime = getSSRDoneTime;
-exports.getSSRFeatureFlags = getSSRFeatureFlags;
-exports.getSSRSuccess = getSSRSuccess;
-exports.getSSRTimings = getSSRTimings;
+exports.getSSRTimings = exports.getSSRSuccess = exports.getSSRFeatureFlags = exports.getSSRDoneTime = exports.configure = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _selfMeasurements = require("../self-measurements");
 var NESTED_METRIC_SEPARATOR = '/';
-var filterEntry = function filterEntry(entry) {
+var filterEntry = (0, _selfMeasurements.withProfiling)(function filterEntry(entry) {
   return !(!entry || (0, _typeof2.default)(entry) !== 'object' || entry.startTime < 0 || entry.duration < 0);
-};
-var mapEntry = function mapEntry(entry) {
+});
+var mapEntry = (0, _selfMeasurements.withProfiling)(function mapEntry(entry) {
   return {
     startTime: Math.round(entry.startTime),
     duration: Math.round(entry.duration)
   };
-};
+});
 var SSR_PREFIX = 'ssr';
-var mapKey = function mapKey(key) {
+var mapKey = (0, _selfMeasurements.withProfiling)(function mapKey(key) {
   if (key === 'total') {
     return SSR_PREFIX;
   }
   return "".concat(SSR_PREFIX).concat(NESTED_METRIC_SEPARATOR).concat(key);
-};
+});
 var config;
-function configure(ssrConfig) {
+var configure = exports.configure = (0, _selfMeasurements.withProfiling)(function configure(ssrConfig) {
   config = ssrConfig;
-}
-function getSSRTimings() {
+});
+var getSSRTimings = exports.getSSRTimings = (0, _selfMeasurements.withProfiling)(function getSSRTimings() {
   var _config;
   if (!((_config = config) !== null && _config !== void 0 && _config.getTimings)) {
     return {};
@@ -47,16 +44,16 @@ function getSSRTimings() {
     return acc;
   }, {});
   return ssrTimings;
-}
-function getSSRSuccess() {
+});
+var getSSRSuccess = exports.getSSRSuccess = (0, _selfMeasurements.withProfiling)(function getSSRSuccess() {
   var _config2;
   return !!((_config2 = config) !== null && _config2 !== void 0 && _config2.getDoneMark());
-}
-function getSSRDoneTime() {
+});
+var getSSRDoneTime = exports.getSSRDoneTime = (0, _selfMeasurements.withProfiling)(function getSSRDoneTime() {
   var _config$getDoneMark, _config3;
   return (_config$getDoneMark = (_config3 = config) === null || _config3 === void 0 ? void 0 : _config3.getDoneMark()) !== null && _config$getDoneMark !== void 0 ? _config$getDoneMark : undefined;
-}
-function getSSRFeatureFlags() {
+});
+var getSSRFeatureFlags = exports.getSSRFeatureFlags = (0, _selfMeasurements.withProfiling)(function getSSRFeatureFlags() {
   var _config4;
   if (!((_config4 = config) !== null && _config4 !== void 0 && _config4.getFeatureFlags)) {
     return undefined;
@@ -67,4 +64,4 @@ function getSSRFeatureFlags() {
     // eslint-disable-next-line no-empty
   } catch (e) {}
   return undefined;
-}
+});

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

@@ -4,14 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = traceUFOInteraction;
+exports.default = void 0;
 var _uuid = require("uuid");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
 var _interactionIdContext = require("../interaction-id-context");
 var _interactionMetrics = require("../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
-function mapToInteractionType(eventType) {
+var _selfMeasurements = require("../self-measurements");
+var mapToInteractionType = (0, _selfMeasurements.withProfiling)(function mapToInteractionType(eventType) {
   if (eventType === 'click' || eventType === 'dblclick' || eventType === 'mousedown') {
     return 'press';
   }
@@ -19,8 +20,8 @@ function mapToInteractionType(eventType) {
     return 'hover';
   }
   return undefined;
-}
-function traceUFOInteraction(name, event) {
+});
+var traceUFOInteraction = (0, _selfMeasurements.withProfiling)(function traceUFOInteraction(name, event) {
   if (!event || !event.isTrusted) {
     return;
   }
@@ -45,4 +46,5 @@ function traceUFOInteraction(name, event) {
     _interactionIdContext.DefaultInteractionID.current = newId;
     (0, _interactionMetrics.addNewInteraction)(newId, name, 'press', startTimestamp, rate, [], _routeNameContext.default.current);
   }
-}
+});
+var _default = exports.default = traceUFOInteraction;

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

@@ -4,8 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = traceUFOPageLoad;
-exports.updatePageloadName = updatePageloadName;
+exports.updatePageloadName = exports.default = void 0;
 var _uuid = require("uuid");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
@@ -13,8 +12,9 @@ var _experienceTraceIdContext = require("../experience-trace-id-context");
 var _interactionIdContext = require("../interaction-id-context");
 var _interactionMetrics = require("../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
+var _selfMeasurements = require("../self-measurements");
 var AWAITING_PAGELOAD_NAME = 'awaiting_pageload_name';
-function traceUFOPageLoad(ufoName) {
+var traceUFOPageLoad = (0, _selfMeasurements.withProfiling)(function traceUFOPageLoad(ufoName) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
   var activeInteraction = (0, _interactionMetrics.getActiveInteraction)();
   if (activeInteraction && !ufoName) {
@@ -38,8 +38,9 @@ function traceUFOPageLoad(ufoName) {
     (0, _interactionMetrics.updatePageLoadInteractionName)(ufoName, routeName);
     (0, _interactionMetrics.removeHoldByID)(activeInteraction.id, AWAITING_PAGELOAD_NAME);
   }
-}
-function updatePageloadName(ufoName) {
+});
+var _default = exports.default = traceUFOPageLoad;
+var updatePageloadName = exports.updatePageloadName = (0, _selfMeasurements.withProfiling)(function updatePageloadName(ufoName) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
   var interaction = (0, _interactionMetrics.getActiveInteraction)();
   if (!interaction || interaction.type !== 'page_load' && interaction.type !== 'transition') {
@@ -55,4 +56,4 @@ function updatePageloadName(ufoName) {
     }
   }
   (0, _interactionMetrics.removeHoldByID)(interaction.id, AWAITING_PAGELOAD_NAME);
-}
+});

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = traceUFOPress;
+exports.default = void 0;
 var _uuid = require("uuid");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
@@ -12,7 +12,8 @@ var _experienceTraceIdContext = require("../experience-trace-id-context");
 var _interactionIdContext = require("../interaction-id-context");
 var _interactionMetrics = require("../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
-function traceUFOPress(name, timestamp) {
+var _selfMeasurements = require("../self-measurements");
+var traceUFOPress = (0, _selfMeasurements.withProfiling)(function traceUFOPress(name, timestamp) {
   var rate = (0, _config.getInteractionRate)(name, 'press');
   var pressInteractionsList = (0, _config.getDoNotAbortActivePressInteraction)();
   if (pressInteractionsList !== null && pressInteractionsList !== void 0 && pressInteractionsList.includes(name)) {
@@ -31,4 +32,5 @@ function traceUFOPress(name, timestamp) {
     _interactionIdContext.DefaultInteractionID.current = newId;
     (0, _interactionMetrics.addNewInteraction)(newId, name, 'press', startTimestamp, rate, [], _routeNameContext.default.current, (0, _experienceTraceIdContext.getActiveTrace)());
   }
-}
+});
+var _default = exports.default = traceUFOPress;

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

@@ -4,14 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = traceUFORedirect;
+exports.default = void 0;
 var _interactionIdContext = require("../interaction-id-context");
 var _interactionMetrics = require("../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
-function traceUFORedirect(fromUfoName, nextUfoName, nextRouteName, time) {
+var _selfMeasurements = require("../self-measurements");
+var traceUFORedirect = (0, _selfMeasurements.withProfiling)(function traceUFORedirect(fromUfoName, nextUfoName, nextRouteName, time) {
   _routeNameContext.default.current = nextUfoName;
   var interactionId = _interactionIdContext.DefaultInteractionID.current;
   if (interactionId) {
     (0, _interactionMetrics.addRedirect)(interactionId, fromUfoName, nextUfoName, nextRouteName, time);
   }
-}
+});
+var _default = exports.default = traceUFORedirect;

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = traceUFOTransition;
+exports.default = void 0;
 exports.useUFOTransitionCompleter = useUFOTransitionCompleter;
 var _react = require("react");
 var _uuid = require("uuid");
@@ -15,10 +15,11 @@ var _experienceTraceIdContext = require("../experience-trace-id-context");
 var _interactionIdContext = _interopRequireWildcard(require("../interaction-id-context"));
 var _interactionMetrics = require("../interaction-metrics");
 var _routeNameContext = _interopRequireDefault(require("../route-name-context"));
+var _selfMeasurements = require("../self-measurements");
 var _setInteractionActiveTrace = require("./utils/set-interaction-active-trace");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function traceUFOTransition(ufoName) {
+var traceUFOTransition = (0, _selfMeasurements.withProfiling)(function traceUFOTransition(ufoName) {
   var routeName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ufoName;
   var pressInteractionsList = (0, _config.getDoNotAbortActivePressInteractionOnTransition)();
   var interaction = (0, _interactionMetrics.getActiveInteraction)();
@@ -38,7 +39,7 @@ function traceUFOTransition(ufoName) {
       (0, _interactionMetrics.addNewInteraction)(newId, ufoName, 'transition', performance.now(), rate, null, routeName, (0, _experienceTraceIdContext.getActiveTrace)());
     }
   }
-}
+});
 function useUFOTransitionCompleter() {
   var interactionId = (0, _react.useContext)(_interactionIdContext.default);
   var capturedInteractionId = interactionId.current;
@@ -57,4 +58,5 @@ function useUFOTransitionCompleter() {
       });
     }
   }, [capturedInteractionId, interactionId]);
-}
+}
+var _default = exports.default = traceUFOTransition;

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateSpanId = void 0;
-var generateSpanId = exports.generateSpanId = function generateSpanId() {
+var _selfMeasurements = require("../../../self-measurements");
+var generateSpanId = exports.generateSpanId = (0, _selfMeasurements.withProfiling)(function generateSpanId() {
   return Array.from(new Array(16), function () {
     return Math.floor(Math.random() * 16).toString(16);
   }).join('');
-};
+});

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

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.setInteractionActiveTrace = void 0;
 var _experienceTraceIdContext = require("../../../experience-trace-id-context");
+var _selfMeasurements = require("../../../self-measurements");
 var _generateSpanId = require("../generate-span-id");
-var setInteractionActiveTrace = exports.setInteractionActiveTrace = function setInteractionActiveTrace(newId) {
+var setInteractionActiveTrace = exports.setInteractionActiveTrace = (0, _selfMeasurements.withProfiling)(function setInteractionActiveTrace(newId) {
   (0, _experienceTraceIdContext.setActiveTrace)(newId.replace(/-/g, ''), (0, _generateSpanId.generateSpanId)(), 'transition');
-};
+});

package/dist/cjs/vc/index.js

@@ -4,8 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getVCObserver = void 0;
-exports.isEnvironmentSupported = isEnvironmentSupported;
+exports.isEnvironmentSupported = exports.getVCObserver = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -14,6 +13,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../config");
+var _selfMeasurements = require("../self-measurements");
 var _noOpVcObserver = require("./no-op-vc-observer");
 var _vcObserver = require("./vc-observer");
 var _vcObserverNew = _interopRequireDefault(require("./vc-observer-new"));
@@ -25,6 +25,7 @@ var VCObserverWrapper = /*#__PURE__*/function () {
     var _getConfig;
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     (0, _classCallCheck2.default)(this, VCObserverWrapper);
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('VCObserverWrapper constructor');
     this.newVCObserver = null;
     var isNewVCObserverEnabled = (0, _platformFeatureFlags.fg)('platform_ufo_vc_observer_new') || ((_getConfig = (0, _config.getConfig)()) === null || _getConfig === void 0 || (_getConfig = _getConfig.vc) === null || _getConfig === void 0 ? void 0 : _getConfig.enableVCObserverNew);
     if (isNewVCObserverEnabled) {
@@ -33,6 +34,16 @@ var VCObserverWrapper = /*#__PURE__*/function () {
       });
     }
     this.oldVCObserver = new _vcObserver.VCObserver(opts);
+    this.start = (0, _selfMeasurements.withProfiling)(this.start.bind(this), ['vc']);
+    this.stop = (0, _selfMeasurements.withProfiling)(this.stop.bind(this), ['vc']);
+    this.getVCRawData = (0, _selfMeasurements.withProfiling)(this.getVCRawData.bind(this), ['vc']);
+    this.getVCResult = (0, _selfMeasurements.withProfiling)(this.getVCResult.bind(this), ['vc']);
+    this.setSSRElement = (0, _selfMeasurements.withProfiling)(this.setSSRElement.bind(this), ['vc']);
+    this.setReactRootRenderStart = (0, _selfMeasurements.withProfiling)(this.setReactRootRenderStart.bind(this), ['vc']);
+    this.setReactRootRenderStop = (0, _selfMeasurements.withProfiling)(this.setReactRootRenderStop.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(VCObserverWrapper, [{
     key: "start",
@@ -119,7 +130,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);
-function isEnvironmentSupported() {
+var isEnvironmentSupported = exports.isEnvironmentSupported = (0, _selfMeasurements.withProfiling)(function isEnvironmentSupported() {
   // SSR environment aren't supported
   if (isReactSSR || isServer) {
     return false;
@@ -134,12 +145,12 @@ function isEnvironmentSupported() {
     return false;
   }
   return true;
-}
-var getVCObserver = exports.getVCObserver = function getVCObserver() {
+}, ['vc']);
+var getVCObserver = exports.getVCObserver = (0, _selfMeasurements.withProfiling)(function getVCObserver() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   if (!globalThis.__vcObserver) {
     var shouldMockVCObserver = !isEnvironmentSupported();
     globalThis.__vcObserver = shouldMockVCObserver ? new _noOpVcObserver.VCObserverNOOP() : new VCObserverWrapper(opts);
   }
   return globalThis.__vcObserver;
-};
+}, ['vc']);

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

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.attachAbortListeners = void 0;
 var _bindEventListener = require("bind-event-listener");
 var _types = require("../../common/vc/types");
+var _selfMeasurements = require("../../self-measurements");
 var _getViewport = require("./getViewport");
-var attachAbortListeners = exports.attachAbortListeners = function attachAbortListeners(window, initialViewPort, callback) {
+var attachAbortListeners = exports.attachAbortListeners = (0, _selfMeasurements.withProfiling)(function attachAbortListeners(window, initialViewPort, callback) {
   var unbindWheel = (0, _bindEventListener.bind)(window, {
     type: _types.AbortEvent.wheel,
     listener: function listener(e) {
@@ -37,4 +38,4 @@ var attachAbortListeners = exports.attachAbortListeners = function attachAbortLi
     }
   });
   return [unbindWheel, unbindKeydown, unbindResize];
-};
+}, ['vc']);