@atlaskit/insm 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/insm
 
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.1.2
 
 ### Patch Changes

package/README.md

@@ -169,6 +169,20 @@ insm.start(experienceKey, {
 Note: calling this will end any existing experience (unless the experience key and properties
 match - in which case no session change will occur).
 
+#### Updating a page session experienceKey after it's started
+
+In some scenarios you may need to update the running sessions experience key after it has started,
+in these cases you can use `overrideExperienceKey`.
+
+If there is a running experience, it will update the running experiences name.
+
+If there is no running experience (ie. if the original experienceKey had not been whitelisted), it
+will start a new experience using the last started experienceProperties.
+
+```ts
+insm.overrideExperienceKey('new-key');
+```
+
 #### Naming guidance
 
 Choose an `experienceKey` that reflects the product and content type you want to analyze.

package/dist/cjs/index.js

@@ -16,8 +16,6 @@ function init(options) {
 }
 function insmInitialised() {
   if (!initialisedInsm) {
-    // eslint-disable-next-line no-console
-    console.error('INSM used when not initialised');
     return false;
   }
   return true;
@@ -42,6 +40,11 @@ var insm = exports.insm = {
       initialisedInsm.start(experienceKey, experienceProperties);
     }
   },
+  overrideExperienceKey: function overrideExperienceKey(experienceKey) {
+    if (insmInitialised()) {
+      initialisedInsm.overrideExperienceKey(experienceKey);
+    }
+  },
   stopEarly: function stopEarly(reasonKey, description) {
     if (insmInitialised()) {
       initialisedInsm.stopEarly(reasonKey, description);

package/dist/cjs/insm-session.js

@@ -8,7 +8,10 @@ exports.INSMSession = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bowserUltralight = _interopRequireDefault(require("bowser-ultralight"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _insmPeriod = require("./insm-period");
+var _LongAnimationFrameMeasurer = require("./session-measurers/LongAnimationFrameMeasurer");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; } } }; }
@@ -30,16 +33,27 @@ var INSMSession = exports.INSMSession = /*#__PURE__*/function () {
     this.experienceProperties = experienceProperties;
     this.insm = insm;
     this.periodTracking = new _insmPeriod.PeriodTracking(this);
+    this.longAnimationFrameMeasurer = new _LongAnimationFrameMeasurer.LongAnimationFrameMeasurer({
+      initial: this.experienceProperties.initial,
+      limit: 3,
+      insmSession: this,
+      reportingThreshold: 500
+    });
 
     /**
      * Note: Events are not reliably fired from mobile browsers (ie. when a browser is closed when not in use)
      */
   }
-
-  /**
-   * Adds a feature to the currently running session
-   */
   return (0, _createClass2.default)(INSMSession, [{
+    key: "updateExperienceKey",
+    value: function updateExperienceKey(experienceKey) {
+      this.experienceKey = experienceKey;
+    }
+
+    /**
+     * Adds a feature to the currently running session
+     */
+  }, {
     key: "startFeature",
     value: function startFeature(featureName) {
       var _this$periodTracking;
@@ -172,13 +186,56 @@ var INSMSession = exports.INSMSession = /*#__PURE__*/function () {
             duration: duration
           },
           periods: periodResults,
-          endDetails: endDetails
+          endDetails: endDetails,
+          longAnimationFrames: this.longAnimationFrameMeasurer.current
         }),
+        deviceDetails: (0, _expValEquals.expValEquals)('cc_editor_interactivity_monitoring', 'isEnabled', true) ? getDeviceDetails() : undefined,
         highPriority: true,
         tags: ['editor'],
         source: 'unknown'
       };
       (_this$insm$analyticsW = this.insm.analyticsWebClient) === null || _this$insm$analyticsW === void 0 || _this$insm$analyticsW.sendOperationalEvent(operationalEvent);
+      this.longAnimationFrameMeasurer.cleanup();
     }
   }]);
-}();
+}(); // Functionality vendored from UFO
+function getDeviceDetails() {
+  var _navigator$connection, _navigator$connection2, _navigator$connection3;
+  var telemetry = {};
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/browser.ts
+  if (_bowserUltralight.default.getParser) {
+    var _ref;
+    var browser = _bowserUltralight.default.getParser(((_ref = typeof window !== 'undefined' && !!window ? window : undefined) === null || _ref === void 0 || (_ref = _ref.navigator) === null || _ref === void 0 ? void 0 : _ref.userAgent) || '');
+    Object.assign(telemetry, {
+      'event:browser:name': browser.getBrowserName(),
+      'event:browser:version': browser.getBrowserVersion()
+    });
+  }
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/cpus.ts
+  Object.assign(telemetry, {
+    'event:cpus': navigator.hardwareConcurrency
+  });
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/memory.ts
+  // @ts-ignore: deviceMemory is exposed in some browsers
+  Object.assign(telemetry, {
+    'event:memory': navigator.deviceMemory
+  });
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/network.ts
+  Object.assign(telemetry, {
+    // Network
+    // @ts-ignore: connection is available in some browsers
+    // eslint-disable-next-line compat/compat
+    'event:network:effectiveType': (_navigator$connection = navigator.connection) === null || _navigator$connection === void 0 ? void 0 : _navigator$connection.effectiveType,
+    // @ts-ignore: connection is available in some browsers
+    // eslint-disable-next-line compat/compat
+    'event:network:rtt': (_navigator$connection2 = navigator.connection) === null || _navigator$connection2 === void 0 ? void 0 : _navigator$connection2.rtt,
+    // @ts-ignore: connection is available in some browsers
+    // eslint-disable-next-line compat/compat
+    'event:network:downlink': (_navigator$connection3 = navigator.connection) === null || _navigator$connection3 === void 0 ? void 0 : _navigator$connection3.downlink
+  });
+  return telemetry;
+}

