@atlaskit/react-ufo 3.13.28 → 3.14.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.14.0
+
+### Minor Changes
+
+- [#176314](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/176314)
+  [`9c32e96190532`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9c32e96190532) -
+  report memory usage via UFO
+
 ## 3.13.28
 
 ### Patch Changes

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

@@ -809,7 +809,7 @@ function _createInteractionMetricsPayload() {
             source: 'measured',
             tags: ['observability'],
             attributes: {
-              properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+              properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                 // basic
                 'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
                 'event:product': config.product,
@@ -824,6 +824,8 @@ function _createInteractionMetricsPayload() {
                 'experience:name': newUFOName
               }, (0, _platformFeatureFlags.fg)('platform_ufo_report_cpu_usage') ? {
                 'event:cpu:usage': (0, _machineUtilisation.createPressureStateReport)(interaction.start, interaction.end)
+              } : {}), (0, _platformFeatureFlags.fg)('platform_ufo_report_memory_usage') ? {
+                'event:memory:usage': (0, _machineUtilisation.createMemoryStateReport)(interaction.start, interaction.end)
               } : {}), getBrowserMetadata()), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), getNavigationMetrics(type)), vcMetrics), experimentalMetrics), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), {}, {
                 interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                   namePrefix: config.namePrefix || '',

package/dist/cjs/interaction-metrics-init/index.js

@@ -87,6 +87,9 @@ function init(analyticsWebClientAsync, config) {
   if ((0, _platformFeatureFlags.fg)('platform_ufo_report_cpu_usage')) {
     (0, _machineUtilisation.initialisePressureObserver)();
   }
+  if ((0, _platformFeatureFlags.fg)('platform_ufo_report_memory_usage')) {
+    (0, _machineUtilisation.initialiseMemoryObserver)();
+  }
   (0, _config.setUFOConfig)(config);
   if ((_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
     var _config$experimentalI;

package/dist/cjs/machine-utilisation/index.js

@@ -4,33 +4,49 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createMemoryStateReport = createMemoryStateReport;
 exports.createPressureStateReport = createPressureStateReport;
+exports.disconnectMemoryObserver = disconnectMemoryObserver;
 exports.disconnectPressureObserver = disconnectPressureObserver;
+exports.initialiseMemoryObserver = initialiseMemoryObserver;
 exports.initialisePressureObserver = initialisePressureObserver;
-exports.removeOldBufferRecords = removeOldBufferRecords;
+exports.removeOldMemoryBufferRecords = removeOldMemoryBufferRecords;
+exports.removeOldPressureBufferRecords = removeOldPressureBufferRecords;
+exports.resetMemoryRecordBuffer = resetMemoryRecordBuffer;
 exports.resetPressureRecordBuffer = resetPressureRecordBuffer;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var BUFFER_MAX_LENGTH = 1000; // ensure we don't blow up this buffer
 var pressureRecordBuffer = [];
 var pressureObserver = null;
+var memoryRecordBuffer = [];
+var memoryInterval;
 function resetPressureRecordBuffer() {
   pressureRecordBuffer.length = 0;
 }
-function removeOldBufferRecords(filter) {
+function resetMemoryRecordBuffer() {
+  memoryRecordBuffer.length = 0;
+}
+function removeOldPressureBufferRecords(filter) {
   pressureRecordBuffer = pressureRecordBuffer.filter(function (_ref) {
     var time = _ref.time;
     return time > filter;
   });
 }
+function removeOldMemoryBufferRecords(filter) {
+  memoryRecordBuffer = memoryRecordBuffer.filter(function (_ref2) {
+    var time = _ref2.time;
+    return time > filter;
+  });
+}
 function createPressureStateReport(start, end) {
   try {
     // To differentiate between the API not available, vs no PressureRecords added
     if (!('PressureObserver' in globalThis)) {
       return null;
     }
-    var pressureStateCount = pressureRecordBuffer.reduce(function (pressureReport, _ref2) {
-      var time = _ref2.time,
-        state = _ref2.state;
+    var pressureStateCount = pressureRecordBuffer.reduce(function (pressureReport, _ref3) {
+      var time = _ref3.time,
+        state = _ref3.state;
       if (time >= start && time <= end) {
         pressureReport[state] += 1;
       }
@@ -44,7 +60,7 @@ function createPressureStateReport(start, end) {
     var pressureStateTotal = Object.values(pressureStateCount).reduce(function (total, count) {
       return total + count;
     }) || 1;
-    removeOldBufferRecords(end);
+    removeOldPressureBufferRecords(end);
     return {
       count: pressureStateCount,
       percentage: {
@@ -58,24 +74,81 @@ function createPressureStateReport(start, end) {
     return null;
   }
 }
+function convertBytesToMegabytes(bytes) {
+  return Math.round(Math.round(bytes / (1024 * 1024) * 100) / 100);
+}
+function createMemoryStateReport(start, end) {
+  try {
+    if (!('memory' in performance)) {
+      return null;
+    }
+    var accumulatedMemoryUsage = memoryRecordBuffer.reduce(function (acc, snapshot) {
+      if (snapshot.time >= start && snapshot.time <= end) {
+        acc.totalJSHeapSize += snapshot.totalJSHeapSize;
+        acc.usedJSHeapSize += snapshot.usedJSHeapSize;
+        acc.snapshotCount += 1;
+      }
+      return acc;
+    }, {
+      totalJSHeapSize: 0,
+      usedJSHeapSize: 0,
+      snapshotCount: 0
+    });
+    var memoryStateReport = {
+      jsHeapSizeLimitInMB: convertBytesToMegabytes(memoryRecordBuffer[0].jsHeapSizeLimit),
+      // just use the first record, since this value always remains the same over time
+      avgTotalJSHeapSizeInMB: convertBytesToMegabytes(accumulatedMemoryUsage.totalJSHeapSize / accumulatedMemoryUsage.snapshotCount),
+      avgUsedJSHeapSizeInMB: convertBytesToMegabytes(accumulatedMemoryUsage.usedJSHeapSize / accumulatedMemoryUsage.snapshotCount)
+    };
+    removeOldMemoryBufferRecords(end);
+    return memoryStateReport;
+  } catch (_unused2) {
+    return null;
+  }
+}
 function initialisePressureObserver() {
   try {
     if ('PressureObserver' in globalThis) {
-      var _pressureObserver$obs;
       pressureObserver = new PressureObserver(function (records) {
         if (pressureRecordBuffer.length + records.length <= BUFFER_MAX_LENGTH) {
           var _pressureRecordBuffer;
           (_pressureRecordBuffer = pressureRecordBuffer).push.apply(_pressureRecordBuffer, (0, _toConsumableArray2.default)(records));
         }
       });
-      (_pressureObserver$obs = pressureObserver.observe('cpu', {
+      pressureObserver.observe('cpu', {
         sampleInterval: 100
-      })) === null || _pressureObserver$obs === void 0 || _pressureObserver$obs.catch();
+      }).catch();
     }
   } catch (err) {
     /* do nothing, this is a best efforts metric */
   }
 }
+function initialiseMemoryObserver() {
+  try {
+    // only set up the interval if `performance.memory` is available in the browser
+    if ('memory' in performance) {
+      memoryInterval = setInterval(function () {
+        // another check of `performance.memory` availability to satisfy typescript
+        if ('memory' in performance) {
+          var memory = performance.memory;
+          if (memoryRecordBuffer.length <= BUFFER_MAX_LENGTH) {
+            memoryRecordBuffer.push({
+              time: performance.now(),
+              jsHeapSizeLimit: memory.jsHeapSizeLimit,
+              totalJSHeapSize: memory.totalJSHeapSize,
+              usedJSHeapSize: memory.usedJSHeapSize
+            });
+          }
+        }
+      }, 100);
+    }
+  } catch (_unused3) {
+    /* do nothing, this is a best efforts metric */
+  }
+}
+function disconnectMemoryObserver() {
+  clearInterval(memoryInterval);
+}
 function disconnectPressureObserver() {
   var _pressureObserver;
   (_pressureObserver = pressureObserver) === null || _pressureObserver === void 0 || _pressureObserver.disconnect();

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

@@ -11,7 +11,7 @@ import { getGlobalErrorCount } from '../global-error-handler';
 import { getPageVisibilityState } from '../hidden-timing';
 import * as initialPageLoadExtraTiming from '../initial-page-load-extra-timing';
 import { interactionSpans as atlaskitInteractionSpans } from '../interaction-metrics';
-import { createPressureStateReport } from '../machine-utilisation';
+import { createMemoryStateReport, createPressureStateReport } from '../machine-utilisation';
 import * as resourceTiming from '../resource-timing';
 import { filterResourceTimings } from '../resource-timing/common/utils/resource-timing-buffer';
 import { roundEpsilon } from '../round-number';
@@ -803,6 +803,9 @@ async function createInteractionMetricsPayload(interaction, interactionId, exper
         ...(fg('platform_ufo_report_cpu_usage') ? {
           'event:cpu:usage': createPressureStateReport(interaction.start, interaction.end)
         } : {}),
+        ...(fg('platform_ufo_report_memory_usage') ? {
+          'event:memory:usage': createMemoryStateReport(interaction.start, interaction.end)
+        } : {}),
         // root
         ...getBrowserMetadata(),
         ...getSSRProperties(type),

package/dist/es2019/interaction-metrics-init/index.js

@@ -5,7 +5,7 @@ import { experimentalVC, sinkExperimentalHandler } from '../create-experimental-
 import { setupHiddenTimingCapture } from '../hidden-timing';
 import { postInteractionLog, sinkInteractionHandler, sinkPostInteractionLogHandler } from '../interaction-metrics';
 import { getPerformanceObserver } from '../interactions-performance-observer';
-import { initialisePressureObserver } from '../machine-utilisation';
+import { initialiseMemoryObserver, initialisePressureObserver } from '../machine-utilisation';
 import { getVCObserver } from '../vc';
 import scheduleIdleCallback from './schedule-idle-callback';
 let initialized = false;
@@ -77,6 +77,9 @@ export function init(analyticsWebClientAsync, config) {
   if (fg('platform_ufo_report_cpu_usage')) {
     initialisePressureObserver();
   }
+  if (fg('platform_ufo_report_memory_usage')) {
+    initialiseMemoryObserver();
+  }
   setUFOConfig(config);
   if ((_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
     var _config$experimentalI;

package/dist/es2019/machine-utilisation/index.js

@@ -1,14 +1,24 @@
 const BUFFER_MAX_LENGTH = 1000; // ensure we don't blow up this buffer
 let pressureRecordBuffer = [];
 let pressureObserver = null;
+let memoryRecordBuffer = [];
+let memoryInterval;
 export function resetPressureRecordBuffer() {
   pressureRecordBuffer.length = 0;
 }
-export function removeOldBufferRecords(filter) {
+export function resetMemoryRecordBuffer() {
+  memoryRecordBuffer.length = 0;
+}
+export function removeOldPressureBufferRecords(filter) {
   pressureRecordBuffer = pressureRecordBuffer.filter(({
     time
   }) => time > filter);
 }
+export function removeOldMemoryBufferRecords(filter) {
+  memoryRecordBuffer = memoryRecordBuffer.filter(({
+    time
+  }) => time > filter);
+}
 export function createPressureStateReport(start, end) {
   try {
     // To differentiate between the API not available, vs no PressureRecords added
@@ -30,7 +40,7 @@ export function createPressureStateReport(start, end) {
       critical: 0
     });
     const pressureStateTotal = Object.values(pressureStateCount).reduce((total, count) => total + count) || 1;
-    removeOldBufferRecords(end);
+    removeOldPressureBufferRecords(end);
     return {
       count: pressureStateCount,
       percentage: {
@@ -44,23 +54,80 @@ export function createPressureStateReport(start, end) {
     return null;
   }
 }
+function convertBytesToMegabytes(bytes) {
+  return Math.round(Math.round(bytes / (1024 * 1024) * 100) / 100);
+}
+export function createMemoryStateReport(start, end) {
+  try {
+    if (!('memory' in performance)) {
+      return null;
+    }
+    const accumulatedMemoryUsage = memoryRecordBuffer.reduce((acc, snapshot) => {
+      if (snapshot.time >= start && snapshot.time <= end) {
+        acc.totalJSHeapSize += snapshot.totalJSHeapSize;
+        acc.usedJSHeapSize += snapshot.usedJSHeapSize;
+        acc.snapshotCount += 1;
+      }
+      return acc;
+    }, {
+      totalJSHeapSize: 0,
+      usedJSHeapSize: 0,
+      snapshotCount: 0
+    });
+    const memoryStateReport = {
+      jsHeapSizeLimitInMB: convertBytesToMegabytes(memoryRecordBuffer[0].jsHeapSizeLimit),
+      // just use the first record, since this value always remains the same over time
+      avgTotalJSHeapSizeInMB: convertBytesToMegabytes(accumulatedMemoryUsage.totalJSHeapSize / accumulatedMemoryUsage.snapshotCount),
+      avgUsedJSHeapSizeInMB: convertBytesToMegabytes(accumulatedMemoryUsage.usedJSHeapSize / accumulatedMemoryUsage.snapshotCount)
+    };
+    removeOldMemoryBufferRecords(end);
+    return memoryStateReport;
+  } catch {
+    return null;
+  }
+}
 export function initialisePressureObserver() {
   try {
     if ('PressureObserver' in globalThis) {
-      var _pressureObserver$obs;
       pressureObserver = new PressureObserver(records => {
         if (pressureRecordBuffer.length + records.length <= BUFFER_MAX_LENGTH) {
           pressureRecordBuffer.push(...records);
         }
       });
-      (_pressureObserver$obs = pressureObserver.observe('cpu', {
+      pressureObserver.observe('cpu', {
         sampleInterval: 100
-      })) === null || _pressureObserver$obs === void 0 ? void 0 : _pressureObserver$obs.catch();
+      }).catch();
     }
   } catch (err) {
     /* do nothing, this is a best efforts metric */
   }
 }
+export function initialiseMemoryObserver() {
+  try {
+    // only set up the interval if `performance.memory` is available in the browser
+    if ('memory' in performance) {
+      memoryInterval = setInterval(() => {
+        // another check of `performance.memory` availability to satisfy typescript
+        if ('memory' in performance) {
+          const memory = performance.memory;
+          if (memoryRecordBuffer.length <= BUFFER_MAX_LENGTH) {
+            memoryRecordBuffer.push({
+              time: performance.now(),
+              jsHeapSizeLimit: memory.jsHeapSizeLimit,
+              totalJSHeapSize: memory.totalJSHeapSize,
+              usedJSHeapSize: memory.usedJSHeapSize
+            });
+          }
+        }
+      }, 100);
+    }
+  } catch {
+    /* do nothing, this is a best efforts metric */
+  }
+}
+export function disconnectMemoryObserver() {
+  clearInterval(memoryInterval);
+}
 export function disconnectPressureObserver() {
   var _pressureObserver;
   (_pressureObserver = pressureObserver) === null || _pressureObserver === void 0 ? void 0 : _pressureObserver.disconnect();

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

@@ -23,7 +23,7 @@ import { getGlobalErrorCount } from '../global-error-handler';
 import { getPageVisibilityState } from '../hidden-timing';
 import * as initialPageLoadExtraTiming from '../initial-page-load-extra-timing';
 import { interactionSpans as atlaskitInteractionSpans } from '../interaction-metrics';
-import { createPressureStateReport } from '../machine-utilisation';
+import { createMemoryStateReport, createPressureStateReport } from '../machine-utilisation';
 import * as resourceTiming from '../resource-timing';
 import { filterResourceTimings } from '../resource-timing/common/utils/resource-timing-buffer';
 import { roundEpsilon } from '../round-number';
@@ -799,7 +799,7 @@ function _createInteractionMetricsPayload() {
             source: 'measured',
             tags: ['observability'],
             attributes: {
-              properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+              properties: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                 // basic
                 'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
                 'event:product': config.product,
@@ -814,6 +814,8 @@ function _createInteractionMetricsPayload() {
                 'experience:name': newUFOName
               }, fg('platform_ufo_report_cpu_usage') ? {
                 'event:cpu:usage': createPressureStateReport(interaction.start, interaction.end)
+              } : {}), fg('platform_ufo_report_memory_usage') ? {
+                'event:memory:usage': createMemoryStateReport(interaction.start, interaction.end)
               } : {}), getBrowserMetadata()), getSSRProperties(type)), getAssetsMetrics(interaction, pageLoadInteractionMetrics === null || pageLoadInteractionMetrics === void 0 ? void 0 : pageLoadInteractionMetrics.SSRDoneTime)), getPPSMetrics(interaction)), paintMetrics), getNavigationMetrics(type)), vcMetrics), experimentalMetrics), (_config$additionalPay = config.additionalPayloadData) === null || _config$additionalPay === void 0 ? void 0 : _config$additionalPay.call(config, interaction)), getTracingContextData(interaction)), getStylesheetMetrics()), getErrorCounts(interaction)), {}, {
                 interactionMetrics: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
                   namePrefix: config.namePrefix || '',

package/dist/esm/interaction-metrics-init/index.js

@@ -6,7 +6,7 @@ import { experimentalVC, sinkExperimentalHandler } from '../create-experimental-
 import { setupHiddenTimingCapture } from '../hidden-timing';
 import { postInteractionLog, sinkInteractionHandler, sinkPostInteractionLogHandler } from '../interaction-metrics';
 import { getPerformanceObserver } from '../interactions-performance-observer';
-import { initialisePressureObserver } from '../machine-utilisation';
+import { initialiseMemoryObserver, initialisePressureObserver } from '../machine-utilisation';
 import { getVCObserver } from '../vc';
 import scheduleIdleCallback from './schedule-idle-callback';
 var initialized = false;
@@ -78,6 +78,9 @@ export function init(analyticsWebClientAsync, config) {
   if (fg('platform_ufo_report_cpu_usage')) {
     initialisePressureObserver();
   }
+  if (fg('platform_ufo_report_memory_usage')) {
+    initialiseMemoryObserver();
+  }
   setUFOConfig(config);
   if ((_config$vc = config.vc) !== null && _config$vc !== void 0 && _config$vc.enabled) {
     var _config$experimentalI;

package/dist/esm/machine-utilisation/index.js

@@ -2,24 +2,35 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 var BUFFER_MAX_LENGTH = 1000; // ensure we don't blow up this buffer
 var pressureRecordBuffer = [];
 var pressureObserver = null;
+var memoryRecordBuffer = [];
+var memoryInterval;
 export function resetPressureRecordBuffer() {
   pressureRecordBuffer.length = 0;
 }
-export function removeOldBufferRecords(filter) {
+export function resetMemoryRecordBuffer() {
+  memoryRecordBuffer.length = 0;
+}
+export function removeOldPressureBufferRecords(filter) {
   pressureRecordBuffer = pressureRecordBuffer.filter(function (_ref) {
     var time = _ref.time;
     return time > filter;
   });
 }
+export function removeOldMemoryBufferRecords(filter) {
+  memoryRecordBuffer = memoryRecordBuffer.filter(function (_ref2) {
+    var time = _ref2.time;
+    return time > filter;
+  });
+}
 export function createPressureStateReport(start, end) {
   try {
     // To differentiate between the API not available, vs no PressureRecords added
     if (!('PressureObserver' in globalThis)) {
       return null;
     }
-    var pressureStateCount = pressureRecordBuffer.reduce(function (pressureReport, _ref2) {
-      var time = _ref2.time,
-        state = _ref2.state;
+    var pressureStateCount = pressureRecordBuffer.reduce(function (pressureReport, _ref3) {
+      var time = _ref3.time,
+        state = _ref3.state;
       if (time >= start && time <= end) {
         pressureReport[state] += 1;
       }
@@ -33,7 +44,7 @@ export function createPressureStateReport(start, end) {
     var pressureStateTotal = Object.values(pressureStateCount).reduce(function (total, count) {
       return total + count;
     }) || 1;
-    removeOldBufferRecords(end);
+    removeOldPressureBufferRecords(end);
     return {
       count: pressureStateCount,
       percentage: {
@@ -47,24 +58,81 @@ export function createPressureStateReport(start, end) {
     return null;
   }
 }
+function convertBytesToMegabytes(bytes) {
+  return Math.round(Math.round(bytes / (1024 * 1024) * 100) / 100);
+}
+export function createMemoryStateReport(start, end) {
+  try {
+    if (!('memory' in performance)) {
+      return null;
+    }
+    var accumulatedMemoryUsage = memoryRecordBuffer.reduce(function (acc, snapshot) {
+      if (snapshot.time >= start && snapshot.time <= end) {
+        acc.totalJSHeapSize += snapshot.totalJSHeapSize;
+        acc.usedJSHeapSize += snapshot.usedJSHeapSize;
+        acc.snapshotCount += 1;
+      }
+      return acc;
+    }, {
+      totalJSHeapSize: 0,
+      usedJSHeapSize: 0,
+      snapshotCount: 0
+    });
+    var memoryStateReport = {
+      jsHeapSizeLimitInMB: convertBytesToMegabytes(memoryRecordBuffer[0].jsHeapSizeLimit),
+      // just use the first record, since this value always remains the same over time
+      avgTotalJSHeapSizeInMB: convertBytesToMegabytes(accumulatedMemoryUsage.totalJSHeapSize / accumulatedMemoryUsage.snapshotCount),
+      avgUsedJSHeapSizeInMB: convertBytesToMegabytes(accumulatedMemoryUsage.usedJSHeapSize / accumulatedMemoryUsage.snapshotCount)
+    };
+    removeOldMemoryBufferRecords(end);
+    return memoryStateReport;
+  } catch (_unused2) {
+    return null;
+  }
+}
 export function initialisePressureObserver() {
   try {
     if ('PressureObserver' in globalThis) {
-      var _pressureObserver$obs;
       pressureObserver = new PressureObserver(function (records) {
         if (pressureRecordBuffer.length + records.length <= BUFFER_MAX_LENGTH) {
           var _pressureRecordBuffer;
           (_pressureRecordBuffer = pressureRecordBuffer).push.apply(_pressureRecordBuffer, _toConsumableArray(records));
         }
       });
-      (_pressureObserver$obs = pressureObserver.observe('cpu', {
+      pressureObserver.observe('cpu', {
         sampleInterval: 100
-      })) === null || _pressureObserver$obs === void 0 || _pressureObserver$obs.catch();
+      }).catch();
     }
   } catch (err) {
     /* do nothing, this is a best efforts metric */
   }
 }
+export function initialiseMemoryObserver() {
+  try {
+    // only set up the interval if `performance.memory` is available in the browser
+    if ('memory' in performance) {
+      memoryInterval = setInterval(function () {
+        // another check of `performance.memory` availability to satisfy typescript
+        if ('memory' in performance) {
+          var memory = performance.memory;
+          if (memoryRecordBuffer.length <= BUFFER_MAX_LENGTH) {
+            memoryRecordBuffer.push({
+              time: performance.now(),
+              jsHeapSizeLimit: memory.jsHeapSizeLimit,
+              totalJSHeapSize: memory.totalJSHeapSize,
+              usedJSHeapSize: memory.usedJSHeapSize
+            });
+          }
+        }
+      }, 100);
+    }
+  } catch (_unused3) {
+    /* do nothing, this is a best efforts metric */
+  }
+}
+export function disconnectMemoryObserver() {
+  clearInterval(memoryInterval);
+}
 export function disconnectPressureObserver() {
   var _pressureObserver;
   (_pressureObserver = pressureObserver) === null || _pressureObserver === void 0 || _pressureObserver.disconnect();