@atlaskit/insm 0.1.1 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/insm
 
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.1.2
+
+### Patch Changes
+
+- [`cf1cfd5a04c5c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cf1cfd5a04c5c) -
+  Remove INSM circular dependency
+- [`78573b5014067`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/78573b5014067) -
+  Update numerator calculation in INP Measurers
+
 ## 0.1.1
 
 ### 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/inp-measurers/inp.js

@@ -60,7 +60,7 @@ var InteractionResult = /*#__PURE__*/function () {
       if (duration < this.min) {
         this.min = duration;
       }
-      this.numerator += this.average * (this.count - 1) + duration;
+      this.numerator += duration;
       this.count += 1;
       this.average = this.numerator / this.count;
     }

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,12 +186,56 @@ var INSMSession = exports.INSMSession = /*#__PURE__*/function () {
             duration: duration
           },
           periods: periodResults,
-          endDetails: endDetails
+          endDetails: endDetails,
+          longAnimationFrames: this.longAnimationFrameMeasurer.current
         }),
-        tags: ['insm'],
-        source: 'insm'
+        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

@@ -21,17 +21,7 @@ var INSM = exports.INSM = /*#__PURE__*/function () {
      * page session.
      */
     (0, _defineProperty2.default)(this, "runningHeavyTasks", new Set());
-    this.periodMeasurers = [new _afps.AnimationFPSIM(), new _inp.INPTracker(), new _inp.INPTracker({
-      includedInteractions: ['pointerup']
-    }), new _inp.INPTracker({
-      includedInteractions: ['pointerdown']
-    }), new _inp.INPTracker({
-      includedInteractions: ['click']
-    }), new _inp.INPTracker({
-      includedInteractions: ['keydown']
-    }), new _inp.INPTracker({
-      includedInteractions: ['keyup']
-    })];
+    this.periodMeasurers = [new _afps.AnimationFPSIM(), new _inp.INPTracker()];
     this.options = options;
 
     // If this does throw -- we do want an unhandledRejection rejection to be passed to the window
@@ -40,14 +30,23 @@ var INSM = exports.INSM = /*#__PURE__*/function () {
       return _this.analyticsWebClient = analyticsWebClient;
     });
 
-    // No cleanup needs to be performed -- as this is intended to run until the tab is closed
-    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    window.addEventListener('pagehide', function () {
-      var _this$runningSession;
-      (_this$runningSession = _this.runningSession) === null || _this$runningSession === void 0 || _this$runningSession.end({
-        stoppedBy: 'pagehide'
+    // No cleanup needs to be performed -- as this tooling is intended to run until the tab is closed
+    // The use of beforeunload here is because using pagehide does not reliably result in the analytics
+    // being fired by the analytics web client.
+    // The use of this means we will miss events from mobile safari which does not reliably call this api
+    // however mobile browsers do not call when a browser closes - so we expect limited mobile data from
+    // this tooling in its current form.
+
+    // window will not be defined in server envs - in these envs -- there can never be a session end
+    if (typeof window !== 'undefined') {
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      window.addEventListener('beforeunload', function () {
+        var _this$runningSession;
+        (_this$runningSession = _this.runningSession) === null || _this$runningSession === void 0 || _this$runningSession.end({
+          stoppedBy: 'beforeunload'
+        });
       });
-    });
+    }
   }
 
   /**
@@ -58,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();
     }
 
     /**
@@ -73,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();
+      }
     }
 
     /**
@@ -101,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/inp-measurers/inp.js

@@ -38,7 +38,7 @@ class InteractionResult {
     if (duration < this.min) {
       this.min = duration;
     }
-    this.numerator += this.average * (this.count - 1) + duration;
+    this.numerator += duration;
     this.count += 1;
     this.average = this.numerator / this.count;
   }

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,11 +151,57 @@ export class INSMSession {
           duration
         },
         periods: periodResults,
-        endDetails: endDetails
+        endDetails: endDetails,
+        longAnimationFrames: this.longAnimationFrameMeasurer.current
       },
-      tags: ['insm'],
-      source: 'insm'
+      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

@@ -10,31 +10,30 @@ export class INSM {
      * page session.
      */
     _defineProperty(this, "runningHeavyTasks", new Set());
-    this.periodMeasurers = [new AnimationFPSIM(), new INPTracker(), new INPTracker({
-      includedInteractions: ['pointerup']
-    }), new INPTracker({
-      includedInteractions: ['pointerdown']
-    }), new INPTracker({
-      includedInteractions: ['click']
-    }), new INPTracker({
-      includedInteractions: ['keydown']
-    }), new INPTracker({
-      includedInteractions: ['keyup']
-    })];
+    this.periodMeasurers = [new AnimationFPSIM(), new INPTracker()];
     this.options = options;
 
     // If this does throw -- we do want an unhandledRejection rejection to be passed to the window
     // this is to ease debugging.
     options.getAnalyticsWebClient.then(analyticsWebClient => this.analyticsWebClient = analyticsWebClient);
 
-    // No cleanup needs to be performed -- as this is intended to run until the tab is closed
-    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    window.addEventListener('pagehide', () => {
-      var _this$runningSession;
-      (_this$runningSession = this.runningSession) === null || _this$runningSession === void 0 ? void 0 : _this$runningSession.end({
-        stoppedBy: 'pagehide'
+    // No cleanup needs to be performed -- as this tooling is intended to run until the tab is closed
+    // The use of beforeunload here is because using pagehide does not reliably result in the analytics
+    // being fired by the analytics web client.
+    // The use of this means we will miss events from mobile safari which does not reliably call this api
+    // however mobile browsers do not call when a browser closes - so we expect limited mobile data from
+    // this tooling in its current form.
+
+    // window will not be defined in server envs - in these envs -- there can never be a session end
+    if (typeof window !== 'undefined') {
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      window.addEventListener('beforeunload', () => {
+        var _this$runningSession;
+        (_this$runningSession = this.runningSession) === null || _this$runningSession === void 0 ? void 0 : _this$runningSession.end({
+          stoppedBy: 'beforeunload'
+        });
       });
-    });
+    }
   }
 
   /**
@@ -43,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();
   }
 
   /**
@@ -56,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();
+    }
   }
 
   /**
@@ -82,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