@newrelic/browser-agent 1.264.0 → 1.265.0

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

@@ -8,7 +8,8 @@ var _belSerializer = require("../../../common/serialize/bel-serializer");
 var _harvestScheduler = require("../../../common/harvest/harvest-scheduler");
 var _registerHandler = require("../../../common/event-emitter/register-handler");
 var _handle = require("../../../common/event-emitter/handle");
-var _config = require("../../../common/config/config");
+var _info = require("../../../common/config/info");
+var _init = require("../../../common/config/init");
 var _constants = require("../constants");
 var _features = require("../../../loaders/features/features");
 var _aggregateBase = require("../../utils/aggregate-base");
@@ -22,32 +23,29 @@ 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");
+var _eventBuffer = require("../../utils/event-buffer");
 /*
  * Copyright 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 
 class Aggregate extends _aggregateBase.AggregateBase {
-  static featureName = (() => _constants.FEATURE_NAME)();
-  #handleVitalMetric = _ref => {
-    let {
-      name,
-      value,
-      attrs
-    } = _ref;
+  static featureName = _constants.FEATURE_NAME;
+  #handleVitalMetric = ({
+    name,
+    value,
+    attrs
+  }) => {
     this.addTiming(name, value, attrs);
   };
   constructor(agentIdentifier, aggregator) {
-    var _this;
     super(agentIdentifier, aggregator, _constants.FEATURE_NAME);
-    _this = this;
-    this.timings = [];
-    this.timingsSent = [];
+    this.timings = new _eventBuffer.EventBuffer();
     this.curSessEndRecorded = false;
-    if ((0, _config.getConfigurationValue)(this.agentIdentifier, 'page_view_timing.long_task') === true) _longTask.longTask.subscribe(this.#handleVitalMetric);
+    if ((0, _init.getConfigurationValue)(this.agentIdentifier, 'page_view_timing.long_task') === true) _longTask.longTask.subscribe(this.#handleVitalMetric);
     (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 harvestTimeSeconds = (0, _config.getConfigurationValue)(this.agentIdentifier, 'page_view_timing.harvestTimeSeconds') || 30;
+    const harvestTimeSeconds = (0, _init.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". */
@@ -56,10 +54,9 @@ class Aggregate extends _aggregateBase.AggregateBase {
       _firstInputDelay.firstInputDelay.subscribe(this.#handleVitalMetric);
       _largestContentfulPaint.largestContentfulPaint.subscribe(this.#handleVitalMetric);
       _interactionToNextPaint.interactionToNextPaint.subscribe(this.#handleVitalMetric);
-      _timeToFirstByte.timeToFirstByte.subscribe(_ref2 => {
-        let {
-          attrs
-        } = _ref2;
+      _timeToFirstByte.timeToFirstByte.subscribe(({
+        attrs
+      }) => {
         this.addTiming('load', Math.round(attrs.navigationEntry.loadEventEnd));
       });
       (0, _pageVisibility.subscribeToVisibilityChange)(() => {
@@ -76,12 +73,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
       }, 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);
-        },
-        getPayload: function () {
-          return _this.prepareHarvest(...arguments);
-        }
+        onFinished: (...args) => this.onHarvestFinished(...args),
+        getPayload: (...args) => this.prepareHarvest(...args)
       }, this);
       scheduler.startTimer(harvestTimeSeconds);
       this.drain();
@@ -129,7 +122,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     if (name !== _constants2.VITAL_NAMES.CUMULATIVE_LAYOUT_SHIFT && _cumulativeLayoutShift.cumulativeLayoutShift.current.value >= 0) {
       attrs.cls = _cumulativeLayoutShift.cumulativeLayoutShift.current.value;
     }
-    this.timings.push({
+    this.timings.add({
       name,
       value,
       attrs
@@ -137,17 +130,13 @@ class Aggregate extends _aggregateBase.AggregateBase {
     (0, _handle.handle)('pvtAdded', [name, value, attrs], undefined, _features.FEATURE_NAMES.sessionTrace, this.ee);
   }
   onHarvestFinished(result) {
-    if (result.retry && this.timingsSent.length > 0) {
-      this.timings.unshift(...this.timingsSent);
-      this.timingsSent = [];
-    }
+    if (result.retry && this.timings.held.hasData) this.timings.unhold();else this.timings.held.clear();
   }
   appendGlobalCustomAttributes(timing) {
     var timingAttributes = timing.attrs || {};
-    var customAttributes = (0, _config.getInfo)(this.agentIdentifier).jsAttributes || {};
+    var customAttributes = (0, _info.getInfo)(this.agentIdentifier).jsAttributes || {};
     var reservedAttributes = ['size', 'eid', 'cls', 'type', 'fid', 'elTag', 'elUrl', 'net-type', 'net-etype', 'net-rtt', 'net-dlink'];
-    Object.entries(customAttributes || {}).forEach(_ref3 => {
-      let [key, val] = _ref3;
+    Object.entries(customAttributes || {}).forEach(([key, val]) => {
       if (reservedAttributes.indexOf(key) < 0) {
         timingAttributes[key] = val;
       }
@@ -156,14 +145,9 @@ class Aggregate extends _aggregateBase.AggregateBase {
 
   // serialize and return current timing data, clear and save current data for retry
   prepareHarvest(options) {
-    if (this.timings.length === 0) return;
-    var payload = this.getPayload(this.timings);
-    if (options.retry) {
-      for (var i = 0; i < this.timings.length; i++) {
-        this.timingsSent.push(this.timings[i]);
-      }
-    }
-    this.timings = [];
+    if (!this.timings.hasData) return;
+    var payload = this.getPayload(this.timings.buffer);
+    if (options.retry) this.timings.hold();else this.timings.clear();
     return {
       body: {
         e: payload

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Instrument = void 0;
+exports.PageViewTiming = 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");
@@ -17,9 +17,8 @@ var _now = require("../../../common/timing/now");
  */
 
 class Instrument extends _instrumentBase.InstrumentBase {
-  static featureName = (() => _constants.FEATURE_NAME)();
-  constructor(agentIdentifier, aggregator) {
-    let auto = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  static featureName = _constants.FEATURE_NAME;
+  constructor(agentIdentifier, aggregator, auto = true) {
     super(agentIdentifier, aggregator, _constants.FEATURE_NAME, auto);
     if (!_runtime.isBrowserScope) return; // CWV is irrelevant outside web context
 
@@ -31,4 +30,5 @@ class Instrument extends _instrumentBase.InstrumentBase {
     this.importAggregator();
   }
 }
-exports.Instrument = Instrument;
+exports.Instrument = Instrument;
+const PageViewTiming = exports.PageViewTiming = Instrument;

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

@@ -7,12 +7,14 @@ exports.Aggregate = void 0;
 var _registerHandler = require("../../../common/event-emitter/register-handler");
 var _harvestScheduler = require("../../../common/harvest/harvest-scheduler");
 var _constants = require("../constants");
-var _config = require("../../../common/config/config");
+var _info = require("../../../common/config/info");
+var _init = require("../../../common/config/init");
+var _runtime = require("../../../common/config/runtime");
 var _aggregateBase = require("../../utils/aggregate-base");
 var _sharedChannel = require("../../../common/constants/shared-channel");
 var _encode = require("../../../common/url/encode");
 var _console = require("../../../common/util/console");
-var _runtime = require("../../../common/constants/runtime");
+var _runtime2 = require("../../../common/constants/runtime");
 var _constants2 = require("../../metrics/constants");
 var _handle = require("../../../common/event-emitter/handle");
 var _features = require("../../../loaders/features/features");
@@ -23,26 +25,23 @@ var _stylesheetEvaluator = require("../shared/stylesheet-evaluator");
 var _drain = require("../../../common/drain/drain");
 var _now = require("../../../common/timing/now");
 var _utils = require("../shared/utils");
+var _agentConstants = require("../../../common/constants/agent-constants");
 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 && {}.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.
  * SPDX-License-Identifier: Apache-2.0
  */ /**
  * @file Records, aggregates, and harvests session replay data.
- *
- * NOTE: This code is under development and dormant. It will not download to instrumented pages or record any data.
- * It is not production ready, and is not intended to be imported or implemented in any build of the browser agent until
- * functionality is validated and a full user experience is curated.
  */
 class Aggregate extends _aggregateBase.AggregateBase {
-  static featureName = (() => _constants.FEATURE_NAME)();
-  mode = (() => _constants3.MODE.OFF)();
+  static featureName = _constants.FEATURE_NAME;
+  mode = _constants3.MODE.OFF;
 
   // pass the recorder into the aggregator
   constructor(agentIdentifier, aggregator, args) {
     super(agentIdentifier, aggregator, _constants.FEATURE_NAME);
     /** The interval to harvest at.  This gets overridden if the size of the payload exceeds certain thresholds */
-    this.harvestTimeSeconds = (0, _config.getConfigurationValue)(this.agentIdentifier, 'session_replay.harvestTimeSeconds') || 60;
+    this.harvestTimeSeconds = (0, _init.getConfigurationValue)(this.agentIdentifier, 'session_replay.harvestTimeSeconds') || 60;
     /** Set once the recorder has fully initialized after flag checks and sampling */
     this.initialized = false;
     /** Set once the feature has been "aborted" to prevent other side-effects from continuing */
@@ -78,7 +77,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
       // if the mode changed on a different tab, it needs to update this instance to match
       const {
         session
-      } = (0, _config.getRuntime)(this.agentIdentifier);
+      } = (0, _runtime.getRuntime)(this.agentIdentifier);
       this.mode = session.state.sessionReplayMode;
       if (!this.initialized || this.mode === _constants3.MODE.OFF) return;
       this.recorder?.startRecording();
@@ -112,9 +111,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
       inline_stylesheet,
       inline_images,
       collect_fonts
-    } = (0, _config.getConfigurationValue)(this.agentIdentifier, 'session_replay');
-    this.waitForFlags(['srs', 'sr']).then(_ref => {
-      let [srMode, entitled] = _ref;
+    } = (0, _init.getConfigurationValue)(this.agentIdentifier, 'session_replay');
+    this.waitForFlags(['srs', 'sr']).then(([srMode, entitled]) => {
       this.entitled = !!entitled;
       if (!this.entitled) {
         (0, _drain.deregisterDrain)(this.agentIdentifier, this.featureName);
@@ -148,7 +146,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
   handleError(e) {
     if (this.recorder) this.recorder.currentBufferTarget.hasError = true;
     // run once
-    if (this.mode === _constants3.MODE.ERROR && _runtime.globalScope?.document.visibilityState === 'visible') {
+    if (this.mode === _constants3.MODE.ERROR && _runtime2.globalScope?.document.visibilityState === 'visible') {
       this.switchToFull();
     }
   }
@@ -188,7 +186,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     const {
       session,
       timeKeeper
-    } = (0, _config.getRuntime)(this.agentIdentifier);
+    } = (0, _runtime.getRuntime)(this.agentIdentifier);
     this.timeKeeper = timeKeeper;
     if (this.recorder?.parent.trigger === _constants.TRIGGERS.API && this.recorder?.recording) {
       this.mode = _constants3.MODE.FULL;
@@ -206,7 +204,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
         // Do not change the webpackChunkName or it will break the webpack nrba-chunking plugin
         const {
           Recorder
-        } = await Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "recorder" */'../shared/recorder')));
+        } = await Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "recorder" */'../shared/recorder')));
         this.recorder = new Recorder(this);
         this.recorder.currentBufferTarget.hasError = this.errorNoticed;
       } catch (err) {
@@ -245,17 +243,16 @@ class Aggregate extends _aggregateBase.AggregateBase {
       const {
         gzipSync,
         strToU8
-      } = await Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "compressor" */'fflate')));
+      } = await Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "compressor" */'fflate')));
       this.gzipper = gzipSync;
       this.u8 = strToU8;
     } catch (err) {
       // compressor failed to load, but we can still record without compression as a last ditch effort
     }
   }
-  prepareHarvest() {
-    let {
-      opts
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  prepareHarvest({
+    opts
+  } = {}) {
     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
@@ -268,11 +265,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
     (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Harvest/Attempts'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     let len = 0;
     if (!!this.gzipper && !!this.u8) {
-      payload.body = this.gzipper(this.u8("[".concat(payload.body.map(_ref2 => {
-        let {
-          __serialized,
-          ...e
-        } = _ref2;
+      payload.body = this.gzipper(this.u8("[".concat(payload.body.map(({
+        __serialized,
+        ...e
+      }) => {
         if (e.__newrelic && __serialized) return __serialized;
         const output = {
           ...e
@@ -286,11 +282,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
       len = payload.body.length;
       this.scheduler.opts.gzip = true;
     } else {
-      payload.body = payload.body.map(_ref3 => {
-        let {
-          __serialized,
-          ...node
-        } = _ref3;
+      payload.body = payload.body.map(({
+        __serialized,
+        ...node
+      }) => {
         if (node.__newrelic) return node;
         const output = {
           ...node
@@ -302,14 +297,14 @@ class Aggregate extends _aggregateBase.AggregateBase {
       len = (0, _stringify.stringify)(payload.body).length;
       this.scheduler.opts.gzip = false;
     }
-    if (len > _constants.MAX_PAYLOAD_SIZE) {
+    if (len > _agentConstants.MAX_PAYLOAD_SIZE) {
       this.abort(_constants.ABORT_REASONS.TOO_BIG, len);
       return;
     }
     // TODO -- Gracefully handle the buffer for retries.
     const {
       session
-    } = (0, _config.getRuntime)(this.agentIdentifier);
+    } = (0, _runtime.getRuntime)(this.agentIdentifier);
     if (!session.state.sessionReplaySentFirstChunk) this.syncWithSessionManager({
       sessionReplaySentFirstChunk: true
     });
@@ -325,8 +320,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
   getHarvestContents(recorderEvents) {
     recorderEvents ??= this.recorder.getEvents();
     let events = recorderEvents.events;
-    const agentRuntime = (0, _config.getRuntime)(this.agentIdentifier);
-    const info = (0, _config.getInfo)(this.agentIdentifier);
+    const agentRuntime = (0, _runtime.getRuntime)(this.agentIdentifier);
+    const info = (0, _info.getInfo)(this.agentIdentifier);
     const endUserId = info.jsAttributes?.['enduser.id'];
 
     // do not let the first node be a full snapshot node, since this NEEDS to be preceded by a meta node
@@ -349,8 +344,9 @@ class Aggregate extends _aggregateBase.AggregateBase {
     const relativeNow = (0, _now.now)();
     const firstEventTimestamp = this.getCorrectedTimestamp(events[0]); // from rrweb node
     const lastEventTimestamp = this.getCorrectedTimestamp(events[events.length - 1]); // from rrweb node
-    const firstTimestamp = firstEventTimestamp || this.timeKeeper.correctAbsoluteTimestamp(recorderEvents.cycleTimestamp); // from rrweb node || from when the harvest cycle started
-    const lastTimestamp = lastEventTimestamp || this.timeKeeper.convertRelativeTimestamp(relativeNow);
+    // from rrweb node || from when the harvest cycle started
+    const firstTimestamp = firstEventTimestamp || Math.floor(this.timeKeeper.correctAbsoluteTimestamp(this.timeKeeper.correctAbsoluteTimestamp(recorderEvents.cycleTimestamp)));
+    const lastTimestamp = lastEventTimestamp || Math.floor(this.timeKeeper.correctAbsoluteTimestamp(this.timeKeeper.convertRelativeTimestamp(relativeNow)));
     const agentMetadata = agentRuntime.appMetadata?.agents?.[0] || {};
     return {
       qs: {
@@ -387,7 +383,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
           'payload.type': recorderEvents.type,
           // customer-defined data should go last so that if it exceeds the query param padding limit it will be truncated instead of important attrs
           ...(endUserId && {
-            'enduser.id': endUserId
+            'enduser.id': this.obfuscator.obfuscateString(endUserId)
           })
           // The Query Param is being arbitrarily limited in length here.  It is also applied when estimating the size of the payload in getPayloadSize()
         }, _constants.QUERY_PARAM_PADDING).substring(1) // remove the leading '&'
@@ -418,9 +414,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
   }
 
   /** Abort the feature, once aborted it will not resume */
-  abort() {
-    let reason = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let data = arguments.length > 1 ? arguments[1] : undefined;
+  abort(reason = {}, data) {
     (0, _console.warn)(33, reason.message);
     (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ["SessionReplay/Abort/".concat(reason.sm), data], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     this.blocked = true;
@@ -433,11 +427,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
     this.ee.emit('REPLAY_ABORTED');
     while (this.recorder?.getEvents().events.length) this.recorder?.clearBuffer?.();
   }
-  syncWithSessionManager() {
-    let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  syncWithSessionManager(state = {}) {
     const {
       session
-    } = (0, _config.getRuntime)(this.agentIdentifier);
+    } = (0, _runtime.getRuntime)(this.agentIdentifier);
     session.write(state);
   }
 }

package/dist/cjs/features/session_replay/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TRIGGERS = exports.SR_EVENT_EMITTER_TYPES = exports.RRWEB_EVENT_TYPES = exports.QUERY_PARAM_PADDING = exports.MAX_PAYLOAD_SIZE = exports.IDEAL_PAYLOAD_SIZE = exports.FEATURE_NAME = exports.CHECKOUT_MS = exports.AVG_COMPRESSION = exports.ABORT_REASONS = void 0;
+exports.TRIGGERS = exports.SR_EVENT_EMITTER_TYPES = exports.RRWEB_EVENT_TYPES = exports.QUERY_PARAM_PADDING = exports.FEATURE_NAME = exports.CHECKOUT_MS = exports.AVG_COMPRESSION = exports.ABORT_REASONS = void 0;
 var _constants = require("../../common/session/constants");
 var _features = require("../../loaders/features/features");
 const FEATURE_NAME = exports.FEATURE_NAME = _features.FEATURE_NAMES.sessionReplay;
@@ -22,10 +22,6 @@ const RRWEB_EVENT_TYPES = exports.RRWEB_EVENT_TYPES = {
   Meta: 4,
   Custom: 5
 };
-/** Vortex caps payload sizes at 1MB */
-const MAX_PAYLOAD_SIZE = exports.MAX_PAYLOAD_SIZE = 1000000;
-/** Unloading caps around 64kb */
-const IDEAL_PAYLOAD_SIZE = exports.IDEAL_PAYLOAD_SIZE = 64000;
 /** Interval between forcing new full snapshots -- 15 seconds in error mode (x2), 5 minutes in full mode */
 const CHECKOUT_MS = exports.CHECKOUT_MS = {
   [_constants.MODE.ERROR]: 15000,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Instrument = void 0;
+exports.SessionReplay = exports.Instrument = void 0;
 var _handle = require("../../../common/event-emitter/handle");
 var _constants = require("../../../common/session/constants");
 var _instrumentBase = require("../../utils/instrument-base");
@@ -15,16 +15,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * SPDX-License-Identifier: Apache-2.0
  */ /**
  * @file Primes the Session Replay feature for lazy loading.
- *
- * NOTE: This code is under development and dormant. It will not download to instrumented pages or record any data.
- * It is not production ready, and is not intended to be imported or implemented in any build of the browser agent until
- * functionality is validated and a full user experience is curated.
  */
 class Instrument extends _instrumentBase.InstrumentBase {
-  static featureName = (() => _constants2.FEATURE_NAME)();
+  static featureName = _constants2.FEATURE_NAME;
   #mode;
-  constructor(agentIdentifier, aggregator) {
-    let auto = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  constructor(agentIdentifier, aggregator, auto = true) {
     super(agentIdentifier, aggregator, _constants2.FEATURE_NAME, auto);
     let session;
     this.replayRunning = false;
@@ -79,7 +74,7 @@ class Instrument extends _instrumentBase.InstrumentBase {
     try {
       const {
         Recorder
-      } = await Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "recorder" */'../shared/recorder')));
+      } = await Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "recorder" */'../shared/recorder')));
 
       // If startReplay() has been used by this point, we must record in full mode regardless of session preload:
       // Note: recorder starts here with w/e the mode is at this time, but this may be changed later (see #apiStartOrRestartReplay else-case)
@@ -121,4 +116,5 @@ class Instrument extends _instrumentBase.InstrumentBase {
     }
   }
 }
-exports.Instrument = Instrument;
+exports.Instrument = Instrument;
+const SessionReplay = exports.SessionReplay = Instrument;

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

@@ -4,30 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RecorderEvents = void 0;
+var _eventBuffer = require("../../utils/event-buffer");
 class RecorderEvents {
-  constructor() {
-    /** 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.
+  /** The buffer to hold recorder event nodes */
+  #events = new _eventBuffer.EventBuffer(Infinity);
+  /** 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();
-    /** 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
-     * -- When the recording library begins recording, it starts by taking a DOM snapshot
-     * -- When visibility changes from "hidden" -> "visible", it must capture a full snapshot for the replay to work correctly across tabs
-    */
-    this.hasSnapshot = false;
-    /** Payload metadata -- Should indicate that the payload being sent has a meta node. The meta node should always precede a snapshot node. */
-    this.hasMeta = false;
-    /** Payload metadata -- Should indicate that the payload being sent contains an error.  Used for query/filter purposes in UI */
-    this.hasError = false;
-    /** Payload metadata -- Denotes whether all stylesheet elements were able to be inlined */
-    this.inlinedAllStylesheets = true;
-  }
+  cycleTimestamp = Date.now();
+  /** Payload metadata -- Should indicate that the payload being sent has a full DOM snapshot. This can happen
+   * -- When the recording library begins recording, it starts by taking a DOM snapshot
+   * -- When visibility changes from "hidden" -> "visible", it must capture a full snapshot for the replay to work correctly across tabs
+  */
+  hasSnapshot = false;
+  /** Payload metadata -- Should indicate that the payload being sent has a meta node. The meta node should always precede a snapshot node. */
+  hasMeta = false;
+  /** Payload metadata -- Should indicate that the payload being sent contains an error.  Used for query/filter purposes in UI */
+  hasError = false;
+  /** Payload metadata -- Denotes whether all stylesheet elements were able to be inlined */
+  inlinedAllStylesheets = true;
   add(event) {
-    this.events.push(event);
+    this.#events.add(event);
+  }
+  get events() {
+    return this.#events.buffer;
+  }
+
+  /** A value which increments with every new mutation node reported. Resets after a harvest is sent */
+  get payloadBytesEstimation() {
+    return this.#events.bytes;
   }
 }
 exports.RecorderEvents = RecorderEvents;

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

@@ -7,7 +7,7 @@ exports.Recorder = void 0;
 var _rrweb = require("rrweb");
 var _stringify = require("../../../common/util/stringify");
 var _constants = require("../constants");
-var _config = require("../../../common/config/config");
+var _init = require("../../../common/config/init");
 var _recorderEvents = require("./recorder-events");
 var _constants2 = require("../../../common/session/constants");
 var _stylesheetEvaluator = require("./stylesheet-evaluator");
@@ -15,6 +15,7 @@ var _handle = require("../../../common/event-emitter/handle");
 var _constants3 = require("../../metrics/constants");
 var _features = require("../../../loaders/features/features");
 var _utils = require("./utils");
+var _agentConstants = require("../../../common/constants/agent-constants");
 class Recorder {
   /** Each page mutation or event will be stored (raw) in this array. This array will be cleared on each harvest */
   #events;
@@ -37,17 +38,21 @@ class Recorder {
     /** The parent class that instantiated the recorder */
     this.parent = parent;
     /** Config to inform to inline stylesheet contents (true default) */
-    this.shouldInlineStylesheets = (0, _config.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay.inline_stylesheet');
+    this.shouldInlineStylesheets = (0, _init.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay.inline_stylesheet');
     /** A flag that can be set to false by failing conversions to stop the fetching process */
-    this.shouldFix = this.shouldInlineStylesheets && (0, _config.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay.fix_stylesheets');
+    this.shouldFix = this.shouldInlineStylesheets && (0, _init.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay.fix_stylesheets');
     /** The method to stop recording. This defaults to a noop, but is overwritten once the recording library is imported and initialized */
     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) {
+      return {
+        ...this.#preloaded[0],
+        events: this.#preloaded[0].events,
+        payloadBytesEstimation: this.#preloaded[0].payloadBytesEstimation,
+        type: 'preloaded'
+      };
+    }
     return {
       events: [...this.#backloggedEvents.events, ...this.#events.events].filter(x => x),
       type: 'standard',
@@ -80,7 +85,7 @@ class Recorder {
       inline_stylesheet,
       inline_images,
       collect_fonts
-    } = (0, _config.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay');
+    } = (0, _init.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay');
     const customMasker = (text, element) => {
       if (element?.type?.toLowerCase() !== 'password' && (element?.dataset.nrUnmask !== undefined || element?.classList.contains('nr-unmask'))) return text;
       return '*'.repeat(text.length);
@@ -108,7 +113,8 @@ class Recorder {
         this.parent.ee.emit('internal-error', [err]);
         /** returning true informs rrweb to swallow the error instead of throwing it to the window */
         return true;
-      }
+      },
+      recordAfter: 'DOMContentLoaded'
     });
     this.stopRecording = () => {
       this.recording = false;
@@ -186,11 +192,10 @@ class Recorder {
       this.currentBufferTarget.hasSnapshot = true;
     }
     this.currentBufferTarget.add(event);
-    this.currentBufferTarget.payloadBytesEstimation += eventBytes;
 
     // We are making an effort to try to keep payloads manageable for unloading.  If they reach the unload limit before their interval,
     // it will send immediately.  This often happens on the first snapshot, which can be significantly larger than the other payloads.
-    if ((event.type === _constants.RRWEB_EVENT_TYPES.FullSnapshot && this.currentBufferTarget.hasMeta || payloadSize > _constants.IDEAL_PAYLOAD_SIZE) && this.parent.mode === _constants2.MODE.FULL) {
+    if ((event.type === _constants.RRWEB_EVENT_TYPES.FullSnapshot && this.currentBufferTarget.hasMeta || payloadSize > _agentConstants.IDEAL_PAYLOAD_SIZE) && this.parent.mode === _constants2.MODE.FULL) {
       // if we've made it to the ideal size of ~64kb before the interval timer, we should send early.
       if (this.parent.scheduler) {
         this.parent.scheduler.runHarvest();
@@ -215,8 +220,7 @@ class Recorder {
   }
 
   /** Estimate the payload size */
-  getPayloadSize() {
-    let newBytes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  getPayloadSize(newBytes = 0) {
     // the query param padding constant gives us some padding for the other metadata to be safely injected
     return this.estimateCompression(this.currentBufferTarget.payloadBytesEstimation + newBytes) + _constants.QUERY_PARAM_PADDING;
   }

package/dist/cjs/features/session_replay/shared/stylesheet-evaluator.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.stylesheetEvaluator = void 0;
-var _config = require("../../../common/config/config");
+var _nreum = require("../../../common/window/nreum");
 var _runtime = require("../../../common/constants/runtime");
 class StylesheetEvaluator {
-  #evaluated = (() => new WeakSet())();
+  #evaluated = new WeakSet();
   #fetchProms = [];
   /**
   * Flipped to true if stylesheets that cannot be natively inlined are detected by the stylesheetEvaluator class
@@ -62,7 +62,7 @@ class StylesheetEvaluator {
   async #fetchAndOverride(target) {
     if (!target?.href) return;
     try {
-      const stylesheetContents = await _config.originals.FETCH.bind(window)(target.href);
+      const stylesheetContents = await (0, _nreum.gosNREUMOriginals)().o.FETCH.bind(window)(target.href);
       if (!stylesheetContents.ok) {
         this.failedToFix++;
         return;

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

@@ -6,18 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.buildNRMetaNode = buildNRMetaNode;
 exports.hasReplayPrerequisite = hasReplayPrerequisite;
 exports.isPreloadAllowed = isPreloadAllowed;
-var _config = require("../../../common/config/config");
+var _nreum = require("../../../common/window/nreum");
+var _init = require("../../../common/config/init");
 var _featureGates = require("../../utils/feature-gates");
 var _runtime = require("../../../common/constants/runtime");
 function hasReplayPrerequisite(agentId) {
-  return !!_config.originals.MO &&
+  return !!(0, _nreum.gosNREUMOriginals)().o.MO &&
   // Session Replay cannot work without Mutation Observer
   (0, _featureGates.canEnableSessionTracking)(agentId) &&
   // requires session tracking to be running (hence "session" replay...)
-  (0, _config.getConfigurationValue)(agentId, 'session_trace.enabled') === true; // Session Replay as of now is tightly coupled with Session Trace in the UI
+  (0, _init.getConfigurationValue)(agentId, 'session_trace.enabled') === true; // Session Replay as of now is tightly coupled with Session Trace in the UI
 }
 function isPreloadAllowed(agentId) {
-  return (0, _config.getConfigurationValue)(agentId, 'session_replay.preload') === true && hasReplayPrerequisite(agentId);
+  return (0, _init.getConfigurationValue)(agentId, 'session_replay.preload') === true && hasReplayPrerequisite(agentId);
 }
 function buildNRMetaNode(timestamp, timeKeeper) {
   const correctedTimestamp = timeKeeper.correctAbsoluteTimestamp(timestamp);