@atlaskit/react-ufo 3.4.14 → 3.5.0

package/dist/es2019/create-payload/index.js

@@ -15,13 +15,14 @@ import { interactionSpans as atlaskitInteractionSpans } from '../interaction-met
 import * as resourceTiming from '../resource-timing';
 import { filterResourceTimings } from '../resource-timing/common/utils/resource-timing-buffer';
 import { roundEpsilon } from '../round-number';
+import { getProfilerAsyncRuntime, getProfilerRuntimeByTag, getProfilerTotalRuntime, markProfilingEnd, markProfilingStart, resetProfilerMeasurements, withProfiling } from '../self-measurements';
 import * as ssr from '../ssr';
 import { buildSegmentTree, labelStackStartWith, optimizeLabelStack, sanitizeUfoName, stringifyLabelStackFully } from './common/utils';
 import getInteractionStatus from './utils/get-interaction-status';
 import getPageVisibilityUpToTTAI from './utils/get-page-visibility-up-to-ttai';
 import getSSRDoneTimeValue from './utils/get-ssr-done-time-value';
 import getVCMetrics from './utils/get-vc-metrics';
-function getUfoNameOverride(interaction) {
+const getUfoNameOverride = withProfiling(function getUfoNameOverride(interaction) {
   const {
     ufoName,
     apdex
@@ -38,8 +39,8 @@ function getUfoNameOverride(interaction) {
   } catch (e) {
     return ufoName;
   }
-}
-function getEarliestLegacyStopTime(interaction, labelStack) {
+});
+const getEarliestLegacyStopTime = withProfiling(function getEarliestLegacyStopTime(interaction, labelStack) {
   let earliestLegacyStopTime = null;
   interaction.apdex.forEach(a => {
     var _a$labelStack, _earliestLegacyStopTi;
@@ -54,22 +55,22 @@ function getEarliestLegacyStopTime(interaction, labelStack) {
     }
   });
   return earliestLegacyStopTime;
-}
-function getBm3EndTimeOrFallbackValue(interaction, labelStack = [], fallbackValue = interaction.end) {
+});
+const getBm3EndTimeOrFallbackValue = withProfiling(function getBm3EndTimeOrFallbackValue(interaction, labelStack = [], fallbackValue = interaction.end) {
   var _getEarliestLegacySto;
   if (interaction.type === 'press') {
     return fallbackValue;
   }
   return (_getEarliestLegacySto = getEarliestLegacyStopTime(interaction, labelStack)) !== null && _getEarliestLegacySto !== void 0 ? _getEarliestLegacySto : fallbackValue;
-}
-const getPageVisibilityUpToTTI = interaction => {
+});
+const getPageVisibilityUpToTTI = withProfiling(function getPageVisibilityUpToTTI(interaction) {
   const {
     start
   } = interaction;
   const bm3EndTimeOrInteractionEndTime = getBm3EndTimeOrFallbackValue(interaction);
   return getPageVisibilityState(start, bm3EndTimeOrInteractionEndTime);
-};
-const getVisibilityStateFromPerformance = stop => {
+});
+const getVisibilityStateFromPerformance = withProfiling(function getVisibilityStateFromPerformance(stop) {
   try {
     const results = performance.getEntriesByType('visibility-state');
     if (!results || results.length === 0) {
@@ -96,8 +97,8 @@ const getVisibilityStateFromPerformance = stop => {
   } catch (e) {
     return null;
   }
-};
-const getMoreAccuratePageVisibilityUpToTTI = interaction => {
+});
+const getMoreAccuratePageVisibilityUpToTTI = withProfiling(function getMoreAccuratePageVisibilityUpToTTI(interaction) {
   const old = getPageVisibilityUpToTTI(interaction);
   const tti = getEarliestLegacyStopTime(interaction, []);
   if (!tti) {
@@ -111,8 +112,8 @@ const getMoreAccuratePageVisibilityUpToTTI = interaction => {
     return 'mixed';
   }
   return old;
-};
-const getMoreAccuratePageVisibilityUpToTTAI = interaction => {
+});
+const getMoreAccuratePageVisibilityUpToTTAI = withProfiling(function getMoreAccuratePageVisibilityUpToTTAI(interaction) {
   const old = getPageVisibilityUpToTTAI(interaction);
   const buffered = getVisibilityStateFromPerformance(interaction.end);
   if (!buffered) {
@@ -122,15 +123,21 @@ const getMoreAccuratePageVisibilityUpToTTAI = interaction => {
     return 'mixed';
   }
   return old;
-};
-const getResourceTimings = (start, end) => {
+});
+const getResourceTimings = withProfiling(function getResourceTimings(start, end) {
   var _resourceTiming$getRe;
   return (_resourceTiming$getRe = resourceTiming.getResourceTimings(start, end)) !== null && _resourceTiming$getRe !== void 0 ? _resourceTiming$getRe : undefined;
-};
-const getBundleEvalTimings = start => bundleEvalTiming.getBundleEvalTimings(start);
-const getSSRSuccess = type => type === 'page_load' ? ssr.getSSRSuccess() : undefined;
-const getSSRFeatureFlags = type => type === 'page_load' ? ssr.getSSRFeatureFlags() : undefined;
-const getLCP = end => {
+});
+const getBundleEvalTimings = withProfiling(function getBundleEvalTimings(start) {
+  return bundleEvalTiming.getBundleEvalTimings(start);
+});
+const getSSRSuccess = withProfiling(function getSSRSuccess(type) {
+  return type === 'page_load' ? ssr.getSSRSuccess() : undefined;
+});
+const getSSRFeatureFlags = withProfiling(function getSSRFeatureFlags(type) {
+  return type === 'page_load' ? ssr.getSSRFeatureFlags() : undefined;
+});
+const getLCP = withProfiling(function getLCP(end) {
   return new Promise(resolve => {
     let observer;
     const timeout = setTimeout(() => {
@@ -138,7 +145,7 @@ const getLCP = end => {
       (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
       resolve(null);
     }, 200);
-    observer = new PerformanceObserver(list => {
+    const performanceObserverCallback = withProfiling(function performanceObserverCallback(list) {
       const entries = Array.from(list.getEntries());
       const lastEntry = entries.reduce((agg, entry) => {
         // Use the latest LCP candidate before TTAI
@@ -154,13 +161,14 @@ const getLCP = end => {
         resolve(lastEntry.startTime);
       }
     });
+    observer = new PerformanceObserver(performanceObserverCallback);
     observer.observe({
       type: 'largest-contentful-paint',
       buffered: true
     });
   });
-};
-const getPaintMetrics = async (type, end) => {
+});
+const getPaintMetrics = withProfiling(async function getPaintMetrics(type, end) {
   if (type !== 'page_load') {
     return {};
   }
@@ -178,16 +186,16 @@ const getPaintMetrics = async (type, end) => {
     metrics['metric:lcp'] = Math.round(lcp);
   }
   return metrics;
-};
-const getTTAI = interaction => {
+});
+const getTTAI = withProfiling(function getTTAI(interaction) {
   const {
     start,
     end
   } = interaction;
   const pageVisibilityUpToTTAI = getPageVisibilityUpToTTAI(interaction);
   return !interaction.abortReason && pageVisibilityUpToTTAI === 'visible' ? Math.round(end - start) : undefined;
-};
-const getNavigationMetrics = type => {
+});
+const getNavigationMetrics = withProfiling(function getNavigationMetrics(type) {
   if (type !== 'page_load') {
     return {};
   }
@@ -232,8 +240,8 @@ const getNavigationMetrics = type => {
   return {
     'metrics:navigation': metrics
   };
-};
-const getPPSMetrics = interaction => {
+});
+const getPPSMetrics = withProfiling(function getPPSMetrics(interaction) {
   var _interaction$apdex, _interaction$apdex$;
   const {
     start,
@@ -262,14 +270,14 @@ const getPPSMetrics = interaction => {
     };
   }
   return {};
-};
-function getSSRProperties(type) {
+});
+const getSSRProperties = withProfiling(function getSSRProperties(type) {
   return {
     'ssr:success': getSSRSuccess(type),
     'ssr:featureFlags': getSSRFeatureFlags(type)
   };
-}
-const getAssetsMetrics = (interaction, SSRDoneTime) => {
+});
+const getAssetsMetrics = withProfiling(function getAssetsMetrics(interaction, SSRDoneTime) {
   try {
     const config = getConfig();
     const {
@@ -295,8 +303,8 @@ const getAssetsMetrics = (interaction, SSRDoneTime) => {
     // Skip CHR in case of error
     return {};
   }
-};
-const getBrowserMetadata = () => {
+});
+const getBrowserMetadata = withProfiling(function getBrowserMetadata() {
   const data = {};
   const now = new Date();
   data['event:localHour'] = now.getHours(); // returns the hours for this date according to local time
@@ -322,8 +330,8 @@ const getBrowserMetadata = () => {
     data['event:network:downlink'] = navigator.connection.downlink;
   }
   return data;
-};
-const getTracingContextData = interaction => {
+});
+const getTracingContextData = withProfiling(function getTracingContextData(interaction) {
   const {
     trace,
     start
@@ -340,8 +348,8 @@ const getTracingContextData = interaction => {
     };
   }
   return tracingContextData;
-};
-function optimizeCustomData(interaction) {
+});
+const optimizeCustomData = withProfiling(function optimizeCustomData(interaction) {
   const {
     customData,
     legacyMetrics
@@ -377,8 +385,8 @@ function optimizeCustomData(interaction) {
     return [...customDataMap.values(), ...legacyMetricsFiltered.values()];
   }
   return [...customDataMap.values()];
-}
-function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, reactUFOVersion) {
+});
+const optimizeReactProfilerTimings = withProfiling(function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, reactUFOVersion) {
   const reactProfilerTimingsMap = reactProfilerTimings.reduce((result, {
     labelStack,
     startTime,
@@ -416,8 +424,8 @@ function optimizeReactProfilerTimings(reactProfilerTimings, interactionStart, re
     return result;
   }, new Map());
   return [...reactProfilerTimingsMap.values()];
-}
-function optimizeRedirects(redirects, interactionStart) {
+});
+const optimizeRedirects = withProfiling(function optimizeRedirects(redirects, interactionStart) {
   let lastRedirectTime = interactionStart;
   const updatedRedirects = redirects.sort((a, b) => a.time - b.time).reduce((result, redirect) => {
     const {
@@ -437,8 +445,8 @@ function optimizeRedirects(redirects, interactionStart) {
     return result;
   }, []);
   return updatedRedirects;
-}
-function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
+});
+const optimizeHoldInfo = withProfiling(function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
   const holdInfoMap = holdInfo.reduce((result, hold) => {
     const {
       labelStack,
@@ -471,8 +479,8 @@ function optimizeHoldInfo(holdInfo, interactionStart, reactUFOVersion) {
     return result;
   }, new Map());
   return [...holdInfoMap.values()];
-}
-function optimizeSpans(spans, interactionStart, reactUFOVersion) {
+});
+const optimizeSpans = withProfiling(function optimizeSpans(spans, interactionStart, reactUFOVersion) {
   const updatedSpans = spans.reduce((result, span) => {
     const {
       labelStack,
@@ -494,8 +502,8 @@ function optimizeSpans(spans, interactionStart, reactUFOVersion) {
     return result;
   }, []);
   return updatedSpans;
-}
-function optimizeRequestInfo(requestInfo, interactionStart, reactUFOVersion) {
+});
+const optimizeRequestInfo = withProfiling(function optimizeRequestInfo(requestInfo, interactionStart, reactUFOVersion) {
   const updatedRequestInfo = requestInfo.reduce((result, reqInfo) => {
     const {
       labelStack,
@@ -519,8 +527,8 @@ function optimizeRequestInfo(requestInfo, interactionStart, reactUFOVersion) {
     return result;
   }, []);
   return updatedRequestInfo;
-}
-function optimizeCustomTimings(customTimings, interactionStart) {
+});
+const optimizeCustomTimings = withProfiling(function optimizeCustomTimings(customTimings, interactionStart) {
   return customTimings.reduce((result, item) => {
     Object.keys(item.data).forEach(key => {
       if (item.data[key].startTime >= interactionStart) {
@@ -535,8 +543,8 @@ function optimizeCustomTimings(customTimings, interactionStart) {
     });
     return result;
   }, []);
-}
-function optimizeMarks(marks, reactUFOVersion) {
+});
+const optimizeMarks = withProfiling(function optimizeMarks(marks, reactUFOVersion) {
   return marks.map(({
     labelStack,
     time,
@@ -546,8 +554,8 @@ function optimizeMarks(marks, reactUFOVersion) {
     labelStack: labelStack && optimizeLabelStack(labelStack, reactUFOVersion),
     time: Math.round(time)
   }));
-}
-function optimizeApdex(apdex, reactUFOVersion) {
+});
+const optimizeApdex = withProfiling(function optimizeApdex(apdex, reactUFOVersion) {
   return apdex.map(({
     stopTime,
     labelStack,
@@ -559,8 +567,8 @@ function optimizeApdex(apdex, reactUFOVersion) {
       labelStack: optimizeLabelStack(labelStack, reactUFOVersion)
     } : {})
   }));
-}
-function objectToArray(obj = {}) {
+});
+const objectToArray = withProfiling(function objectToArray(obj = {}) {
   return Object.keys(obj).reduce((result, key) => {
     result.push({
       label: key,
@@ -568,8 +576,8 @@ function objectToArray(obj = {}) {
     });
     return result;
   }, []);
-}
-function getBM3SubmetricsTimings(submetrics) {
+});
+const getBM3SubmetricsTimings = withProfiling(function getBM3SubmetricsTimings(submetrics) {
   if (!submetrics) {
     return null;
   }
@@ -590,8 +598,8 @@ function getBM3SubmetricsTimings(submetrics) {
     };
   });
   return submetricsTimings;
-}
-function getBm3TrackerTimings(interaction) {
+});
+const getBm3TrackerTimings = withProfiling(function getBm3TrackerTimings(interaction) {
   const interactionLegacyMetrics = interaction.legacyMetrics;
   if (!interactionLegacyMetrics) {
     return {};
@@ -614,11 +622,11 @@ function getBm3TrackerTimings(interaction) {
   return {
     legacyMetrics
   };
-}
-function getPayloadSize(payload) {
+});
+const getPayloadSize = withProfiling(function getPayloadSize(payload) {
   return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
-}
-function getStylesheetMetrics() {
+});
+const getStylesheetMetrics = withProfiling(function getStylesheetMetrics() {
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (!fg('ufo_capture_stylesheet_metrics')) {
     return {};
@@ -657,17 +665,18 @@ function getStylesheetMetrics() {
   } catch (e) {
     return {};
   }
-}
+});
 let regularTTAI;
 let expTTAI;
-function getErrorCounts(interaction) {
+const getErrorCounts = withProfiling(function getErrorCounts(interaction) {
   return {
     'ufo:errors:globalCount': getGlobalErrorCount(),
     'ufo:errors:count': interaction.errors.length
   };
-}
+});
 async function createInteractionMetricsPayload(interaction, interactionId, experimental) {
   var _window$location, _config$additionalPay;
+  const operationTimer = markProfilingStart('createInteractionMetricsPayload');
   const interactionPayloadStart = performance.now();
   const config = getConfig();
   if (!config) {
@@ -835,7 +844,12 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
           'metric:ttai': experimental ? regularTTAI || expTTAI : undefined,
           'metric:experimental:ttai': expTTAI
         },
-        'ufo:payloadTime': roundEpsilon(performance.now() - interactionPayloadStart)
+        'ufo:payloadTime': roundEpsilon(performance.now() - interactionPayloadStart),
+        ...(fg('platform_ufo_self_timings') ? {
+          'ufo:self:timings:total': getProfilerTotalRuntime(),
+          'ufo:self:timings:async': getProfilerAsyncRuntime(),
+          'ufo:self:timings:vc': getProfilerRuntimeByTag('vc')
+        } : {})
       }
     }
   };
@@ -843,6 +857,8 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
     regularTTAI = undefined;
     expTTAI = undefined;
   }
+  markProfilingEnd(operationTimer);
+  resetProfilerMeasurements();
   payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
   return payload;
 }
@@ -855,7 +871,7 @@ export async function createPayloads(interactionId, interaction) {
   const interactionMetricsPayload = await createInteractionMetricsPayload(modifiedInteraction, interactionId);
   return [interactionMetricsPayload];
 }
-export async function createExperimentalMetricsPayload(interactionId, interaction) {
+export const createExperimentalMetricsPayload = withProfiling(async function createExperimentalMetricsPayload(interactionId, interaction) {
   const config = getConfig();
   if (!config) {
     throw Error('UFO Configuration not provided');
@@ -871,4 +887,4 @@ export async function createExperimentalMetricsPayload(interactionId, interactio
   }
   const result = await createInteractionMetricsPayload(interaction, interactionId, true);
   return result;
-}
+});

package/dist/es2019/create-payload/utils/get-interaction-status.js

@@ -1,3 +1,5 @@
+import { withProfiling } from '../../self-measurements';
+
 /**
  * Determines the interaction status based on abort reason and BM3 TTI presence.
  *
@@ -20,7 +22,7 @@
  * const result = getInteractionStatus(interaction);
  * // Returns: { originalInteractionStatus: 'SUCCEEDED', overrideStatus: 'SUCCEEDED' }
  */
-export default function getInteractionStatus(interaction) {
+const getInteractionStatus = withProfiling(function getInteractionStatus(interaction) {
   const originalInteractionStatus = interaction.abortReason ? 'ABORTED' : 'SUCCEEDED';
   const hasBm3TTI = interaction.apdex.length > 0;
   const overrideStatus = hasBm3TTI ? 'SUCCEEDED' : originalInteractionStatus;
@@ -28,4 +30,5 @@ export default function getInteractionStatus(interaction) {
     originalInteractionStatus,
     overrideStatus
   };
-}
+});
+export default getInteractionStatus;

package/dist/es2019/create-payload/utils/get-page-visibility-up-to-ttai.js

@@ -1,8 +1,10 @@
 import { getPageVisibilityState } from '../../hidden-timing';
-export default function getPageVisibilityUpToTTAI(interaction) {
+import { withProfiling } from '../../self-measurements';
+const getPageVisibilityUpToTTAI = withProfiling(function getPageVisibilityUpToTTAI(interaction) {
   const {
     start,
     end
   } = interaction;
   return getPageVisibilityState(start, end);
-}
+});
+export default getPageVisibilityUpToTTAI;

package/dist/es2019/create-payload/utils/get-ssr-done-time-value.js

@@ -1,5 +1,7 @@
+import { withProfiling } from '../../self-measurements';
 import * as ssr from '../../ssr';
-export default function getSSRDoneTimeValue(config) {
+const getSSRDoneTimeValue = withProfiling(function getSSRDoneTimeValue(config) {
   var _config$ssr, _config$ssr2;
   return config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime ? config === null || config === void 0 ? void 0 : (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
-}
+});
+export default getSSRDoneTimeValue;

package/dist/es2019/create-payload/utils/get-vc-metrics.js

@@ -1,11 +1,12 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getConfig } from '../../config';
 import { postInteractionLog } from '../../interaction-metrics';
+import { withProfiling } from '../../self-measurements';
 import { getVCObserver } from '../../vc';
 import getInteractionStatus from './get-interaction-status';
 import getPageVisibilityUpToTTAI from './get-page-visibility-up-to-ttai';
 import getSSRDoneTimeValue from './get-ssr-done-time-value';
-export default async function getVCMetrics(interaction) {
+const getVCMetrics = withProfiling(async function getVCMetrics(interaction) {
   var _config$vc, _config$vc$ssrWhiteli, _interaction$apdex, _interaction$apdex$, _config$experimentalI;
   const config = getConfig();
   if (!(config !== null && config !== void 0 && (_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled)) {
@@ -64,4 +65,5 @@ export default async function getVCMetrics(interaction) {
       'metric:vc90': VC['90']
     };
   }
-}
+});
+export default getVCMetrics;

package/dist/es2019/create-post-interaction-log-payload/index.js

@@ -3,13 +3,14 @@ import { getReactUFOVersion } from '../common/constants';
 import { getConfig, getPostInteractionRate } from '../config';
 import { isSegmentLabel, sanitizeUfoName } from '../create-payload/common/utils';
 import { getPageVisibilityState } from '../hidden-timing';
-function getParentStack(labelStack) {
+import { withProfiling } from '../self-measurements';
+const getParentStack = withProfiling(function getParentStack(labelStack) {
   if (!labelStack || labelStack.length <= 1) {
     return null;
   }
   return labelStack.slice(0, labelStack.length - 1);
-}
-function getSegmentId(labelStack) {
+});
+const getSegmentId = withProfiling(function getSegmentId(labelStack) {
   if (!labelStack) {
     return null;
   }
@@ -22,16 +23,16 @@ function getSegmentId(labelStack) {
     return null;
   }
   return getSegmentId(parentStack);
-}
-function getParentSegmentId(labelStack) {
+});
+const getParentSegmentId = withProfiling(function getParentSegmentId(labelStack) {
   return getSegmentId(getParentStack(labelStack));
-}
+});
 
 /**
  * Whenever a render happen, all parent segment have timing reported
  * This method tries to reduce that noise
  */
-function removeCascadingParentTimingReport(reactProfilerTimings) {
+const removeCascadingParentTimingReport = withProfiling(function removeCascadingParentTimingReport(reactProfilerTimings) {
   const timingIndex = new Map();
   reactProfilerTimings.forEach(timing => {
     const segmentId = getSegmentId(timing.labelStack);
@@ -57,8 +58,8 @@ function removeCascadingParentTimingReport(reactProfilerTimings) {
     }
   });
   return [...timingIndex.values()].flatMap(v => v);
-}
-function transformReactProfilerTimings(reactProfilerTimings) {
+});
+const transformReactProfilerTimings = withProfiling(function transformReactProfilerTimings(reactProfilerTimings) {
   const filtered = removeCascadingParentTimingReport(reactProfilerTimings !== null && reactProfilerTimings !== void 0 ? reactProfilerTimings : []);
   const reactProfilerTimingsMap = filtered.reduce((result, {
     labelStack,
@@ -97,8 +98,8 @@ function transformReactProfilerTimings(reactProfilerTimings) {
     return result;
   }, new Map());
   return [...reactProfilerTimingsMap.values()];
-}
-export default function createPostInteractionLogPayload({
+});
+const createPostInteractionLogPayload = withProfiling(function createPostInteractionLogPayload({
   lastInteractionFinish,
   reactProfilerTimings,
   lastInteractionFinishVCResult,
@@ -193,4 +194,5 @@ export default function createPostInteractionLogPayload({
       }
     }
   };
-}
+});
+export default createPostInteractionLogPayload;

package/dist/es2019/custom-data/index.js

@@ -2,6 +2,7 @@ import { useContext, useMemo } from 'react';
 import UFOInteractionContext from '../interaction-context';
 import { getInteractionId } from '../interaction-id-context';
 import { addCustomData } from '../interaction-metrics';
+import { withProfiling } from '../self-measurements';
 export default function UFOCustomData({
   data
 }) {
@@ -14,11 +15,11 @@ export default function UFOCustomData({
   }, [data, interactionContext]);
   return null;
 }
-export function addUFOCustomData(data) {
+export const addUFOCustomData = withProfiling(function addUFOCustomData(data) {
   const interactionId = getInteractionId();
   const currentInteractionId = interactionId.current;
   if (!currentInteractionId) {
     return;
   }
   addCustomData(currentInteractionId, [], data);
-}
+});

package/dist/es2019/custom-mark/index.js

@@ -2,6 +2,7 @@ import { useContext, useMemo } from 'react';
 import UFOInteractionContext from '../interaction-context';
 import { getInteractionId } from '../interaction-id-context';
 import { addMark } from '../interaction-metrics';
+import { withProfiling } from '../self-measurements';
 export default function UFOCustomMark({
   name,
   timestamp
@@ -27,7 +28,7 @@ export function UFOCustomMarks({
   }, [data, interactionContext]);
   return null;
 }
-export function addUFOCustomMark(name, timestamp) {
+export const addUFOCustomMark = withProfiling(function addUFOCustomMark(name, timestamp) {
   const interactionId = getInteractionId();
   const currentInteractionId = interactionId.current;
   if (!currentInteractionId) {
@@ -35,4 +36,4 @@ export function addUFOCustomMark(name, timestamp) {
   }
   const time = timestamp || performance.now();
   addMark(currentInteractionId, 'custom', name, [], time);
-}
+});

package/dist/es2019/custom-spans/index.js

@@ -1,6 +1,7 @@
 import { addSpanToAll } from '../interaction-metrics';
-export function addCustomSpans(name, start, end = performance.now(), size = 0) {
+import { withProfiling } from '../self-measurements';
+export const addCustomSpans = withProfiling(function addCustomSpans(name, start, end = performance.now(), size = 0) {
   addSpanToAll('custom', name, [{
     name: 'custom'
   }], start, end, size);
-}
+});

package/dist/es2019/custom-timings/index.js

@@ -2,7 +2,8 @@ import { useContext, useMemo } from 'react';
 import UFOInteractionContext from '../interaction-context';
 import { getInteractionId } from '../interaction-id-context';
 import { addCustomTiming, getCurrentInteractionType } from '../interaction-metrics';
-export function getBm3Timings(marks, timingConfigs) {
+import { withProfiling } from '../self-measurements';
+export const getBm3Timings = withProfiling(function getBm3Timings(marks, timingConfigs) {
   const bm3Timings = {};
   if (!marks || !timingConfigs) {
     return bm3Timings;
@@ -25,7 +26,7 @@ export function getBm3Timings(marks, timingConfigs) {
     };
   });
   return bm3Timings;
-}
+});
 export function UFOBM3TimingsToUFO({
   marks,
   timings
@@ -44,7 +45,7 @@ export function UFOBM3TimingsToUFO({
   }, [interactionContext, interactionId, marks, timings]);
   return null;
 }
-export function addBM3TimingsToUFO(marks, timingsConfig) {
+export const addBM3TimingsToUFO = withProfiling(function addBM3TimingsToUFO(marks, timingsConfig) {
   const interactionId = getInteractionId().current;
   if (interactionId) {
     const interactionType = getCurrentInteractionType(interactionId);
@@ -54,4 +55,4 @@ export function addBM3TimingsToUFO(marks, timingsConfig) {
     const bm3Timings = getBm3Timings(marks, timingsConfig);
     addCustomTiming(interactionId, [], bm3Timings);
   }
-}
+});