@newrelic/browser-agent 1.240.0 → 1.242.0

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

@@ -1,13 +1,33 @@
+import { isValidSelector } from '../../dom/query-selector';
 import { DEFAULT_EXPIRES_MS, DEFAULT_INACTIVE_MS } from '../../session/constants';
+import { warn } from '../../util/console';
 import { gosNREUMInitializedAgents } from '../../window/nreum';
 import { getModeledObject } from './configurable';
 const model = () => {
   const hiddenState = {
-    blockSelector: '[data-nr-block]',
-    maskInputOptions: {
-      password: true
+    mask_selector: '*',
+    block_selector: '[data-nr-block]',
+    mask_input_options: {
+      color: false,
+      date: false,
+      'datetime-local': false,
+      email: false,
+      month: false,
+      number: false,
+      range: false,
+      search: false,
+      tel: false,
+      text: false,
+      time: false,
+      url: false,
+      week: false,
+      // unify textarea and select element with text input
+      textarea: false,
+      select: false,
+      password: true // This will be enforced to always be true in the setter
     }
   };
+
   return {
     proxy: {
       assets: undefined,
@@ -78,38 +98,47 @@ const model = () => {
       autoStart: true,
       enabled: false,
       harvestTimeSeconds: 60,
-      sampleRate: 0.1,
-      errorSampleRate: 0.1,
+      sampling_rate: 50,
+      // float from 0 - 100
+      error_sampling_rate: 50,
+      // float from 0 - 100
       // recording config settings
-      maskTextSelector: '*',
-      maskAllInputs: true,
+      mask_all_inputs: true,
+      // this has a getter/setter to facilitate validation of the selectors
+      get mask_text_selector() {
+        return hiddenState.mask_selector;
+      },
+      set mask_text_selector(val) {
+        if (isValidSelector(val)) hiddenState.mask_selector = val + ',[data-nr-mask]';else if (val === null) hiddenState.mask_selector = val; // null is acceptable, which completely disables the behavior
+        else warn('An invalid session_replay.mask_selector was provided and will not be used', val);
+      },
       // these properties only have getters because they are enforcable constants and should error if someone tries to override them
-      get blockClass() {
+      get block_class() {
         return 'nr-block';
       },
-      get ignoreClass() {
+      get ignore_class() {
         return 'nr-ignore';
       },
-      get maskTextClass() {
+      get mask_text_class() {
         return 'nr-mask';
       },
       // props with a getter and setter are used to extend enforcable constants with customer input
       // we must preserve data-nr-block no matter what else the customer sets
-      get blockSelector() {
-        return hiddenState.blockSelector;
+      get block_selector() {
+        return hiddenState.block_selector;
       },
-      set blockSelector(val) {
-        hiddenState.blockSelector += ",".concat(val);
+      set block_selector(val) {
+        if (isValidSelector(val)) hiddenState.block_selector += ",".concat(val);else if (val !== '') warn('An invalid session_replay.block_selector was provided and will not be used', val);
       },
       // password: must always be present and true no matter what customer sets
-      get maskInputOptions() {
-        return hiddenState.maskInputOptions;
+      get mask_input_options() {
+        return hiddenState.mask_input_options;
       },
-      set maskInputOptions(val) {
-        hiddenState.maskInputOptions = {
+      set mask_input_options(val) {
+        if (val && typeof val === 'object') hiddenState.mask_input_options = {
           ...val,
           password: true
-        };
+        };else warn('An invalid session_replay.mask_input_option was provided and will not be used', val);
       }
     },
     spa: {

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

@@ -6,7 +6,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.240.0";
+export const VERSION = "1.242.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.240.0";
+export const VERSION = "1.242.0";
 
 /**
  * Exposes the build type of the agent

package/dist/esm/common/dom/query-selector.js

@@ -0,0 +1,9 @@
+export const isValidSelector = selector => {
+  if (!selector || typeof selector !== 'string') return false;
+  try {
+    document.createDocumentFragment().querySelector(selector);
+  } catch {
+    return false;
+  }
+  return true;
+};

package/dist/esm/features/metrics/aggregate/index.js

@@ -27,13 +27,16 @@ export class Aggregate extends AggregateBase {
     this.singleChecks(); // checks that are run only one time, at script load
     this.eachSessionChecks(); // the start of every time user engages with page
 
-    // *cli, Mar 23 - Per NR-94597, this feature should only harvest ONCE at the (potential) EoL time of the page.
-    scheduler = new HarvestScheduler('jserrors', {
-      onUnload: () => this.unload()
-    }, this);
-    scheduler.harvest.on('jserrors', () => ({
-      body: this.aggregator.take(['cm', 'sm'])
-    }));
+    this.ee.on("drain-".concat(this.featureName), () => {
+      // *cli, Mar 23 - Per NR-94597, this feature should only harvest ONCE at the (potential) EoL time of the page.
+      scheduler = new HarvestScheduler('jserrors', {
+        onUnload: () => this.unload()
+      }, this);
+      scheduler.harvest.on('jserrors', () => ({
+        body: this.aggregator.take(['cm', 'sm'])
+      }));
+    }); // this is needed to ensure EoL is "on" and sent
+
     this.drain();
   }
   storeSupportabilityMetrics(name, value) {

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

@@ -52,21 +52,21 @@ export class Aggregate extends AggregateBase {
 
     /* 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". */
-    this.scheduler = new HarvestScheduler('events', {
-      onFinished: function () {
-        return _this.onHarvestFinished(...arguments);
-      },
-      getPayload: function () {
-        return _this.prepareHarvest(...arguments);
-      }
-    }, this);
-    registerHandler('timing', (name, value, attrs) => this.addTiming(name, value, attrs), this.featureName, this.ee); // notice CLS is added to all timings via 4th param
+
     registerHandler('docHidden', msTimestamp => this.endCurrentSession(msTimestamp), this.featureName, this.ee);
     registerHandler('winPagehide', msTimestamp => this.recordPageUnload(msTimestamp), this.featureName, this.ee);
     const initialHarvestSeconds = getConfigurationValue(this.agentIdentifier, 'page_view_timing.initialHarvestSeconds') || 10;
     const harvestTimeSeconds = getConfigurationValue(this.agentIdentifier, 'page_view_timing.harvestTimeSeconds') || 30;
     // send initial data sooner, then start regular
     this.ee.on("drain-".concat(this.featureName), () => {
+      this.scheduler = new HarvestScheduler('events', {
+        onFinished: function () {
+          return _this.onHarvestFinished(...arguments);
+        },
+        getPayload: function () {
+          return _this.prepareHarvest(...arguments);
+        }
+      }, this);
       this.scheduler.startTimer(harvestTimeSeconds, initialHarvestSeconds);
     });
     this.drain();

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

@@ -20,6 +20,9 @@ import { AggregateBase } from '../../utils/aggregate-base';
 import { sharedChannel } from '../../../common/constants/shared-channel';
 import { obj as encodeObj } from '../../../common/url/encode';
 import { warn } from '../../../common/util/console';
+import { globalScope } from '../../../common/constants/runtime';
+import { SUPPORTABILITY_METRIC_CHANNEL } from '../../metrics/constants';
+import { FEATURE_NAMES } from '../../../loaders/features/features';
 
 // would be better to get this dynamically in some way
 export const RRWEB_VERSION = '2.0.0-alpha.8';
@@ -64,17 +67,30 @@ export class Aggregate extends AggregateBase {
      * -- 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 -- Should indicate when a replay blob started recording.  Resets each time a harvest occurs. */
+    /** 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.timestamp = {
-      first: undefined,
-      last: undefined
+      event: {
+        first: undefined,
+        last: undefined
+      },
+      cycle: {
+        first: undefined,
+        last: undefined
+      }
     };
 
     /** A value which increments with every new mutation node reported. Resets after a harvest is sent */
     this.payloadBytesEstimation = 0;
+
+    /** Hold on to the last meta node, so that it can be re-inserted if the meta and snapshot nodes are broken up due to harvesting */
+    this.lastMeta = undefined;
     const shouldSetup = getConfigurationValue(agentIdentifier, 'privacy.cookies_enabled') === true && getConfigurationValue(agentIdentifier, 'session_trace.enabled') === true;
 
     /** The method to stop recording. This defaults to a noop, but is overwritten once the recording library is imported and initialized */
@@ -82,7 +98,7 @@ export class Aggregate extends AggregateBase {
     if (shouldSetup) {
       // The SessionEntity class can emit a message indicating the session was cleared and reset (expiry, inactivity). This feature must abort and never resume if that occurs.
       this.ee.on(SESSION_EVENTS.RESET, () => {
-        this.abort();
+        this.abort('Session Reset');
       });
 
       // The SessionEntity class can emit a message indicating the session was paused (visibility change). This feature must stop recording if that occurs.
@@ -124,7 +140,7 @@ export class Aggregate extends AggregateBase {
       }, this.featureName, this.ee);
       this.waitForFlags(['sr']).then(_ref => {
         let [flagOn] = _ref;
-        return this.initializeRecording(flagOn, Math.random() < getConfigurationValue(this.agentIdentifier, 'session_replay.errorSampleRate'), Math.random() < getConfigurationValue(this.agentIdentifier, 'session_replay.sampleRate'));
+        return this.initializeRecording(flagOn, Math.random() * 100 < getConfigurationValue(this.agentIdentifier, 'session_replay.error_sampling_rate'), Math.random() * 100 < getConfigurationValue(this.agentIdentifier, 'session_replay.sampling_rate'));
       }).then(() => sharedChannel.onReplayReady(this.mode)); // notify watchers that replay started with the mode
 
       this.drain();
@@ -165,6 +181,12 @@ export class Aggregate extends AggregateBase {
     if (this.mode === MODE.ERROR && this.errorNoticed) {
       this.mode = MODE.FULL;
     }
+    try {
+      // Do not change the webpackChunkName or it will break the webpack nrba-chunking plugin
+      recorder = (await import( /* webpackChunkName: "recorder" */'rrweb')).record;
+    } catch (err) {
+      return this.abort('Recorder failed to import');
+    }
 
     // FULL mode records AND reports from the beginning, while ERROR mode only records (but does not report).
     // ERROR mode will do this until an error is thrown, and then switch into FULL mode.
@@ -173,12 +195,6 @@ export class Aggregate extends AggregateBase {
       // We only report (harvest) in FULL mode
       this.scheduler.startTimer(this.harvestTimeSeconds);
     }
-    try {
-      // Do not change the webpackChunkName or it will break the webpack nrba-chunking plugin
-      recorder = (await import( /* webpackChunkName: "recorder" */'rrweb')).record;
-    } catch (err) {
-      return this.abort();
-    }
     try {
       // Do not change the webpackChunkName or it will break the webpack nrba-chunking plugin
       const {
@@ -213,6 +229,8 @@ export class Aggregate extends AggregateBase {
   getHarvestContents() {
     const agentRuntime = getRuntime(this.agentIdentifier);
     const info = getInfo(this.agentIdentifier);
+    const firstTimestamp = this.timestamp.event.first || this.timestamp.cycle.first;
+    const lastTimestamp = this.timestamp.event.last || this.timestamp.cycle.last;
     return {
       qs: {
         browser_monitoring_key: info.licenseKey,
@@ -223,11 +241,12 @@ export class Aggregate extends AggregateBase {
           ...(this.shouldCompress && {
             content_encoding: 'gzip'
           }),
-          'replay.firstTimestamp': this.timestamp.first,
-          'replay.lastTimestamp': this.timestamp.last,
-          'replay.durationMs': this.timestamp.last - this.timestamp.first,
+          'replay.firstTimestamp': firstTimestamp,
+          'replay.lastTimestamp': lastTimestamp,
+          'replay.durationMs': lastTimestamp - firstTimestamp,
           agentVersion: agentRuntime.version,
           session: agentRuntime.session.state.value,
+          hasMeta: this.hasMeta,
           hasSnapshot: this.hasSnapshot,
           hasError: this.hasError,
           isFirstChunk: this.isFirstChunk,
@@ -242,7 +261,7 @@ export class Aggregate extends AggregateBase {
   onHarvestFinished(result) {
     // The mutual decision for now is to stop recording and clear buffers if ingest is experiencing 429 rate limiting
     if (result.status === 429) {
-      this.abort();
+      this.abort('429: Too many requests');
     }
     if (this.blocked) this.scheduler.stopTimer(true);
   }
@@ -252,6 +271,7 @@ export class Aggregate extends AggregateBase {
     this.events = [];
     this.isFirstChunk = false;
     this.hasSnapshot = false;
+    this.hasMeta = false;
     this.hasError = false;
     this.payloadBytesEstimation = 0;
     this.clearTimestamps();
@@ -261,29 +281,32 @@ export class Aggregate extends AggregateBase {
   startRecording() {
     if (!recorder) {
       warn('Recording library was never imported');
-      return this.abort();
+      return this.abort('Recorder was never imported');
     }
+    this.clearTimestamps();
+    // set the fallbacks as early as possible
+    this.setTimestamps();
     this.recording = true;
     const {
-      blockClass,
-      ignoreClass,
-      maskTextClass,
-      blockSelector,
-      maskInputOptions,
-      maskTextSelector,
-      maskAllInputs
+      block_class,
+      ignore_class,
+      mask_text_class,
+      block_selector,
+      mask_input_options,
+      mask_text_selector,
+      mask_all_inputs
     } = getConfigurationValue(this.agentIdentifier, 'session_replay');
     // set up rrweb configurations for maximum privacy --
     // https://newrelic.atlassian.net/wiki/spaces/O11Y/pages/2792293280/2023+02+28+Browser+-+Session+Replay#Configuration-options
     const stop = recorder({
       emit: this.store.bind(this),
-      blockClass,
-      ignoreClass,
-      maskTextClass,
-      blockSelector,
-      maskInputOptions,
-      maskTextSelector,
-      maskAllInputs,
+      blockClass: block_class,
+      ignoreClass: ignore_class,
+      maskTextClass: mask_text_class,
+      blockSelector: block_selector,
+      maskInputOptions: mask_input_options,
+      maskTextSelector: mask_text_selector,
+      maskAllInputs: mask_all_inputs,
       checkoutEveryNms: CHECKOUT_MS[this.mode]
     });
     this.stopRecording = () => {
@@ -294,6 +317,7 @@ export class Aggregate extends AggregateBase {
 
   /** Store a payload in the buffer (this.events).  This should be the callback to the recording lib noticing a mutation */
   store(event, isCheckout) {
+    this.setTimestamps(event);
     if (this.blocked) return;
     const eventBytes = stringify(event).length;
     /** The estimated size of the payload after compression */
@@ -301,7 +325,8 @@ export class Aggregate extends AggregateBase {
     // Vortex will block payloads at a certain size, we might as well not send.
     if (payloadSize > MAX_PAYLOAD_SIZE) {
       this.clearBuffer();
-      return this.abort();
+      this.ee.emit(SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Too-Big/Seen'], undefined, FEATURE_NAMES.metrics, this.ee);
+      return this.abort('Payload too big');
     }
     // Checkout events are flags by the recording lib that indicate a fullsnapshot was taken every n ms. These are important
     // to help reconstruct the replay later and must be included.  While waiting and buffering for errors to come through,
@@ -310,8 +335,22 @@ export class Aggregate extends AggregateBase {
       // we are still waiting for an error to throw, so keep wiping the buffer over time
       this.clearBuffer();
     }
-    this.setTimestamps(event);
-    if (event.type === 2) this.hasSnapshot = true;
+
+    // meta event
+    if (event.type === 4) {
+      this.hasMeta = true;
+      this.lastMeta = event;
+    }
+    // snapshot event
+    if (event.type === 2) {
+      this.hasSnapshot = true;
+      // small chance that the meta event got separated from its matching snapshot across payload harvests
+      // it needs to precede the snapshot, so shove it in first.
+      if (!this.hasMeta) {
+        this.events.push(this.lastMeta);
+        this.hasMeta = true;
+      }
+    }
     this.events.push(event);
     this.payloadBytesEstimation += eventBytes;
 
@@ -328,15 +367,25 @@ export class Aggregate extends AggregateBase {
     if (!recorder) return;
     recorder.takeFullSnapshot();
   }
-  setTimestamps(rrwebEvent) {
-    if (!rrwebEvent) return;
-    if (!this.timestamp.first) this.timestamp.first = rrwebEvent.timestamp;
-    this.timestamp.last = rrwebEvent.timestamp;
+  setTimestamps(event) {
+    // fallbacks if timestamps cannot be derived from rrweb events
+    this.timestamp.cycle.last = getRuntime(this.agentIdentifier).offset + globalScope.performance.now();
+    if (!this.timestamp.cycle.first) this.timestamp.cycle.first = this.timestamp.cycle.last;
+    // timestamps based on rrweb events
+    if (!event || !event.timestamp) return;
+    if (!this.timestamp.event.first) this.timestamp.event.first = event.timestamp;
+    this.timestamp.event.last = event.timestamp;
   }
   clearTimestamps() {
     this.timestamp = {
-      first: undefined,
-      last: undefined
+      event: {
+        first: undefined,
+        last: undefined
+      },
+      cycle: {
+        first: undefined,
+        last: undefined
+      }
     };
   }
 
@@ -348,7 +397,8 @@ export class Aggregate extends AggregateBase {
   }
 
   /** Abort the feature, once aborted it will not resume */
-  abort() {
+  abort(reason) {
+    warn("SR aborted -- ".concat(reason));
     this.blocked = true;
     this.mode = MODE.OFF;
     this.stopRecording();

package/dist/esm/features/utils/instrument-base.js

@@ -114,6 +114,7 @@ export class InstrumentBase extends FeatureBase {
         warn("Downloading and initializing ".concat(this.featureName, " failed..."), e);
         this.abortHandler?.(); // undo any important alterations made to the page
         // not supported yet but nice to do: "abort" this agent's EE for this feature specifically
+        drain(this.agentIdentifier, this.featureName);
         loadedSuccessfully(false);
       }
     };

package/dist/esm/loaders/browser-agent.js

@@ -7,6 +7,7 @@ import { Instrument as InstrumentXhr } from '../features/ajax/instrument';
 import { Instrument as InstrumentSessionTrace } from '../features/session_trace/instrument';
 import { Instrument as InstrumentSpa } from '../features/spa/instrument';
 import { Instrument as InstrumentPageAction } from '../features/page_action/instrument';
+import { Instrument as InstrumentSessionReplay } from '../features/session_replay/instrument';
 
 /**
  * An agent class with all feature modules available. Features may be disabled and enabled via runtime configuration.
@@ -16,7 +17,7 @@ export class BrowserAgent extends Agent {
   constructor(args) {
     super({
       ...args,
-      features: [InstrumentXhr, InstrumentPageViewEvent, InstrumentPageViewTiming, InstrumentSessionTrace, InstrumentMetrics, InstrumentPageAction, InstrumentErrors, InstrumentSpa],
+      features: [InstrumentXhr, InstrumentPageViewEvent, InstrumentPageViewTiming, InstrumentSessionTrace, InstrumentMetrics, InstrumentPageAction, InstrumentErrors, InstrumentSpa, InstrumentSessionReplay],
       loaderType: 'browser-agent'
     });
   }

package/dist/types/common/config/state/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../../../src/common/config/state/init.js"],"names":[],"mappings":"AA0EA,+CAIC;AAED,0DAIC;AAED,+DAYC"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../../../src/common/config/state/init.js"],"names":[],"mappings":"AAuGA,+CAIC;AAED,0DAIC;AAED,+DAYC"}

package/dist/types/common/dom/query-selector.d.ts

@@ -0,0 +1,2 @@
+export function isValidSelector(selector: any): boolean;
+//# sourceMappingURL=query-selector.d.ts.map

package/dist/types/common/dom/query-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-selector.d.ts","sourceRoot":"","sources":["../../../../src/common/dom/query-selector.js"],"names":[],"mappings":"AAAO,wDAQN"}

package/dist/types/features/metrics/aggregate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/metrics/aggregate/index.js"],"names":[],"mappings":"AAYA;IACE,2BAAiC;IACjC,mDAsBC;IAED,wDAKC;IAED,iDAKC;IAED,qBAqCC;IAED,0BAOC;IAED,eA0CC;IAvCG,mCAAyB;CAwC9B;8BArI6B,4BAA4B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/metrics/aggregate/index.js"],"names":[],"mappings":"AAYA;IACE,2BAAiC;IACjC,mDAwBC;IAED,wDAKC;IAED,iDAKC;IAED,qBAqCC;IAED,0BAOC;IAED,eA0CC;IAvCG,mCAAyB;CAwC9B;8BAvI6B,4BAA4B"}

package/dist/types/features/page_view_timing/aggregate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/page_view_timing/aggregate/index.js"],"names":[],"mappings":"AAuBA;IACE,2BAAiC;IAMjC,mDAmCC;IAhCC,eAAiB;IACjB,mBAAqB;IACrB,4BAA+B;IAe/B,4BAGQ;IAcV;;;OAGG;IACH,6BAFW,MAAM,QAOhB;IAED;;OAEG;IACH,uCAUC;IAED,mDAqBC;IAED,qCAKC;IAED,gDAWC;IAGD;;;;kBAWC;IAGD,8BAuBC;;CACF;8BAlK6B,4BAA4B;iCANzB,2CAA2C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/page_view_timing/aggregate/index.js"],"names":[],"mappings":"AAuBA;IACE,2BAAiC;IAMjC,mDAoCC;IAjCC,eAAiB;IACjB,mBAAqB;IACrB,4BAA+B;IAuB7B,4BAGQ;IAOZ;;;OAGG;IACH,6BAFW,MAAM,QAOhB;IAED;;OAEG;IACH,uCAUC;IAED,mDAqBC;IAED,qCAKC;IAED,gDAWC;IAGD;;;;kBAWC;IAGD,8BAuBC;;CACF;8BAnK6B,4BAA4B;iCANzB,2CAA2C"}

package/dist/types/features/session_replay/aggregate/index.d.ts

@@ -28,15 +28,27 @@ export class Aggregate extends AggregateBase {
      * -- When visibility changes from "hidden" -> "visible", it must capture a full snapshot for the replay to work correctly across tabs
     */
     hasSnapshot: boolean;
+    /** Payload metadata -- Should indicate that the payload being sent has a meta node. The meta node should always precede a snapshot node. */
+    hasMeta: boolean;
     /** Payload metadata -- Should indicate that the payload being sent contains an error.  Used for query/filter purposes in UI */
     hasError: boolean;
-    /** Payload metadata -- Should indicate when a replay blob started recording.  Resets each time a harvest occurs. */
+    /** 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
+     */
     timestamp: {
-        first: undefined;
-        last: undefined;
+        event: {
+            first: undefined;
+            last: undefined;
+        };
+        cycle: {
+            first: undefined;
+            last: undefined;
+        };
     };
     /** A value which increments with every new mutation node reported. Resets after a harvest is sent */
     payloadBytesEstimation: number;
+    /** Hold on to the last meta node, so that it can be re-inserted if the meta and snapshot nodes are broken up due to harvesting */
+    lastMeta: any;
     /** The method to stop recording. This defaults to a noop, but is overwritten once the recording library is imported and initialized */
     stopRecording: () => void;
     scheduler: HarvestScheduler | undefined;
@@ -77,12 +89,12 @@ export class Aggregate extends AggregateBase {
     store(event: any, isCheckout: any): void;
     /** force the recording lib to take a full DOM snapshot.  This needs to occur in certain cases, like visibility changes */
     takeFullSnapshot(): void;
-    setTimestamps(rrwebEvent: any): void;
+    setTimestamps(event: any): void;
     clearTimestamps(): void;
     /** Estimate the payload size */
     getPayloadSize(newBytes?: number): any;
     /** Abort the feature, once aborted it will not resume */
-    abort(): void;
+    abort(reason: any): void;
     /** Extensive research has yielded about an 88% compression factor on these payloads.
      * This is an estimation using that factor as to not cause performance issues while evaluating
      * https://staging.onenr.io/037jbJWxbjy

package/dist/types/features/session_replay/aggregate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/session_replay/aggregate/index.js"],"names":[],"mappings":"AAwBA,4CAA4C;AAE5C,mCAAmC;AAInC,uCAAuC;AACvC,uCAAuC;AACvC,iCAAiC;AACjC,uCAAuC;AAIvC;IACE,2BAAiC;IACjC,mDA4FC;IA1FC,iHAAiH;IACjH,cAAgB;IAChB,8GAA8G;IAC9G,wBAAgH;IAChH,iFAAiF;IACjF,qBAAwB;IACxB,mEAAmE;IACnE,sBAAyB;IACzB,6GAA6G;IAC7G,aAAoB;IAGpB,iEAAiE;IACjE,mBAAsB;IACtB,gDAAgD;IAChD,wBAA0B;IAE1B,gGAAgG;IAChG,sBAAyB;IACzB;;;MAGE;IACF,qBAAwB;IACxB,+HAA+H;IAC/H,kBAAqB;IAErB,oHAAoH;IACpH;;;MAAsD;IAEtD,qGAAqG;IACrG,+BAA+B;IAO/B,uIAAuI;IACvI,0BAAyE;IAiBvE,wCAKQ;IA+BZ;;;;;;OAMG;IACH,kCALW,OAAO,eACP,OAAO,cACP,OAAO,GACL,IAAI,CAyDhB;IAED;;;;;;;;;oBAaC;IAED;;;;;;;;;MAyBC;IAED,qCAOC;IAED,kFAAkF;IAClF,oBAOC;IAED,qDAAqD;IACrD,uBAyBC;IAED,yHAAyH;IACzH,yCA8BC;IAED,0HAA0H;IAC1H,yBAGC;IAED,qCAIC;IAED,wBAEC;IAED,gCAAgC;IAChC,uCAGC;IAED,yDAAyD;IACzD,cAOC;IAED;;;SAGK;IACL,oCAGC;IAED,yCAGC;CACF;8BA1V6B,4BAA4B;iCALzB,2CAA2C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/session_replay/aggregate/index.js"],"names":[],"mappings":"AA2BA,4CAA4C;AAE5C,mCAAmC;AAInC,uCAAuC;AACvC,uCAAuC;AACvC,iCAAiC;AACjC,uCAAuC;AAIvC;IACE,2BAAiC;IACjC,mDAmGC;IAjGC,iHAAiH;IACjH,cAAgB;IAChB,8GAA8G;IAC9G,wBAAgH;IAChH,iFAAiF;IACjF,qBAAwB;IACxB,mEAAmE;IACnE,sBAAyB;IACzB,6GAA6G;IAC7G,aAAoB;IAGpB,iEAAiE;IACjE,mBAAsB;IACtB,gDAAgD;IAChD,wBAA0B;IAE1B,gGAAgG;IAChG,sBAAyB;IACzB;;;MAGE;IACF,qBAAwB;IACxB,4IAA4I;IAC5I,iBAAoB;IACpB,+HAA+H;IAC/H,kBAAqB;IAErB;;OAEG;IACH;;;;;;;;;MAA+G;IAE/G,qGAAqG;IACrG,+BAA+B;IAE/B,kIAAkI;IAClI,cAAyB;IAOzB,uIAAuI;IACvI,0BAAyE;IAiBvE,wCAKQ;IA+BZ;;;;;;OAMG;IACH,kCALW,OAAO,eACP,OAAO,cACP,OAAO,GACL,IAAI,CAyDhB;IAED;;;;;;;;;oBAaC;IAED;;;;;;;;;MA4BC;IAED,qCAOC;IAED,kFAAkF;IAClF,oBAQC;IAED,qDAAqD;IACrD,uBA4BC;IAED,yHAAyH;IACzH,yCA6CC;IAED,0HAA0H;IAC1H,yBAGC;IAED,gCAQC;IAED,wBAEC;IAED,gCAAgC;IAChC,uCAGC;IAED,yDAAyD;IACzD,yBAQC;IAED;;;SAGK;IACL,oCAGC;IAED,yCAGC;CACF;8BA/X6B,4BAA4B;iCALzB,2CAA2C"}

package/dist/types/features/utils/instrument-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"instrument-base.d.ts","sourceRoot":"","sources":["../../../../src/features/utils/instrument-base.js"],"names":[],"mappings":"AAcA;;;GAGG;AACH;IACE;;;;;;;;OAQG;IACH,6BAPW,MAAM,uCAEN,MAAM,8BA4BhB;IArBC,cAAgB;IAEhB,8IAA8I;IAC9I,cADW,WAAW,SAAS,CACF;IAE7B;;;MAGE;IACF,qBAA8B;IAE9B;;;MAGE;IACF,kCAAoC;IAQtC;;;;;OAKG;IACH,mEA2DC;IAED;;;;;KAKC;IACD,6BAJS,MAAM,mCAWd;CACF;4BA/H2B,gBAAgB"}
+{"version":3,"file":"instrument-base.d.ts","sourceRoot":"","sources":["../../../../src/features/utils/instrument-base.js"],"names":[],"mappings":"AAcA;;;GAGG;AACH;IACE;;;;;;;;OAQG;IACH,6BAPW,MAAM,uCAEN,MAAM,8BA4BhB;IArBC,cAAgB;IAEhB,8IAA8I;IAC9I,cADW,WAAW,SAAS,CACF;IAE7B;;;MAGE;IACF,qBAA8B;IAE9B;;;MAGE;IACF,kCAAoC;IAQtC;;;;;OAKG;IACH,mEA4DC;IAED;;;;;KAKC;IACD,6BAJS,MAAM,mCAWd;CACF;4BAhI2B,gBAAgB"}

package/dist/types/loaders/browser-agent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"browser-agent.d.ts","sourceRoot":"","sources":["../../../src/loaders/browser-agent.js"],"names":[],"mappings":"AAWA;;;GAGG;AACH;IACE,uBAeC;CACF;sBAhCqB,SAAS"}
+{"version":3,"file":"browser-agent.d.ts","sourceRoot":"","sources":["../../../src/loaders/browser-agent.js"],"names":[],"mappings":"AAYA;;;GAGG;AACH;IACE,uBAgBC;CACF;sBAlCqB,SAAS"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newrelic/browser-agent",
-  "version": "1.240.0",
+  "version": "1.242.0",
   "private": false,
   "author": "New Relic Browser Agent Team <browser-agent@newrelic.com>",
   "description": "New Relic Browser Agent",
@@ -176,7 +176,7 @@
   "dependencies": {
     "core-js": "^3.26.0",
     "fflate": "^0.7.4",
-    "rrweb": "^2.0.0-alpha.8",
+    "rrweb": "2.0.0-alpha.8",
     "web-vitals": "^3.1.0"
   },
   "devDependencies": {
@@ -236,7 +236,6 @@
     "jest-extended": "^3.2.4",
     "jung": "^2.1.0",
     "just-debounce": "^1.0.0",
-    "newrelic": "^9.7.5",
     "node-fetch": "^3.3.0",
     "npm-run-all": "^4.1.5",
     "object-inspect": "^1.5.0",

package/src/cdn/polyfills/lite.js

@@ -4,4 +4,17 @@
  */
 
 import '../polyfills.js'
-import '../lite'
+import { Agent } from '../../loaders/agent'
+
+import { Instrument as InstrumentPageViewEvent } from '../../features/page_view_event/instrument'
+import { Instrument as InstrumentPageViewTiming } from '../../features/page_view_timing/instrument'
+import { Instrument as InstrumentMetrics } from '../../features/metrics/instrument'
+
+new Agent({
+  features: [
+    InstrumentPageViewEvent,
+    InstrumentPageViewTiming,
+    InstrumentMetrics
+  ],
+  loaderType: 'lite-polyfills'
+})

package/src/cdn/polyfills/pro.js

@@ -1,7 +1,28 @@
 /**
- * @file Creates a version of the "Pro" agent loader with [core-js]{@link https://github.com/zloirock/core-js}
+ * @file Creates a version of the "PRO" agent loader with [core-js]{@link https://github.com/zloirock/core-js}
  * polyfills for pre-ES6 browsers and IE 11.
  */
 
 import '../polyfills.js'
-import '../pro'
+import { Agent } from '../../loaders/agent'
+
+import { Instrument as InstrumentPageViewEvent } from '../../features/page_view_event/instrument'
+import { Instrument as InstrumentPageViewTiming } from '../../features/page_view_timing/instrument'
+import { Instrument as InstrumentMetrics } from '../../features/metrics/instrument'
+import { Instrument as InstrumentErrors } from '../../features/jserrors/instrument'
+import { Instrument as InstrumentXhr } from '../../features/ajax/instrument'
+import { Instrument as InstrumentSessionTrace } from '../../features/session_trace/instrument'
+import { Instrument as InstrumentPageAction } from '../../features/page_action/instrument'
+
+new Agent({
+  features: [
+    InstrumentPageViewEvent,
+    InstrumentPageViewTiming,
+    InstrumentSessionTrace,
+    InstrumentXhr,
+    InstrumentMetrics,
+    InstrumentPageAction,
+    InstrumentErrors
+  ],
+  loaderType: 'pro-polyfills'
+})