@atlaskit/react-ufo 3.6.6 → 3.6.7

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

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _VCObserver;
 import { fg } from '@atlaskit/platform-feature-flags';
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../self-measurements';
 import { attachAbortListeners } from './attachAbortListeners';
 import { getVCRevisionsData } from './getVCRevisionsData';
 import { getViewportHeight, getViewportWidth } from './getViewport';
@@ -15,7 +13,7 @@ const abortReason = {
   error: 'error'
 };
 const UNUSED_SECTOR = 0;
-const filterComponentsLog = withProfiling(function filterComponentsLog(log) {
+function filterComponentsLog(log) {
   return Object.fromEntries(Object.entries(log).map(([timestamp, entries]) => [Number(timestamp), entries.map(entry => {
     const {
       __debug__element,
@@ -23,7 +21,7 @@ const filterComponentsLog = withProfiling(function filterComponentsLog(log) {
     } = entry;
     return rest;
   })]));
-}, ['vc']);
+}
 export class VCObserver {
   constructor(options) {
     /* abort logic */
@@ -481,7 +479,6 @@ export class VCObserver {
       }
       this.unbind = unbinds;
     });
-    const operationTimer = markProfilingStart('VCObserver constructor');
     this.arraySize = options.heatmapSize || 200;
     this.devToolsEnabled = options.devToolsEnabled || false;
     this.oldDomUpdatesEnabled = options.oldDomUpdates || false;
@@ -502,32 +499,6 @@ export class VCObserver {
       devToolsEnabled: this.devToolsEnabled
     });
     this.isPostInteraction = options.isPostInteraction || false;
-    this.start = withProfiling(this.start.bind(this), ['vc']);
-    this.stop = withProfiling(this.stop.bind(this), ['vc']);
-    this.getAbortReasonInfo = withProfiling(this.getAbortReasonInfo.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.getVCRawData = withProfiling(this.getVCRawData.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.getIgnoredElements = withProfiling(this.getIgnoredElements.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']);
-    this.handleUpdate = withProfiling(this.handleUpdate.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.legacyHandleUpdate = withProfiling(this.legacyHandleUpdate.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.onViewportChangeDetected = withProfiling(this.onViewportChangeDetected.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.setAbortReason = withProfiling(this.setAbortReason.bind(this), ['vc']);
-    this.resetState = withProfiling(this.resetState.bind(this), ['vc']);
-    this.setViewportSize = withProfiling(this.setViewportSize.bind(this), ['vc']);
-    this.mapPixelsToHeatmap = withProfiling(this.mapPixelsToHeatmap.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.getElementRatio = withProfiling(this.getElementRatio.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.applyChangesToHeatMap = withProfiling(this.applyChangesToHeatMap.bind(this), ['vc']);
-    this.abortReasonCallback = withProfiling(this.abortReasonCallback.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.attachAbortListeners = withProfiling(this.attachAbortListeners.bind(this), ['vc']); // TODO: confirm correct value of `this`
-    this.detachAbortListeners = withProfiling(this.detachAbortListeners.bind(this), ['vc']);
-    this.measureStart = withProfiling(this.measureStart.bind(this), ['vc']);
-    this.measureStop = withProfiling(this.measureStop.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   start({
     startTime
@@ -559,6 +530,100 @@ export class VCObserver {
       ignoreReason
     }));
   }
+  static calculateVC({
+    heatmap,
+    ssr = UNUSED_SECTOR,
+    componentsLog,
+    viewport
+  }) {
+    const lastUpdate = {};
+    let totalPainted = 0;
+    if (ssr !== UNUSED_SECTOR) {
+      var _window$document;
+      const element = {
+        __debug__element: new WeakRef((_window$document = window.document) === null || _window$document === void 0 ? void 0 : _window$document.body),
+        intersectionRect: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          x: 0,
+          y: 0,
+          width: viewport.w,
+          height: viewport.h,
+          toJSON() {
+            return {};
+          }
+        },
+        targetName: 'SSR'
+      };
+      if (!componentsLog[ssr]) {
+        componentsLog[ssr] = [];
+      }
+      componentsLog[ssr].push(element);
+    }
+    heatmap.forEach(line => {
+      line.forEach(entry => {
+        const rounded = Math.floor(entry === UNUSED_SECTOR && ssr !== UNUSED_SECTOR ? ssr : entry);
+        totalPainted += rounded !== UNUSED_SECTOR ? 1 : 0;
+        if (rounded !== UNUSED_SECTOR) {
+          lastUpdate[rounded] = lastUpdate[rounded] ? lastUpdate[rounded] + 1 : 1;
+        }
+      });
+    });
+    const entries = Object.entries(lastUpdate).map(a => [parseInt(a[0], 10), a[1]]).sort((a, b) => a[0] > b[0] ? 1 : -1);
+    const VC = VCObserver.makeVCReturnObj();
+    const VCBox = VCObserver.makeVCReturnObj();
+
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    const isCalcSpeedIndexEnabled = fg('ufo-calc-speed-index');
+    entries.reduce((acc = 0, v) => {
+      const currRatio = v[1] / totalPainted;
+      let VCRatio = currRatio + acc;
+      const preciseCurrRatio = Math.round(100 * (v[1] / totalPainted));
+      const preciseAccRatio = Math.round(acc * 100);
+      VCRatio = (preciseCurrRatio + preciseAccRatio) / 100;
+      const time = v[0];
+      VCObserver.VCParts.forEach(key => {
+        const value = parseInt(key, 10);
+        if ((VC[key] === null || VC[key] === undefined) && VCRatio >= value / 100) {
+          var _componentsLog$time;
+          VC[key] = time;
+          VCBox[key] = [...new Set((_componentsLog$time = componentsLog[time]) === null || _componentsLog$time === void 0 ? void 0 : _componentsLog$time.filter(v => !v.ignoreReason).map(v => v.targetName))];
+        }
+      });
+      return VCRatio;
+    }, 0);
+    const VCEntries = entries.reduce((acc, [timestamp, entryPainted], i) => {
+      var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
+      const currentlyPainted = entryPainted + (((_acc$abs = acc.abs[i - 1]) === null || _acc$abs === void 0 ? void 0 : _acc$abs[1]) || 0);
+      const currentlyPaintedRatio = Math.round(currentlyPainted / totalPainted * 1000) / 10;
+      const logEntry = [...new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.filter(v => !v.ignoreReason).map(v => v.targetName))];
+      const ratioDelta = (currentlyPaintedRatio - ((_acc$rel$vc = (_acc$rel = acc.rel[i - 1]) === null || _acc$rel === void 0 ? void 0 : _acc$rel.vc) !== null && _acc$rel$vc !== void 0 ? _acc$rel$vc : 0)) / 100;
+      if (isCalcSpeedIndexEnabled) {
+        const speedIndex = timestamp * ratioDelta;
+        acc.speedIndex += speedIndex;
+      }
+      acc.abs.push([timestamp, currentlyPainted]);
+      acc.rel.push({
+        time: timestamp,
+        vc: currentlyPaintedRatio,
+        elements: logEntry
+      });
+      return acc;
+    }, {
+      abs: [],
+      rel: [],
+      speedIndex: 0
+    });
+    VCEntries.speedIndex = Math.round(VCEntries.speedIndex);
+    return {
+      VC,
+      VCBox,
+      VCEntries,
+      totalPainted
+    };
+  }
   setSSRElement(element) {
     this.observers.setReactRootElement(element);
   }
@@ -628,6 +693,13 @@ export class VCObserver {
       }
     }
   }
+  static makeVCReturnObj() {
+    const vc = {};
+    VCObserver.VCParts.forEach(v => {
+      vc[v] = null;
+    });
+    return vc;
+  }
   detachAbortListeners() {
     this.unbind.forEach(fn => fn());
     this.unbind = [];
@@ -643,107 +715,5 @@ export class VCObserver {
     this._startMeasureTimestamp = -1;
   }
 }
-_VCObserver = VCObserver;
 /** config * */
-_defineProperty(VCObserver, "VCParts", ['25', '50', '75', '80', '85', '90', '95', '98', '99']);
-_defineProperty(VCObserver, "calculateVC", withProfiling(function calculateVC({
-  heatmap,
-  ssr = UNUSED_SECTOR,
-  componentsLog,
-  viewport
-}) {
-  const lastUpdate = {};
-  let totalPainted = 0;
-  if (ssr !== UNUSED_SECTOR) {
-    var _window$document;
-    const element = {
-      __debug__element: new WeakRef((_window$document = window.document) === null || _window$document === void 0 ? void 0 : _window$document.body),
-      intersectionRect: {
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        x: 0,
-        y: 0,
-        width: viewport.w,
-        height: viewport.h,
-        toJSON() {
-          return {};
-        }
-      },
-      targetName: 'SSR'
-    };
-    if (!componentsLog[ssr]) {
-      componentsLog[ssr] = [];
-    }
-    componentsLog[ssr].push(element);
-  }
-  heatmap.forEach(line => {
-    line.forEach(entry => {
-      const rounded = Math.floor(entry === UNUSED_SECTOR && ssr !== UNUSED_SECTOR ? ssr : entry);
-      totalPainted += rounded !== UNUSED_SECTOR ? 1 : 0;
-      if (rounded !== UNUSED_SECTOR) {
-        lastUpdate[rounded] = lastUpdate[rounded] ? lastUpdate[rounded] + 1 : 1;
-      }
-    });
-  });
-  const entries = Object.entries(lastUpdate).map(a => [parseInt(a[0], 10), a[1]]).sort((a, b) => a[0] > b[0] ? 1 : -1);
-  const VC = _VCObserver.makeVCReturnObj();
-  const VCBox = _VCObserver.makeVCReturnObj();
-
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  const isCalcSpeedIndexEnabled = fg('ufo-calc-speed-index');
-  entries.reduce((acc = 0, v) => {
-    const currRatio = v[1] / totalPainted;
-    let VCRatio = currRatio + acc;
-    const preciseCurrRatio = Math.round(100 * (v[1] / totalPainted));
-    const preciseAccRatio = Math.round(acc * 100);
-    VCRatio = (preciseCurrRatio + preciseAccRatio) / 100;
-    const time = v[0];
-    _VCObserver.VCParts.forEach(key => {
-      const value = parseInt(key, 10);
-      if ((VC[key] === null || VC[key] === undefined) && VCRatio >= value / 100) {
-        var _componentsLog$time;
-        VC[key] = time;
-        VCBox[key] = [...new Set((_componentsLog$time = componentsLog[time]) === null || _componentsLog$time === void 0 ? void 0 : _componentsLog$time.filter(v => !v.ignoreReason).map(v => v.targetName))];
-      }
-    });
-    return VCRatio;
-  }, 0);
-  const VCEntries = entries.reduce((acc, [timestamp, entryPainted], i) => {
-    var _acc$abs, _componentsLog$timest, _acc$rel$vc, _acc$rel;
-    const currentlyPainted = entryPainted + (((_acc$abs = acc.abs[i - 1]) === null || _acc$abs === void 0 ? void 0 : _acc$abs[1]) || 0);
-    const currentlyPaintedRatio = Math.round(currentlyPainted / totalPainted * 1000) / 10;
-    const logEntry = [...new Set((_componentsLog$timest = componentsLog[timestamp]) === null || _componentsLog$timest === void 0 ? void 0 : _componentsLog$timest.filter(v => !v.ignoreReason).map(v => v.targetName))];
-    const ratioDelta = (currentlyPaintedRatio - ((_acc$rel$vc = (_acc$rel = acc.rel[i - 1]) === null || _acc$rel === void 0 ? void 0 : _acc$rel.vc) !== null && _acc$rel$vc !== void 0 ? _acc$rel$vc : 0)) / 100;
-    if (isCalcSpeedIndexEnabled) {
-      const speedIndex = timestamp * ratioDelta;
-      acc.speedIndex += speedIndex;
-    }
-    acc.abs.push([timestamp, currentlyPainted]);
-    acc.rel.push({
-      time: timestamp,
-      vc: currentlyPaintedRatio,
-      elements: logEntry
-    });
-    return acc;
-  }, {
-    abs: [],
-    rel: [],
-    speedIndex: 0
-  });
-  VCEntries.speedIndex = Math.round(VCEntries.speedIndex);
-  return {
-    VC,
-    VCBox,
-    VCEntries,
-    totalPainted
-  };
-}, ['vc']));
-_defineProperty(VCObserver, "makeVCReturnObj", withProfiling(function makeVCReturnObj() {
-  const vc = {};
-  _VCObserver.VCParts.forEach(v => {
-    vc[v] = null;
-  });
-  return vc;
-}, ['vc']));
+_defineProperty(VCObserver, "VCParts", ['25', '50', '75', '80', '85', '90', '95', '98', '99']);

package/dist/es2019/vc/vc-observer/media-wrapper/vc-utils.js

@@ -1,6 +1,5 @@
-import { withProfiling } from '../../../self-measurements';
 import { MEDIA_WRAPPER_TAG } from './index';
-export const isContainedWithinMediaWrapper = withProfiling(function isContainedWithinMediaWrapper(node) {
+export function isContainedWithinMediaWrapper(node) {
   while (node) {
     if (node instanceof Element && node.hasAttribute(MEDIA_WRAPPER_TAG)) {
       return true;
@@ -8,4 +7,4 @@ export const isContainedWithinMediaWrapper = withProfiling(function isContainedW
     node = node.parentNode;
   }
   return false;
-});
+}

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../../self-measurements';
 const placeholderDataKey = 'editorLnvPlaceholder'; // data-editor-lnv-placeholder
 const replaceDataKey = 'editorLnvPlaceholderReplace'; // data-editor-lnv-placeholder-replace
 
@@ -64,23 +63,7 @@ export class EditorLnvHandler {
         return;
       }
     });
-    const operationTimer = markProfilingStart('EditorLnvHandler constructor');
     this.intersectionObserver = new IntersectionObserver(entries => entries.filter(entry => entry.intersectionRatio > 0).forEach(this.intersectionObserverCallback));
-    this.shouldHandleAddedNode = withProfiling(this.shouldHandleAddedNode.bind(this), ['vc']);
-    this.handleAddedNode = withProfiling(this.handleAddedNode.bind(this), ['vc']);
-    this.clear = withProfiling(this.clear.bind(this), ['vc']);
-    this.handleAddedPlaceholderNode = withProfiling(this.handleAddedPlaceholderNode.bind(this), ['vc']);
-    this.handleAddedReplaceNode = withProfiling(this.handleAddedReplaceNode.bind(this), ['vc']);
-    this.isExistingPlaceholder = withProfiling(this.isExistingPlaceholder.bind(this), ['vc']);
-    this.registerPlaceholder = withProfiling(this.registerPlaceholder.bind(this), ['vc']);
-    this.getSize = withProfiling(this.getSize.bind(this), ['vc']);
-    this.isAddedPlaceholderMatchingSize = withProfiling(this.isAddedPlaceholderMatchingSize.bind(this), ['vc']);
-    this.isAddedReplaceMatchingSize = withProfiling(this.isAddedReplaceMatchingSize.bind(this), ['vc']);
-    this.areRectsSameSize = withProfiling(this.areRectsSameSize.bind(this), ['vc']);
-    this.intersectionObserverCallback = withProfiling(this.intersectionObserverCallback.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   shouldHandleAddedNode(el) {
     var _el$dataset, _el$dataset2;

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

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { fg } from '@atlaskit/platform-feature-flags';
 import { shouldHandleEditorLnv } from '../../../config';
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../self-measurements';
 import { isContainedWithinMediaWrapper } from '../media-wrapper/vc-utils';
 import { EditorLnvHandler } from './editor-lnv';
 import isNonVisualStyleMutation from './non-visual-styles/is-non-visual-style-mutation';
@@ -11,7 +10,7 @@ const state = {
   waitingForFirstRender: 2,
   ignoring: 3
 };
-const isElementVisible = withProfiling(function isElementVisible(target) {
+function isElementVisible(target) {
   if (!target || typeof target.checkVisibility !== 'function') {
     return true;
   }
@@ -21,7 +20,7 @@ const isElementVisible = withProfiling(function isElementVisible(target) {
     visibilityProperty: true
   });
   return isVisible;
-}, ['vc']);
+}
 export class Observers {
   constructor(opts) {
     _defineProperty(this, "observedMutations", new WeakMap());
@@ -65,7 +64,6 @@ export class Observers {
         });
       }
     });
-    const operationTimer = markProfilingStart('Observers constructor');
     this.selectorConfig = {
       ...this.selectorConfig,
       ...opts.selectorConfig
@@ -74,23 +72,6 @@ export class Observers {
     this.mutationObserver = this.getMutationObserver();
     this.ssrPlaceholderHandler = new SSRPlaceholderHandlers();
     this.editorLnvHandler = new EditorLnvHandler();
-    this.isBrowserSupported = withProfiling(this.isBrowserSupported.bind(this), ['vc']);
-    this.observe = withProfiling(this.observe.bind(this), ['vc']);
-    this.disconnect = withProfiling(this.disconnect.bind(this), ['vc']);
-    this.subscribeResults = withProfiling(this.subscribeResults.bind(this), ['vc']);
-    this.getTotalTime = withProfiling(this.getTotalTime.bind(this), ['vc']);
-    this.setReactRootElement = withProfiling(this.setReactRootElement.bind(this), ['vc']);
-    this.setReactRootRenderStart = withProfiling(this.setReactRootRenderStart.bind(this), ['vc']);
-    this.setReactRootRenderStop = withProfiling(this.setReactRootRenderStop.bind(this), ['vc']);
-    this.observeElement = withProfiling(this.observeElement.bind(this), ['vc']);
-    this.getMutationObserver = withProfiling(this.getMutationObserver.bind(this), ['vc']);
-    this.getElementName = withProfiling(this.getElementName.bind(this), ['vc']);
-    this.getIntersectionObserver = withProfiling(this.getIntersectionObserver.bind(this), ['vc']);
-    this.measureStart = withProfiling(this.measureStart.bind(this), ['vc']);
-    this.measureStop = withProfiling(this.measureStop.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   isBrowserSupported() {
     return typeof window.IntersectionObserver === 'function' && typeof window.MutationObserver === 'function';
@@ -142,7 +123,6 @@ export class Observers {
     }
     const shouldHandleEditorLnvLocal = shouldHandleEditorLnv();
     return new MutationObserver(mutations => {
-      const operationTimer = markProfilingStart('mutationObserverCallback');
       this.measureStart();
       mutations.forEach(mutation => {
         // patching element if timestamp not automatically added
@@ -236,9 +216,6 @@ export class Observers {
           }
         }
       });
-      markProfilingEnd(operationTimer, {
-        tags: ['vc']
-      });
     });
   }
   getElementName(element) {
@@ -271,7 +248,6 @@ export class Observers {
       return null;
     }
     return new IntersectionObserver(entries => {
-      const operationTimer = markProfilingStart('intersectionObserverCallback');
       this.measureStart();
       entries.forEach(({
         isIntersecting,
@@ -306,9 +282,6 @@ export class Observers {
         }
       });
       this.measureStop();
-      markProfilingEnd(operationTimer, {
-        tags: ['vc']
-      });
     });
   }
   measureStart() {

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

@@ -1,5 +1,3 @@
-import { withProfiling } from '../../../../self-measurements';
-
 /**
  * Checks if a mutation record represents a non-visual style change
  * @param mutation - The mutation record to check
@@ -10,7 +8,7 @@ import { withProfiling } from '../../../../self-measurements';
  * - The changed attribute is either 'class' or 'style'
  */
 
-const isNonVisualStyleMutation = withProfiling(function isNonVisualStyleMutation({
+function isNonVisualStyleMutation({
   target,
   attributeName
 }) {
@@ -24,5 +22,5 @@ const isNonVisualStyleMutation = withProfiling(function isNonVisualStyleMutation
     return false;
   }
   return true;
-}, ['vc']);
+}
 export default isNonVisualStyleMutation;

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../../self-measurements';
 const ANCESTOR_LOOKUP_LIMIT = 10;
 export class SSRPlaceholderHandlers {
   constructor() {
@@ -60,7 +59,6 @@ export class SSRPlaceholderHandlers {
         this.reactValidateCallbacks.delete(staticKey);
       }
     });
-    const operationTimer = markProfilingStart('SSRPlaceholderHandlers constructor');
     if (typeof IntersectionObserver === 'function') {
       // Only instantiate the IntersectionObserver if it's supported
       this.intersectionObserver = new IntersectionObserver(entries => entries.filter(entry => entry.intersectionRatio > 0).forEach(this.intersectionObserverCallback));
@@ -96,20 +94,6 @@ export class SSRPlaceholderHandlers {
         delete window.__SSR_PLACEHOLDERS_DIMENSIONS__;
       }
     }
-    this.clear = withProfiling(this.clear.bind(this), ['vc']);
-    this.isPlaceholder = withProfiling(this.isPlaceholder.bind(this), ['vc']);
-    this.isPlaceholderReplacement = withProfiling(this.isPlaceholderReplacement.bind(this), ['vc']);
-    this.isPlaceholderIgnored = withProfiling(this.isPlaceholderIgnored.bind(this), ['vc']);
-    this.findNearestPlaceholderContainerIfIgnored = withProfiling(this.findNearestPlaceholderContainerIfIgnored.bind(this), ['vc']);
-    this.checkIfExistedAndSizeMatching = withProfiling(this.checkIfExistedAndSizeMatching.bind(this), ['vc']);
-    this.getSize = withProfiling(this.getSize.bind(this), ['vc']);
-    this.validateReactComponentMatchToPlaceholder = withProfiling(this.validateReactComponentMatchToPlaceholder.bind(this), ['vc']);
-    this.hasSameSizePosition = withProfiling(this.hasSameSizePosition.bind(this), ['vc']);
-    this.isDummyRect = withProfiling(this.isDummyRect.bind(this), ['vc']);
-    this.intersectionObserverCallback = withProfiling(this.intersectionObserverCallback.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   clear() {
     this.staticPlaceholders = new Map();

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { withProfiling } from '../../../self-measurements';
 import { ViewportUpdateClassifier } from './ViewportUpdateClassifier';
 const legacyIgnoreReasons = ['image', 'ssr-hydration', 'editor-lazy-node-view'];
 export class FY25_01Classifier extends ViewportUpdateClassifier {
@@ -51,7 +50,6 @@ export class FY25_01Classifier extends ViewportUpdateClassifier {
       }
     }]);
     this.mergeConfig();
-    this.VCCalculationMethod = withProfiling(this.VCCalculationMethod.bind(this), ['vc']);
   }
 }
 export const revFY25_01Classifier = new FY25_01Classifier();

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { withProfiling } from '../../../self-measurements';
 import { FY25_01Classifier } from './fy25_01';
 export class FY25_02Classifier extends FY25_01Classifier {
   // @todo remove it once fixed as described: https://product-fabric.atlassian.net/browse/AFO-3443
@@ -31,7 +30,6 @@ export class FY25_02Classifier extends FY25_01Classifier {
     }]);
     _defineProperty(this, "removedFilters", []);
     this.mergeConfig();
-    this.filterComponentsLog = withProfiling(this.filterComponentsLog.bind(this), ['vc']);
   }
 }
 export const revFY25_02Classifier = new FY25_02Classifier();

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

@@ -1,8 +1,7 @@
 import { fg } from '@atlaskit/platform-feature-flags';
-import { withProfiling } from '../../../self-measurements';
 import { revFY25_01Classifier } from './fy25_01';
 import { revFY25_02Classifier } from './fy25_02';
-export const getRevisions = withProfiling(function getRevisions() {
+export function getRevisions() {
   if (fg('platform_ufo_disable_ttvc_v1')) {
     return [{
       name: 'fy25.02',
@@ -16,4 +15,4 @@ export const getRevisions = withProfiling(function getRevisions() {
     name: 'fy25.02',
     classifier: revFY25_02Classifier
   }];
-}, ['vc']);
+}

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

@@ -1,18 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { markProfilingEnd, markProfilingStart, withProfiling } from '../../../self-measurements';
 export default class EntriesTimeline {
   constructor() {
     _defineProperty(this, "unorderedEntries", []);
     _defineProperty(this, "sortedEntriesCache", new Map());
-    const operationTimer = markProfilingStart('EntriesTimeline constructor');
     this.unorderedEntries = [];
-    this.push = withProfiling(this.push.bind(this), ['vc']);
-    this.getCacheKey = withProfiling(this.getCacheKey.bind(this), ['vc']);
-    this.getOrderedEntries = withProfiling(this.getOrderedEntries.bind(this), ['vc']);
-    this.clear = withProfiling(this.clear.bind(this), ['vc']);
-    markProfilingEnd(operationTimer, {
-      tags: ['vc']
-    });
   }
   push(entry) {
     this.unorderedEntries.push(entry);

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

@@ -1,6 +1,5 @@
-import { withProfiling } from '../../self-measurements';
 const nameCache = new WeakMap();
-const getElementName = withProfiling(function getElementName(selectorConfig, element) {
+function getElementName(selectorConfig, element) {
   if (!(element instanceof HTMLElement)) {
     return 'error';
   }
@@ -65,5 +64,5 @@ const getElementName = withProfiling(function getElementName(selectorConfig, ele
   const name = `${tagName}${attributes || classList}`;
   nameCache.set(element, name);
   return name;
-}, ['vc']);
+}
 export default getElementName;

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

@@ -1,24 +1,23 @@
-import { withProfiling } from '../../self-measurements';
 const nameCache = new WeakMap();
-const getAttributeSelector = withProfiling(function getAttributeSelector(element, attributeName) {
+function getAttributeSelector(element, attributeName) {
   const attrValue = element.getAttribute(attributeName);
   if (!attrValue) {
     return '';
   }
   return `[${attributeName}="${attrValue}"]`;
-}, ['vc']);
-const isValidSelector = withProfiling(function isValidSelector(selector) {
+}
+function isValidSelector(selector) {
   try {
     document.querySelector(selector);
     return true;
   } catch (err) {
     return false;
   }
-}, ['vc']);
-const isSelectorUnique = withProfiling(function isSelectorUnique(selector) {
+}
+function isSelectorUnique(selector) {
   return document.querySelectorAll(selector).length === 1;
-}, ['vc']);
-const getUniqueSelector = withProfiling(function getUniqueSelector(selectorConfig, element) {
+}
+function getUniqueSelector(selectorConfig, element) {
   let currentElement = element;
   const parts = [];
   const MAX_DEPTH = 3;
@@ -60,8 +59,8 @@ const getUniqueSelector = withProfiling(function getUniqueSelector(selectorConfi
     }
   }
   return potentialSelector;
-}, ['vc']);
-const getElementName = withProfiling(function getElementName(selectorConfig, element) {
+}
+function getElementName(selectorConfig, element) {
   if (!(element instanceof HTMLElement)) {
     return 'error';
   }
@@ -72,5 +71,5 @@ const getElementName = withProfiling(function getElementName(selectorConfig, ele
   const uniqueSelector = getUniqueSelector(selectorConfig, element);
   nameCache.set(element, uniqueSelector);
   return uniqueSelector;
-}, ['vc']);
+}
 export default getElementName;

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)) {