@atlaskit/react-ufo 3.6.5 → 3.6.7

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../self-measurements';
 import EntriesTimeline from './entries-timeline';
 import getElementName from './get-element-name';
 import VCCalculator_FY25_03 from './metric-calculator/fy25_03';
@@ -17,7 +16,6 @@ export default class VCObserverNew {
     var _config$selectorConfi;
     _defineProperty(this, "viewportObserver", null);
     _defineProperty(this, "windowEventObserver", null);
-    const operationTimer = markProfilingStart('VCObserverNew constructor');
     this.entriesTimeline = new EntriesTimeline();
     this.selectorConfig = (_config$selectorConfi = config.selectorConfig) !== null && _config$selectorConfi !== void 0 ? _config$selectorConfi : DEFAULT_SELECTOR_CONFIG;
     this.viewportObserver = new ViewportObserver({
@@ -63,13 +61,6 @@ export default class VCObserverNew {
         });
       }
     });
-    this.start = withProfiling(this.start.bind(this), ['vc']);
-    this.stop = withProfiling(this.stop.bind(this), ['vc']);
-    this.getVCResult = withProfiling(this.getVCResult.bind(this), ['vc']);
-    this.getElementName = withProfiling(this.getElementName.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   start({
     startTime

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

@@ -1,11 +1,9 @@
-import { withProfiling } from '../../../self-measurements';
 import calculateTTVCPercentiles from './percentile-calc';
 import getViewportHeight from './utils/get-viewport-height';
 import getViewportWidth from './utils/get-viewport-width';
 export default class AbstractVCCalculatorBase {
   constructor(revisionNo) {
     this.revisionNo = revisionNo;
-    this.calculate = withProfiling(this.calculate.bind(this), ['vc']);
   }
   async calculate({
     startTime,

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

@@ -1,4 +1,3 @@
-import { withProfiling } from '../../../../self-measurements';
 import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
 import isViewportEntryData from '../utils/is-viewport-entry-data';
 const ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
@@ -12,8 +11,6 @@ export const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-ta
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
   constructor() {
     super(REVISION_NO);
-    this.isEntryIncluded = withProfiling(this.isEntryIncluded.bind(this), ['vc']);
-    this.isVCClean = withProfiling(this.isVCClean.bind(this), ['vc']);
   }
   isEntryIncluded(entry) {
     if (!CONSIDERED_ENTRY_TYPE.includes(entry.type)) {

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

@@ -1,4 +1,3 @@
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../../../self-measurements';
 import taskYield from '../../utils/task-yield';
 
 // 24-bit color value
@@ -26,7 +25,6 @@ export class ViewportCanvas {
    * @throws {Error} If canvas context cannot be obtained
    */
   constructor(viewport, scaleFactor = 1) {
-    const operationTimer = markProfilingStart('ViewportCanvas constructor');
     this.scaleFactor = scaleFactor;
     this.colorCounter = 1;
     this.colorTimeMap = new Map();
@@ -56,14 +54,6 @@ export class ViewportCanvas {
     this.ctx = ctx;
     this.ctx.globalCompositeOperation = 'source-over';
     this.clear();
-    this.getScaledDimensions = withProfiling(this.getScaledDimensions.bind(this), ['vc']);
-    this.clear = withProfiling(this.clear.bind(this), ['vc']);
-    this.generateColor = withProfiling(this.generateColor.bind(this), ['vc']);
-    this.drawRect = withProfiling(this.drawRect.bind(this), ['vc']);
-    this.getPixelCounts = withProfiling(this.getPixelCounts.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   getScaledDimensions() {
     return {
@@ -158,7 +148,7 @@ export class ViewportCanvas {
  * @param number - The input number to be split into RGB components.
  * @returns The RGB color string in the format "rgb(r, g, b)".
  */
-export const getRGBComponents = withProfiling(function getRGBComponents(n) {
+export 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).');
@@ -173,7 +163,7 @@ export const getRGBComponents = withProfiling(function getRGBComponents(n) {
   // Extract red component (bits 16-23)
   const red = n >> 16 & 0xff;
   return `rgb(${red}, ${green}, ${blue})`;
-}, ['vc']);
+}
 
 /**
  * Calculates the number of pixels drawn for each color in the image data.
@@ -182,7 +172,7 @@ export const getRGBComponents = withProfiling(function getRGBComponents(n) {
  * @param arraySize - The amount of timestamps that were drawn in the viewport
  * @returns A Map containing color to pixel count mappings.
  */
-export const calculateDrawnPixelsRaw = withProfiling(async function calculateDrawnPixelsRaw(imageData, scaleFactor, arraySize) {
+export async function calculateDrawnPixelsRaw(imageData, scaleFactor, arraySize) {
   const data = imageData.data;
   const arr = new Uint32Array(arraySize);
   for (let i = 0; i < data.length; i += 4) {
@@ -202,4 +192,4 @@ export const calculateDrawnPixelsRaw = withProfiling(async function calculateDra
     }
   }
   return arr;
-}, ['vc']);
+}

package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/canvas-heatmap/index.js

@@ -1,7 +1,6 @@
 import { fg } from '@atlaskit/platform-feature-flags';
-import { withProfiling } from '../../../../../self-measurements';
 import { ViewportCanvas } from './canvas-pixel';
-const calculateTTVCPercentiles = withProfiling(async function calculateTTVCPercentiles({
+async function calculateTTVCPercentiles({
   viewport,
   orderedEntries,
   percentiles,
@@ -27,9 +26,9 @@ const calculateTTVCPercentiles = withProfiling(async function calculateTTVCPerce
   const canvasDimenstions = canvas.getScaledDimensions();
   const totalPixels = canvasDimenstions.width * canvasDimenstions.height;
   return calculatePercentiles(timePixelCounts, elementMap, percentiles, totalPixels, startTime);
-}, ['vc']);
+}
 export default calculateTTVCPercentiles;
-export const calculatePercentiles = withProfiling(function calculatePercentiles(timePixelCounts, elementMap, unorderedPercentiles, totalPixels, startTime) {
+export function calculatePercentiles(timePixelCounts, elementMap, unorderedPercentiles, totalPixels, startTime) {
   const results = {};
   let cumulativePixels = 0;
   const percentiles = unorderedPercentiles.sort((a, b) => a - b);
@@ -71,4 +70,4 @@ export const calculatePercentiles = withProfiling(function calculatePercentiles(
     previousResult = results[`${percentile}`];
   }
   return results;
-}, ['vc']);
+}

package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.js

@@ -1,28 +1,27 @@
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../../../self-measurements';
 import isViewportEntryData from '../../utils/is-viewport-entry-data';
 import taskYield from '../../utils/task-yield';
 const MAX_HEATMAP_SIZE = 1000;
-const createEmptyHeatmapEntry = withProfiling(function createEmptyHeatmapEntry() {
+function createEmptyHeatmapEntry() {
   return {
     head: null,
     previousEntries: []
   };
-}, ['vc']);
-const createEmptyMap = withProfiling(function createEmptyMap(heatmapWidth, heatmapHeight) {
+}
+function createEmptyMap(heatmapWidth, heatmapHeight) {
   return Array.from({
     length: heatmapHeight
   }).map(() => Array.from({
     length: heatmapWidth
   }).map(createEmptyHeatmapEntry));
-}, ['vc']);
-const isRectInside = withProfiling(function isRectInside(a, b) {
+}
+function isRectInside(a, b) {
   if (!a || !b) {
     return false;
   }
 
   // Check if all corners of rectangle a are within the bounds of rectangle b
   return a.left >= b.left && a.right <= b.right && a.top >= b.top && a.bottom <= b.bottom;
-}, ['vc']);
+}
 export default class Heatmap {
   /**
    * Heatmap Width
@@ -40,8 +39,6 @@ export default class Heatmap {
     viewport,
     heatmapSize
   }) {
-    const operationTimer = markProfilingStart('Heatmap constructor');
-
     // TODO timeOrigin? do we need? for SSR??
     this.viewport = viewport;
     const safeSize = Math.min(heatmapSize, MAX_HEATMAP_SIZE);
@@ -68,15 +65,6 @@ export default class Heatmap {
     this.scaleY = this.height / viewport.height;
     this.heatmapAreaSize = this.width * this.height;
     this.map = createEmptyMap(this.width, this.height);
-    this.getHeatmap = withProfiling(this.getHeatmap.bind(this), ['vc']);
-    this.getCell = withProfiling(this.getCell.bind(this), ['vc']);
-    this.mapDOMRectToHeatmap = withProfiling(this.mapDOMRectToHeatmap.bind(this), ['vc']);
-    this.getRatio = withProfiling(this.getRatio.bind(this), ['vc']);
-    this.applyEntriesToHeatmap = withProfiling(this.applyEntriesToHeatmap.bind(this), ['vc']);
-    this.getVCPercentMetrics = withProfiling(this.getVCPercentMetrics.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   getHeatmap() {
     return this.map;

package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/index.js

@@ -1,28 +1,27 @@
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../../../self-measurements';
 import isViewportEntryData from '../../utils/is-viewport-entry-data';
 import taskYield from '../../utils/task-yield';
 const MAX_HEATMAP_SIZE = 1000;
-const createEmptyHeatmapEntry = withProfiling(function createEmptyHeatmapEntry() {
+function createEmptyHeatmapEntry() {
   return {
     head: null,
     previousEntries: []
   };
-}, ['vc']);
-const createEmptyMap = withProfiling(function createEmptyMap(heatmapWidth, heatmapHeight) {
+}
+function createEmptyMap(heatmapWidth, heatmapHeight) {
   return Array.from({
     length: heatmapHeight
   }).map(() => Array.from({
     length: heatmapWidth
   }).map(createEmptyHeatmapEntry));
-}, ['vc']);
-const isRectInside = withProfiling(function isRectInside(a, b) {
+}
+function isRectInside(a, b) {
   if (!a || !b) {
     return false;
   }
 
   // Check if all corners of rectangle a are within the bounds of rectangle b
   return a.left >= b.left && a.right <= b.right && a.top >= b.top && a.bottom <= b.bottom;
-}, ['vc']);
+}
 class Heatmap {
   /**
    * Heatmap Width
@@ -40,8 +39,6 @@ class Heatmap {
     viewport,
     heatmapSize
   }) {
-    const operationTimer = markProfilingStart('Heatmap constructor');
-
     // TODO timeOrigin? do we need? for SSR??
     this.viewport = viewport;
     const safeSize = Math.min(heatmapSize, MAX_HEATMAP_SIZE);
@@ -68,15 +65,6 @@ class Heatmap {
     this.scaleY = this.height / viewport.height;
     this.heatmapAreaSize = this.width * this.height;
     this.map = createEmptyMap(this.width, this.height);
-    this.getHeatmap = withProfiling(this.getHeatmap.bind(this), ['vc']);
-    this.getCell = withProfiling(this.getCell.bind(this), ['vc']);
-    this.mapDOMRectToHeatmap = withProfiling(this.mapDOMRectToHeatmap.bind(this), ['vc']);
-    this.getRatio = withProfiling(this.getRatio.bind(this), ['vc']);
-    this.applyEntriesToHeatmap = withProfiling(this.applyEntriesToHeatmap.bind(this), ['vc']);
-    this.getVCPercentMetrics = withProfiling(this.getVCPercentMetrics.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   getHeatmap() {
     return this.map;
@@ -258,7 +246,7 @@ class Heatmap {
     return result;
   }
 }
-const calculateTTVCPercentiles = withProfiling(async function calculateTTVCPercentiles({
+async function calculateTTVCPercentiles({
   orderedEntries,
   viewport,
   percentiles,
@@ -271,5 +259,5 @@ const calculateTTVCPercentiles = withProfiling(async function calculateTTVCPerce
   await heatmap.applyEntriesToHeatmap(orderedEntries);
   const vcDetails = await heatmap.getVCPercentMetrics(percentiles, startTime);
   return vcDetails;
-}, ['vc']);
+}
 export default calculateTTVCPercentiles;

package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/index.js

@@ -1,8 +1,7 @@
-import { withProfiling } from '../../../../self-measurements';
 import calcUsingCanvas from './canvas-heatmap';
 import caclUsingOldHeatmap from './heatmap';
 import calcUsingRectSweepingLine from './rect-sweeping-line';
-const calculateTTVCPercentiles = withProfiling(async function calculateTTVCPercentiles(arg) {
+async function calculateTTVCPercentiles(arg) {
   const algo = 'canvas_heatmap';
   if (algo === 'canvas_heatmap') {
     const vcDetails = await calcUsingCanvas(arg);
@@ -17,5 +16,5 @@ const calculateTTVCPercentiles = withProfiling(async function calculateTTVCPerce
     return vcDetails;
   }
   throw new Error('unexpected Error algo not chosen correctly');
-}, ['vc']);
+}
 export default calculateTTVCPercentiles;

package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/calc-union-area.js

@@ -1,4 +1,3 @@
-import { withProfiling } from '../../../../../self-measurements';
 /**
  * Calculate the union areas of all rectangles using Sweep Line Algorithm
  *
@@ -9,7 +8,7 @@ import { withProfiling } from '../../../../../self-measurements';
  * @param rectangles
  * @returns
  */
-const calculateUnionArea = withProfiling(function calculateUnionArea(rectangles) {
+function calculateUnionArea(rectangles) {
   // Step 1: Create sweep line events
   const events = createSweepLineEvents(rectangles);
 
@@ -28,9 +27,9 @@ const calculateUnionArea = withProfiling(function calculateUnionArea(rectangles)
     updateActiveIntervals(activeIntervals, event);
   }
   return totalArea;
-}, ['vc']);
+}
 export default calculateUnionArea;
-const createSweepLineEvents = withProfiling(function createSweepLineEvents(rectangles) {
+function createSweepLineEvents(rectangles) {
   const events = [];
   for (const rect of rectangles) {
     // Create start and end events for each rectangle
@@ -49,8 +48,8 @@ const createSweepLineEvents = withProfiling(function createSweepLineEvents(recta
   }
   // Sort events by x-coordinate (and type as tiebreaker)
   return events.sort((a, b) => a.x === b.x ? a.type === 'end' ? 1 : -1 : a.x - b.x);
-}, ['vc']);
-const calculateActiveHeight = withProfiling(function calculateActiveHeight(intervals) {
+}
+function calculateActiveHeight(intervals) {
   if (intervals.size === 0) {
     return 0;
   }
@@ -84,8 +83,8 @@ const calculateActiveHeight = withProfiling(function calculateActiveHeight(inter
     }
   }
   return totalHeight;
-}, ['vc']);
-const updateActiveIntervals = withProfiling(function updateActiveIntervals(intervals, event) {
+}
+function updateActiveIntervals(intervals, event) {
   const key = `${event.top},${event.bottom}`;
   if (event.type === 'start') {
     intervals.set(key, (intervals.get(key) || 0) + 1);
@@ -97,4 +96,4 @@ const updateActiveIntervals = withProfiling(function updateActiveIntervals(inter
       intervals.delete(key);
     }
   }
-}, ['vc']);
+}

package/dist/es2019/vc/vc-observer-new/metric-calculator/percentile-calc/rect-sweeping-line/index.js

@@ -1,8 +1,7 @@
-import { withProfiling } from '../../../../../self-measurements';
 import isViewportEntryData from '../../utils/is-viewport-entry-data';
 import taskYield from '../../utils/task-yield';
 import calculateUnionArea from './calc-union-area';
-const calculateTTVCPercentiles = withProfiling(async function calculateTTVCPercentiles({
+async function calculateTTVCPercentiles({
   orderedEntries,
   viewport,
   percentiles,
@@ -57,5 +56,5 @@ const calculateTTVCPercentiles = withProfiling(async function calculateTTVCPerce
     }
   }
   return checkpoints;
-}, ['vc']);
+}
 export default calculateTTVCPercentiles;

package/dist/es2019/vc/vc-observer-new/metric-calculator/utils/get-viewport-height.js

@@ -1,5 +1,4 @@
-import { withProfiling } from '../../../../self-measurements';
-const getViewportHeight = withProfiling(function getViewportHeight(document = window.document) {
+function getViewportHeight(document = window.document) {
   let documentHeight;
   try {
     documentHeight = document.documentElement.clientHeight || 0;
@@ -7,5 +6,5 @@ const getViewportHeight = withProfiling(function getViewportHeight(document = wi
     documentHeight = 0;
   }
   return Math.max(documentHeight, window.innerHeight || 0);
-}, ['vc']);
+}
 export default getViewportHeight;

package/dist/es2019/vc/vc-observer-new/metric-calculator/utils/get-viewport-width.js

@@ -1,5 +1,4 @@
-import { withProfiling } from '../../../../self-measurements';
-const getViewportWidth = withProfiling(function getViewportWidth(document = window.document) {
+function getViewportWidth(document = window.document) {
   let documentWidth;
   try {
     documentWidth = document.documentElement.clientWidth || 0;
@@ -7,5 +6,5 @@ const getViewportWidth = withProfiling(function getViewportWidth(document = wind
     documentWidth = 0;
   }
   return Math.max(documentWidth, window.innerWidth || 0);
-}, ['vc']);
+}
 export default getViewportWidth;

package/dist/es2019/vc/vc-observer-new/metric-calculator/utils/is-viewport-entry-data.js

@@ -1,5 +1,4 @@
-import { withProfiling } from '../../../../self-measurements';
-const isViewportEntryData = withProfiling(function isViewportEntryData(data) {
+function isViewportEntryData(data) {
   if (data) {
     const hasElementName = typeof data.elementName === 'string';
     const hasRect = typeof data.rect !== 'undefined';
@@ -8,5 +7,5 @@ const isViewportEntryData = withProfiling(function isViewportEntryData(data) {
     }
   }
   return false;
-}, ['vc']);
+}
 export default isViewportEntryData;

package/dist/es2019/vc/vc-observer-new/metric-calculator/utils/task-yield.js

@@ -1,7 +1,5 @@
-import { withProfiling } from '../../../../self-measurements';
-
 // See https://developer.mozilla.org/en-US/docs/Web/API/Prioritized_Task_Scheduling_API
-const taskYield = withProfiling(async function taskYield() {
+async function taskYield() {
   // This is using globalThis to allow the yield task to be used outside of a browser env
   if ('scheduler' in globalThis &&
   // @ts-ignore
@@ -16,5 +14,5 @@ const taskYield = withProfiling(async function taskYield() {
   });
   setTimeout(resolve, 0);
   await p;
-}, ['vc']);
+}
 export default taskYield;

package/dist/es2019/vc/vc-observer-new/viewport-observer/index.js

@@ -1,10 +1,9 @@
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../self-measurements';
 import { isContainedWithinMediaWrapper } from '../../vc-observer/media-wrapper/vc-utils';
 import isNonVisualStyleMutation from '../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation';
 import { createIntersectionObserver } from './intersection-observer';
 import createMutationObserver from './mutation-observer';
 import createPerformanceObserver from './performance-observer';
-const isElementVisible = withProfiling(function isElementVisible(element) {
+function isElementVisible(element) {
   if (!(element instanceof HTMLElement)) {
     return true;
   }
@@ -20,25 +19,23 @@ const isElementVisible = withProfiling(function isElementVisible(element) {
     // there is no support for checkVisibility
     return true;
   }
-}, ['vc']);
-const sameRectSize = withProfiling(function sameRectSize(a, b) {
+}
+function sameRectSize(a, b) {
   if (!a || !b) {
     return false;
   }
   return a.width === b.width && a.height === b.height;
-}, ['vc']);
-const sameRectDimensions = withProfiling(function sameRectDimensions(a, b) {
+}
+function sameRectDimensions(a, b) {
   if (!a || !b) {
     return false;
   }
   return a.width === b.width && a.height === b.height && a.x === b.x && a.y === b.y;
-}, ['vc']);
+}
 export default class ViewportObserver {
   constructor({
-    onChange: _onChange
+    onChange: onChange
   }) {
-    const onChange = withProfiling(_onChange, ['vc']);
-    const operationTimer = markProfilingStart('ViewportObserver constructor');
     this.mapVisibleNodeRects = new WeakMap();
     this.intersectionObserver = createIntersectionObserver({
       onEntry: ({
@@ -167,11 +164,6 @@ export default class ViewportObserver {
         }
       }
     });
-    this.start = withProfiling(this.start.bind(this), ['vc']);
-    this.stop = withProfiling(this.stop.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   start() {
     var _this$mutationObserve, _this$performanceObse;

package/dist/es2019/vc/vc-observer-new/viewport-observer/intersection-observer/index.js

@@ -1,15 +1,15 @@
-import { withProfiling } from '../../../../self-measurements';
-const isValidEntry = withProfiling(function isValidEntry(entry) {
+function isValidEntry(entry) {
   return entry.isIntersecting && entry.intersectionRect.width > 0 && entry.intersectionRect.height > 0;
-}, ['vc']);
-export function createIntersectionObserver(args) {
+}
+export function createIntersectionObserver({
+  onEntry,
+  onObserved
+}) {
   if (!window || typeof window.IntersectionObserver !== 'function') {
     return null;
   }
-  const onEntry = withProfiling(args.onEntry, ['vc']);
-  const onObserved = typeof args.onObserved === 'function' ? withProfiling(args.onObserved, ['vc']) : undefined;
   const callbacksPerElement = new WeakMap();
-  const intersectionObserverCallback = withProfiling(function intersectionObserverCallback(entries) {
+  const intersectionObserverCallback = entries => {
     const validEntries = [];
     const startTime = performance.now();
     entries.forEach(entry => {
@@ -51,7 +51,7 @@ export function createIntersectionObserver(args) {
       time: startTime,
       elements: validEntries
     });
-  });
+  };
   const observer = new IntersectionObserver(intersectionObserverCallback);
   return {
     disconnect: () => {

package/dist/es2019/vc/vc-observer-new/viewport-observer/mutation-observer/index.js

@@ -1,12 +1,12 @@
-import { withProfiling } from '../../../../self-measurements';
-const createMutationObserver = withProfiling(function createMutationObserver(props) {
+function createMutationObserver({
+  onAttributeMutation,
+  onChildListMutation,
+  onMutationFinished
+}) {
   if (!window || typeof window.IntersectionObserver !== 'function') {
     return null;
   }
-  const onAttributeMutation = withProfiling(props.onAttributeMutation, ['vc']);
-  const onChildListMutation = withProfiling(props.onChildListMutation, ['vc']);
-  const onMutationFinished = typeof props.onMutationFinished === 'function' ? withProfiling(props.onMutationFinished, ['vc']) : undefined;
-  const mutationObserverCallback = withProfiling(function mutationObserverCallback(mutations) {
+  const mutationObserverCallback = mutations => {
     const addedNodes = [];
     const removedNodes = [];
     const targets = [];
@@ -17,13 +17,13 @@ const createMutationObserver = withProfiling(function createMutationObserver(pro
       if (mut.type === 'attributes') {
         var _mut$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
+        		*/
         const oldValue = (_mut$oldValue = mut.oldValue) !== null && _mut$oldValue !== void 0 ? _mut$oldValue : undefined;
         const newValue = mut.attributeName ? mut.target.getAttribute(mut.attributeName) : undefined;
         if (oldValue !== newValue) {
@@ -56,8 +56,8 @@ const createMutationObserver = withProfiling(function createMutationObserver(pro
     onMutationFinished === null || onMutationFinished === void 0 ? void 0 : onMutationFinished({
       targets
     });
-  });
+  };
   const observer = new MutationObserver(mutationObserverCallback);
   return observer;
-}, ['vc']);
+}
 export default createMutationObserver;

package/dist/es2019/vc/vc-observer-new/viewport-observer/performance-observer/index.js

@@ -1,7 +1,5 @@
-import { withProfiling } from '../../../../self-measurements';
-
 // The LayoutShiftAttribution API is returning the numbers on physical dimension
-export const convertPhysicalToLogicalResolution = withProfiling(function convertPhysicalToLogicalResolution(rect) {
+export function convertPhysicalToLogicalResolution(rect) {
   if (typeof window.devicePixelRatio !== 'number') {
     return rect;
   }
@@ -11,13 +9,14 @@ export const convertPhysicalToLogicalResolution = withProfiling(function convert
 
   // eslint-disable-next-line compat/compat
   return new DOMRect(rect.x / window.devicePixelRatio, rect.y / window.devicePixelRatio, rect.width / window.devicePixelRatio, rect.height / window.devicePixelRatio);
-}, ['vc']);
-const createPerformanceObserver = withProfiling(function createPerformanceObserver(args) {
+}
+function createPerformanceObserver({
+  onLayoutShift
+}) {
   if (!window || typeof window.PerformanceObserver !== 'function') {
     return null;
   }
-  const onLayoutShift = withProfiling(args.onLayoutShift, ['vc']);
-  const performanceObserverCallback = withProfiling(function performanceObserverCallback(entries) {
+  const performanceObserverCallback = entries => {
     for (const entry of entries.getEntries()) {
       if (entry.entryType === 'layout-shift') {
         // Ignored via go/ees005
@@ -36,8 +35,8 @@ const createPerformanceObserver = withProfiling(function createPerformanceObserv
         });
       }
     }
-  }, ['vc']);
+  };
   const observer = new PerformanceObserver(performanceObserverCallback);
   return observer;
-}, ['vc']);
+}
 export default createPerformanceObserver;

package/dist/es2019/vc/vc-observer-new/window-event-observer/index.js

@@ -1,15 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { bind } from 'bind-event-listener';
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../self-measurements';
 export default class WindowEventObserver {
   constructor(opts) {
     _defineProperty(this, "unbindFns", []);
-    const operationTimer = markProfilingStart('WindowEventObserver constructor');
-    this.onEvent = withProfiling(opts.onEvent, ['vc']);
-    this.bindEvent = withProfiling(this.bindEvent.bind(this), ['vc']);
-    this.start = withProfiling(this.start.bind(this), ['vc']);
-    this.stop = withProfiling(this.stop.bind(this), ['vc']);
-    markProfilingEnd(operationTimer);
+    this.onEvent = opts.onEvent;
   }
   bindEvent(type) {
     const unbindCallback = bind(window, {

package/dist/esm/additional-payload/utils/cache-hit-ratio/index.js

@@ -1,10 +1,9 @@
-import { withProfiling } from '../../../self-measurements';
 /* Borrowed from https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/performance/browser-metrics/src/plugins/timings/resource.ts */
 var cacheableTypes = ['script', 'link'];
 var CACHE_NETWORK = 'network';
 var CACHE_MEMORY = 'memory';
 var CACHE_DISK = 'disk';
-var calculateTransferType = withProfiling(function calculateTransferType(type, duration, size) {
+function calculateTransferType(type, duration, size) {
   if (!cacheableTypes.includes(type)) {
     return CACHE_NETWORK;
   }
@@ -18,8 +17,8 @@ var calculateTransferType = withProfiling(function calculateTransferType(type, d
     return null;
   }
   return CACHE_NETWORK;
-});
-export var getCacheHitRatio = withProfiling(function getCacheHitRatio(_ref) {
+}
+export function getCacheHitRatio(_ref) {
   var start = _ref.start;
   var fromCache = 0;
   var preloadFromCache = 0;
@@ -61,4 +60,4 @@ export var getCacheHitRatio = withProfiling(function getCacheHitRatio(_ref) {
   } catch (e) {
     return {};
   }
-});
+}