package/dist/cjs/insm.js

@@ -57,10 +57,11 @@ var INSM = exports.INSM = /*#__PURE__*/function () {
   return (0, _createClass2.default)(INSM, [{
     key: "startHeavyTask",
     value: function startHeavyTask(heavyTaskName) {
-      var _this$runningSession2, _this$runningSession3;
+      var _this$runningSession2, _this$runningSession3, _this$session;
       this.runningHeavyTasks.add(heavyTaskName);
       (_this$runningSession2 = this.runningSession) === null || _this$runningSession2 === void 0 || (_this$runningSession2 = _this$runningSession2.periodTracking) === null || _this$runningSession2 === void 0 || _this$runningSession2.startHeavyTask(heavyTaskName);
       (_this$runningSession3 = this.runningSession) === null || _this$runningSession3 === void 0 || _this$runningSession3.periodTracking.pause(heavyTaskName);
+      (_this$session = this.session) === null || _this$session === void 0 || _this$session.longAnimationFrameMeasurer.pause();
     }
 
     /**
@@ -72,6 +73,10 @@ var INSM = exports.INSM = /*#__PURE__*/function () {
       var _this$runningSession4;
       this.runningHeavyTasks.delete(heavyTaskName);
       (_this$runningSession4 = this.runningSession) === null || _this$runningSession4 === void 0 || _this$runningSession4.periodTracking.resume(heavyTaskName);
+      if (this.runningHeavyTasks.size === 0) {
+        var _this$session2;
+        (_this$session2 = this.session) === null || _this$session2 === void 0 || _this$session2.longAnimationFrameMeasurer.resume();
+      }
     }
 
     /**
@@ -100,10 +105,31 @@ var INSM = exports.INSM = /*#__PURE__*/function () {
           contentId: experienceProperties.contentId
         });
       }
+      this.lastStartedExperienceProperties = experienceProperties;
       if ((_this$options$experie = this.options.experiences[experienceKey]) !== null && _this$options$experie !== void 0 && _this$options$experie.enabled) {
         this.runningSession = new _insmSession.INSMSession(experienceKey, experienceProperties, this);
       }
     }
+  }, {
+    key: "overrideExperienceKey",
+    value:
+    /**
+     * Call this to update the name of the running session after it's started
+     * In the case it's been started with an unregistered name, and there is not running
+     * session. This will also trigger the session being started.
+     */
+    function overrideExperienceKey(experienceKey) {
+      if (this.runningSession !== undefined) {
+        // If there is a running session - we update its name
+        this.runningSession.updateExperienceKey(experienceKey);
+      } else {
+        var _this$options$experie2;
+        // otherwise - we assume the last session was not registered, and start it with the new name
+        if ((_this$options$experie2 = this.options.experiences[experienceKey]) !== null && _this$options$experie2 !== void 0 && _this$options$experie2.enabled && this.lastStartedExperienceProperties) {
+          this.runningSession = new _insmSession.INSMSession(experienceKey, this.lastStartedExperienceProperties, this);
+        }
+      }
+    }
 
     /**
      * This prematurely halts any running experience measurement. It's expected to be used in

package/dist/cjs/session-measurers/LongAnimationFrameMeasurer.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LongAnimationFrameMeasurer = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var LongAnimationFrameMeasurer = exports.LongAnimationFrameMeasurer = /*#__PURE__*/function () {
+  function LongAnimationFrameMeasurer(options) {
+    var _this = this;
+    (0, _classCallCheck2.default)(this, LongAnimationFrameMeasurer);
+    (0, _defineProperty2.default)(this, "longestAnimationFrames", []);
+    (0, _defineProperty2.default)(this, "minimumIndex", -1);
+    (0, _defineProperty2.default)(this, "minimumDuration", Infinity);
+    this.options = options;
+    this.paused = options.insmSession.insm.runningHeavyTasks.size !== 0;
+    if (PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {
+      this.observer = new PerformanceObserver(function (list) {
+        if (!_this.paused) {
+          // only handle batches when tracking is not paused
+          _this.handleBatch(list.getEntries());
+        }
+      });
+      this.observer.observe({
+        type: 'long-animation-frame',
+        buffered: options.initial
+      });
+    }
+  }
+  return (0, _createClass2.default)(LongAnimationFrameMeasurer, [{
+    key: "handleBatch",
+    value: function handleBatch(batch) {
+      var len = this.longestAnimationFrames.length;
+      for (var batchIndex = 0; batchIndex < batch.length; batchIndex++) {
+        if (batch[batchIndex].duration < this.options.reportingThreshold) {
+          // If the long frame entry had a duration less than the reporting
+          // threshold it's not eligible for tracking
+          continue;
+        }
+        var longAnimationFrameEntry = Object.assign(batch[batchIndex], {
+          runningFeatures: Array.from(this.options.insmSession.runningFeatures)
+        });
+
+        // Not yet at capacity: append and update min tracking incrementally
+        if (len < this.options.limit) {
+          this.longestAnimationFrames[len] = longAnimationFrameEntry;
+          if (len === 0 || longAnimationFrameEntry.duration < this.minimumDuration) {
+            this.minimumDuration = longAnimationFrameEntry.duration;
+            this.minimumIndex = len;
+          }
+          len++;
+          continue;
+        }
+
+        // At capacity: only do work if we beat the current min
+        if (longAnimationFrameEntry.duration <= this.minimumDuration) {
+          continue;
+        }
+
+        // Replace the current min
+        this.longestAnimationFrames[this.minimumIndex] = longAnimationFrameEntry;
+        var _possiblyNewMinimumIndex = 0;
+        var _possibleNewMinimumDuration = this.longestAnimationFrames[0].duration;
+        for (var i = 1; i < this.options.limit; i++) {
+          if (this.longestAnimationFrames[i].duration < _possibleNewMinimumDuration) {
+            _possiblyNewMinimumIndex = i;
+            _possibleNewMinimumDuration = this.longestAnimationFrames[i].duration;
+          }
+        }
+
+        // Update the min tracking
+        this.minimumIndex = _possiblyNewMinimumIndex;
+        this.minimumDuration = _possibleNewMinimumDuration;
+      }
+    }
+
+    /**
+     * Pauses tracking
+     */
+  }, {
+    key: "pause",
+    value: function pause() {
+      this.paused = true;
+    }
+
+    /**
+     * Resumes tracking
+     */
+  }, {
+    key: "resume",
+    value: function resume() {
+      this.paused = false;
+    }
+
+    /**
+     * Returns the current tracked longest animation frames sorted by duration
+     */
+  }, {
+    key: "current",
+    get: function get() {
+      var copy = this.longestAnimationFrames.slice();
+      copy.sort(function (a, b) {
+        return b.duration - a.duration;
+      });
+      return copy;
+    }
+
+    /**
+     * Cleans up the performance tracking (tracking cannot be resumed following this).
+     */
+  }, {
+    key: "cleanup",
+    value: function cleanup() {
+      var _this$observer;
+      (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.disconnect();
+    }
+  }]);
+}(); // Based on https://github.com/GoogleChrome/web-vitals/blob/1b872cf5f2159e8ace0e98d55d8eb54fb09adfbe/src/types.ts#L129
+// Based on https://github.com/GoogleChrome/web-vitals/blob/1b872cf5f2159e8ace0e98d55d8eb54fb09adfbe/src/types.ts#L129

package/dist/es2019/index.js

@@ -9,8 +9,6 @@ export function init(options) {
 }
 function insmInitialised() {
   if (!initialisedInsm) {
-    // eslint-disable-next-line no-console
-    console.error('INSM used when not initialised');
     return false;
   }
   return true;
@@ -35,6 +33,11 @@ export const insm = {
       initialisedInsm.start(experienceKey, experienceProperties);
     }
   },
+  overrideExperienceKey(experienceKey) {
+    if (insmInitialised()) {
+      initialisedInsm.overrideExperienceKey(experienceKey);
+    }
+  },
   stopEarly(reasonKey, description) {
     if (insmInitialised()) {
       initialisedInsm.stopEarly(reasonKey, description);

package/dist/es2019/insm-session.js

@@ -1,5 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import Bowser from 'bowser-ultralight';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { PeriodTracking } from './insm-period';
+import { LongAnimationFrameMeasurer } from './session-measurers/LongAnimationFrameMeasurer';
 
 /**
  * Only intended for internal use.
@@ -16,11 +19,20 @@ export class INSMSession {
     this.experienceProperties = experienceProperties;
     this.insm = insm;
     this.periodTracking = new PeriodTracking(this);
+    this.longAnimationFrameMeasurer = new LongAnimationFrameMeasurer({
+      initial: this.experienceProperties.initial,
+      limit: 3,
+      insmSession: this,
+      reportingThreshold: 500
+    });
 
     /**
      * Note: Events are not reliably fired from mobile browsers (ie. when a browser is closed when not in use)
      */
   }
+  updateExperienceKey(experienceKey) {
+    this.experienceKey = experienceKey;
+  }
 
   /**
    * Adds a feature to the currently running session
@@ -139,12 +151,57 @@ export class INSMSession {
           duration
         },
         periods: periodResults,
-        endDetails: endDetails
+        endDetails: endDetails,
+        longAnimationFrames: this.longAnimationFrameMeasurer.current
       },
+      deviceDetails: expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true) ? getDeviceDetails() : undefined,
       highPriority: true,
       tags: ['editor'],
       source: 'unknown'
     };
     (_this$insm$analyticsW = this.insm.analyticsWebClient) === null || _this$insm$analyticsW === void 0 ? void 0 : _this$insm$analyticsW.sendOperationalEvent(operationalEvent);
+    this.longAnimationFrameMeasurer.cleanup();
+  }
+}
+
+// Functionality vendored from UFO
+function getDeviceDetails() {
+  var _navigator$connection, _navigator$connection2, _navigator$connection3;
+  const telemetry = {};
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/browser.ts
+  if (Bowser.getParser) {
+    var _ref, _ref$navigator;
+    const browser = Bowser.getParser(((_ref = typeof window !== 'undefined' && !!window ? window : undefined) === null || _ref === void 0 ? void 0 : (_ref$navigator = _ref.navigator) === null || _ref$navigator === void 0 ? void 0 : _ref$navigator.userAgent) || '');
+    Object.assign(telemetry, {
+      'event:browser:name': browser.getBrowserName(),
+      'event:browser:version': browser.getBrowserVersion()
+    });
   }
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/cpus.ts
+  Object.assign(telemetry, {
+    'event:cpus': navigator.hardwareConcurrency
+  });
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/memory.ts
+  // @ts-ignore: deviceMemory is exposed in some browsers
+  Object.assign(telemetry, {
+    'event:memory': navigator.deviceMemory
+  });
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/network.ts
+  Object.assign(telemetry, {
+    // Network
+    // @ts-ignore: connection is available in some browsers
+    // eslint-disable-next-line compat/compat
+    'event:network:effectiveType': (_navigator$connection = navigator.connection) === null || _navigator$connection === void 0 ? void 0 : _navigator$connection.effectiveType,
+    // @ts-ignore: connection is available in some browsers
+    // eslint-disable-next-line compat/compat
+    'event:network:rtt': (_navigator$connection2 = navigator.connection) === null || _navigator$connection2 === void 0 ? void 0 : _navigator$connection2.rtt,
+    // @ts-ignore: connection is available in some browsers
+    // eslint-disable-next-line compat/compat
+    'event:network:downlink': (_navigator$connection3 = navigator.connection) === null || _navigator$connection3 === void 0 ? void 0 : _navigator$connection3.downlink
+  });
+  return telemetry;
 }

package/dist/es2019/insm.js

@@ -42,10 +42,11 @@ export class INSM {
    * This also pauses measurement.
    */
   startHeavyTask(heavyTaskName) {
-    var _this$runningSession2, _this$runningSession3, _this$runningSession4;
+    var _this$runningSession2, _this$runningSession3, _this$runningSession4, _this$session;
     this.runningHeavyTasks.add(heavyTaskName);
     (_this$runningSession2 = this.runningSession) === null || _this$runningSession2 === void 0 ? void 0 : (_this$runningSession3 = _this$runningSession2.periodTracking) === null || _this$runningSession3 === void 0 ? void 0 : _this$runningSession3.startHeavyTask(heavyTaskName);
     (_this$runningSession4 = this.runningSession) === null || _this$runningSession4 === void 0 ? void 0 : _this$runningSession4.periodTracking.pause(heavyTaskName);
+    (_this$session = this.session) === null || _this$session === void 0 ? void 0 : _this$session.longAnimationFrameMeasurer.pause();
   }
 
   /**
@@ -55,6 +56,10 @@ export class INSM {
     var _this$runningSession5;
     this.runningHeavyTasks.delete(heavyTaskName);
     (_this$runningSession5 = this.runningSession) === null || _this$runningSession5 === void 0 ? void 0 : _this$runningSession5.periodTracking.resume(heavyTaskName);
+    if (this.runningHeavyTasks.size === 0) {
+      var _this$session2;
+      (_this$session2 = this.session) === null || _this$session2 === void 0 ? void 0 : _this$session2.longAnimationFrameMeasurer.resume();
+    }
   }
 
   /**
@@ -81,10 +86,28 @@ export class INSM {
         contentId: experienceProperties.contentId
       });
     }
+    this.lastStartedExperienceProperties = experienceProperties;
     if ((_this$options$experie = this.options.experiences[experienceKey]) !== null && _this$options$experie !== void 0 && _this$options$experie.enabled) {
       this.runningSession = new INSMSession(experienceKey, experienceProperties, this);
     }
   }
+  /**
+   * Call this to update the name of the running session after it's started
+   * In the case it's been started with an unregistered name, and there is not running
+   * session. This will also trigger the session being started.
+   */
+  overrideExperienceKey(experienceKey) {
+    if (this.runningSession !== undefined) {
+      // If there is a running session - we update its name
+      this.runningSession.updateExperienceKey(experienceKey);
+    } else {
+      var _this$options$experie2;
+      // otherwise - we assume the last session was not registered, and start it with the new name
+      if ((_this$options$experie2 = this.options.experiences[experienceKey]) !== null && _this$options$experie2 !== void 0 && _this$options$experie2.enabled && this.lastStartedExperienceProperties) {
+        this.runningSession = new INSMSession(experienceKey, this.lastStartedExperienceProperties, this);
+      }
+    }
+  }
 
   /**
    * This prematurely halts any running experience measurement. It's expected to be used in

package/dist/es2019/session-measurers/LongAnimationFrameMeasurer.js

@@ -0,0 +1,101 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+export class LongAnimationFrameMeasurer {
+  constructor(options) {
+    _defineProperty(this, "longestAnimationFrames", []);
+    _defineProperty(this, "minimumIndex", -1);
+    _defineProperty(this, "minimumDuration", Infinity);
+    this.options = options;
+    this.paused = options.insmSession.insm.runningHeavyTasks.size !== 0;
+    if (PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {
+      this.observer = new PerformanceObserver(list => {
+        if (!this.paused) {
+          // only handle batches when tracking is not paused
+          this.handleBatch(list.getEntries());
+        }
+      });
+      this.observer.observe({
+        type: 'long-animation-frame',
+        buffered: options.initial
+      });
+    }
+  }
+  handleBatch(batch) {
+    let len = this.longestAnimationFrames.length;
+    for (let batchIndex = 0; batchIndex < batch.length; batchIndex++) {
+      if (batch[batchIndex].duration < this.options.reportingThreshold) {
+        // If the long frame entry had a duration less than the reporting
+        // threshold it's not eligible for tracking
+        continue;
+      }
+      const longAnimationFrameEntry = Object.assign(batch[batchIndex], {
+        runningFeatures: Array.from(this.options.insmSession.runningFeatures)
+      });
+
+      // Not yet at capacity: append and update min tracking incrementally
+      if (len < this.options.limit) {
+        this.longestAnimationFrames[len] = longAnimationFrameEntry;
+        if (len === 0 || longAnimationFrameEntry.duration < this.minimumDuration) {
+          this.minimumDuration = longAnimationFrameEntry.duration;
+          this.minimumIndex = len;
+        }
+        len++;
+        continue;
+      }
+
+      // At capacity: only do work if we beat the current min
+      if (longAnimationFrameEntry.duration <= this.minimumDuration) {
+        continue;
+      }
+
+      // Replace the current min
+      this.longestAnimationFrames[this.minimumIndex] = longAnimationFrameEntry;
+      let _possiblyNewMinimumIndex = 0;
+      let _possibleNewMinimumDuration = this.longestAnimationFrames[0].duration;
+      for (let i = 1; i < this.options.limit; i++) {
+        if (this.longestAnimationFrames[i].duration < _possibleNewMinimumDuration) {
+          _possiblyNewMinimumIndex = i;
+          _possibleNewMinimumDuration = this.longestAnimationFrames[i].duration;
+        }
+      }
+
+      // Update the min tracking
+      this.minimumIndex = _possiblyNewMinimumIndex;
+      this.minimumDuration = _possibleNewMinimumDuration;
+    }
+  }
+
+  /**
+   * Pauses tracking
+   */
+  pause() {
+    this.paused = true;
+  }
+
+  /**
+   * Resumes tracking
+   */
+  resume() {
+    this.paused = false;
+  }
+
+  /**
+   * Returns the current tracked longest animation frames sorted by duration
+   */
+  get current() {
+    const copy = this.longestAnimationFrames.slice();
+    copy.sort((a, b) => b.duration - a.duration);
+    return copy;
+  }
+
+  /**
+   * Cleans up the performance tracking (tracking cannot be resumed following this).
+   */
+  cleanup() {
+    var _this$observer;
+    (_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.disconnect();
+  }
+}
+
+// Based on https://github.com/GoogleChrome/web-vitals/blob/1b872cf5f2159e8ace0e98d55d8eb54fb09adfbe/src/types.ts#L129
+
+// Based on https://github.com/GoogleChrome/web-vitals/blob/1b872cf5f2159e8ace0e98d55d8eb54fb09adfbe/src/types.ts#L129

package/dist/esm/index.js

@@ -9,8 +9,6 @@ export function init(options) {
 }
 function insmInitialised() {
   if (!initialisedInsm) {
-    // eslint-disable-next-line no-console
-    console.error('INSM used when not initialised');
     return false;
   }
   return true;
@@ -35,6 +33,11 @@ export var insm = {
       initialisedInsm.start(experienceKey, experienceProperties);
     }
   },
+  overrideExperienceKey: function overrideExperienceKey(experienceKey) {
+    if (insmInitialised()) {
+      initialisedInsm.overrideExperienceKey(experienceKey);
+    }
+  },
   stopEarly: function stopEarly(reasonKey, description) {
     if (insmInitialised()) {
       initialisedInsm.stopEarly(reasonKey, description);

package/dist/esm/insm-session.js

@@ -6,7 +6,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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; }
+import Bowser from 'bowser-ultralight';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { PeriodTracking } from './insm-period';
+import { LongAnimationFrameMeasurer } from './session-measurers/LongAnimationFrameMeasurer';
 
 /**
  * Only intended for internal use.
@@ -24,16 +27,27 @@ export var INSMSession = /*#__PURE__*/function () {
     this.experienceProperties = experienceProperties;
     this.insm = insm;
     this.periodTracking = new PeriodTracking(this);
+    this.longAnimationFrameMeasurer = new LongAnimationFrameMeasurer({
+      initial: this.experienceProperties.initial,
+      limit: 3,
+      insmSession: this,
+      reportingThreshold: 500
+    });
 
     /**
      * Note: Events are not reliably fired from mobile browsers (ie. when a browser is closed when not in use)
      */
   }
-
-  /**
-   * Adds a feature to the currently running session
-   */
   return _createClass(INSMSession, [{
+    key: "updateExperienceKey",
+    value: function updateExperienceKey(experienceKey) {
+      this.experienceKey = experienceKey;
+    }
+
+    /**
+     * Adds a feature to the currently running session
+     */
+  }, {
     key: "startFeature",
     value: function startFeature(featureName) {
       var _this$periodTracking;
@@ -166,13 +180,58 @@ export var INSMSession = /*#__PURE__*/function () {
             duration: duration
           },
           periods: periodResults,
-          endDetails: endDetails
+          endDetails: endDetails,
+          longAnimationFrames: this.longAnimationFrameMeasurer.current
         }),
+        deviceDetails: expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true) ? getDeviceDetails() : undefined,
         highPriority: true,
         tags: ['editor'],
         source: 'unknown'
       };
       (_this$insm$analyticsW = this.insm.analyticsWebClient) === null || _this$insm$analyticsW === void 0 || _this$insm$analyticsW.sendOperationalEvent(operationalEvent);
+      this.longAnimationFrameMeasurer.cleanup();
     }
   }]);
-}();
+}();
+
+// Functionality vendored from UFO
+function getDeviceDetails() {
+  var _navigator$connection, _navigator$connection2, _navigator$connection3;
+  var telemetry = {};
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/browser.ts
+  if (Bowser.getParser) {
+    var _ref;
+    var browser = Bowser.getParser(((_ref = typeof window !== 'undefined' && !!window ? window : undefined) === null || _ref === void 0 || (_ref = _ref.navigator) === null || _ref === void 0 ? void 0 : _ref.userAgent) || '');
+    Object.assign(telemetry, {
+      'event:browser:name': browser.getBrowserName(),
+      'event:browser:version': browser.getBrowserVersion()
+    });
+  }
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/cpus.ts
+  Object.assign(telemetry, {
+    'event:cpus': navigator.hardwareConcurrency
+  });
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/memory.ts
+  // @ts-ignore: deviceMemory is exposed in some browsers
+  Object.assign(telemetry, {
+    'event:memory': navigator.deviceMemory
+  });
+
+  // /platform/packages/data/ufo-internal/src/core/publisher/plugins/network.ts
+  Object.assign(telemetry, {
+    // Network
+    // @ts-ignore: connection is available in some browsers
+    // eslint-disable-next-line compat/compat
+    'event:network:effectiveType': (_navigator$connection = navigator.connection) === null || _navigator$connection === void 0 ? void 0 : _navigator$connection.effectiveType,
+    // @ts-ignore: connection is available in some browsers
+    // eslint-disable-next-line compat/compat
+    'event:network:rtt': (_navigator$connection2 = navigator.connection) === null || _navigator$connection2 === void 0 ? void 0 : _navigator$connection2.rtt,
+    // @ts-ignore: connection is available in some browsers
+    // eslint-disable-next-line compat/compat
+    'event:network:downlink': (_navigator$connection3 = navigator.connection) === null || _navigator$connection3 === void 0 ? void 0 : _navigator$connection3.downlink
+  });
+  return telemetry;
+}

