@atlaskit/react-ufo 3.4.14 → 3.5.1

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _selfMeasurements = require("../../../self-measurements");
 var _vcUtils = require("../../vc-observer/media-wrapper/vc-utils");
 var _isNonVisualStyleMutation = _interopRequireDefault(require("../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation"));
 var _intersectionObserver = require("./intersection-observer");
@@ -15,7 +16,7 @@ var _performanceObserver = _interopRequireDefault(require("./performance-observe
 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; }
-function isElementVisible(element) {
+var isElementVisible = (0, _selfMeasurements.withProfiling)(function isElementVisible(element) {
   if (!(element instanceof HTMLElement)) {
     return true;
   }
@@ -31,24 +32,26 @@ function isElementVisible(element) {
     // there is no support for checkVisibility
     return true;
   }
-}
-function sameRectSize(a, b) {
+}, ['vc']);
+var sameRectSize = (0, _selfMeasurements.withProfiling)(function sameRectSize(a, b) {
   if (!a || !b) {
     return false;
   }
   return a.width === b.width && a.height === b.height;
-}
-function sameRectDimensions(a, b) {
+}, ['vc']);
+var sameRectDimensions = (0, _selfMeasurements.withProfiling)(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']);
 var ViewportObserver = exports.default = /*#__PURE__*/function () {
   function ViewportObserver(_ref) {
     var _this = this;
-    var onChange = _ref.onChange;
+    var _onChange = _ref.onChange;
     (0, _classCallCheck2.default)(this, ViewportObserver);
+    var onChange = (0, _selfMeasurements.withProfiling)(_onChange, ['vc']);
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('ViewportObserver constructor');
     this.mapVisibleNodeRects = new WeakMap();
     this.intersectionObserver = (0, _intersectionObserver.createIntersectionObserver)({
       onEntry: function onEntry(_ref2) {
@@ -186,6 +189,11 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
         }
       }
     });
+    this.start = (0, _selfMeasurements.withProfiling)(this.start.bind(this), ['vc']);
+    this.stop = (0, _selfMeasurements.withProfiling)(this.stop.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer, {
+      tags: ['vc']
+    });
   }
   return (0, _createClass2.default)(ViewportObserver, [{
     key: "start",

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

@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createIntersectionObserver = createIntersectionObserver;
-function isValidEntry(entry) {
+var _selfMeasurements = require("../../../../self-measurements");
+var isValidEntry = (0, _selfMeasurements.withProfiling)(function isValidEntry(entry) {
   return entry.isIntersecting && entry.intersectionRect.width > 0 && entry.intersectionRect.height > 0;
-}
+}, ['vc']);
 function createIntersectionObserver(args) {
   if (!window || typeof window.IntersectionObserver !== 'function') {
     return null;
   }
+  var onEntry = (0, _selfMeasurements.withProfiling)(args.onEntry, ['vc']);
+  var onObserved = typeof args.onObserved === 'function' ? (0, _selfMeasurements.withProfiling)(args.onObserved, ['vc']) : undefined;
   var callbacksPerElement = new WeakMap();
-  var observer = new IntersectionObserver(function (entries) {
-    var _args$onObserved;
+  var intersectionObserverCallback = (0, _selfMeasurements.withProfiling)(function intersectionObserverCallback(entries) {
     var validEntries = [];
     var startTime = performance.now();
     entries.forEach(function (entry) {
@@ -39,7 +41,7 @@ function createIntersectionObserver(args) {
       } else if (typeof tagOrCallback === 'string') {
         mutationTag = tagOrCallback;
       }
-      args.onEntry({
+      onEntry({
         target: entry.target,
         rect: entry.intersectionRect,
         time: entry.time,
@@ -50,21 +52,22 @@ function createIntersectionObserver(args) {
       callbacksPerElement.delete(entry.target);
       observer.unobserve(entry.target);
     });
-    (_args$onObserved = args.onObserved) === null || _args$onObserved === void 0 || _args$onObserved.call(args, {
+    onObserved === null || onObserved === void 0 || onObserved({
       time: startTime,
       elements: validEntries
     });
   });
+  var observer = new IntersectionObserver(intersectionObserverCallback);
   return {
-    disconnect: function disconnect() {
+    disconnect: (0, _selfMeasurements.withProfiling)(function disconnect() {
       observer.disconnect();
-    },
-    unobserve: function unobserve(target) {
+    }, ['vc']),
+    unobserve: (0, _selfMeasurements.withProfiling)(function unobserve(target) {
       observer.unobserve(target);
-    },
-    watchAndTag: function watchAndTag(target, tagOrCallback) {
+    }, ['vc']),
+    watchAndTag: (0, _selfMeasurements.withProfiling)(function watchAndTag(target, tagOrCallback) {
       callbacksPerElement.set(target, tagOrCallback);
       observer.observe(target);
-    }
+    }, ['vc'])
   };
 }

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

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = createMutationObserver;
+exports.default = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _selfMeasurements = require("../../../../self-measurements");
 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; }
-function createMutationObserver(_ref) {
-  var onAttributeMutation = _ref.onAttributeMutation,
-    onChildListMutation = _ref.onChildListMutation,
-    onMutationFinished = _ref.onMutationFinished;
+var createMutationObserver = (0, _selfMeasurements.withProfiling)(function createMutationObserver(props) {
   if (!window || typeof window.IntersectionObserver !== 'function') {
     return null;
   }
-  var observer = new MutationObserver(function (mutations) {
+  var onAttributeMutation = (0, _selfMeasurements.withProfiling)(props.onAttributeMutation, ['vc']);
+  var onChildListMutation = (0, _selfMeasurements.withProfiling)(props.onChildListMutation, ['vc']);
+  var onMutationFinished = typeof props.onMutationFinished === 'function' ? (0, _selfMeasurements.withProfiling)(props.onMutationFinished, ['vc']) : undefined;
+  var mutationObserverCallback = (0, _selfMeasurements.withProfiling)(function mutationObserverCallback(mutations) {
     var addedNodes = [];
     var removedNodes = [];
     var targets = [];
@@ -31,12 +32,12 @@ function createMutationObserver(_ref) {
           if ((0, _platformFeatureFlags.fg)('platform_ufo_vc_ignore_same_value_mutation')) {
             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
             */
             var oldValue = (_mut$oldValue = mut.oldValue) !== null && _mut$oldValue !== void 0 ? _mut$oldValue : undefined;
             var newValue = mut.attributeName ? mut.target.getAttribute(mut.attributeName) : undefined;
@@ -83,5 +84,7 @@ function createMutationObserver(_ref) {
       targets: targets
     });
   });
+  var observer = new MutationObserver(mutationObserverCallback);
   return observer;
-}
+}, ['vc']);
+var _default = exports.default = createMutationObserver;

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.convertPhysicalToLogicalResolution = convertPhysicalToLogicalResolution;
-exports.default = createPerformanceObserver;
+exports.default = exports.convertPhysicalToLogicalResolution = void 0;
+var _selfMeasurements = require("../../../../self-measurements");
 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; }
 // The LayoutShiftAttribution API is returning the numbers on physical dimension
-function convertPhysicalToLogicalResolution(rect) {
+var convertPhysicalToLogicalResolution = exports.convertPhysicalToLogicalResolution = (0, _selfMeasurements.withProfiling)(function convertPhysicalToLogicalResolution(rect) {
   if (typeof window.devicePixelRatio !== 'number') {
     return rect;
   }
@@ -19,13 +19,13 @@ function convertPhysicalToLogicalResolution(rect) {
 
   // 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);
-}
-function createPerformanceObserver(args) {
+}, ['vc']);
+var createPerformanceObserver = (0, _selfMeasurements.withProfiling)(function createPerformanceObserver(args) {
   if (!window || typeof window.PerformanceObserver !== 'function') {
     return null;
   }
-  var onLayoutShift = args.onLayoutShift;
-  var observer = new PerformanceObserver(function (entries) {
+  var onLayoutShift = (0, _selfMeasurements.withProfiling)(args.onLayoutShift, ['vc']);
+  var performanceObserverCallback = (0, _selfMeasurements.withProfiling)(function performanceObserverCallback(entries) {
     var _iterator = _createForOfIteratorHelper(entries.getEntries()),
       _step;
     try {
@@ -53,6 +53,8 @@ function createPerformanceObserver(args) {
     } finally {
       _iterator.f();
     }
-  });
+  }, ['vc']);
+  var observer = new PerformanceObserver(performanceObserverCallback);
   return observer;
-}
+}, ['vc']);
+var _default = exports.default = createPerformanceObserver;

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

@@ -9,11 +9,17 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _bindEventListener = require("bind-event-listener");
+var _selfMeasurements = require("../../../self-measurements");
 var WindowEventObserver = exports.default = /*#__PURE__*/function () {
   function WindowEventObserver(opts) {
     (0, _classCallCheck2.default)(this, WindowEventObserver);
     (0, _defineProperty2.default)(this, "unbindFns", []);
-    this.onEvent = opts.onEvent;
+    var operationTimer = (0, _selfMeasurements.markProfilingStart)('WindowEventObserver constructor');
+    this.onEvent = (0, _selfMeasurements.withProfiling)(opts.onEvent, ['vc']);
+    this.bindEvent = (0, _selfMeasurements.withProfiling)(this.bindEvent.bind(this), ['vc']);
+    this.start = (0, _selfMeasurements.withProfiling)(this.start.bind(this), ['vc']);
+    this.stop = (0, _selfMeasurements.withProfiling)(this.stop.bind(this), ['vc']);
+    (0, _selfMeasurements.markProfilingEnd)(operationTimer);
   }
   return (0, _createClass2.default)(WindowEventObserver, [{
     key: "bindEvent",

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

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

package/dist/es2019/additional-payload/utils/lighthouse-metrics/cls/index.js

@@ -1,4 +1,5 @@
-export const getCLS = (start, stop, buffer) => {
+import { withProfiling } from '../../../../self-measurements';
+export const getCLS = withProfiling(function getCLS(start, stop, buffer) {
   const layoutShifts = buffer.getAll().filter(entry => entry.startTime >= start && entry.startTime <= stop);
   const sessionWindows = [];
   let currentWindow = null;
@@ -30,4 +31,4 @@ export const getCLS = (start, stop, buffer) => {
 
   // Return score of largest burst as CLS metric
   return Math.round(maxScore * 10000) / 10000;
-};
+});

package/dist/es2019/additional-payload/utils/lighthouse-metrics/index.js

@@ -1,16 +1,17 @@
+import { withProfiling } from '../../../self-measurements';
 import { getCLS } from './cls';
 import { PerformanceObserverEntryTypes } from './const';
 import { getTBT } from './tbt';
 import { EntriesBuffer } from './utils/buffer';
 import { startLSObserver, startLTObserver } from './utils/observer';
-export function startLighthouseObserver() {
+export const startLighthouseObserver = withProfiling(function startLighthouseObserver() {
   startLSObserver();
   startLTObserver();
-}
-export const getLighthouseMetrics = ({
+});
+export const getLighthouseMetrics = withProfiling(function getLighthouseMetrics({
   start,
   stop
-}) => {
+}) {
   const tbt = getTBT(start, stop, EntriesBuffer[PerformanceObserverEntryTypes.LongTask]);
 
   // no round as CLS is usually 0-1
@@ -20,4 +21,4 @@ export const getLighthouseMetrics = ({
     'metric:tbt:observed': Math.round(tbt.observed),
     'metric:cls': cls
   };
-};
+});

package/dist/es2019/additional-payload/utils/lighthouse-metrics/tbt/index.js

@@ -1,15 +1,18 @@
+import { withProfiling } from '../../../../self-measurements';
 const MAX_ACCEPTABLE_TASK_DURATION = 50;
-export const getTBT = (start, stop, buffer) => buffer.getAll().filter(entry => entry.startTime <= stop && entry.duration > MAX_ACCEPTABLE_TASK_DURATION && (entry.startTime >= start || entry.startTime + entry.duration >= start || entry.startTime <= start && entry.startTime + entry.duration >= stop)).reduce((tbt, entry) => {
-  const longTaskStop = entry.startTime + entry.duration;
-  const intersectStart = Math.max(entry.startTime + MAX_ACCEPTABLE_TASK_DURATION, start);
-  const intersectStop = Math.min(longTaskStop, stop);
-  const longTaskIncluded = Math.max(intersectStop - intersectStart, 0);
-  // eslint-disable-next-line no-param-reassign
-  tbt.observed += entry.duration - MAX_ACCEPTABLE_TASK_DURATION;
-  // eslint-disable-next-line no-param-reassign
-  tbt.total += longTaskIncluded;
-  return tbt;
-}, {
-  total: 0,
-  observed: 0
+export const getTBT = withProfiling(function getTBT(start, stop, buffer) {
+  return buffer.getAll().filter(entry => entry.startTime <= stop && entry.duration > MAX_ACCEPTABLE_TASK_DURATION && (entry.startTime >= start || entry.startTime + entry.duration >= start || entry.startTime <= start && entry.startTime + entry.duration >= stop)).reduce((tbt, entry) => {
+    const longTaskStop = entry.startTime + entry.duration;
+    const intersectStart = Math.max(entry.startTime + MAX_ACCEPTABLE_TASK_DURATION, start);
+    const intersectStop = Math.min(longTaskStop, stop);
+    const longTaskIncluded = Math.max(intersectStop - intersectStart, 0);
+    // eslint-disable-next-line no-param-reassign
+    tbt.observed += entry.duration - MAX_ACCEPTABLE_TASK_DURATION;
+    // eslint-disable-next-line no-param-reassign
+    tbt.total += longTaskIncluded;
+    return tbt;
+  }, {
+    total: 0,
+    observed: 0
+  });
 });

package/dist/es2019/additional-payload/utils/lighthouse-metrics/utils/buffer/index.js

@@ -1,10 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { withProfiling } from '../../../../../self-measurements';
 import { PerformanceObserverEntryTypes } from '../../const';
 export class BufferWithMaxLength {
   constructor(maxLength = 1000) {
     _defineProperty(this, "buffer", []);
     _defineProperty(this, "full", false);
     this.maxLength = maxLength;
+    this.push = withProfiling(this.push.bind(this));
+    this.getAll = withProfiling(this.getAll.bind(this));
   }
   push(item) {
     if (this.full || this.maxLength === this.buffer.length) {

package/dist/es2019/additional-payload/utils/lighthouse-metrics/utils/observer/index.js

@@ -1,7 +1,8 @@
+import { withProfiling } from '../../../../../self-measurements';
 import { PerformanceObserverEntryTypes } from '../../const';
 import { EntriesBuffer } from '../buffer';
 let pe = null;
-const getObserver = () => {
+const getObserver = withProfiling(function getObserver() {
   if (typeof PerformanceObserver !== 'function') {
     // Only instantiate the IntersectionObserver if it's supported
     return null;
@@ -9,7 +10,7 @@ const getObserver = () => {
   if (pe !== null) {
     return pe;
   }
-  pe = new PerformanceObserver(list => {
+  const performanceObserverCallback = withProfiling(function performanceObserverCallback(list) {
     list.getEntries().forEach(entry => {
       if (entry.entryType === PerformanceObserverEntryTypes.LayoutShift) {
         EntriesBuffer[PerformanceObserverEntryTypes.LayoutShift].push(entry);
@@ -19,19 +20,20 @@ const getObserver = () => {
       }
     });
   });
+  pe = new PerformanceObserver(performanceObserverCallback);
   return pe;
-};
-export const startLSObserver = () => {
+});
+export const startLSObserver = withProfiling(function startLSObserver() {
   var _getObserver;
   (_getObserver = getObserver()) === null || _getObserver === void 0 ? void 0 : _getObserver.observe({
     type: PerformanceObserverEntryTypes.LayoutShift,
     buffered: true
   });
-};
-export const startLTObserver = () => {
+});
+export const startLTObserver = withProfiling(function startLTObserver() {
   var _getObserver2;
   (_getObserver2 = getObserver()) === null || _getObserver2 === void 0 ? void 0 : _getObserver2.observe({
     type: PerformanceObserverEntryTypes.LongTask,
     buffered: true
   });
-};
+});

package/dist/es2019/assets/index.js

@@ -1,4 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _CHRSummary;
+import { withProfiling } from '../self-measurements';
 import { calculateTransferType, checkIfTimingsAvailable, DISK_KEY, getTypeOfRequest, MEMORY_KEY, NETWORK_KEY, round } from './utils';
 export class CHRSummary {
   constructor() {
@@ -14,6 +16,7 @@ export class CHRSummary {
       [NETWORK_KEY]: 0
     });
     _defineProperty(this, "sizeTotal", 0);
+    this.add = withProfiling(this.add.bind(this));
   }
   add(asset) {
     const encodedSize = asset.encodedSize || 0;
@@ -26,27 +29,29 @@ export class CHRSummary {
     this.size[type] += encodedSize;
     this.sizeTotal += encodedSize;
   }
-  static makePayload(summary) {
-    const {
-      size,
-      bundlesCount,
-      sizeTotal
-    } = summary;
-    const cachedSize = size[MEMORY_KEY] + size[DISK_KEY];
-    const sizeRatio = round(cachedSize / summary.sizeTotal);
-    return {
-      size: sizeTotal,
-      chr: sizeRatio,
-      count: bundlesCount
-    };
-  }
 }
+_CHRSummary = CHRSummary;
+_defineProperty(CHRSummary, "makePayload", withProfiling(function makePayload(summary) {
+  const {
+    size,
+    bundlesCount,
+    sizeTotal
+  } = summary;
+  const cachedSize = size[MEMORY_KEY] + size[DISK_KEY];
+  const sizeRatio = round(cachedSize / summary.sizeTotal);
+  return {
+    size: sizeTotal,
+    chr: sizeRatio,
+    count: bundlesCount
+  };
+}));
 export class CHRReporter {
   constructor() {
     _defineProperty(this, "all", new CHRSummary());
     _defineProperty(this, "allAtlassian", new CHRSummary());
     _defineProperty(this, "preloaded", new CHRSummary());
     _defineProperty(this, "defaultAllowedTypes", ['js']);
+    this.get = withProfiling(this.get.bind(this));
   }
   get(resourceTimings, assetsConfig, SSRDoneTime) {
     try {

package/dist/es2019/assets/utils.js

@@ -1,9 +1,11 @@
+import { withProfiling } from '../self-measurements';
+
 /* Borrowed from https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/performance/browser-metrics/src/plugins/timings/resource.ts */
 export const cacheableTypes = ['script', 'link', 'other'];
 export const MEMORY_KEY = 'mem';
 export const DISK_KEY = 'disk';
 export const NETWORK_KEY = 'net';
-export const calculateTransferType = (name, type, duration, size) => {
+export const calculateTransferType = withProfiling(function calculateTransferType(name, type, duration, size) {
   if (!cacheableTypes.includes(type) && !(type === 'other' && name.includes('.js'))) {
     return null;
   }
@@ -17,11 +19,11 @@ export const calculateTransferType = (name, type, duration, size) => {
     return null;
   }
   return NETWORK_KEY;
-};
-export const getTypeOfRequest = ({
+});
+export const getTypeOfRequest = withProfiling(function getTypeOfRequest({
   name,
   initiatorType: type
-}) => {
+}) {
   let category = 'other';
   const urlWithoutQuery = name.split('?')[0];
   switch (type) {
@@ -55,16 +57,16 @@ export const getTypeOfRequest = ({
       break;
   }
   return category;
-};
-export const checkIfTimingsAvailable = entry => {
+});
+export const checkIfTimingsAvailable = withProfiling(function checkIfTimingsAvailable(entry) {
   if (entry.decodedSize === 0 && entry.encodedSize === 0 && entry.requestStart === 0 && entry.responseStart === 0) {
     return false;
   }
   return true;
-};
-export const round = n => {
+});
+export const round = withProfiling(function round(n) {
   if (isNaN(n)) {
     return 0;
   }
   return Math.round(n * 10000) / 10000;
-};
+});

package/dist/es2019/bundle-eval-timing/index.js

@@ -1,13 +1,14 @@
 import { roundEpsilon } from '../round-number';
+import { withProfiling } from '../self-measurements';
 let config = null;
-export function configure(bundleEvalTimingConfiguration) {
+export const configure = withProfiling(function configure(bundleEvalTimingConfiguration) {
   config = bundleEvalTimingConfiguration;
-}
-const getPerformanceObject = () => {
+});
+const getPerformanceObject = withProfiling(function getPerformanceObject() {
   var _window;
   return ((_window = window) !== null && _window !== void 0 ? _window : {}).performance;
-};
-export function getBundleEvalTimings(interactionStartTime) {
+});
+export const getBundleEvalTimings = withProfiling(function getBundleEvalTimings(interactionStartTime) {
   if (config == null) {
     return {};
   }
@@ -40,4 +41,4 @@ export function getBundleEvalTimings(interactionStartTime) {
     return {};
   }
   return timings;
-}
+});

package/dist/es2019/coinflip/index.js

@@ -1,3 +1,5 @@
+import { withProfiling } from '../self-measurements';
+
 /**
  * A random function that passes one in rate times.
  * E.g. coinflip(2) is the same as if you flipped a coin.
@@ -5,7 +7,7 @@
  * @param rate The change that it will pass (1 in <rate> times)
  * @returns bool, if it passes or not
  */
-export default function coinflip(rate) {
+const coinflip = withProfiling(function coinflip(rate) {
   if (rate === 0) {
     return false;
   } else if (rate === 1) {
@@ -13,4 +15,5 @@ export default function coinflip(rate) {
   } else {
     return Math.random() * rate <= 1;
   }
-}
+});
+export default coinflip;

package/dist/es2019/common/constants.js

@@ -1,5 +1,6 @@
 import { fg } from '@atlaskit/platform-feature-flags';
-export const getReactUFOVersion = interactionType => {
+import { withProfiling } from '../self-measurements';
+export const getReactUFOVersion = withProfiling(function getReactUFOVersion(interactionType) {
   if (interactionType !== 'page_load' && interactionType !== 'transition') {
     return '1.0.1';
   }
@@ -9,4 +10,4 @@ export const getReactUFOVersion = interactionType => {
     return '1.0.1';
   }
   return '2.0.0';
-};
+});

package/dist/es2019/common/react-ufo-payload-schema.js

@@ -0,0 +1 @@
+export {};