@newrelic/browser-agent 1.250.0 → 1.251.1

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

@@ -17,8 +17,8 @@ var _aggregateBase = require("../../utils/aggregate-base");
 var _firstContentfulPaint = require("../../../common/vitals/first-contentful-paint");
 var _firstPaint = require("../../../common/vitals/first-paint");
 var _timeToFirstByte = require("../../../common/vitals/time-to-first-byte");
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 class Aggregate extends _aggregateBase.AggregateBase {
   static featureName = CONSTANTS.FEATURE_NAME;
   constructor(agentIdentifier, aggregator) {

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

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FEATURE_NAME = void 0;
 var _features = require("../../loaders/features/features");
-const FEATURE_NAME = _features.FEATURE_NAMES.pageViewEvent;
-exports.FEATURE_NAME = FEATURE_NAME;
+const FEATURE_NAME = exports.FEATURE_NAME = _features.FEATURE_NAMES.pageViewEvent;

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.Instrument = void 0;
 var _instrumentBase = require("../../utils/instrument-base");
 var CONSTANTS = _interopRequireWildcard(require("../constants"));
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 class Instrument extends _instrumentBase.InstrumentBase {
   static featureName = CONSTANTS.FEATURE_NAME;
   constructor(agentIdentifier, aggregator) {

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

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FEATURE_NAME = void 0;
 var _features = require("../../loaders/features/features");
-const FEATURE_NAME = _features.FEATURE_NAMES.pageViewTiming;
-exports.FEATURE_NAME = FEATURE_NAME;
+const FEATURE_NAME = exports.FEATURE_NAME = _features.FEATURE_NAMES.pageViewTiming;

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

@@ -20,18 +20,18 @@ var _env = require("../../../common/constants/env.npm");
 var _now = require("../../../common/timing/now");
 var _constants3 = require("../../../common/session/constants");
 var _stringify = require("../../../common/util/stringify");
-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.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * SPDX-License-Identifier: Apache-2.0
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */ /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @file Records, aggregates, and harvests session replay data.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * NOTE: This code is under development and dormant. It will not download to instrumented pages or record any data.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * It is not production ready, and is not intended to be imported or implemented in any build of the browser agent until
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * functionality is validated and a full user experience is curated.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
-let gzipper, u8;
+var _stylesheetEvaluator = require("../shared/stylesheet-evaluator");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /*
+ * Copyright 2023 New Relic Corporation. All rights reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */ /**
+ * @file Records, aggregates, and harvests session replay data.
+ *
+ * NOTE: This code is under development and dormant. It will not download to instrumented pages or record any data.
+ * It is not production ready, and is not intended to be imported or implemented in any build of the browser agent until
+ * functionality is validated and a full user experience is curated.
+ */
 class Aggregate extends _aggregateBase.AggregateBase {
   static featureName = _constants.FEATURE_NAME;
   // pass the recorder into the aggregator
@@ -43,8 +43,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
     this.initialized = false;
     /** Set once the feature has been "aborted" to prevent other side-effects from continuing */
     this.blocked = false;
-    /** can shut off efforts to compress the data */
-    this.shouldCompress = true;
+    /** populated with the gzipper lib async */
+    this.gzipper = undefined;
+    /** populated with the u8 string lib async */
+    this.u8 = undefined;
     /** the mode to start in.  Defaults to off */
     const {
       session
@@ -91,6 +93,11 @@ class Aggregate extends _aggregateBase.AggregateBase {
         getPayload: this.prepareHarvest.bind(this),
         raw: true
       }, this);
+      if (this.recorder?.getEvents().type === 'preloaded') {
+        this.prepUtils().then(() => {
+          this.scheduler.runHarvest();
+        });
+      }
       (0, _registerHandler.registerHandler)('recordReplay', () => {
         // if it has aborted or BCS returned bad entitlements, do not allow
         if (this.blocked || !this.entitled) return;
@@ -195,24 +202,29 @@ class Aggregate extends _aggregateBase.AggregateBase {
       // We only report (harvest) in FULL mode
       this.scheduler.startTimer(this.harvestTimeSeconds);
     }
+    await this.prepUtils();
+    if (!this.recorder.recording) this.recorder.startRecording();
+    this.syncWithSessionManager({
+      sessionReplayMode: this.mode
+    });
+  }
+  async prepUtils() {
     try {
       // Do not change the webpackChunkName or it will break the webpack nrba-chunking plugin
       const {
         gzipSync,
         strToU8
       } = await Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "compressor" */'fflate')));
-      gzipper = gzipSync;
-      u8 = strToU8;
+      this.gzipper = gzipSync;
+      this.u8 = strToU8;
     } catch (err) {
       // compressor failed to load, but we can still record without compression as a last ditch effort
-      this.shouldCompress = false;
     }
-    if (!this.recorder.recording) this.recorder.startRecording();
-    this.syncWithSessionManager({
-      sessionReplayMode: this.mode
-    });
   }
   prepareHarvest() {
+    let {
+      opts
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     if (!this.recorder) return;
     const recorderEvents = this.recorder.getEvents();
     // get the event type and use that to trigger another harvest if needed
@@ -223,8 +235,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
       return;
     }
     let len = 0;
-    if (this.shouldCompress) {
-      payload.body = gzipper(u8("[".concat(payload.body.map(e => e.__serialized).join(','), "]")));
+    if (!!this.gzipper && !!this.u8) {
+      payload.body = this.gzipper(this.u8("[".concat(payload.body.map(e => e.__serialized).join(','), "]")));
       len = payload.body.length;
       this.scheduler.opts.gzip = true;
     } else {
@@ -250,7 +262,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
       sessionReplaySentFirstChunk: true
     });
     this.recorder.clearBuffer();
-    if (recorderEvents.type === 'preloaded') this.scheduler.runHarvest();
+    if (recorderEvents.type === 'preloaded') this.scheduler.runHarvest(opts);
     return [payload];
   }
   getHarvestContents(recorderEvents) {
@@ -281,7 +293,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     const relativeNow = (0, _now.now)();
     const firstEventTimestamp = events[0]?.timestamp; // from rrweb node
     const lastEventTimestamp = events[events.length - 1]?.timestamp; // from rrweb node
-    const firstTimestamp = firstEventTimestamp || recorderEvents.cycleTimestamp;
+    const firstTimestamp = firstEventTimestamp || recorderEvents.cycleTimestamp; // from rrweb node || from when the harvest cycle started
     const lastTimestamp = lastEventTimestamp || agentOffset + relativeNow;
     return {
       qs: {
@@ -292,7 +304,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
         attributes: (0, _encode.obj)({
           // this section of attributes must be controllable and stay below the query param padding limit -- see QUERY_PARAM_PADDING
           // if not, data could be lost to truncation at time of sending, potentially breaking parsing / API behavior in NR1
-          ...(this.shouldCompress && {
+          ...(!!this.gzipper && !!this.u8 && {
             content_encoding: 'gzip'
           }),
           'replay.firstTimestamp': firstTimestamp,
@@ -309,6 +321,8 @@ class Aggregate extends _aggregateBase.AggregateBase {
           hasError: recorderEvents.hasError || false,
           isFirstChunk: agentRuntime.session.state.sessionReplaySentFirstChunk === false,
           decompressedBytes: recorderEvents.payloadBytesEstimation,
+          invalidStylesheetsDetected: _stylesheetEvaluator.stylesheetEvaluator.invalidStylesheetsDetected,
+          inlinedAllStylesheets: recorderEvents.inlinedAllStylesheets,
           'rrweb.version': _env.RRWEB_VERSION,
           // customer-defined data should go last so that if it exceeds the query param padding limit it will be truncated instead of important attrs
           ...(endUserId && {
@@ -317,7 +331,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
           // The Query Param is being arbitrarily limited in length here.  It is also applied when estimating the size of the payload in getPayloadSize()
         }, _constants.QUERY_PARAM_PADDING).substring(1) // remove the leading '&'
       },
-
       body: events
     };
   }

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

@@ -6,11 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.RRWEB_EVENT_TYPES = exports.QUERY_PARAM_PADDING = exports.MAX_PAYLOAD_SIZE = exports.IDEAL_PAYLOAD_SIZE = exports.FEATURE_NAME = exports.CHECKOUT_MS = exports.AVG_COMPRESSION = exports.ABORT_REASONS = void 0;
 var _constants = require("../../common/session/constants");
 var _features = require("../../loaders/features/features");
-const FEATURE_NAME = _features.FEATURE_NAMES.sessionReplay;
-exports.FEATURE_NAME = FEATURE_NAME;
-const AVG_COMPRESSION = 0.12;
-exports.AVG_COMPRESSION = AVG_COMPRESSION;
-const RRWEB_EVENT_TYPES = {
+const FEATURE_NAME = exports.FEATURE_NAME = _features.FEATURE_NAMES.sessionReplay;
+const AVG_COMPRESSION = exports.AVG_COMPRESSION = 0.12;
+const RRWEB_EVENT_TYPES = exports.RRWEB_EVENT_TYPES = {
   DomContentLoaded: 0,
   Load: 1,
   FullSnapshot: 2,
@@ -19,20 +17,16 @@ const RRWEB_EVENT_TYPES = {
   Custom: 5
 };
 /** Vortex caps payload sizes at 1MB */
-exports.RRWEB_EVENT_TYPES = RRWEB_EVENT_TYPES;
-const MAX_PAYLOAD_SIZE = 1000000;
+const MAX_PAYLOAD_SIZE = exports.MAX_PAYLOAD_SIZE = 1000000;
 /** Unloading caps around 64kb */
-exports.MAX_PAYLOAD_SIZE = MAX_PAYLOAD_SIZE;
-const IDEAL_PAYLOAD_SIZE = 64000;
+const IDEAL_PAYLOAD_SIZE = exports.IDEAL_PAYLOAD_SIZE = 64000;
 /** Interval between forcing new full snapshots -- 15 seconds in error mode (x2), 5 minutes in full mode */
-exports.IDEAL_PAYLOAD_SIZE = IDEAL_PAYLOAD_SIZE;
-const CHECKOUT_MS = {
+const CHECKOUT_MS = exports.CHECKOUT_MS = {
   [_constants.MODE.ERROR]: 15000,
   [_constants.MODE.FULL]: 300000,
   [_constants.MODE.OFF]: 0
 };
-exports.CHECKOUT_MS = CHECKOUT_MS;
-const ABORT_REASONS = {
+const ABORT_REASONS = exports.ABORT_REASONS = {
   RESET: {
     message: 'Session was reset',
     sm: 'Reset'
@@ -59,6 +53,4 @@ const ABORT_REASONS = {
   }
 };
 /** Reserved room for query param attrs */
-exports.ABORT_REASONS = ABORT_REASONS;
-const QUERY_PARAM_PADDING = 5000;
-exports.QUERY_PARAM_PADDING = QUERY_PARAM_PADDING;
+const QUERY_PARAM_PADDING = exports.QUERY_PARAM_PADDING = 5000;

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

@@ -7,17 +7,17 @@ exports.Instrument = void 0;
 var _constants = require("../../../common/session/constants");
 var _instrumentBase = require("../../utils/instrument-base");
 var _constants2 = require("../constants");
-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.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * SPDX-License-Identifier: Apache-2.0
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */ /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @file Primes the Session Replay feature for lazy loading.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * NOTE: This code is under development and dormant. It will not download to instrumented pages or record any data.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * It is not production ready, and is not intended to be imported or implemented in any build of the browser agent until
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * functionality is validated and a full user experience is curated.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /*
+ * Copyright 2023 New Relic Corporation. All rights reserved.
+ * SPDX-License-Identifier: Apache-2.0
+ */ /**
+ * @file Primes the Session Replay feature for lazy loading.
+ *
+ * NOTE: This code is under development and dormant. It will not download to instrumented pages or record any data.
+ * It is not production ready, and is not intended to be imported or implemented in any build of the browser agent until
+ * functionality is validated and a full user experience is curated.
+ */
 class Instrument extends _instrumentBase.InstrumentBase {
   static featureName = _constants2.FEATURE_NAME;
   constructor(agentIdentifier, aggregator) {

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

@@ -23,6 +23,8 @@ class RecorderEvents {
     this.hasMeta = false;
     /** Payload metadata -- Should indicate that the payload being sent contains an error.  Used for query/filter purposes in UI */
     this.hasError = false;
+    /** Payload metadata -- Denotes whether all stylesheet elements were able to be inlined */
+    this.inlinedAllStylesheets = true;
   }
   add(event) {
     this.events.push(event);

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

@@ -10,6 +10,10 @@ var _constants = require("../constants");
 var _config = require("../../../common/config/config");
 var _recorderEvents = require("./recorder-events");
 var _constants2 = require("../../../common/session/constants");
+var _stylesheetEvaluator = require("./stylesheet-evaluator");
+var _handle = require("../../../common/event-emitter/handle");
+var _constants3 = require("../../metrics/constants");
+var _features = require("../../../loaders/features/features");
 class Recorder {
   /** Each page mutation or event will be stored (raw) in this array. This array will be cleared on each harvest */
   #events = new _recorderEvents.RecorderEvents();
@@ -17,14 +21,21 @@ class Recorder {
   #backloggedEvents = new _recorderEvents.RecorderEvents();
   /** array of recorder events -- Will be filled only if forced harvest was triggered and harvester does not exist */
   #preloaded = [new _recorderEvents.RecorderEvents()];
+  /** flag that if true, blocks events from being "stored".  Only set to true when a full snapshot has incomplete nodes (only stylesheets ATM) */
+  #fixing = false;
   constructor(parent) {
     /** True when actively recording, false when paused or stopped */
     this.recording = false;
+    /** The pointer to the current bucket holding rrweb events */
     this.currentBufferTarget = this.#events;
     /** 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 = false;
+    /** The parent class that instantiated the recorder */
     this.parent = parent;
-
+    /** Config to inform to inline stylesheet contents (true default) */
+    this.shouldInlineStylesheets = (0, _config.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay.inline_stylesheet');
+    /** A flag that can be set to false by failing conversions to stop the fetching process */
+    this.shouldFix = this.shouldInlineStylesheets;
     /** The method to stop recording. This defaults to a noop, but is overwritten once the recording library is imported and initialized */
     this.stopRecording = () => {/* no-op until set by rrweb initializer */};
   }
@@ -40,7 +51,8 @@ class Recorder {
       payloadBytesEstimation: this.#backloggedEvents.payloadBytesEstimation + this.#events.payloadBytesEstimation,
       hasError: this.#backloggedEvents.hasError || this.#events.hasError,
       hasMeta: this.#backloggedEvents.hasMeta || this.#events.hasMeta,
-      hasSnapshot: this.#backloggedEvents.hasSnapshot || this.#events.hasSnapshot
+      hasSnapshot: this.#backloggedEvents.hasSnapshot || this.#events.hasSnapshot,
+      inlinedAllStylesheets: !!this.#backloggedEvents.events.length && this.#backloggedEvents.inlinedAllStylesheets || this.#events.inlinedAllStylesheets
     };
   }
 
@@ -68,7 +80,7 @@ class Recorder {
     // 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 = (0, _rrweb.record)({
-      emit: this.store.bind(this),
+      emit: this.audit.bind(this),
       blockClass: block_class,
       ignoreClass: ignore_class,
       maskTextClass: mask_text_class,
@@ -87,10 +99,44 @@ class Recorder {
     };
   }
 
+  /**
+   * audit - Checks if the event node payload is missing certain attributes
+   * will forward on to the "store" method if nothing needs async fixing
+   * @param {*} event - An RRWEB event node
+   * @param {*} isCheckout - Flag indicating if the payload was triggered as a checkout
+   */
+  audit(event, isCheckout) {
+    /** only run the audit if inline_stylesheets is configured as on (default behavior) */
+    if (this.shouldInlineStylesheets === false || !this.shouldFix) {
+      this.currentBufferTarget.inlinedAllStylesheets = false;
+      return this.store(event, isCheckout);
+    }
+    /** An count of stylesheet objects that were blocked from accessing contents via JS */
+    const incompletes = _stylesheetEvaluator.stylesheetEvaluator.evaluate();
+    /** Only stop ignoring data if already ignoring and a new valid snapshap is taking place (0 incompletes and we get a meta node for the snap) */
+    if (!incompletes && this.#fixing && event.type === _constants.RRWEB_EVENT_TYPES.Meta) this.#fixing = false;
+    if (incompletes) {
+      (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Payload/Missing-Inline-Css', incompletes], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
+      /** wait for the evaluator to download/replace the incompletes' src code and then take a new snap */
+      _stylesheetEvaluator.stylesheetEvaluator.fix().then(failedToFix => {
+        if (failedToFix) {
+          this.currentBufferTarget.inlinedAllStylesheets = false;
+          this.shouldFix = false;
+        }
+        this.takeFullSnapshot();
+      });
+      /** Only start ignoring data if got a faulty snapshot */
+      if (event.type === _constants.RRWEB_EVENT_TYPES.FullSnapshot || event.type === _constants.RRWEB_EVENT_TYPES.Meta) this.#fixing = true;
+    }
+    /** Only store the data if not being "fixed" (full snapshots that have broken css) */
+    if (!this.#fixing) this.store(event, isCheckout);
+  }
+
   /** Store a payload in the buffer (this.#events).  This should be the callback to the recording lib noticing a mutation */
   store(event, isCheckout) {
+    if (!event) return;
     event.__serialized = (0, _stringify.stringify)(event);
-    if (!this.parent.scheduler) this.currentBufferTarget = this.#preloaded[this.#preloaded.length - 1];else this.currentBufferTarget = this.#events;
+    if (!this.parent.scheduler && this.#preloaded.length) this.currentBufferTarget = this.#preloaded[this.#preloaded.length - 1];else this.currentBufferTarget = this.#events;
     if (this.parent.blocked) return;
     const eventBytes = event.__serialized.length;
     /** The estimated size of the payload after compression */
@@ -148,7 +194,7 @@ class Recorder {
    * https://staging.onenr.io/037jbJWxbjy
    * */
   estimateCompression(data) {
-    if (this.shouldCompress) return data * _constants.AVG_COMPRESSION;
+    if (!!this.parent.gzipper && !!this.parent.u8) return data * _constants.AVG_COMPRESSION;
     return data;
   }
 }

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

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stylesheetEvaluator = void 0;
+var _config = require("../../../common/config/config");
+var _runtime = require("../../../common/constants/runtime");
+class StylesheetEvaluator {
+  #evaluated = new WeakSet();
+  #fetchProms = [];
+  /**
+  * Flipped to true if stylesheets that cannot be natively inlined are detected by the stylesheetEvaluator class
+  * Used at harvest time to denote that all subsequent payloads are subject to this and customers should be advised to handle crossorigin decoration
+  * */
+  invalidStylesheetsDetected = false;
+  failedToFix = false;
+
+  /**
+   * this works by checking (only ever once) each cssRules obj in the style sheets array. The try/catch will catch an error if the cssRules obj blocks access, triggering the module to try to "fix" the asset`. Returns the count of incomplete assets discovered.
+   * @returns {Number}
+   */
+  evaluate() {
+    let incompletes = 0;
+    if (_runtime.isBrowserScope) {
+      for (let i = 0; i < Object.keys(document.styleSheets).length; i++) {
+        const ss = document.styleSheets[i];
+        if (!this.#evaluated.has(ss)) {
+          this.#evaluated.add(ss);
+          try {
+            // eslint-disable-next-line
+            const temp = ss.cssRules;
+          } catch (err) {
+            incompletes++;
+            this.#fetchProms.push(this.#fetchAndOverride(document.styleSheets[i], ss.href));
+          }
+        }
+      }
+    }
+    if (incompletes) this.invalidStylesheetsDetected = true;
+    return incompletes;
+  }
+
+  /**
+   * Resolves promise once all stylesheets have been fetched and overridden
+   * @returns {Promise}
+   */
+  async fix() {
+    await Promise.all(this.#fetchProms);
+    this.#fetchProms = [];
+    const failedToFix = this.failedToFix;
+    this.failedToFix = false;
+    return failedToFix;
+  }
+
+  /**
+  * Fetches stylesheet contents and overrides the target getters
+  * @param {*} target - The stylesheet object target - ex. document.styleSheets[0]
+  * @param {*} href - The asset href to fetch
+  * @returns {Promise}
+  */
+  async #fetchAndOverride(target, href) {
+    try {
+      const stylesheetContents = await _config.originals.FETCH.bind(window)(href);
+      if (!stylesheetContents.ok) {
+        this.failedToFix = true;
+        return;
+      }
+      const stylesheetText = await stylesheetContents.text();
+      try {
+        const cssSheet = new CSSStyleSheet();
+        await cssSheet.replace(stylesheetText);
+        Object.defineProperty(target, 'cssRules', {
+          get() {
+            return cssSheet.cssRules;
+          }
+        });
+        Object.defineProperty(target, 'rules', {
+          get() {
+            return cssSheet.rules;
+          }
+        });
+      } catch (err) {
+        // cant make new dynamic stylesheets, browser likely doesn't support `.replace()`...
+        // this is appended in prep of forking rrweb
+        Object.defineProperty(target, 'cssText', {
+          get() {
+            return stylesheetText;
+          }
+        });
+        this.failedToFix = true;
+      }
+    } catch (err) {
+      // failed to fetch
+      this.failedToFix = true;
+    }
+  }
+}
+const stylesheetEvaluator = exports.stylesheetEvaluator = new StylesheetEvaluator();

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

@@ -251,7 +251,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
     }); // sends first stn harvest immediately
     startupBuffer.decide(true); // signal to ALLOW & process data in EE's buffer into internal nodes queued for next harvest
   }
-
   #onHarvestFinished(result) {
     if (result.sent && result.responseText && !this.ptid) {
       // continue interval harvest only if ptid was returned by server on the first
@@ -290,7 +289,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
       if (currentMode === _constants2.MODE.OFF && Object.keys(this.trace).length === 0) return;
       if (currentMode === _constants2.MODE.ERROR) return; // Trace in this mode should never be harvesting, even on unload
     }
-
     return this.takeSTNs(options.retry);
   }
 

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

@@ -5,19 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.START = exports.RESOURCE = exports.PUSH_STATE = exports.FN_START = exports.FN_END = exports.FEATURE_NAME = exports.END = exports.BST_RESOURCE = void 0;
 var _features = require("../../loaders/features/features");
-const FEATURE_NAME = _features.FEATURE_NAMES.sessionTrace;
-exports.FEATURE_NAME = FEATURE_NAME;
-const BST_RESOURCE = 'bstResource';
-exports.BST_RESOURCE = BST_RESOURCE;
-const RESOURCE = 'resource';
-exports.RESOURCE = RESOURCE;
-const START = '-start';
-exports.START = START;
-const END = '-end';
-exports.END = END;
-const FN_START = 'fn' + START;
-exports.FN_START = FN_START;
-const FN_END = 'fn' + END;
-exports.FN_END = FN_END;
-const PUSH_STATE = 'pushState';
-exports.PUSH_STATE = PUSH_STATE;
+const FEATURE_NAME = exports.FEATURE_NAME = _features.FEATURE_NAMES.sessionTrace;
+const BST_RESOURCE = exports.BST_RESOURCE = 'bstResource';
+const RESOURCE = exports.RESOURCE = 'resource';
+const START = exports.START = '-start';
+const END = exports.END = '-end';
+const FN_START = exports.FN_START = 'fn' + START;
+const FN_END = exports.FN_END = 'fn' + END;
+const PUSH_STATE = exports.PUSH_STATE = 'pushState';

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

@@ -11,8 +11,8 @@ var _instrumentBase = require("../../utils/instrument-base");
 var CONSTANTS = _interopRequireWildcard(require("../constants"));
 var _features = require("../../../loaders/features/features");
 var _runtime = require("../../../common/constants/runtime");
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
  * Copyright 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0

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

@@ -25,8 +25,8 @@ var _bundleId = require("../../../common/ids/bundle-id");
 var _runtime = require("../../../common/constants/runtime");
 var _handle = require("../../../common/event-emitter/handle");
 var _constants2 = require("../../metrics/constants");
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
  * Copyright 2020 New Relic Corporation. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0

package/dist/cjs/features/spa/aggregate/interaction-node.js

@@ -16,7 +16,6 @@ function InteractionNode(interaction, parent, type, timestamp) {
     value: interaction,
     writable: true // enumerable: false -- by default, which hides this prop from obj (iterations)
   });
-
   this.parent = parent;
   this.id = ++lastId;
   this.type = type;