package/dist/esm/insm.js

@@ -50,10 +50,11 @@ export var INSM = /*#__PURE__*/function () {
   return _createClass(INSM, [{
     key: "startHeavyTask",
     value: function startHeavyTask(heavyTaskName) {
-      var _this$runningSession2, _this$runningSession3;
+      var _this$runningSession2, _this$runningSession3, _this$session;
       this.runningHeavyTasks.add(heavyTaskName);
       (_this$runningSession2 = this.runningSession) === null || _this$runningSession2 === void 0 || (_this$runningSession2 = _this$runningSession2.periodTracking) === null || _this$runningSession2 === void 0 || _this$runningSession2.startHeavyTask(heavyTaskName);
       (_this$runningSession3 = this.runningSession) === null || _this$runningSession3 === void 0 || _this$runningSession3.periodTracking.pause(heavyTaskName);
+      (_this$session = this.session) === null || _this$session === void 0 || _this$session.longAnimationFrameMeasurer.pause();
     }
 
     /**
@@ -65,6 +66,10 @@ export var INSM = /*#__PURE__*/function () {
       var _this$runningSession4;
       this.runningHeavyTasks.delete(heavyTaskName);
       (_this$runningSession4 = this.runningSession) === null || _this$runningSession4 === void 0 || _this$runningSession4.periodTracking.resume(heavyTaskName);
+      if (this.runningHeavyTasks.size === 0) {
+        var _this$session2;
+        (_this$session2 = this.session) === null || _this$session2 === void 0 || _this$session2.longAnimationFrameMeasurer.resume();
+      }
     }
 
     /**
@@ -93,10 +98,31 @@ export var INSM = /*#__PURE__*/function () {
           contentId: experienceProperties.contentId
         });
       }
+      this.lastStartedExperienceProperties = experienceProperties;
       if ((_this$options$experie = this.options.experiences[experienceKey]) !== null && _this$options$experie !== void 0 && _this$options$experie.enabled) {
         this.runningSession = new INSMSession(experienceKey, experienceProperties, this);
       }
     }
+  }, {
+    key: "overrideExperienceKey",
+    value:
+    /**
+     * Call this to update the name of the running session after it's started
+     * In the case it's been started with an unregistered name, and there is not running
+     * session. This will also trigger the session being started.
+     */
+    function overrideExperienceKey(experienceKey) {
+      if (this.runningSession !== undefined) {
+        // If there is a running session - we update its name
+        this.runningSession.updateExperienceKey(experienceKey);
+      } else {
+        var _this$options$experie2;
+        // otherwise - we assume the last session was not registered, and start it with the new name
+        if ((_this$options$experie2 = this.options.experiences[experienceKey]) !== null && _this$options$experie2 !== void 0 && _this$options$experie2.enabled && this.lastStartedExperienceProperties) {
+          this.runningSession = new INSMSession(experienceKey, this.lastStartedExperienceProperties, this);
+        }
+      }
+    }
 
     /**
      * This prematurely halts any running experience measurement. It's expected to be used in

package/dist/esm/session-measurers/LongAnimationFrameMeasurer.js

@@ -0,0 +1,118 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+export var LongAnimationFrameMeasurer = /*#__PURE__*/function () {
+  function LongAnimationFrameMeasurer(options) {
+    var _this = this;
+    _classCallCheck(this, LongAnimationFrameMeasurer);
+    _defineProperty(this, "longestAnimationFrames", []);
+    _defineProperty(this, "minimumIndex", -1);
+    _defineProperty(this, "minimumDuration", Infinity);
+    this.options = options;
+    this.paused = options.insmSession.insm.runningHeavyTasks.size !== 0;
+    if (PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {
+      this.observer = new PerformanceObserver(function (list) {
+        if (!_this.paused) {
+          // only handle batches when tracking is not paused
+          _this.handleBatch(list.getEntries());
+        }
+      });
+      this.observer.observe({
+        type: 'long-animation-frame',
+        buffered: options.initial
+      });
+    }
+  }
+  return _createClass(LongAnimationFrameMeasurer, [{
+    key: "handleBatch",
+    value: function handleBatch(batch) {
+      var len = this.longestAnimationFrames.length;
+      for (var batchIndex = 0; batchIndex < batch.length; batchIndex++) {
+        if (batch[batchIndex].duration < this.options.reportingThreshold) {
+          // If the long frame entry had a duration less than the reporting
+          // threshold it's not eligible for tracking
+          continue;
+        }
+        var longAnimationFrameEntry = Object.assign(batch[batchIndex], {
+          runningFeatures: Array.from(this.options.insmSession.runningFeatures)
+        });
+
+        // Not yet at capacity: append and update min tracking incrementally
+        if (len < this.options.limit) {
+          this.longestAnimationFrames[len] = longAnimationFrameEntry;
+          if (len === 0 || longAnimationFrameEntry.duration < this.minimumDuration) {
+            this.minimumDuration = longAnimationFrameEntry.duration;
+            this.minimumIndex = len;
+          }
+          len++;
+          continue;
+        }
+
+        // At capacity: only do work if we beat the current min
+        if (longAnimationFrameEntry.duration <= this.minimumDuration) {
+          continue;
+        }
+
+        // Replace the current min
+        this.longestAnimationFrames[this.minimumIndex] = longAnimationFrameEntry;
+        var _possiblyNewMinimumIndex = 0;
+        var _possibleNewMinimumDuration = this.longestAnimationFrames[0].duration;
+        for (var i = 1; i < this.options.limit; i++) {
+          if (this.longestAnimationFrames[i].duration < _possibleNewMinimumDuration) {
+            _possiblyNewMinimumIndex = i;
+            _possibleNewMinimumDuration = this.longestAnimationFrames[i].duration;
+          }
+        }
+
+        // Update the min tracking
+        this.minimumIndex = _possiblyNewMinimumIndex;
+        this.minimumDuration = _possibleNewMinimumDuration;
+      }
+    }
+
+    /**
+     * Pauses tracking
+     */
+  }, {
+    key: "pause",
+    value: function pause() {
+      this.paused = true;
+    }
+
+    /**
+     * Resumes tracking
+     */
+  }, {
+    key: "resume",
+    value: function resume() {
+      this.paused = false;
+    }
+
+    /**
+     * Returns the current tracked longest animation frames sorted by duration
+     */
+  }, {
+    key: "current",
+    get: function get() {
+      var copy = this.longestAnimationFrames.slice();
+      copy.sort(function (a, b) {
+        return b.duration - a.duration;
+      });
+      return copy;
+    }
+
+    /**
+     * Cleans up the performance tracking (tracking cannot be resumed following this).
+     */
+  }, {
+    key: "cleanup",
+    value: function cleanup() {
+      var _this$observer;
+      (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.disconnect();
+    }
+  }]);
+}();
+
+// Based on https://github.com/GoogleChrome/web-vitals/blob/1b872cf5f2159e8ace0e98d55d8eb54fb09adfbe/src/types.ts#L129
+
+// Based on https://github.com/GoogleChrome/web-vitals/blob/1b872cf5f2159e8ace0e98d55d8eb54fb09adfbe/src/types.ts#L129

package/dist/types/index.d.ts

@@ -8,6 +8,6 @@ export declare function init(options: INSMOptions): void;
 /**
  * **In**teractivity **s**ession **m**onitoring
  */
-export declare const insm: Pick<INSM, 'start' | 'stopEarly' | 'startHeavyTask' | 'endHeavyTask'> & {
+export declare const insm: Pick<INSM, 'start' | 'stopEarly' | 'startHeavyTask' | 'endHeavyTask' | 'overrideExperienceKey'> & {
     session: Pick<INSMSession, 'details' | 'startFeature' | 'endFeature' | 'addProperties'> | undefined;
 };

package/dist/types/insm-session.d.ts

@@ -1,6 +1,7 @@
 import type { INSM } from './insm';
 import type { AddedProperties, ExperienceProperties } from './types';
 import { PeriodTracking } from './insm-period';
+import { LongAnimationFrameMeasurer } from './session-measurers/LongAnimationFrameMeasurer';
 /**
  * Only intended for internal use.
  *
@@ -15,7 +16,9 @@ export declare class INSMSession {
     private addedProperties;
     runningFeatures: Set<string>;
     periodTracking: PeriodTracking;
+    longAnimationFrameMeasurer: LongAnimationFrameMeasurer;
     constructor(experienceKey: string, experienceProperties: ExperienceProperties, insm: INSM);
+    updateExperienceKey(experienceKey: string): void;
     /**
      * Adds a feature to the currently running session
      */
@@ -84,8 +87,8 @@ export declare class INSMSession {
     } | {
         stoppedBy: 'beforeunload';
     } | {
-        stoppedBy: 'early-stop';
-        reason: string;
         description?: string;
+        reason: string;
+        stoppedBy: 'early-stop';
     }): void;
 }

package/dist/types/insm.d.ts

@@ -41,6 +41,13 @@ export declare class INSM {
      * ```
      */
     start(experienceKey: string, experienceProperties: ExperienceProperties): void;
+    private lastStartedExperienceProperties;
+    /**
+     * Call this to update the name of the running session after it's started
+     * In the case it's been started with an unregistered name, and there is not running
+     * session. This will also trigger the session being started.
+     */
+    overrideExperienceKey(experienceKey: string): void;
     /**
      * This prematurely halts any running experience measurement. It's expected to be used in
      * scenarios such as when error boundaries are hit.

package/dist/types/session-measurers/LongAnimationFrameMeasurer.d.ts

@@ -0,0 +1,61 @@
+import type { INSMSession } from '../insm-session';
+type LongAnimationFrameMeasurerOptions = {
+    initial: boolean;
+    limit: number;
+    insmSession: INSMSession;
+    reportingThreshold: number;
+};
+export declare class LongAnimationFrameMeasurer {
+    private observer?;
+    private longestAnimationFrames;
+    private options;
+    private paused;
+    private minimumIndex;
+    private minimumDuration;
+    constructor(options: LongAnimationFrameMeasurerOptions);
+    private handleBatch;
+    /**
+     * Pauses tracking
+     */
+    pause(): void;
+    /**
+     * Resumes tracking
+     */
+    resume(): void;
+    /**
+     * Returns the current tracked longest animation frames sorted by duration
+     */
+    get current(): PerformanceLongAnimationFrameTiming[];
+    /**
+     * Cleans up the performance tracking (tracking cannot be resumed following this).
+     */
+    cleanup(): void;
+}
+interface PerformanceScriptTiming extends PerformanceEntry {
+    readonly startTime: DOMHighResTimeStamp;
+    readonly duration: DOMHighResTimeStamp;
+    readonly name: string;
+    readonly entryType: string;
+    readonly invokerType: 'classic-script' | 'module-script' | 'event-listener' | 'user-callback' | 'resolve-promise' | 'reject-promise';
+    readonly invoker: string;
+    readonly executionStart: DOMHighResTimeStamp;
+    readonly sourceURL: string;
+    readonly sourceFunctionName: string;
+    readonly sourceCharPosition: number;
+    readonly pauseDuration: DOMHighResTimeStamp;
+    readonly forcedStyleAndLayoutDuration: DOMHighResTimeStamp;
+    readonly window?: Window;
+    readonly windowAttribution: 'self' | 'descendant' | 'ancestor' | 'same-page' | 'other';
+}
+interface PerformanceLongAnimationFrameTiming extends PerformanceEntry {
+    readonly startTime: DOMHighResTimeStamp;
+    readonly duration: DOMHighResTimeStamp;
+    readonly name: string;
+    readonly entryType: string;
+    readonly renderStart: DOMHighResTimeStamp;
+    readonly styleAndLayoutStart: DOMHighResTimeStamp;
+    readonly blockingDuration: DOMHighResTimeStamp;
+    readonly firstUIEventTimestamp: DOMHighResTimeStamp;
+    readonly scripts: PerformanceScriptTiming[];
+}
+export {};

package/dist/types-ts4.5/index.d.ts

@@ -8,6 +8,6 @@ export declare function init(options: INSMOptions): void;
 /**
  * **In**teractivity **s**ession **m**onitoring
  */
-export declare const insm: Pick<INSM, 'start' | 'stopEarly' | 'startHeavyTask' | 'endHeavyTask'> & {
+export declare const insm: Pick<INSM, 'start' | 'stopEarly' | 'startHeavyTask' | 'endHeavyTask' | 'overrideExperienceKey'> & {
     session: Pick<INSMSession, 'details' | 'startFeature' | 'endFeature' | 'addProperties'> | undefined;
 };

package/dist/types-ts4.5/insm-session.d.ts

@@ -1,6 +1,7 @@
 import type { INSM } from './insm';
 import type { AddedProperties, ExperienceProperties } from './types';
 import { PeriodTracking } from './insm-period';
+import { LongAnimationFrameMeasurer } from './session-measurers/LongAnimationFrameMeasurer';
 /**
  * Only intended for internal use.
  *
@@ -15,7 +16,9 @@ export declare class INSMSession {
     private addedProperties;
     runningFeatures: Set<string>;
     periodTracking: PeriodTracking;
+    longAnimationFrameMeasurer: LongAnimationFrameMeasurer;
     constructor(experienceKey: string, experienceProperties: ExperienceProperties, insm: INSM);
+    updateExperienceKey(experienceKey: string): void;
     /**
      * Adds a feature to the currently running session
      */
@@ -84,8 +87,8 @@ export declare class INSMSession {
     } | {
         stoppedBy: 'beforeunload';
     } | {
-        stoppedBy: 'early-stop';
-        reason: string;
         description?: string;
+        reason: string;
+        stoppedBy: 'early-stop';
     }): void;
 }

package/dist/types-ts4.5/insm.d.ts

@@ -44,6 +44,13 @@ export declare class INSM {
      * ```
      */
     start(experienceKey: string, experienceProperties: ExperienceProperties): void;
+    private lastStartedExperienceProperties;
+    /**
+     * Call this to update the name of the running session after it's started
+     * In the case it's been started with an unregistered name, and there is not running
+     * session. This will also trigger the session being started.
+     */
+    overrideExperienceKey(experienceKey: string): void;
     /**
      * This prematurely halts any running experience measurement. It's expected to be used in
      * scenarios such as when error boundaries are hit.

package/dist/types-ts4.5/session-measurers/LongAnimationFrameMeasurer.d.ts

@@ -0,0 +1,61 @@
+import type { INSMSession } from '../insm-session';
+type LongAnimationFrameMeasurerOptions = {
+    initial: boolean;
+    limit: number;
+    insmSession: INSMSession;
+    reportingThreshold: number;
+};
+export declare class LongAnimationFrameMeasurer {
+    private observer?;
+    private longestAnimationFrames;
+    private options;
+    private paused;
+    private minimumIndex;
+    private minimumDuration;
+    constructor(options: LongAnimationFrameMeasurerOptions);
+    private handleBatch;
+    /**
+     * Pauses tracking
+     */
+    pause(): void;
+    /**
+     * Resumes tracking
+     */
+    resume(): void;
+    /**
+     * Returns the current tracked longest animation frames sorted by duration
+     */
+    get current(): PerformanceLongAnimationFrameTiming[];
+    /**
+     * Cleans up the performance tracking (tracking cannot be resumed following this).
+     */
+    cleanup(): void;
+}
+interface PerformanceScriptTiming extends PerformanceEntry {
+    readonly startTime: DOMHighResTimeStamp;
+    readonly duration: DOMHighResTimeStamp;
+    readonly name: string;
+    readonly entryType: string;
+    readonly invokerType: 'classic-script' | 'module-script' | 'event-listener' | 'user-callback' | 'resolve-promise' | 'reject-promise';
+    readonly invoker: string;
+    readonly executionStart: DOMHighResTimeStamp;
+    readonly sourceURL: string;
+    readonly sourceFunctionName: string;
+    readonly sourceCharPosition: number;
+    readonly pauseDuration: DOMHighResTimeStamp;
+    readonly forcedStyleAndLayoutDuration: DOMHighResTimeStamp;
+    readonly window?: Window;
+    readonly windowAttribution: 'self' | 'descendant' | 'ancestor' | 'same-page' | 'other';
+}
+interface PerformanceLongAnimationFrameTiming extends PerformanceEntry {
+    readonly startTime: DOMHighResTimeStamp;
+    readonly duration: DOMHighResTimeStamp;
+    readonly name: string;
+    readonly entryType: string;
+    readonly renderStart: DOMHighResTimeStamp;
+    readonly styleAndLayoutStart: DOMHighResTimeStamp;
+    readonly blockingDuration: DOMHighResTimeStamp;
+    readonly firstUIEventTimestamp: DOMHighResTimeStamp;
+    readonly scripts: PerformanceScriptTiming[];
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/insm",
-	"version": "0.1.2",
+	"version": "0.1.3",
 	"description": "INSM tooling measures user-perceived interactivity of a page",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -25,9 +25,10 @@
 	},
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/analytics-listeners": "^9.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.5.0",
-		"@babel/runtime": "^7.0.0"
+		"@atlaskit/analytics-listeners": "^9.1.0",
+		"@atlaskit/tmp-editor-statsig": "^13.0.0",
+		"@babel/runtime": "^7.0.0",
+		"bowser-ultralight": "^1.0.6"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0"