@newrelic/browser-agent 1.254.1 → 1.255.0

package/dist/cjs/features/page_view_timing/aggregate/index.js

@@ -21,6 +21,8 @@ var _interactionToNextPaint = require("../../../common/vitals/interaction-to-nex
 var _largestContentfulPaint = require("../../../common/vitals/largest-contentful-paint");
 var _timeToFirstByte = require("../../../common/vitals/time-to-first-byte");
 var _longTask = require("../../../common/vitals/long-task");
+var _pageVisibility = require("../../../common/window/page-visibility");
+var _constants2 = require("../../../common/vitals/constants");
 /*
  * Copyright 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
@@ -44,15 +46,13 @@ class Aggregate extends _aggregateBase.AggregateBase {
     this.timingsSent = [];
     this.curSessEndRecorded = false;
     if ((0, _config.getConfigurationValue)(this.agentIdentifier, 'page_view_timing.long_task') === true) _longTask.longTask.subscribe(this.#handleVitalMetric);
-
-    /* It's important that CWV api, like "onLCP", is called before this scheduler is initialized. The reason is because they listen to the same
-      on vis change or pagehide events, and we'd want ex. onLCP to record the timing (win the race) before we try to send "final harvest". */
-
     (0, _registerHandler.registerHandler)('docHidden', msTimestamp => this.endCurrentSession(msTimestamp), this.featureName, this.ee);
     (0, _registerHandler.registerHandler)('winPagehide', msTimestamp => this.recordPageUnload(msTimestamp), this.featureName, this.ee);
     const initialHarvestSeconds = (0, _config.getConfigurationValue)(this.agentIdentifier, 'page_view_timing.initialHarvestSeconds') || 10;
     const harvestTimeSeconds = (0, _config.getConfigurationValue)(this.agentIdentifier, 'page_view_timing.harvestTimeSeconds') || 30;
     this.waitForFlags([]).then(() => {
+      /* It's important that CWV api, like "onLCP", is called before the **scheduler** is initialized. The reason is because they listen to the same
+        on vis change or pagehide events, and we'd want ex. onLCP to record the timing (win the race) before we try to send "final harvest". */
       _firstPaint.firstPaint.subscribe(this.#handleVitalMetric);
       _firstContentfulPaint.firstContentfulPaint.subscribe(this.#handleVitalMetric);
       _firstInputDelay.firstInputDelay.subscribe(this.#handleVitalMetric);
@@ -60,10 +60,23 @@ class Aggregate extends _aggregateBase.AggregateBase {
       _interactionToNextPaint.interactionToNextPaint.subscribe(this.#handleVitalMetric);
       _timeToFirstByte.timeToFirstByte.subscribe(_ref2 => {
         let {
-          entries
+          attrs
         } = _ref2;
-        this.addTiming('load', Math.round(entries[0].loadEventEnd));
+        this.addTiming('load', Math.round(attrs.navigationEntry.loadEventEnd));
       });
+      (0, _pageVisibility.subscribeToVisibilityChange)(() => {
+        /* Downstream, the event consumer interprets all timing node value as ms-unit and converts it to seconds via division by 1000. CLS is unitless so this normally is a problem.
+          bel.6 schema also doesn't support decimal values, of which cls within [0,1). However, the two nicely cancels out, and we can multiply cls by 1000 to both negate the division
+          and send an integer > 1. We effectively lose some precision down to 3 decimal places for this workaround. E.g. (real) 0.749132... -> 749.132...-> 749 -> 0.749 (final) */
+        const {
+          name,
+          value,
+          attrs
+        } = _cumulativeLayoutShift.cumulativeLayoutShift.current;
+        if (value === undefined) return;
+        this.addTiming(name, value * 1000, attrs);
+      }, true); // CLS node should only reports on vis change rather than on every change
+
       const scheduler = new _harvestScheduler.HarvestScheduler('events', {
         onFinished: function () {
           return _this.onHarvestFinished(...arguments);
@@ -113,8 +126,9 @@ class Aggregate extends _aggregateBase.AggregateBase {
     Issue: Because NR 'pageHide' was only sent once with what is considered the "final" CLS value, in the case that 'pageHide' fires before 'load' happens, we incorrectly a final CLS of 0 for that page.
     Mitigation: We've set initial CLS to null so that it's omitted from timings like 'pageHide' in that edge case. It should only be included if onCLS callback was executed at least once.
     Future: onCLS value changes should be reported directly & CLS separated into its own timing node so it's not beholden to 'pageHide' firing. It'd also be possible to report the real final CLS.
+    *cli Mar'24 update: CLS now emitted as its own timing node in addition to as-property under other nodes. The 'cls' property is unnecessary for cls nodes.
     */
-    if (_cumulativeLayoutShift.cumulativeLayoutShift.current.value >= 0) {
+    if (name !== _constants2.VITAL_NAMES.CUMULATIVE_LAYOUT_SHIFT && _cumulativeLayoutShift.cumulativeLayoutShift.current.value >= 0) {
       attrs.cls = _cumulativeLayoutShift.cumulativeLayoutShift.current.value;
     }
     this.timings.push({

package/dist/cjs/features/page_view_timing/instrument/index.js

@@ -7,10 +7,10 @@ exports.Instrument = void 0;
 var _handle = require("../../../common/event-emitter/handle");
 var _pageVisibility = require("../../../common/window/page-visibility");
 var _eventListenerOpts = require("../../../common/event-listener/event-listener-opts");
-var _now = require("../../../common/timing/now");
 var _instrumentBase = require("../../utils/instrument-base");
 var _constants = require("../constants");
 var _runtime = require("../../../common/constants/runtime");
+var _now = require("../../../common/timing/now");
 /*
  * Copyright 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0

package/dist/cjs/features/session_replay/aggregate/index.js

@@ -17,11 +17,11 @@ var _constants2 = require("../../metrics/constants");
 var _handle = require("../../../common/event-emitter/handle");
 var _features = require("../../../loaders/features/features");
 var _env = require("../../../common/constants/env.npm");
-var _now = require("../../../common/timing/now");
 var _constants3 = require("../../../common/session/constants");
 var _stringify = require("../../../common/util/stringify");
 var _stylesheetEvaluator = require("../shared/stylesheet-evaluator");
 var _drain = require("../../../common/drain/drain");
+var _now = require("../../../common/timing/now");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /*
  * Copyright 2023 New Relic Corporation. All rights reserved.
@@ -56,6 +56,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
 
     /** set by BCS response */
     this.entitled = false;
+    /** set at BCS response, stored in runtime */
+    this.timeKeeper = undefined;
     this.recorder = args?.recorder;
     if (this.recorder) this.recorder.parent = this;
     (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/Enabled'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
@@ -189,8 +191,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
     // session replay samples can only be decided on the first load of a session
     // session replays can continue if already in progress
     const {
-      session
+      session,
+      timeKeeper
     } = (0, _config.getRuntime)(this.agentIdentifier);
+    this.timeKeeper = timeKeeper;
     if (!session.isNew && !ignoreSession) {
       // inherit the mode of the existing session
       this.mode = session.state.sessionReplayMode;
@@ -256,7 +260,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     let {
       opts
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (!this.recorder) return;
+    if (!this.recorder || !this.timeKeeper?.ready) return;
     const recorderEvents = this.recorder.getEvents();
     // get the event type and use that to trigger another harvest if needed
     if (!recorderEvents.events.length || this.mode !== _constants3.MODE.FULL || this.blocked) return;
@@ -267,7 +271,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
     }
     let len = 0;
     if (!!this.gzipper && !!this.u8) {
-      payload.body = this.gzipper(this.u8("[".concat(payload.body.map(e => e.__serialized).join(','), "]")));
+      payload.body = this.gzipper(this.u8("[".concat(payload.body.map(e => {
+        if (e.__serialized) return e.__serialized;
+        return (0, _stringify.stringify)(e);
+      }).join(','), "]")));
       len = payload.body.length;
       this.scheduler.opts.gzip = true;
     } else {
@@ -320,12 +327,11 @@ class Aggregate extends _aggregateBase.AggregateBase {
       events = events.slice(0, events.length - 1);
       recorderEvents.hasMeta = !!events.find(x => x.type === _constants.RRWEB_EVENT_TYPES.Meta);
     }
-    const agentOffset = (0, _config.getRuntime)(this.agentIdentifier).offset;
     const relativeNow = (0, _now.now)();
     const firstEventTimestamp = events[0]?.timestamp; // from rrweb node
     const lastEventTimestamp = events[events.length - 1]?.timestamp; // from rrweb node
-    const firstTimestamp = firstEventTimestamp || recorderEvents.cycleTimestamp; // from rrweb node || from when the harvest cycle started
-    const lastTimestamp = lastEventTimestamp || agentOffset + relativeNow;
+    const firstTimestamp = firstEventTimestamp || this.timeKeeper.correctAbsoluteTimestamp(recorderEvents.cycleTimestamp); // from rrweb node || from when the harvest cycle started
+    const lastTimestamp = lastEventTimestamp || this.timeKeeper.convertRelativeTimestamp(relativeNow);
     const agentMetadata = agentRuntime.appMetadata?.agents?.[0] || {};
     return {
       qs: {
@@ -333,6 +339,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
         type: 'SessionReplay',
         app_id: info.applicationID,
         protocol_version: '0',
+        timestamp: firstTimestamp,
         attributes: (0, _encode.obj)({
           // this section of attributes must be controllable and stay below the query param padding limit -- see QUERY_PARAM_PADDING
           // if not, data could be lost to truncation at time of sending, potentially breaking parsing / API behavior in NR1
@@ -343,9 +350,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
             entityGuid: agentMetadata.entityGuid
           }),
           'replay.firstTimestamp': firstTimestamp,
-          'replay.firstTimestampOffset': firstTimestamp - agentOffset,
           'replay.lastTimestamp': lastTimestamp,
-          'replay.durationMs': lastTimestamp - firstTimestamp,
           'replay.nodes': events.length,
           'session.durationMs': agentRuntime.session.getDuration(),
           agentVersion: agentRuntime.version,

package/dist/cjs/features/session_replay/shared/recorder-events.js

@@ -5,13 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RecorderEvents = void 0;
 class RecorderEvents {
-  constructor() {
+  constructor(_ref) {
+    let {
+      canCorrectTimestamps
+    } = _ref;
     /** The buffer to hold recorder event nodes */
     this.events = [];
     /** Payload metadata -- Should indicate when a replay blob started recording.  Resets each time a harvest occurs.
      * cycle timestamps are used as fallbacks if event timestamps cannot be used
      */
     this.cycleTimestamp = Date.now();
+    /** Payload metadata -- Whether timestamps can be corrected, defaults as false, can be set to true if timekeeper is present at init time.  Used to determine
+     * if harvest needs to re-loop through nodes and correct them before sending.  Ideal behavior is to correct them as they flow into the recorder
+     * to prevent re-looping, but is not always possible since the timekeeper is not set until after page load and the recorder can be preloaded.
+    */
+    this.canCorrectTimestamps = !!canCorrectTimestamps;
     /** A value which increments with every new mutation node reported. Resets after a harvest is sent */
     this.payloadBytesEstimation = 0;
     /** Payload metadata -- Should indicate that the payload being sent has a full DOM snapshot. This can happen

package/dist/cjs/features/session_replay/shared/recorder.js

@@ -16,14 +16,23 @@ var _constants3 = require("../../metrics/constants");
 var _features = require("../../../loaders/features/features");
 class Recorder {
   /** Each page mutation or event will be stored (raw) in this array. This array will be cleared on each harvest */
-  #events = new _recorderEvents.RecorderEvents();
+  #events;
   /** Backlog used for a 2-part sliding window to guarantee a 15-30s buffer window */
-  #backloggedEvents = new _recorderEvents.RecorderEvents();
+  #backloggedEvents;
   /** array of recorder events -- Will be filled only if forced harvest was triggered and harvester does not exist */
-  #preloaded = [new _recorderEvents.RecorderEvents()];
+  #preloaded;
   /** flag that if true, blocks events from being "stored".  Only set to true when a full snapshot has incomplete nodes (only stylesheets ATM) */
   #fixing = false;
   constructor(parent) {
+    this.#events = new _recorderEvents.RecorderEvents({
+      canCorrectTimestamps: !!parent.timeKeeper?.ready
+    });
+    this.#backloggedEvents = new _recorderEvents.RecorderEvents({
+      canCorrectTimestamps: !!parent.timeKeeper?.ready
+    });
+    this.#preloaded = [new _recorderEvents.RecorderEvents({
+      canCorrectTimestamps: !!parent.timeKeeper?.ready
+    })];
     /** True when actively recording, false when paused or stopped */
     this.recording = false;
     /** The pointer to the current bucket holding rrweb events */
@@ -40,12 +49,18 @@ class Recorder {
     this.stopRecording = () => {/* no-op until set by rrweb initializer */};
   }
   getEvents() {
-    if (this.#preloaded[0]?.events.length) return {
-      ...this.#preloaded[0],
-      type: 'preloaded'
-    };
+    if (this.#preloaded[0]?.events.length) {
+      const preloadedEvents = this.returnCorrectTimestamps(this.#preloaded[0]);
+      return {
+        ...this.#preloaded[0],
+        events: preloadedEvents,
+        type: 'preloaded'
+      };
+    }
+    const backloggedEvents = this.returnCorrectTimestamps(this.#backloggedEvents);
+    const events = this.returnCorrectTimestamps(this.#events);
     return {
-      events: [...this.#backloggedEvents.events, ...this.#events.events].filter(x => x),
+      events: [...backloggedEvents, ...events].filter(x => x),
       type: 'standard',
       cycleTimestamp: Math.min(this.#backloggedEvents.cycleTimestamp, this.#events.cycleTimestamp),
       payloadBytesEstimation: this.#backloggedEvents.payloadBytesEstimation + this.#events.payloadBytesEstimation,
@@ -56,10 +71,34 @@ class Recorder {
     };
   }
 
+  /**
+   * Returns time-corrected events. If the events were correctable from the beginning, this correction will have already been applied.
+   * @param {SessionReplayEvent[]} events The array of buffered SR nodes
+   * @returns {CorrectedSessionReplayEvent[]}
+   */
+  returnCorrectTimestamps(events) {
+    if (!this.parent.timeKeeper?.ready) return events.events;
+    return events.canCorrectTimestamps ? events.events : events.events.map(_ref => {
+      let {
+        __serialized,
+        timestamp,
+        ...e
+      } = _ref;
+      return {
+        timestamp: this.parent.timeKeeper.correctAbsoluteTimestamp(timestamp),
+        ...e
+      };
+    });
+  }
+
   /** Clears the buffer (this.#events), and resets all payload metadata properties */
   clearBuffer() {
-    if (this.#preloaded[0]?.events.length) this.#preloaded.shift();else if (this.parent.mode === _constants2.MODE.ERROR) this.#backloggedEvents = this.#events;else this.#backloggedEvents = new _recorderEvents.RecorderEvents();
-    this.#events = new _recorderEvents.RecorderEvents();
+    if (this.#preloaded[0]?.events.length) this.#preloaded.shift();else if (this.parent.mode === _constants2.MODE.ERROR) this.#backloggedEvents = this.#events;else this.#backloggedEvents = new _recorderEvents.RecorderEvents({
+      canCorrectTimestamps: !!this.parent.timeKeeper?.ready
+    });
+    this.#events = new _recorderEvents.RecorderEvents({
+      canCorrectTimestamps: !!this.parent.timeKeeper?.ready
+    });
   }
 
   /** Begin recording using configured recording lib */
@@ -136,9 +175,12 @@ class Recorder {
   /** Store a payload in the buffer (this.#events).  This should be the callback to the recording lib noticing a mutation */
   store(event, isCheckout) {
     if (!event) return;
-    event.__serialized = (0, _stringify.stringify)(event);
     if (!this.parent.scheduler && this.#preloaded.length) this.currentBufferTarget = this.#preloaded[this.#preloaded.length - 1];else this.currentBufferTarget = this.#events;
     if (this.parent.blocked) return;
+    if (this.currentBufferTarget.canCorrectTimestamps) {
+      event.timestamp = this.parent.timeKeeper.correctAbsoluteTimestamp(event.timestamp);
+    }
+    event.__serialized = (0, _stringify.stringify)(event);
     const eventBytes = event.__serialized.length;
     /** The estimated size of the payload after compression */
     const payloadSize = this.getPayloadSize(eventBytes);
@@ -170,7 +212,9 @@ class Recorder {
         this.parent.scheduler.runHarvest();
       } else {
         // we are still in "preload" and it triggered a "stop point".  Make a new set, which will get pointed at on next cycle
-        this.#preloaded.push(new _recorderEvents.RecorderEvents());
+        this.#preloaded.push(new _recorderEvents.RecorderEvents({
+          canCorrectTimestamps: !!this.parent.timeKeeper?.ready
+        }));
       }
     }
   }

package/dist/cjs/features/session_trace/aggregate/index.js

@@ -8,12 +8,12 @@ var _registerHandler = require("../../../common/event-emitter/register-handler")
 var _harvestScheduler = require("../../../common/harvest/harvest-scheduler");
 var _parseUrl = require("../../../common/url/parse-url");
 var _config = require("../../../common/config/config");
-var _now = require("../../../common/timing/now");
 var _constants = require("../constants");
 var _handlerCache = require("../../utils/handler-cache");
 var _replayMode = require("../../session_replay/shared/replay-mode");
 var _aggregateBase = require("../../utils/aggregate-base");
 var _constants2 = require("../../../common/session/constants");
+var _now = require("../../../common/timing/now");
 /*
  * Copyright 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0

package/dist/cjs/features/session_trace/instrument/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.Instrument = void 0;
 var _handle = require("../../../common/event-emitter/handle");
 var _wrap = require("../../../common/wrap");
-var _now = require("../../../common/timing/now");
 var _instrumentBase = require("../../utils/instrument-base");
 var CONSTANTS = _interopRequireWildcard(require("../constants"));
 var _features = require("../../../loaders/features/features");
 var _runtime = require("../../../common/constants/runtime");
+var _now = require("../../../common/timing/now");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*

package/dist/cjs/features/soft_navigations/aggregate/index.js

@@ -32,9 +32,9 @@ class Aggregate extends _aggregateBase.AggregateBase {
     this.initialPageLoadInteraction = new _initialPageLoadInteraction.InitialPageLoadInteraction(agentIdentifier);
     _timeToFirstByte.timeToFirstByte.subscribe(_ref2 => {
       let {
-        entries
+        attrs
       } = _ref2;
-      const loadEventTime = entries[0].loadEventEnd;
+      const loadEventTime = attrs.navigationEntry.loadEventEnd;
       this.initialPageLoadInteraction.forceSave = true;
       this.initialPageLoadInteraction.done(loadEventTime);
       this.interactionsToHarvest.push(this.initialPageLoadInteraction);

package/dist/cjs/features/soft_navigations/instrument/index.js

@@ -8,11 +8,11 @@ var _config = require("../../../common/config/config");
 var _runtime = require("../../../common/constants/runtime");
 var _handle = require("../../../common/event-emitter/handle");
 var _eventListenerOpts = require("../../../common/event-listener/event-listener-opts");
-var _now = require("../../../common/timing/now");
 var _invoke = require("../../../common/util/invoke");
 var _wrap = require("../../../common/wrap");
 var _instrumentBase = require("../../utils/instrument-base");
 var _constants = require("../constants");
+var _now = require("../../../common/timing/now");
 /** The minimal time after a UI event for which no further events will be processed - i.e. a throttling rate to reduce spam.
  * This also give some time for the new interaction to complete without being discarded by a subsequent UI event and wrongly attributed.
  * This value is still subject to change and critique, as it is derived from beyond worst case time to next frame of a page.

package/dist/cjs/features/spa/aggregate/index.js

@@ -26,6 +26,7 @@ var _runtime = require("../../../common/constants/runtime");
 var _handle = require("../../../common/event-emitter/handle");
 var _constants2 = require("../../metrics/constants");
 var _drain = require("../../../common/drain/drain");
+var _console = require("../../../common/util/console");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
@@ -56,9 +57,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
   static featureName = FEATURE_NAME;
   constructor(agentIdentifier, aggregator) {
     super(agentIdentifier, aggregator, FEATURE_NAME);
+    const agentRuntime = (0, _config.getRuntime)(agentIdentifier);
     this.state = {
-      initialPageURL: (0, _config.getRuntime)(agentIdentifier).origin,
-      lastSeenUrl: (0, _config.getRuntime)(agentIdentifier).origin,
+      initialPageURL: agentRuntime.origin,
+      lastSeenUrl: agentRuntime.origin,
       lastSeenRouteName: null,
       timerMap: {},
       timerBudget: MAX_TIMER_BUDGET,
@@ -81,9 +83,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
       state,
       serializer
     } = this;
-    let {
-      blocked
-    } = this;
     const baseEE = _contextualEe.ee.get(agentIdentifier); // <-- parent baseEE
     const mutationEE = baseEE.get('mutation');
     const promiseEE = baseEE.get('promise');
@@ -130,14 +129,14 @@ class Aggregate extends _aggregateBase.AggregateBase {
     this.waitForFlags(['spa']).then(_ref => {
       let [spaFlag] = _ref;
       if (spaFlag) {
-        scheduler = this.scheduler = new _harvestScheduler.HarvestScheduler('events', {
+        scheduler = new _harvestScheduler.HarvestScheduler('events', {
           onFinished: onHarvestFinished,
           retryDelay: state.harvestTimeSeconds
         }, {
           agentIdentifier,
           ee: baseEE
         });
-        this.scheduler.harvest.on('events', onHarvestStarted);
+        scheduler.harvest.on('events', onHarvestStarted);
         this.drain();
       } else {
         this.blocked = true;
@@ -316,6 +315,9 @@ class Aggregate extends _aggregateBase.AggregateBase {
       if (node && !this.sent) {
         this.sent = true;
         node.dt = this.dt;
+        if (node.dt?.timestamp) {
+          node.dt.timestamp = agentRuntime.timeKeeper.correctAbsoluteTimestamp(node.dt.timestamp);
+        }
         node.jsEnd = node.start = this.startTime;
         node[INTERACTION][REMAINING]++;
       }
@@ -400,7 +402,12 @@ class Aggregate extends _aggregateBase.AggregateBase {
         }
         if (state.currentNode) {
           this[SPA_NODE] = state.currentNode.child('ajax', this[FETCH_START]);
-          if (dtPayload && this[SPA_NODE]) this[SPA_NODE].dt = dtPayload;
+          if (dtPayload && this[SPA_NODE]) {
+            this[SPA_NODE].dt = dtPayload;
+            if (this[SPA_NODE].dt?.timestamp) {
+              this[SPA_NODE].dt.timestamp = agentRuntime.timeKeeper.correctAbsoluteTimestamp(this[SPA_NODE].dt.timestamp);
+            }
+          }
         }
       }
     }, this.featureName, fetchEE);
@@ -620,8 +627,9 @@ class Aggregate extends _aggregateBase.AggregateBase {
       });
       setCurrentNode(null);
     }
+    const classThis = this;
     function onHarvestStarted(options) {
-      if (state.interactionsToHarvest.length === 0 || blocked) return {};
+      if (state.interactionsToHarvest.length === 0 || classThis.blocked) return {};
       var payload = serializer.serializeMultiple(state.interactionsToHarvest, 0, _navTiming.navTimingValues);
       if (options.retry) {
         state.interactionsToHarvest.forEach(function (interaction) {
@@ -683,7 +691,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
       let smCategory;
       if (interaction.root?.attrs?.trigger === 'initialPageLoad') smCategory = 'InitialPageLoad';else if (interaction.routeChange) smCategory = 'RouteChange';else smCategory = 'Custom';
       (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ["Spa/Interaction/".concat(smCategory, "/Duration/Ms"), Math.max((interaction.root?.end || 0) - (interaction.root?.start || 0), 0)], undefined, _features.FEATURE_NAMES.metrics, baseEE);
-      scheduler.scheduleHarvest(0);
+      scheduler?.scheduleHarvest(0);
+      if (!scheduler) (0, _console.warn)('SPA scheduler is not initialized. Saved interaction is not sent!');
     }
     function isEnabled() {
       var enabled = (0, _config.getConfigurationValue)(agentIdentifier, 'spa.enabled');

package/dist/cjs/features/spa/instrument/index.js

@@ -8,9 +8,9 @@ var _wrap = require("../../../common/wrap");
 var _eventListenerOpts = require("../../../common/event-listener/event-listener-opts");
 var _instrumentBase = require("../../utils/instrument-base");
 var _config = require("../../../common/config/config");
-var _now = require("../../../common/timing/now");
 var CONSTANTS = _interopRequireWildcard(require("../constants"));
 var _runtime = require("../../../common/constants/runtime");
+var _now = require("../../../common/timing/now");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*

package/dist/cjs/features/utils/feature-base.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FeatureBase = void 0;
 var _contextualEe = require("../../common/event-emitter/contextual-ee");
-var _timeKeeper = require("../../common/timing/time-keeper");
 class FeatureBase {
   constructor(agentIdentifier, aggregator, featureName) {
     /** @type {string} */
@@ -22,7 +21,6 @@ class FeatureBase {
      * @type {boolean}
      */
     this.blocked = false;
-    this.timeKeeper = _timeKeeper.TimeKeeper.getTimeKeeperByAgentIdentifier(this.agentIdentifier);
   }
 }
 exports.FeatureBase = FeatureBase;

package/dist/cjs/loaders/agent-base.js

@@ -7,7 +7,6 @@ exports.AgentBase = void 0;
 var _console = require("../common/util/console");
 var _constants = require("../features/session_replay/constants");
 var _uniqueId = require("../common/ids/unique-id");
-var _timeKeeper = require("../common/timing/time-keeper");
 /* eslint-disable n/handle-callback-err */
 
 /**
@@ -16,7 +15,6 @@ var _timeKeeper = require("../common/timing/time-keeper");
 
 class AgentBase {
   agentIdentifier;
-  timeKeeper = new _timeKeeper.TimeKeeper(this);
   constructor() {
     let agentIdentifier = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _uniqueId.generateRandomHexString)(16);
     this.agentIdentifier = agentIdentifier;

package/dist/cjs/loaders/agent.js

@@ -35,7 +35,7 @@ class Agent extends _agentBase.AgentBase {
     if (!_runtime.globalScope) {
       // We could not determine the runtime environment. Short-circuite the agent here
       // to avoid possible exceptions later that may cause issues with customer's application.
-      (0, _console.warn)('Failed to initial the agent. Could not determine the runtime environment.');
+      (0, _console.warn)('Failed to initialize the agent. Could not determine the runtime environment.');
       return;
     }
     this.sharedAggregator = new _aggregator.Aggregator({

package/dist/cjs/loaders/api/api.js

@@ -9,7 +9,6 @@ var _features = require("../features/features");
 var _config = require("../../common/config/config");
 var _handle = require("../../common/event-emitter/handle");
 var _contextualEe = require("../../common/event-emitter/contextual-ee");
-var _now = require("../../common/timing/now");
 var _drain = require("../../common/drain/drain");
 var _load = require("../../common/window/load");
 var _runtime = require("../../common/constants/runtime");
@@ -18,6 +17,7 @@ var _constants = require("../../features/metrics/constants");
 var _nreum = require("../../common/window/nreum");
 var _apiMethods = require("./api-methods");
 var _constants2 = require("../../features/session_replay/constants");
+var _now = require("../../common/timing/now");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /*
  * Copyright 2020 New Relic Corporation. All rights reserved.

package/dist/cjs/loaders/micro-agent.js

@@ -9,7 +9,6 @@ var _enabledFeatures = require("./features/enabled-features");
 var _configure = require("./configure/configure");
 var _aggregator = require("../common/aggregate/aggregator");
 var _nreum = require("../common/window/nreum");
-var _uniqueId = require("../common/ids/unique-id");
 var _config = require("../common/config/config");
 var _features = require("./features/features");
 var _console = require("../common/util/console");
@@ -30,15 +29,13 @@ class MicroAgent extends _agentBase.AgentBase {
    * @param {Object} options - Specifies features and runtime configuration,
    * @param {string=} agentIdentifier - The optional unique ID of the agent.
    */
-  constructor(options) {
-    let agentIdentifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, _uniqueId.generateRandomHexString)(16);
-    super();
-    this.agentIdentifier = agentIdentifier;
+  constructor(options, agentIdentifier) {
+    super(agentIdentifier);
     this.sharedAggregator = new _aggregator.Aggregator({
       agentIdentifier: this.agentIdentifier
     });
     this.features = {};
-    (0, _nreum.setNREUMInitializedAgent)(agentIdentifier, this);
+    (0, _nreum.setNREUMInitializedAgent)(this.agentIdentifier, this);
     (0, _configure.configure)(this, {
       ...options,
       runtime: {
@@ -53,7 +50,7 @@ class MicroAgent extends _agentBase.AgentBase {
      * @param {string|string[]|undefined} name The feature name(s) to start.  If no name(s) are passed, all features will be started
      */
     this.start = features => this.run(features);
-    this.run(nonAutoFeatures.filter(featureName => (0, _config.getConfigurationValue)(agentIdentifier, "".concat(featureName, ".autoStart"))));
+    this.run(nonAutoFeatures.filter(featureName => (0, _config.getConfigurationValue)(this.agentIdentifier, "".concat(featureName, ".autoStart"))));
   }
   get config() {
     return {

package/dist/esm/common/config/state/runtime.js

@@ -23,7 +23,8 @@ const model = {
   xhrWrappable: typeof globalScope.XMLHttpRequest?.prototype?.addEventListener === 'function',
   version: VERSION,
   denyList: undefined,
-  harvestCount: 0
+  harvestCount: 0,
+  timeKeeper: undefined
 };
 const _cache = {};
 export function getRuntime(id) {

package/dist/esm/common/constants/env.cdn.js

@@ -6,7 +6,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.254.1";
+export const VERSION = "1.255.0";
 
 /**
  * Exposes the build type of the agent

package/dist/esm/common/constants/env.npm.js

@@ -6,7 +6,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.254.1";
+export const VERSION = "1.255.0";
 
 /**
  * Exposes the build type of the agent

package/dist/esm/common/context/shared-context.js

@@ -14,7 +14,7 @@ export class SharedContext {
         if (Object.keys(model).includes(key)) this.sharedContext[key] = value;
       });
     } catch (err) {
-      warn('An error occured while setting SharedContext', err);
+      warn('An error occurred while setting SharedContext', err);
     }
   }
 }

package/dist/esm/common/harvest/harvest.js

@@ -9,7 +9,6 @@ import * as submitData from '../util/submit-data';
 import { getLocation } from '../url/location';
 import { getInfo, getConfigurationValue, getRuntime, getConfiguration } from '../config/config';
 import { cleanURL } from '../url/clean-url';
-import { now } from '../timing/now';
 import { eventListenerOpts } from '../event-listener/event-listener-opts';
 import { Obfuscator } from '../util/obfuscate';
 import { applyFnToProps } from '../util/traverse';
@@ -17,6 +16,7 @@ import { SharedContext } from '../context/shared-context';
 import { VERSION } from "../constants/env.npm";
 import { isWorkerScope, isIE } from '../constants/runtime';
 import { warn } from '../util/console';
+import { now } from '../timing/now';
 const warnings = {};
 
 /**