@newrelic/browser-agent 1.243.0 → 1.244.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.244.0](https://github.com/newrelic/newrelic-browser-agent/compare/v1.243.1...v1.244.0) (2023-10-10)
+
+
+### Features
+
+* Add Session Replay configurations to collect inline assets ([#763](https://github.com/newrelic/newrelic-browser-agent/issues/763)) ([cef08dd](https://github.com/newrelic/newrelic-browser-agent/commit/cef08dd3f0cd99735dbc719e3c075fe83bbc6219))
+* Bump rrweb to 2.0.0.11 and make constant dynamic at build time ([#770](https://github.com/newrelic/newrelic-browser-agent/issues/770)) ([9ea84cf](https://github.com/newrelic/newrelic-browser-agent/commit/9ea84cf247b31af544e2ea7ed0873241ff82eebc))
+* Ensure 15 second minimum error buffer when possible ([#759](https://github.com/newrelic/newrelic-browser-agent/issues/759)) ([8506803](https://github.com/newrelic/newrelic-browser-agent/commit/8506803eaba27b7c603432f8ba0c909b677d3c3b))
+
+
+### Bug Fixes
+
+* Fix invalid timestamps ([#771](https://github.com/newrelic/newrelic-browser-agent/issues/771)) ([bc5a57c](https://github.com/newrelic/newrelic-browser-agent/commit/bc5a57c8c42c62c311e24b77f00dc1225a3b5873))
+* Isolate browser interaction node ([#758](https://github.com/newrelic/newrelic-browser-agent/issues/758)) ([b9e8277](https://github.com/newrelic/newrelic-browser-agent/commit/b9e82773c67d710e0f6dc1f892908afc8be004cd))
+
+## [1.243.1](https://github.com/newrelic/newrelic-browser-agent/compare/v1.243.0...v1.243.1) (2023-10-04)
+
+
+### Bug Fixes
+
+* Improve Session Replay abort metric reliability ([#754](https://github.com/newrelic/newrelic-browser-agent/issues/754)) ([14f08ac](https://github.com/newrelic/newrelic-browser-agent/commit/14f08aca8bf1a610984fc2303604a04910f07db6))
+
 ## [1.243.0](https://github.com/newrelic/newrelic-browser-agent/compare/v1.242.0...v1.243.0) (2023-10-04)
 
 

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

@@ -110,6 +110,12 @@ const model = () => {
       // float from 0 - 100
       error_sampling_rate: 50,
       // float from 0 - 100
+      collect_fonts: false,
+      // serialize fonts for collection without public asset url, this is currently broken in RRWeb -- https://github.com/rrweb-io/rrweb/issues/1304.  When fixed, revisit with test cases
+      inline_images: false,
+      // serialize images for collection without public asset url
+      inline_stylesheet: true,
+      // serialize css for collection without public asset url
       // recording config settings
       mask_all_inputs: true,
       // this has a getter/setter to facilitate validation of the selectors

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
+exports.VERSION = exports.RRWEB_VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
 /**
  * @file This file exposes CDN build environment variables. These variables will
  * be overridden with babel.
@@ -12,7 +12,7 @@ exports.VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
 /**
  * Exposes the version of the agent
  */
-const VERSION = "1.243.0";
+const VERSION = "1.244.0";
 
 /**
  * Exposes the build type of the agent
@@ -26,4 +26,10 @@ const BUILD_ENV = "CDN";
  */
 exports.BUILD_ENV = BUILD_ENV;
 const DIST_METHOD = 'CDN';
-exports.DIST_METHOD = DIST_METHOD;
+
+/**
+ * Exposes the lib version of rrweb
+ */
+exports.DIST_METHOD = DIST_METHOD;
+const RRWEB_VERSION = "2.0.0-alpha.11";
+exports.RRWEB_VERSION = RRWEB_VERSION;

package/dist/cjs/common/constants/env.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
+exports.VERSION = exports.RRWEB_VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
 var _package = _interopRequireDefault(require("../../../package.json"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
@@ -29,4 +29,10 @@ const BUILD_ENV = 'NPM';
  */
 exports.BUILD_ENV = BUILD_ENV;
 const DIST_METHOD = 'NPM';
-exports.DIST_METHOD = DIST_METHOD;
+
+/**
+ * Exposes the lib version of rrweb
+ */
+exports.DIST_METHOD = DIST_METHOD;
+const RRWEB_VERSION = _package.default.dependencies.rrweb;
+exports.RRWEB_VERSION = RRWEB_VERSION;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
+exports.VERSION = exports.RRWEB_VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
 /**
  * @file This file exposes NPM build environment variables. These variables will
  * be overridden with babel.
@@ -12,7 +12,7 @@ exports.VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
 /**
  * Exposes the version of the agent
  */
-const VERSION = "1.243.0";
+const VERSION = "1.244.0";
 
 /**
  * Exposes the build type of the agent
@@ -27,4 +27,10 @@ const BUILD_ENV = 'NPM';
  */
 exports.BUILD_ENV = BUILD_ENV;
 const DIST_METHOD = 'NPM';
-exports.DIST_METHOD = DIST_METHOD;
+
+/**
+ * Exposes the lib version of rrweb
+ */
+exports.DIST_METHOD = DIST_METHOD;
+const RRWEB_VERSION = "2.0.0-alpha.11";
+exports.RRWEB_VERSION = RRWEB_VERSION;

package/dist/cjs/common/util/console.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.warn = warn;
 /**
  * A helper method to warn to the console with New Relic: decoration
- * @param {string} message - The primary message to warn
- * @param {*} secondary - Secondary data to include, usually an error or object
+ * @param {string} message The primary message to warn
+ * @param {*} [secondary] Secondary data to include, usually an error or object
  * @returns
  */
 function warn(message, secondary) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RRWEB_VERSION = exports.RRWEB_EVENT_TYPES = exports.MAX_PAYLOAD_SIZE = exports.IDEAL_PAYLOAD_SIZE = exports.Aggregate = exports.AVG_COMPRESSION = void 0;
+exports.RRWEB_EVENT_TYPES = exports.MAX_PAYLOAD_SIZE = exports.IDEAL_PAYLOAD_SIZE = exports.Aggregate = exports.AVG_COMPRESSION = void 0;
 var _registerHandler = require("../../../common/event-emitter/register-handler");
 var _harvestScheduler = require("../../../common/harvest/harvest-scheduler");
 var _constants = require("../constants");
@@ -16,6 +16,9 @@ var _encode = require("../../../common/url/encode");
 var _console = require("../../../common/util/console");
 var _runtime = require("../../../common/constants/runtime");
 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");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } /*
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * Copyright 2023 New Relic Corporation. All rights reserved.
@@ -27,9 +30,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * 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.
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           */
-// would be better to get this dynamically in some way
-const RRWEB_VERSION = '2.0.0-alpha.8';
-exports.RRWEB_VERSION = RRWEB_VERSION;
 const AVG_COMPRESSION = 0.12;
 exports.AVG_COMPRESSION = AVG_COMPRESSION;
 const RRWEB_EVENT_TYPES = {
@@ -57,6 +57,10 @@ const ABORT_REASONS = {
   TOO_BIG: {
     message: 'Payload was too large',
     sm: 'Too-Big'
+  },
+  CROSS_TAB: {
+    message: 'Session Entity was set to OFF on another tab',
+    sm: 'Cross-Tab'
   }
 };
 let recorder, gzipper, u8;
@@ -66,10 +70,10 @@ const MAX_PAYLOAD_SIZE = 1000000;
 /** Unloading caps around 64kb */
 exports.MAX_PAYLOAD_SIZE = MAX_PAYLOAD_SIZE;
 const IDEAL_PAYLOAD_SIZE = 64000;
-/** Interval between forcing new full snapshots -- 30 seconds in error mode, 5 minutes in full mode */
+/** Interval between forcing new full snapshots -- 15 seconds in error mode (x2), 5 minutes in full mode */
 exports.IDEAL_PAYLOAD_SIZE = IDEAL_PAYLOAD_SIZE;
 const CHECKOUT_MS = {
-  [_sessionEntity.MODE.ERROR]: 30000,
+  [_sessionEntity.MODE.ERROR]: 15000,
   [_sessionEntity.MODE.FULL]: 300000,
   [_sessionEntity.MODE.OFF]: 0
 };
@@ -79,6 +83,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
     super(agentIdentifier, aggregator, _constants.FEATURE_NAME);
     /** Each page mutation or event will be stored (raw) in this array. This array will be cleared on each harvest */
     this.events = [];
+    /** Backlog used for a 2-part sliding window to guarantee a 15-30s buffer window */
+    this.backloggedEvents = [];
     /** 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;
     /** Set once the recorder has fully initialized after flag checks and sampling */
@@ -140,7 +146,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
       });
       this.ee.on(_sessionEntity.SESSION_EVENTS.UPDATE, (type, data) => {
         if (!this.initialized || this.blocked || type !== _sessionEntity.SESSION_EVENT_TYPES.CROSS_TAB) return;
-        if (this.mode !== _sessionEntity.MODE.OFF && data.sessionReplay === _sessionEntity.MODE.OFF) this.abort('Session Entity was set to OFF on another tab');
+        if (this.mode !== _sessionEntity.MODE.OFF && data.sessionReplay === _sessionEntity.MODE.OFF) this.abort(ABORT_REASONS.CROSS_TAB);
         this.mode = data.sessionReplay;
       });
 
@@ -248,6 +254,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
   prepareHarvest() {
     if (this.events.length === 0 || this.mode !== _sessionEntity.MODE.FULL && !this.blocked) return;
     const payload = this.getHarvestContents();
+    if (!payload.body.length) {
+      this.clearBuffer();
+      return;
+    }
     if (this.shouldCompress) {
       payload.body = gzipper(u8((0, _stringify.stringify)(payload.body)));
       this.scheduler.opts.gzip = true;
@@ -267,6 +277,16 @@ class Aggregate extends _aggregateBase.AggregateBase {
   getHarvestContents() {
     const agentRuntime = (0, _config.getRuntime)(this.agentIdentifier);
     const info = (0, _config.getInfo)(this.agentIdentifier);
+    if (this.backloggedEvents.length) this.events = [...this.backloggedEvents, ...this.events];
+
+    // do not let the first node be a full snapshot node, since this NEEDS to be preceded by a meta node
+    // we will manually inject it if this happens
+    const payloadStartsWithFullSnapshot = this.events[0]?.type === RRWEB_EVENT_TYPES.FullSnapshot;
+    if (payloadStartsWithFullSnapshot && !!this.lastMeta) {
+      this.hasMeta = true;
+      this.events.unshift(this.lastMeta); // --> pushed the meta from a previous payload into newer payload... but it still has old timestamps
+      this.lastMeta = undefined;
+    }
 
     // do not let the last node be a meta node, since this NEEDS to precede a snapshot
     // we will manually inject it later if we find a payload that is missing a meta node
@@ -276,16 +296,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
       this.events = this.events.slice(0, this.events.length - 1);
       this.hasMeta = !!this.events.find(x => x.type === RRWEB_EVENT_TYPES.Meta);
     }
-
-    // do not let the first node be a full snapshot node, since this NEEDS to be preceded by a meta node
-    // we will manually inject it if this happens
-    const payloadStartsWithFullSnapshot = this.events[0]?.type === RRWEB_EVENT_TYPES.FullSnapshot;
-    if (payloadStartsWithFullSnapshot) {
-      this.hasMeta = true;
-      this.events.unshift(this.lastMeta);
-    }
-    const firstEventTimestamp = this.events[0]?.timestamp;
-    const lastEventTimestamp = this.events[this.events.length - 1]?.timestamp;
+    const firstEventTimestamp = this.events[0]?.timestamp; // from rrweb node
+    const lastEventTimestamp = this.events[this.events.length - 1]?.timestamp; // from rrweb node
     const firstTimestamp = firstEventTimestamp || this.cycleTimestamp;
     const lastTimestamp = lastEventTimestamp || (0, _config.getRuntime)(this.agentIdentifier).offset + _runtime.globalScope.performance.now();
     return {
@@ -309,7 +321,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
           hasError: this.hasError,
           isFirstChunk: agentRuntime.session.state.sessionReplaySentFirstChunk === false,
           decompressedBytes: this.payloadBytesEstimation,
-          'nr.rrweb.version': RRWEB_VERSION
+          'nr.rrweb.version': _env.RRWEB_VERSION
         }, MAX_PAYLOAD_SIZE - this.payloadBytesEstimation).substring(1) // remove the leading '&'
       },
 
@@ -326,6 +338,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
 
   /** Clears the buffer (this.events), and resets all payload metadata properties */
   clearBuffer() {
+    if (this.mode === _sessionEntity.MODE.ERROR) this.backloggedEvents = this.events;else this.backloggedEvents = [];
     this.events = [];
     this.hasSnapshot = false;
     this.hasMeta = false;
@@ -340,9 +353,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
       (0, _console.warn)('Recording library was never imported');
       return this.abort(ABORT_REASONS.IMPORT);
     }
-    this.clearTimestamps();
-    // set the fallbacks as early as possible
-    this.setTimestamps();
     this.recording = true;
     const {
       block_class,
@@ -351,7 +361,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
       block_selector,
       mask_input_options,
       mask_text_selector,
-      mask_all_inputs
+      mask_all_inputs,
+      inline_images,
+      inline_stylesheet,
+      collect_fonts
     } = (0, _config.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
@@ -364,6 +377,9 @@ class Aggregate extends _aggregateBase.AggregateBase {
       maskInputOptions: mask_input_options,
       maskTextSelector: mask_text_selector,
       maskAllInputs: mask_all_inputs,
+      inlineImages: inline_images,
+      inlineStylesheet: inline_stylesheet,
+      collectFonts: collect_fonts,
       checkoutEveryNms: CHECKOUT_MS[this.mode]
     });
     this.stopRecording = () => {
@@ -387,7 +403,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
     // 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,
     // each time we see a new checkout, we can drop the old data.
-    if (this.mode === _sessionEntity.MODE.ERROR && isCheckout) {
+    // we need to check for meta because rrweb will flag it as checkout twice, once for meta, then once for snapshot
+    if (this.mode === _sessionEntity.MODE.ERROR && isCheckout && event.type === RRWEB_EVENT_TYPES.Meta) {
       // we are still waiting for an error to throw, so keep wiping the buffer over time
       this.clearBuffer();
     }
@@ -395,7 +412,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
     // meta event
     if (event.type === RRWEB_EVENT_TYPES.Meta) {
       this.hasMeta = true;
-      this.lastMeta = event;
     }
     // snapshot event
     if (event.type === RRWEB_EVENT_TYPES.FullSnapshot) {
@@ -436,7 +452,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
   abort() {
     let reason = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     (0, _console.warn)("SR aborted -- ".concat(reason.message));
-    this.ee.emit(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ["SessionReplay/Abort/".concat(ABORT_REASONS[reason.sm])]);
+    (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ["SessionReplay/Abort/".concat(reason.sm)], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     this.blocked = true;
     this.mode = _sessionEntity.MODE.OFF;
     this.stopRecording();

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

@@ -21,6 +21,7 @@ var _features = require("../../../loaders/features/features");
 var _aggregateBase = require("../../utils/aggregate-base");
 var _firstContentfulPaint = require("../../../common/vitals/first-contentful-paint");
 var _firstPaint = require("../../../common/vitals/first-paint");
+var _bundleId = require("../../../common/ids/bundle-id");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /*
@@ -182,7 +183,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     (0, _registerHandler.registerHandler)(FN_START, function (args, eventSource) {
       var ev = args[0];
       var evName = ev.type;
-      var eventNode = ev.__nrNode;
+      var eventNode = ev["__nrNode:".concat(_bundleId.bundleId)];
       if (!state.pageLoaded && evName === 'load' && eventSource === window) {
         state.pageLoaded = true;
         // set to null so prevNode is set correctly
@@ -226,7 +227,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
           }
         }
       }
-      ev.__nrNode = state.currentNode;
+      ev["__nrNode:".concat(_bundleId.bundleId)] = state.currentNode;
     }, this.featureName, eventsEE);
 
     /**

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

@@ -15,7 +15,7 @@ class AgentBase {
    * @param {object} [attributes] JSON object with one or more key/value pairs. For example: {key:"value"}. The key is reported as its own PageAction attribute with the specified values.
    */
   addPageAction(name, attributes) {
-    (0, _console.warn)('Call to agent api addPageAction failed. The session trace feature is not currently initialized.');
+    (0, _console.warn)('Call to agent api addPageAction failed. The page action feature is not currently initialized.');
   }
 
   /**
@@ -95,13 +95,13 @@ class AgentBase {
    * @param {string} id The ID or version of this release; for example, a version number, build number from your CI environment, GitHub SHA, GUID, or a hash of the contents.
    */
   addRelease(name, id) {
-    (0, _console.warn)('Call to agent api addRelease failed. The agent is not currently initialized.');
+    (0, _console.warn)('Call to agent api addRelease failed. The js errors feature is not currently initialized.');
   }
 
   /**
    * Starts a set of agent features if not running in "autoStart" mode
    * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/start/}
-   * @param {string|string[]|undefined} name The feature name(s) to start.  If no name(s) are passed, all features will be started
+   * @param {string|string[]} [featureNames] The name(s) of the features to start.  If no name(s) are passed, all features will be started
    */
   start(featureNames) {
     (0, _console.warn)('Call to agent api addRelease failed. The agent is not currently initialized.');

package/dist/cjs/loaders/agent.js

@@ -112,7 +112,7 @@ class Agent extends _agentBase.AgentBase {
    * If you are sending the same event object to New Relic as a PageAction, omit the TYPE attribute. (type is a string to describe what type of event you are marking inside of a session trace.) If included, it will override the event type and cause the PageAction event to be sent incorrectly. Instead, use the name attribute for event information.
    */
   addToTrace(customAttributes) {
-    (0, _console.warn)('Call to agent api addToTrace failed. The page action feature is not currently initialized.');
+    (0, _console.warn)('Call to agent api addToTrace failed. The session trace feature is not currently initialized.');
   }
 
   /**

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

@@ -102,6 +102,12 @@ const model = () => {
       // float from 0 - 100
       error_sampling_rate: 50,
       // float from 0 - 100
+      collect_fonts: false,
+      // serialize fonts for collection without public asset url, this is currently broken in RRWeb -- https://github.com/rrweb-io/rrweb/issues/1304.  When fixed, revisit with test cases
+      inline_images: false,
+      // serialize images for collection without public asset url
+      inline_stylesheet: true,
+      // serialize css for collection without public asset url
       // recording config settings
       mask_all_inputs: true,
       // this has a getter/setter to facilitate validation of the selectors

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

@@ -6,7 +6,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.243.0";
+export const VERSION = "1.244.0";
 
 /**
  * Exposes the build type of the agent
@@ -17,4 +17,9 @@ export const BUILD_ENV = "CDN";
 /**
  * Exposes the distribution method of the agent
  */
-export const DIST_METHOD = 'CDN';
+export const DIST_METHOD = 'CDN';
+
+/**
+ * Exposes the lib version of rrweb
+ */
+export const RRWEB_VERSION = "2.0.0-alpha.11";

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

@@ -20,4 +20,9 @@ export const BUILD_ENV = 'NPM';
 /**
  * Exposes the distribution method of the agent
  */
-export const DIST_METHOD = 'NPM';
+export const DIST_METHOD = 'NPM';
+
+/**
+ * Exposes the lib version of rrweb
+ */
+export const RRWEB_VERSION = pkgJSON.dependencies.rrweb;

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

@@ -6,7 +6,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.243.0";
+export const VERSION = "1.244.0";
 
 /**
  * Exposes the build type of the agent
@@ -18,4 +18,9 @@ export const BUILD_ENV = 'NPM';
  * Exposes the distribution method of the agent
  * Valid valuse are CDN, NPM
  */
-export const DIST_METHOD = 'NPM';
+export const DIST_METHOD = 'NPM';
+
+/**
+ * Exposes the lib version of rrweb
+ */
+export const RRWEB_VERSION = "2.0.0-alpha.11";

package/dist/esm/common/util/console.js

@@ -1,7 +1,7 @@
 /**
  * A helper method to warn to the console with New Relic: decoration
- * @param {string} message - The primary message to warn
- * @param {*} secondary - Secondary data to include, usually an error or object
+ * @param {string} message The primary message to warn
+ * @param {*} [secondary] Secondary data to include, usually an error or object
  * @returns
  */
 export function warn(message, secondary) {

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

@@ -22,9 +22,9 @@ 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';
-
-// would be better to get this dynamically in some way
-export const RRWEB_VERSION = '2.0.0-alpha.8';
+import { handle } from '../../../common/event-emitter/handle';
+import { FEATURE_NAMES } from '../../../loaders/features/features';
+import { RRWEB_VERSION } from "../../../common/constants/env.npm";
 export const AVG_COMPRESSION = 0.12;
 export const RRWEB_EVENT_TYPES = {
   DomContentLoaded: 0,
@@ -50,6 +50,10 @@ const ABORT_REASONS = {
   TOO_BIG: {
     message: 'Payload was too large',
     sm: 'Too-Big'
+  },
+  CROSS_TAB: {
+    message: 'Session Entity was set to OFF on another tab',
+    sm: 'Cross-Tab'
   }
 };
 let recorder, gzipper, u8;
@@ -58,9 +62,9 @@ let recorder, gzipper, u8;
 export const MAX_PAYLOAD_SIZE = 1000000;
 /** Unloading caps around 64kb */
 export const IDEAL_PAYLOAD_SIZE = 64000;
-/** Interval between forcing new full snapshots -- 30 seconds in error mode, 5 minutes in full mode */
+/** Interval between forcing new full snapshots -- 15 seconds in error mode (x2), 5 minutes in full mode */
 const CHECKOUT_MS = {
-  [MODE.ERROR]: 30000,
+  [MODE.ERROR]: 15000,
   [MODE.FULL]: 300000,
   [MODE.OFF]: 0
 };
@@ -70,6 +74,8 @@ export class Aggregate extends AggregateBase {
     super(agentIdentifier, aggregator, FEATURE_NAME);
     /** Each page mutation or event will be stored (raw) in this array. This array will be cleared on each harvest */
     this.events = [];
+    /** Backlog used for a 2-part sliding window to guarantee a 15-30s buffer window */
+    this.backloggedEvents = [];
     /** The interval to harvest at.  This gets overridden if the size of the payload exceeds certain thresholds */
     this.harvestTimeSeconds = getConfigurationValue(this.agentIdentifier, 'session_replay.harvestTimeSeconds') || 60;
     /** Set once the recorder has fully initialized after flag checks and sampling */
@@ -131,7 +137,7 @@ export class Aggregate extends AggregateBase {
       });
       this.ee.on(SESSION_EVENTS.UPDATE, (type, data) => {
         if (!this.initialized || this.blocked || type !== SESSION_EVENT_TYPES.CROSS_TAB) return;
-        if (this.mode !== MODE.OFF && data.sessionReplay === MODE.OFF) this.abort('Session Entity was set to OFF on another tab');
+        if (this.mode !== MODE.OFF && data.sessionReplay === MODE.OFF) this.abort(ABORT_REASONS.CROSS_TAB);
         this.mode = data.sessionReplay;
       });
 
@@ -239,6 +245,10 @@ export class Aggregate extends AggregateBase {
   prepareHarvest() {
     if (this.events.length === 0 || this.mode !== MODE.FULL && !this.blocked) return;
     const payload = this.getHarvestContents();
+    if (!payload.body.length) {
+      this.clearBuffer();
+      return;
+    }
     if (this.shouldCompress) {
       payload.body = gzipper(u8(stringify(payload.body)));
       this.scheduler.opts.gzip = true;
@@ -258,6 +268,16 @@ export class Aggregate extends AggregateBase {
   getHarvestContents() {
     const agentRuntime = getRuntime(this.agentIdentifier);
     const info = getInfo(this.agentIdentifier);
+    if (this.backloggedEvents.length) this.events = [...this.backloggedEvents, ...this.events];
+
+    // do not let the first node be a full snapshot node, since this NEEDS to be preceded by a meta node
+    // we will manually inject it if this happens
+    const payloadStartsWithFullSnapshot = this.events[0]?.type === RRWEB_EVENT_TYPES.FullSnapshot;
+    if (payloadStartsWithFullSnapshot && !!this.lastMeta) {
+      this.hasMeta = true;
+      this.events.unshift(this.lastMeta); // --> pushed the meta from a previous payload into newer payload... but it still has old timestamps
+      this.lastMeta = undefined;
+    }
 
     // do not let the last node be a meta node, since this NEEDS to precede a snapshot
     // we will manually inject it later if we find a payload that is missing a meta node
@@ -267,16 +287,8 @@ export class Aggregate extends AggregateBase {
       this.events = this.events.slice(0, this.events.length - 1);
       this.hasMeta = !!this.events.find(x => x.type === RRWEB_EVENT_TYPES.Meta);
     }
-
-    // do not let the first node be a full snapshot node, since this NEEDS to be preceded by a meta node
-    // we will manually inject it if this happens
-    const payloadStartsWithFullSnapshot = this.events[0]?.type === RRWEB_EVENT_TYPES.FullSnapshot;
-    if (payloadStartsWithFullSnapshot) {
-      this.hasMeta = true;
-      this.events.unshift(this.lastMeta);
-    }
-    const firstEventTimestamp = this.events[0]?.timestamp;
-    const lastEventTimestamp = this.events[this.events.length - 1]?.timestamp;
+    const firstEventTimestamp = this.events[0]?.timestamp; // from rrweb node
+    const lastEventTimestamp = this.events[this.events.length - 1]?.timestamp; // from rrweb node
     const firstTimestamp = firstEventTimestamp || this.cycleTimestamp;
     const lastTimestamp = lastEventTimestamp || getRuntime(this.agentIdentifier).offset + globalScope.performance.now();
     return {
@@ -317,6 +329,7 @@ export class Aggregate extends AggregateBase {
 
   /** Clears the buffer (this.events), and resets all payload metadata properties */
   clearBuffer() {
+    if (this.mode === MODE.ERROR) this.backloggedEvents = this.events;else this.backloggedEvents = [];
     this.events = [];
     this.hasSnapshot = false;
     this.hasMeta = false;
@@ -331,9 +344,6 @@ export class Aggregate extends AggregateBase {
       warn('Recording library was never imported');
       return this.abort(ABORT_REASONS.IMPORT);
     }
-    this.clearTimestamps();
-    // set the fallbacks as early as possible
-    this.setTimestamps();
     this.recording = true;
     const {
       block_class,
@@ -342,7 +352,10 @@ export class Aggregate extends AggregateBase {
       block_selector,
       mask_input_options,
       mask_text_selector,
-      mask_all_inputs
+      mask_all_inputs,
+      inline_images,
+      inline_stylesheet,
+      collect_fonts
     } = 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
@@ -355,6 +368,9 @@ export class Aggregate extends AggregateBase {
       maskInputOptions: mask_input_options,
       maskTextSelector: mask_text_selector,
       maskAllInputs: mask_all_inputs,
+      inlineImages: inline_images,
+      inlineStylesheet: inline_stylesheet,
+      collectFonts: collect_fonts,
       checkoutEveryNms: CHECKOUT_MS[this.mode]
     });
     this.stopRecording = () => {
@@ -378,7 +394,8 @@ export class Aggregate extends AggregateBase {
     // 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,
     // each time we see a new checkout, we can drop the old data.
-    if (this.mode === MODE.ERROR && isCheckout) {
+    // we need to check for meta because rrweb will flag it as checkout twice, once for meta, then once for snapshot
+    if (this.mode === MODE.ERROR && isCheckout && event.type === RRWEB_EVENT_TYPES.Meta) {
       // we are still waiting for an error to throw, so keep wiping the buffer over time
       this.clearBuffer();
     }
@@ -386,7 +403,6 @@ export class Aggregate extends AggregateBase {
     // meta event
     if (event.type === RRWEB_EVENT_TYPES.Meta) {
       this.hasMeta = true;
-      this.lastMeta = event;
     }
     // snapshot event
     if (event.type === RRWEB_EVENT_TYPES.FullSnapshot) {
@@ -427,7 +443,7 @@ export class Aggregate extends AggregateBase {
   abort() {
     let reason = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     warn("SR aborted -- ".concat(reason.message));
-    this.ee.emit(SUPPORTABILITY_METRIC_CHANNEL, ["SessionReplay/Abort/".concat(ABORT_REASONS[reason.sm])]);
+    handle(SUPPORTABILITY_METRIC_CHANNEL, ["SessionReplay/Abort/".concat(reason.sm)], undefined, FEATURE_NAMES.metrics, this.ee);
     this.blocked = true;
     this.mode = MODE.OFF;
     this.stopRecording();

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

@@ -20,6 +20,7 @@ import { FEATURE_NAMES } from '../../../loaders/features/features';
 import { AggregateBase } from '../../utils/aggregate-base';
 import { firstContentfulPaint } from '../../../common/vitals/first-contentful-paint';
 import { firstPaint } from '../../../common/vitals/first-paint';
+import { bundleId } from '../../../common/ids/bundle-id';
 const {
   FEATURE_NAME,
   INTERACTION_EVENTS,
@@ -173,7 +174,7 @@ export class Aggregate extends AggregateBase {
     register(FN_START, function (args, eventSource) {
       var ev = args[0];
       var evName = ev.type;
-      var eventNode = ev.__nrNode;
+      var eventNode = ev["__nrNode:".concat(bundleId)];
       if (!state.pageLoaded && evName === 'load' && eventSource === window) {
         state.pageLoaded = true;
         // set to null so prevNode is set correctly
@@ -217,7 +218,7 @@ export class Aggregate extends AggregateBase {
           }
         }
       }
-      ev.__nrNode = state.currentNode;
+      ev["__nrNode:".concat(bundleId)] = state.currentNode;
     }, this.featureName, eventsEE);
 
     /**

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

@@ -9,7 +9,7 @@ export class AgentBase {
    * @param {object} [attributes] JSON object with one or more key/value pairs. For example: {key:"value"}. The key is reported as its own PageAction attribute with the specified values.
    */
   addPageAction(name, attributes) {
-    warn('Call to agent api addPageAction failed. The session trace feature is not currently initialized.');
+    warn('Call to agent api addPageAction failed. The page action feature is not currently initialized.');
   }
 
   /**
@@ -89,13 +89,13 @@ export class AgentBase {
    * @param {string} id The ID or version of this release; for example, a version number, build number from your CI environment, GitHub SHA, GUID, or a hash of the contents.
    */
   addRelease(name, id) {
-    warn('Call to agent api addRelease failed. The agent is not currently initialized.');
+    warn('Call to agent api addRelease failed. The js errors feature is not currently initialized.');
   }
 
   /**
    * Starts a set of agent features if not running in "autoStart" mode
    * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/start/}
-   * @param {string|string[]|undefined} name The feature name(s) to start.  If no name(s) are passed, all features will be started
+   * @param {string|string[]} [featureNames] The name(s) of the features to start.  If no name(s) are passed, all features will be started
    */
   start(featureNames) {
     warn('Call to agent api addRelease failed. The agent is not currently initialized.');

package/dist/esm/loaders/agent.js

@@ -103,7 +103,7 @@ export class Agent extends AgentBase {
    * If you are sending the same event object to New Relic as a PageAction, omit the TYPE attribute. (type is a string to describe what type of event you are marking inside of a session trace.) If included, it will override the event type and cause the PageAction event to be sent incorrectly. Instead, use the name attribute for event information.
    */
   addToTrace(customAttributes) {
-    warn('Call to agent api addToTrace failed. The page action feature is not currently initialized.');
+    warn('Call to agent api addToTrace failed. The session trace feature is not currently initialized.');
   }
 
   /**

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":"AAuGA,+CAIC;AAED,0DAIC;AAED,+DAYC"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../../../src/common/config/state/init.js"],"names":[],"mappings":"AA0GA,+CAIC;AAED,0DAIC;AAED,+DAYC"}

package/dist/types/common/constants/env.cdn.d.ts

@@ -15,4 +15,8 @@ export const BUILD_ENV: string | undefined;
  * Exposes the distribution method of the agent
  */
 export const DIST_METHOD: "CDN";
+/**
+ * Exposes the lib version of rrweb
+ */
+export const RRWEB_VERSION: string | undefined;
 //# sourceMappingURL=env.cdn.d.ts.map

package/dist/types/common/constants/env.cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"env.cdn.d.ts","sourceRoot":"","sources":["../../../../src/common/constants/env.cdn.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,yCAAgD;AAEhD;;;GAGG;AACH,2CAA8C;AAE9C;;GAEG;AACH,gCAAgC"}
+{"version":3,"file":"env.cdn.d.ts","sourceRoot":"","sources":["../../../../src/common/constants/env.cdn.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,yCAAgD;AAEhD;;;GAGG;AACH,2CAA8C;AAE9C;;GAEG;AACH,gCAAgC;AAEhC;;GAEG;AACH,+CAAsD"}

package/dist/types/common/constants/env.d.ts

@@ -10,4 +10,8 @@ export const BUILD_ENV: "NPM";
  * Exposes the distribution method of the agent
  */
 export const DIST_METHOD: "NPM";
+/**
+ * Exposes the lib version of rrweb
+ */
+export const RRWEB_VERSION: any;
 //# sourceMappingURL=env.d.ts.map

package/dist/types/common/constants/env.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../../../src/common/constants/env.js"],"names":[],"mappings":"AASA;;GAEG;AACH,0BAAsC;AAEtC;;GAEG;AACH,8BAA8B;AAE9B;;GAEG;AACH,gCAAgC"}
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../../../src/common/constants/env.js"],"names":[],"mappings":"AASA;;GAEG;AACH,0BAAsC;AAEtC;;GAEG;AACH,8BAA8B;AAE9B;;GAEG;AACH,gCAAgC;AAEhC;;GAEG;AACH,gCAAuD"}

package/dist/types/common/constants/env.npm.d.ts

@@ -16,4 +16,8 @@ export const BUILD_ENV: "NPM";
  * Valid valuse are CDN, NPM
  */
 export const DIST_METHOD: "NPM";
+/**
+ * Exposes the lib version of rrweb
+ */
+export const RRWEB_VERSION: string | undefined;
 //# sourceMappingURL=env.npm.d.ts.map

package/dist/types/common/constants/env.npm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"env.npm.d.ts","sourceRoot":"","sources":["../../../../src/common/constants/env.npm.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,yCAAgD;AAEhD;;;GAGG;AACH,8BAA8B;AAE9B;;;GAGG;AACH,gCAAgC"}
+{"version":3,"file":"env.npm.d.ts","sourceRoot":"","sources":["../../../../src/common/constants/env.npm.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,yCAAgD;AAEhD;;;GAGG;AACH,8BAA8B;AAE9B;;;GAGG;AACH,gCAAgC;AAEhC;;GAEG;AACH,+CAAsD"}

package/dist/types/common/util/console.d.ts

@@ -1,8 +1,8 @@
 /**
  * A helper method to warn to the console with New Relic: decoration
- * @param {string} message - The primary message to warn
- * @param {*} secondary - Secondary data to include, usually an error or object
+ * @param {string} message The primary message to warn
+ * @param {*} [secondary] Secondary data to include, usually an error or object
  * @returns
  */
-export function warn(message: string, secondary: any): void;
+export function warn(message: string, secondary?: any): void;
 //# sourceMappingURL=console.d.ts.map

package/dist/types/common/util/console.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"console.d.ts","sourceRoot":"","sources":["../../../../src/common/util/console.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,8BAJW,MAAM,wBAQhB"}
+{"version":3,"file":"console.d.ts","sourceRoot":"","sources":["../../../../src/common/util/console.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,8BAJW,MAAM,yBAQhB"}

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

@@ -1,4 +1,3 @@
-export const RRWEB_VERSION: "2.0.0-alpha.8";
 export const AVG_COMPRESSION: 0.12;
 export namespace RRWEB_EVENT_TYPES {
     const DomContentLoaded: number;
@@ -17,6 +16,8 @@ export class Aggregate extends AggregateBase {
     constructor(agentIdentifier: any, aggregator: any);
     /** Each page mutation or event will be stored (raw) in this array. This array will be cleared on each harvest */
     events: any[];
+    /** Backlog used for a 2-part sliding window to guarantee a 15-30s buffer window */
+    backloggedEvents: any[];
     /** The interval to harvest at.  This gets overridden if the size of the payload exceeds certain thresholds */
     harvestTimeSeconds: any;
     /** Set once the recorder has fully initialized after flag checks and sampling */

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":"AA0BA,4CAA4C;AAE5C,mCAAmC;;;;;;;;;AAgCnC,uCAAuC;AACvC,uCAAuC;AACvC,iCAAiC;AACjC,uCAAuC;AAIvC;IACE,2BAAiC;IACjC,mDA2GC;IAzGC,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;;;MAGE;IACF,qBAAwB;IACxB,4IAA4I;IAC5I,iBAAoB;IACpB,+HAA+H;IAC/H,kBAAqB;IAErB;;OAEG;IACH,oBAA+B;IAE/B,qGAAqG;IACrG,+BAA+B;IAE/B,kIAAkI;IAClI,cAAyB;IAOzB,uIAAuI;IACvI,0BAAyE;IA0BvE,wCAKQ;IAgCZ;;;;;;OAMG;IACH,kCALW,OAAO,eACP,OAAO,cACP,OAAO,GACL,IAAI,CAuDhB;IAED;;;;;;;;;oBAeC;IAED;;;;;;;;;MAiDC;IAED,qCAOC;IAED,kFAAkF;IAClF,oBAOC;IAED,qDAAqD;IACrD,uBA4BC;IAED,yHAAyH;IACzH,yCAsCC;IAED,0HAA0H;IAC1H,yBAGC;IAED,sBAGC;IAED,wBAEC;IAED,gCAAgC;IAChC,uCAGC;IAED,yDAAyD;IACzD,yBASC;IAED;;;SAGK;IACL,oCAGC;IAED,yCAGC;CACF;8BA3a6B,4BAA4B;iCALzB,2CAA2C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/session_replay/aggregate/index.js"],"names":[],"mappings":"AA4BA,mCAAmC;;;;;;;;;AAoCnC,uCAAuC;AACvC,uCAAuC;AACvC,iCAAiC;AACjC,uCAAuC;AAIvC;IACE,2BAAiC;IACjC,mDA6GC;IA3GC,iHAAiH;IACjH,cAAgB;IAChB,mFAAmF;IACnF,wBAA0B;IAC1B,8GAA8G;IAC9G,wBAAgH;IAChH,iFAAiF;IACjF,qBAAwB;IACxB,mEAAmE;IACnE,sBAAyB;IACzB,6GAA6G;IAC7G,aAAoB;IAGpB,iEAAiE;IACjE,mBAAsB;IACtB,gDAAgD;IAChD,wBAA0B;IAE1B;;;MAGE;IACF,qBAAwB;IACxB,4IAA4I;IAC5I,iBAAoB;IACpB,+HAA+H;IAC/H,kBAAqB;IAErB;;OAEG;IACH,oBAA+B;IAE/B,qGAAqG;IACrG,+BAA+B;IAE/B,kIAAkI;IAClI,cAAyB;IAOzB,uIAAuI;IACvI,0BAAyE;IA0BvE,wCAKQ;IAgCZ;;;;;;OAMG;IACH,kCALW,OAAO,eACP,OAAO,cACP,OAAO,GACL,IAAI,CAuDhB;IAED;;;;;;;;;oBAkBC;IAED;;;;;;;;;MAoDC;IAED,qCAOC;IAED,kFAAkF;IAClF,oBASC;IAED,qDAAqD;IACrD,uBA4BC;IAED,yHAAyH;IACzH,yCAsCC;IAED,0HAA0H;IAC1H,yBAGC;IAED,sBAGC;IAED,wBAEC;IAED,gCAAgC;IAChC,uCAGC;IAED,yDAAyD;IACzD,yBASC;IAED;;;SAGK;IACL,oCAGC;IAED,yCAGC;CACF;8BAzb6B,4BAA4B;iCALzB,2CAA2C"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/spa/aggregate/index.js"],"names":[],"mappings":"AA2BA;IACE,2BAAiC;IACjC,mDA8rBC;IA3rBC;;;;;;;;;;;;;;;;MAgBC;IAED,uBAAsC;CA0qBzC;8BAzsB6B,4BAA4B;2BAJ/B,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/spa/aggregate/index.js"],"names":[],"mappings":"AA4BA;IACE,2BAAiC;IACjC,mDA8rBC;IA3rBC;;;;;;;;;;;;;;;;MAgBC;IAED,uBAAsC;CA0qBzC;8BA1sB6B,4BAA4B;2BAJ/B,cAAc"}

package/dist/types/loaders/agent-base.d.ts

@@ -67,8 +67,8 @@ export class AgentBase {
     /**
      * Starts a set of agent features if not running in "autoStart" mode
      * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/start/}
-     * @param {string|string[]|undefined} name The feature name(s) to start.  If no name(s) are passed, all features will be started
+     * @param {string|string[]} [featureNames] The name(s) of the features to start.  If no name(s) are passed, all features will be started
      */
-    start(featureNames: any): void;
+    start(featureNames?: string | string[] | undefined): void;
 }
 //# sourceMappingURL=agent-base.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"agent-base.d.ts","sourceRoot":"","sources":["../../../src/loaders/agent-base.js"],"names":[],"mappings":"AAIA;IACE;;;;;OAKG;IACH,oBAHW,MAAM,yCAKhB;IAED;;;;;OAKG;IACH,sBAHW,MAAM,mCAKhB;IAED;;;;;;OAMG;IACH,yBAJW,MAAM,SACN,MAAM,GAAC,MAAM,GAAC,IAAI,uCAK5B;IAED;;;;;OAKG;IACH,mBAHW,KAAK,GAAC,MAAM,+CAKtB;IAED;;;;OAIG;IACH,iBAFW,MAAM,GAAC,IAAI,QAIrB;IAED;;;;;;;OAOG;IACH,6BAJW,MAAM,GAAC,IAAI,QAMrB;IAED;;;;OAIG;IACH,kCAFmB,KAAK,GAAC,MAAM,KAAK,OAAO,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,QAI9D;IAED;;;;OAIG;IACH,+CAEC;IAED;;;;;OAKG;IACH,iBAHW,MAAM,MACN,MAAM,QAIhB;IAED;;;;OAIG;IACH,+BAEC;CACF"}
+{"version":3,"file":"agent-base.d.ts","sourceRoot":"","sources":["../../../src/loaders/agent-base.js"],"names":[],"mappings":"AAIA;IACE;;;;;OAKG;IACH,oBAHW,MAAM,yCAKhB;IAED;;;;;OAKG;IACH,sBAHW,MAAM,mCAKhB;IAED;;;;;;OAMG;IACH,yBAJW,MAAM,SACN,MAAM,GAAC,MAAM,GAAC,IAAI,uCAK5B;IAED;;;;;OAKG;IACH,mBAHW,KAAK,GAAC,MAAM,+CAKtB;IAED;;;;OAIG;IACH,iBAFW,MAAM,GAAC,IAAI,QAIrB;IAED;;;;;;;OAOG;IACH,6BAJW,MAAM,GAAC,IAAI,QAMrB;IAED;;;;OAIG;IACH,kCAFmB,KAAK,GAAC,MAAM,KAAK,OAAO,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,QAI9D;IAED;;;;OAIG;IACH,+CAEC;IAED;;;;;OAKG;IACH,iBAHW,MAAM,MACN,MAAM,QAIhB;IAED;;;;OAIG;IACH,0DAEC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newrelic/browser-agent",
-  "version": "1.243.0",
+  "version": "1.244.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.11",
     "web-vitals": "^3.1.0"
   },
   "devDependencies": {

package/src/common/config/state/init.js

@@ -63,6 +63,9 @@ const model = () => {
       harvestTimeSeconds: 60,
       sampling_rate: 50, // float from 0 - 100
       error_sampling_rate: 50, // float from 0 - 100
+      collect_fonts: false, // serialize fonts for collection without public asset url, this is currently broken in RRWeb -- https://github.com/rrweb-io/rrweb/issues/1304.  When fixed, revisit with test cases
+      inline_images: false, // serialize images for collection without public asset url
+      inline_stylesheet: true, // serialize css for collection without public asset url
       // recording config settings
       mask_all_inputs: true,
       // this has a getter/setter to facilitate validation of the selectors

package/src/common/constants/__mocks__/env.js

@@ -1,3 +1,4 @@
 export const VERSION = '0.0.0'
 export const BUILD_ENV = 'TEST'
 export const DIST_METHOD = 'TEST'
+export const RRWEB_VERSION = '0.0.0'

package/src/common/constants/env.cdn.js

@@ -18,3 +18,8 @@ export const BUILD_ENV = process.env.BUILD_ENV
  * Exposes the distribution method of the agent
  */
 export const DIST_METHOD = 'CDN'
+
+/**
+ * Exposes the lib version of rrweb
+ */
+export const RRWEB_VERSION = process.env.RRWEB_VERSION

package/src/common/constants/env.js

@@ -21,3 +21,8 @@ export const BUILD_ENV = 'NPM'
  * Exposes the distribution method of the agent
  */
 export const DIST_METHOD = 'NPM'
+
+/**
+ * Exposes the lib version of rrweb
+ */
+export const RRWEB_VERSION = pkgJSON.dependencies.rrweb

package/src/common/constants/env.npm.js

@@ -19,3 +19,8 @@ export const BUILD_ENV = 'NPM'
  * Valid valuse are CDN, NPM
  */
 export const DIST_METHOD = 'NPM'
+
+/**
+ * Exposes the lib version of rrweb
+ */
+export const RRWEB_VERSION = process.env.RRWEB_VERSION

package/src/common/util/console.js

@@ -1,7 +1,7 @@
 /**
  * A helper method to warn to the console with New Relic: decoration
- * @param {string} message - The primary message to warn
- * @param {*} secondary - Secondary data to include, usually an error or object
+ * @param {string} message The primary message to warn
+ * @param {*} [secondary] Secondary data to include, usually an error or object
  * @returns
  */
 export function warn (message, secondary) {

package/src/features/session_replay/aggregate/index.js

@@ -22,9 +22,9 @@ 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'
-
-// would be better to get this dynamically in some way
-export const RRWEB_VERSION = '2.0.0-alpha.8'
+import { handle } from '../../../common/event-emitter/handle'
+import { FEATURE_NAMES } from '../../../loaders/features/features'
+import { RRWEB_VERSION } from '../../../common/constants/env'
 
 export const AVG_COMPRESSION = 0.12
 
@@ -53,6 +53,10 @@ const ABORT_REASONS = {
   TOO_BIG: {
     message: 'Payload was too large',
     sm: 'Too-Big'
+  },
+  CROSS_TAB: {
+    message: 'Session Entity was set to OFF on another tab',
+    sm: 'Cross-Tab'
   }
 }
 
@@ -62,8 +66,8 @@ let recorder, gzipper, u8
 export const MAX_PAYLOAD_SIZE = 1000000
 /** Unloading caps around 64kb */
 export const IDEAL_PAYLOAD_SIZE = 64000
-/** Interval between forcing new full snapshots -- 30 seconds in error mode, 5 minutes in full mode */
-const CHECKOUT_MS = { [MODE.ERROR]: 30000, [MODE.FULL]: 300000, [MODE.OFF]: 0 }
+/** Interval between forcing new full snapshots -- 15 seconds in error mode (x2), 5 minutes in full mode */
+const CHECKOUT_MS = { [MODE.ERROR]: 15000, [MODE.FULL]: 300000, [MODE.OFF]: 0 }
 
 export class Aggregate extends AggregateBase {
   static featureName = FEATURE_NAME
@@ -71,6 +75,8 @@ export class Aggregate extends AggregateBase {
     super(agentIdentifier, aggregator, FEATURE_NAME)
     /** Each page mutation or event will be stored (raw) in this array. This array will be cleared on each harvest */
     this.events = []
+    /** Backlog used for a 2-part sliding window to guarantee a 15-30s buffer window */
+    this.backloggedEvents = []
     /** The interval to harvest at.  This gets overridden if the size of the payload exceeds certain thresholds */
     this.harvestTimeSeconds = getConfigurationValue(this.agentIdentifier, 'session_replay.harvestTimeSeconds') || 60
     /** Set once the recorder has fully initialized after flag checks and sampling */
@@ -134,7 +140,7 @@ export class Aggregate extends AggregateBase {
 
       this.ee.on(SESSION_EVENTS.UPDATE, (type, data) => {
         if (!this.initialized || this.blocked || type !== SESSION_EVENT_TYPES.CROSS_TAB) return
-        if (this.mode !== MODE.OFF && data.sessionReplay === MODE.OFF) this.abort('Session Entity was set to OFF on another tab')
+        if (this.mode !== MODE.OFF && data.sessionReplay === MODE.OFF) this.abort(ABORT_REASONS.CROSS_TAB)
         this.mode = data.sessionReplay
       })
 
@@ -241,7 +247,10 @@ export class Aggregate extends AggregateBase {
   prepareHarvest () {
     if (this.events.length === 0 || (this.mode !== MODE.FULL && !this.blocked)) return
     const payload = this.getHarvestContents()
-
+    if (!payload.body.length) {
+      this.clearBuffer()
+      return
+    }
     if (this.shouldCompress) {
       payload.body = gzipper(u8(stringify(payload.body)))
       this.scheduler.opts.gzip = true
@@ -259,6 +268,17 @@ export class Aggregate extends AggregateBase {
     const agentRuntime = getRuntime(this.agentIdentifier)
     const info = getInfo(this.agentIdentifier)
 
+    if (this.backloggedEvents.length) this.events = [...this.backloggedEvents, ...this.events]
+
+    // do not let the first node be a full snapshot node, since this NEEDS to be preceded by a meta node
+    // we will manually inject it if this happens
+    const payloadStartsWithFullSnapshot = this.events[0]?.type === RRWEB_EVENT_TYPES.FullSnapshot
+    if (payloadStartsWithFullSnapshot && !!this.lastMeta) {
+      this.hasMeta = true
+      this.events.unshift(this.lastMeta) // --> pushed the meta from a previous payload into newer payload... but it still has old timestamps
+      this.lastMeta = undefined
+    }
+
     // do not let the last node be a meta node, since this NEEDS to precede a snapshot
     // we will manually inject it later if we find a payload that is missing a meta node
     const payloadEndsWithMeta = this.events[this.events.length - 1]?.type === RRWEB_EVENT_TYPES.Meta
@@ -268,16 +288,8 @@ export class Aggregate extends AggregateBase {
       this.hasMeta = !!this.events.find(x => x.type === RRWEB_EVENT_TYPES.Meta)
     }
 
-    // do not let the first node be a full snapshot node, since this NEEDS to be preceded by a meta node
-    // we will manually inject it if this happens
-    const payloadStartsWithFullSnapshot = this.events[0]?.type === RRWEB_EVENT_TYPES.FullSnapshot
-    if (payloadStartsWithFullSnapshot) {
-      this.hasMeta = true
-      this.events.unshift(this.lastMeta)
-    }
-
-    const firstEventTimestamp = this.events[0]?.timestamp
-    const lastEventTimestamp = this.events[this.events.length - 1]?.timestamp
+    const firstEventTimestamp = this.events[0]?.timestamp // from rrweb node
+    const lastEventTimestamp = this.events[this.events.length - 1]?.timestamp // from rrweb node
     const firstTimestamp = firstEventTimestamp || this.cycleTimestamp
     const lastTimestamp = lastEventTimestamp || getRuntime(this.agentIdentifier).offset + globalScope.performance.now()
     return {
@@ -317,6 +329,8 @@ export class Aggregate extends AggregateBase {
 
   /** Clears the buffer (this.events), and resets all payload metadata properties */
   clearBuffer () {
+    if (this.mode === MODE.ERROR) this.backloggedEvents = this.events
+    else this.backloggedEvents = []
     this.events = []
     this.hasSnapshot = false
     this.hasMeta = false
@@ -331,11 +345,8 @@ export class Aggregate extends AggregateBase {
       warn('Recording library was never imported')
       return this.abort(ABORT_REASONS.IMPORT)
     }
-    this.clearTimestamps()
-    // set the fallbacks as early as possible
-    this.setTimestamps()
     this.recording = true
-    const { block_class, ignore_class, mask_text_class, block_selector, mask_input_options, mask_text_selector, mask_all_inputs } = getConfigurationValue(this.agentIdentifier, 'session_replay')
+    const { block_class, ignore_class, mask_text_class, block_selector, mask_input_options, mask_text_selector, mask_all_inputs, inline_images, inline_stylesheet, collect_fonts } = 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({
@@ -347,6 +358,9 @@ export class Aggregate extends AggregateBase {
       maskInputOptions: mask_input_options,
       maskTextSelector: mask_text_selector,
       maskAllInputs: mask_all_inputs,
+      inlineImages: inline_images,
+      inlineStylesheet: inline_stylesheet,
+      collectFonts: collect_fonts,
       checkoutEveryNms: CHECKOUT_MS[this.mode]
     })
 
@@ -371,7 +385,8 @@ export class Aggregate extends AggregateBase {
     // 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,
     // each time we see a new checkout, we can drop the old data.
-    if (this.mode === MODE.ERROR && isCheckout) {
+    // we need to check for meta because rrweb will flag it as checkout twice, once for meta, then once for snapshot
+    if (this.mode === MODE.ERROR && isCheckout && event.type === RRWEB_EVENT_TYPES.Meta) {
       // we are still waiting for an error to throw, so keep wiping the buffer over time
       this.clearBuffer()
     }
@@ -379,7 +394,6 @@ export class Aggregate extends AggregateBase {
     // meta event
     if (event.type === RRWEB_EVENT_TYPES.Meta) {
       this.hasMeta = true
-      this.lastMeta = event
     }
     // snapshot event
     if (event.type === RRWEB_EVENT_TYPES.FullSnapshot) {
@@ -421,7 +435,7 @@ export class Aggregate extends AggregateBase {
   /** Abort the feature, once aborted it will not resume */
   abort (reason = {}) {
     warn(`SR aborted -- ${reason.message}`)
-    this.ee.emit(SUPPORTABILITY_METRIC_CHANNEL, [`SessionReplay/Abort/${ABORT_REASONS[reason.sm]}`])
+    handle(SUPPORTABILITY_METRIC_CHANNEL, [`SessionReplay/Abort/${reason.sm}`], undefined, FEATURE_NAMES.metrics, this.ee)
     this.blocked = true
     this.mode = MODE.OFF
     this.stopRecording()

package/src/features/spa/aggregate/index.js

@@ -20,6 +20,7 @@ import { FEATURE_NAMES } from '../../../loaders/features/features'
 import { AggregateBase } from '../../utils/aggregate-base'
 import { firstContentfulPaint } from '../../../common/vitals/first-contentful-paint'
 import { firstPaint } from '../../../common/vitals/first-paint'
+import { bundleId } from '../../../common/ids/bundle-id'
 
 const {
   FEATURE_NAME, INTERACTION_EVENTS, MAX_TIMER_BUDGET, FN_START, FN_END, CB_START, INTERACTION_API, REMAINING,
@@ -166,7 +167,7 @@ export class Aggregate extends AggregateBase {
     register(FN_START, function (args, eventSource) {
       var ev = args[0]
       var evName = ev.type
-      var eventNode = ev.__nrNode
+      var eventNode = ev[`__nrNode:${bundleId}`]
 
       if (!state.pageLoaded && evName === 'load' && eventSource === window) {
         state.pageLoaded = true
@@ -216,7 +217,7 @@ export class Aggregate extends AggregateBase {
         }
       }
 
-      ev.__nrNode = state.currentNode
+      ev[`__nrNode:${bundleId}`] = state.currentNode
     }, this.featureName, eventsEE)
 
     /**

package/src/loaders/agent-base.js

@@ -10,7 +10,7 @@ export class AgentBase {
    * @param {object} [attributes] JSON object with one or more key/value pairs. For example: {key:"value"}. The key is reported as its own PageAction attribute with the specified values.
    */
   addPageAction (name, attributes) {
-    warn('Call to agent api addPageAction failed. The session trace feature is not currently initialized.')
+    warn('Call to agent api addPageAction failed. The page action feature is not currently initialized.')
   }
 
   /**
@@ -90,13 +90,13 @@ export class AgentBase {
    * @param {string} id The ID or version of this release; for example, a version number, build number from your CI environment, GitHub SHA, GUID, or a hash of the contents.
    */
   addRelease (name, id) {
-    warn('Call to agent api addRelease failed. The agent is not currently initialized.')
+    warn('Call to agent api addRelease failed. The js errors feature is not currently initialized.')
   }
 
   /**
    * Starts a set of agent features if not running in "autoStart" mode
    * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/start/}
-   * @param {string|string[]|undefined} name The feature name(s) to start.  If no name(s) are passed, all features will be started
+   * @param {string|string[]} [featureNames] The name(s) of the features to start.  If no name(s) are passed, all features will be started
    */
   start (featureNames) {
     warn('Call to agent api addRelease failed. The agent is not currently initialized.')

package/src/loaders/agent.js

@@ -107,7 +107,7 @@ export class Agent extends AgentBase {
    * If you are sending the same event object to New Relic as a PageAction, omit the TYPE attribute. (type is a string to describe what type of event you are marking inside of a session trace.) If included, it will override the event type and cause the PageAction event to be sent incorrectly. Instead, use the name attribute for event information.
    */
   addToTrace (customAttributes) {
-    warn('Call to agent api addToTrace failed. The page action feature is not currently initialized.')
+    warn('Call to agent api addToTrace failed. The session trace feature is not currently initialized.')
   }
 
   /**