@newrelic/browser-agent 1.250.0 → 1.251.0

package/dist/cjs/features/utils/lazy-feature-loader.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.lazyFeatureLoader = lazyFeatureLoader;
 var _features = require("../../loaders/features/features");
-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; }
 /**
  * Centralizes the lazy loading of agent feature aggregate and instrument sources.
  *

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

@@ -7,10 +7,21 @@ exports.AgentBase = void 0;
 var _console = require("../common/util/console");
 /* eslint-disable n/handle-callback-err */
 
+/**
+ * @typedef {import('./api/interaction-types').InteractionInstance} InteractionInstance
+ */
+
 class AgentBase {
-  /** Generates a generic warning message with the api name injected */
-  #warnMessage(api) {
-    return "Call to agent api ".concat(api, " failed. The agent is not currently initialized.");
+  /**
+   * Tries to execute the api and generates a generic warning message with the api name injected if unsuccessful
+   * @param {string} methodName
+   * @param  {...any} args
+   */
+  #callMethod(methodName) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    if (typeof this.api?.[methodName] !== 'function') (0, _console.warn)("Call to agent api ".concat(methodName, " failed. The API is not currently initialized."));else return this.api[methodName](...args);
   }
 
   /**
@@ -20,7 +31,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)(this.#warnMessage('addPageAction'));
+    return this.#callMethod('addPageAction', name, attributes);
   }
 
   /**
@@ -30,7 +41,7 @@ class AgentBase {
    * @param {string} [host] Default is http://custom.transaction. Typically set host to your site's domain URI.
    */
   setPageViewName(name, host) {
-    (0, _console.warn)(this.#warnMessage('setPageViewName'));
+    return this.#callMethod('setPageViewName', name, host);
   }
 
   /**
@@ -41,7 +52,7 @@ class AgentBase {
    * @param {boolean} [persist] Default false. f set to true, the name-value pair will also be set into the browser's storage API. Then on the following instrumented pages that load within the same session, the pair will be re-applied as a custom attribute.
    */
   setCustomAttribute(name, value, persist) {
-    (0, _console.warn)(this.#warnMessage('setCustomAttribute'));
+    return this.#callMethod('setCustomAttribute', name, value, persist);
   }
 
   /**
@@ -51,7 +62,7 @@ class AgentBase {
    * @param {object} [customAttributes] An object containing name/value pairs representing custom attributes.
    */
   noticeError(error, customAttributes) {
-    (0, _console.warn)(this.#warnMessage('noticeError'));
+    return this.#callMethod('noticeError', error, customAttributes);
   }
 
   /**
@@ -60,7 +71,7 @@ class AgentBase {
    * @param {string|null} value A string identifier for the end-user, useful for tying all browser events to specific users. The value parameter does not have to be unique. If IDs should be unique, the caller is responsible for that validation. Passing a null value unsets any existing user ID.
    */
   setUserId(value) {
-    (0, _console.warn)(this.#warnMessage('setUserId'));
+    return this.#callMethod('setUserId', value);
   }
 
   /**
@@ -72,7 +83,7 @@ class AgentBase {
    * have to be unique. Passing a null value unsets any existing value.
    */
   setApplicationVersion(value) {
-    (0, _console.warn)(this.#warnMessage('setApplicationVersion'));
+    return this.#callMethod('setApplicationVersion', value);
   }
 
   /**
@@ -81,7 +92,7 @@ class AgentBase {
    * @param {(error: Error|string) => boolean | { group: string }} callback When an error occurs, the callback is called with the error object as a parameter. The callback will be called with each error, so it is not specific to one error.
    */
   setErrorHandler(callback) {
-    (0, _console.warn)(this.#warnMessage('setErrorHandler'));
+    return this.#callMethod('setErrorHandler', callback);
   }
 
   /**
@@ -90,7 +101,7 @@ class AgentBase {
    * @param {number} [timeStamp] Defaults to the current time of the call. If used, this marks the time that the page is "finished" according to your own criteria.
    */
   finished(timeStamp) {
-    (0, _console.warn)(this.#warnMessage('finished'));
+    return this.#callMethod('finished', timeStamp);
   }
 
   /**
@@ -100,7 +111,7 @@ 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)(this.#warnMessage('addRelease'));
+    return this.#callMethod('addRelease', name, id);
   }
 
   /**
@@ -109,7 +120,7 @@ class AgentBase {
    * @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)(this.#warnMessage('start'));
+    return this.#callMethod('start', featureNames);
   }
 
   /**
@@ -118,7 +129,7 @@ class AgentBase {
    * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/recordReplay/}
    */
   recordReplay() {
-    (0, _console.warn)(this.#warnMessage('recordReplay'));
+    return this.#callMethod('recordReplay');
   }
 
   /**
@@ -128,7 +139,42 @@ class AgentBase {
    * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/recordReplay/}
    */
   pauseReplay() {
-    (0, _console.warn)(this.#warnMessage('pauseReplay'));
+    return this.#callMethod('pauseReplay');
+  }
+
+  /**
+   * Adds a JavaScript object with a custom name, start time, etc. to an in-progress session trace.
+   * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/addtotrace/}
+   * @param {{name: string, start: number, end?: number, origin?: string, type?: string}} customAttributes Supply a JavaScript object with these required and optional name/value pairs:
+   *
+   * - Required name/value pairs: name, start
+   * - Optional name/value pairs: end, origin, type
+   * - Note: Does not apply to MicroAgent
+   *
+   * 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) {
+    return this.#callMethod('addToTrace', customAttributes);
+  }
+
+  /**
+   * Gives SPA routes more accurate names than default names. Monitors specific routes rather than by default grouping.
+   * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/setcurrentroutename/}
+   * @param {string} name Current route name for the page.
+   *  - Note: Does not apply to MicroAgent
+   */
+  setCurrentRouteName(name) {
+    return this.#callMethod('setCurrentRouteName', name);
+  }
+
+  /**
+   * Returns a new API object that is bound to the current SPA interaction.
+   * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/interaction/}
+   * @returns {InteractionInstance} An API object that is bound to a specific BrowserInteraction event. Each time this method is called for the same BrowserInteraction, a new object is created, but it still references the same interaction.
+   *  - Note: Does not apply to MicroAgent
+  */
+  interaction() {
+    return this.#callMethod('interaction');
   }
 }
 exports.AgentBase = AgentBase;

package/dist/cjs/loaders/agent.js

@@ -27,10 +27,6 @@ var _runtime = require("../common/constants/runtime");
 
 // common files
 
-/**
- * @typedef {import('./api/interaction-types').InteractionInstance} InteractionInstance
- */
-
 /**
  * A flexible class that may be used to compose an agent from a select subset of feature modules. In applications
  * sensitive to network load, this may result in smaller builds with slightly lower performance impact.
@@ -100,39 +96,5 @@ class Agent extends _agentBase.AgentBase {
       return false;
     }
   }
-
-  /* Below API methods are only available on a standard agent and not the micro agent */
-
-  /**
-   * Adds a JavaScript object with a custom name, start time, etc. to an in-progress session trace.
-   * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/addtotrace/}
-   * @param {{name: string, start: number, end?: number, origin?: string, type?: string}} customAttributes Supply a JavaScript object with these required and optional name/value pairs:
-   *
-   * - Required name/value pairs: name, start
-   * - Optional name/value pairs: end, origin, type
-   *
-   * 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 session trace feature is not currently initialized.');
-  }
-
-  /**
-   * Gives SPA routes more accurate names than default names. Monitors specific routes rather than by default grouping.
-   * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/setcurrentroutename/}
-   * @param {string} name Current route name for the page.
-   */
-  setCurrentRouteName(name) {
-    (0, _console.warn)('Call to agent api setCurrentRouteName failed. The spa feature is not currently initialized.');
-  }
-
-  /**
-   * Returns a new API object that is bound to the current SPA interaction.
-   * {@link https://docs.newrelic.com/docs/browser/new-relic-browser/browser-apis/interaction/}
-   * @returns {InteractionInstance} An API object that is bound to a specific BrowserInteraction event. Each time this method is called for the same BrowserInteraction, a new object is created, but it still references the same interaction.
-   */
-  interaction() {
-    (0, _console.warn)('Call to agent api interaction failed. The spa feature is not currently initialized.');
-  }
 }
 exports.Agent = Agent;

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

@@ -17,13 +17,13 @@ var _runtime = require("../../common/constants/runtime");
 var _console = require("../../common/util/console");
 var _constants = require("../../features/metrics/constants");
 var _nreum = require("../../common/window/nreum");
-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 2020 New Relic Corporation. All rights reserved.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * SPDX-License-Identifier: Apache-2.0
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-const CUSTOM_ATTR_GROUP = 'CUSTOM/'; // the subgroup items should be stored under in storage API
-exports.CUSTOM_ATTR_GROUP = CUSTOM_ATTR_GROUP;
+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
+ */
+const CUSTOM_ATTR_GROUP = exports.CUSTOM_ATTR_GROUP = 'CUSTOM/'; // the subgroup items should be stored under in storage API
+
 function setTopLevelCallers() {
   const nr = (0, _nreum.gosCDN)();
   const funcs = ['setErrorHandler', 'finished', 'addToTrace', 'addRelease', 'addPageAction', 'setCurrentRouteName', 'setPageViewName', 'setCustomAttribute', 'interaction', 'noticeError', 'setUserId', 'setApplicationVersion', 'start', 'recordReplay', 'pauseReplay'];

package/dist/cjs/loaders/api/interaction-types.js

@@ -90,5 +90,4 @@ exports.unused = void 0;
  */
 
 /* istanbul ignore next */
-const unused = {};
-exports.unused = unused;
+const unused = exports.unused = {};

package/dist/cjs/loaders/features/features.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.featurePriority = exports.FEATURE_NAMES = void 0;
-const FEATURE_NAMES = {
+const FEATURE_NAMES = exports.FEATURE_NAMES = {
   ajax: 'ajax',
   jserrors: 'jserrors',
   metrics: 'metrics',
@@ -20,8 +20,7 @@ const FEATURE_NAMES = {
  * The order in which features will be instrumented. This is the traditional order. It's unclear if the order of
  * wrapping events has any ramifications, so we are enforcing this order intentionally for now.
  */
-exports.FEATURE_NAMES = FEATURE_NAMES;
-const featurePriority = {
+const featurePriority = exports.featurePriority = {
   [FEATURE_NAMES.pageViewEvent]: 1,
   [FEATURE_NAMES.pageViewTiming]: 2,
   [FEATURE_NAMES.metrics]: 3,
@@ -31,5 +30,4 @@ const featurePriority = {
   [FEATURE_NAMES.pageAction]: 7,
   [FEATURE_NAMES.spa]: 8,
   [FEATURE_NAMES.sessionReplay]: 9
-};
-exports.featurePriority = featurePriority;
+};

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

@@ -15,8 +15,8 @@ var _features = require("./features/features");
 var _console = require("../common/util/console");
 var _load = require("../common/window/load");
 var _agentBase = require("./agent-base");
-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; } // loader files
+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; } // loader files
 // core files
 const nonAutoFeatures = [_features.FEATURE_NAMES.jserrors, _features.FEATURE_NAMES.pageAction, _features.FEATURE_NAMES.metrics];
 

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

@@ -28,7 +28,6 @@ const model = () => {
       password: true // This will be enforced to always be true in the setter
     }
   };
-
   return {
     feature_flags: [],
     proxy: {
@@ -36,7 +35,6 @@ const model = () => {
       // if this value is set, it will be used to overwrite the webpack asset path used to fetch assets
       beacon: undefined // likewise for the url to which we send analytics
     },
-
     privacy: {
       cookies_enabled: true
     },

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

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

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

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

package/dist/esm/common/timer/interaction-timer.js

@@ -65,7 +65,6 @@ export class InteractionTimer extends Timer {
     this.refresh();
     this.onResume(); // emit resume event after state updated
   }
-
   refresh(cb, ms) {
     this.clear();
     this.timer = this.create(cb, ms);

package/dist/esm/common/vitals/long-task.js

@@ -27,7 +27,6 @@ if (isBrowserScope) {
       });
     });
   };
-
   let observer;
   try {
     if (PerformanceObserver.supportedEntryTypes.includes('longtask')) {

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

@@ -25,7 +25,6 @@ export class Aggregate extends AggregateBase {
       this.drain();
       return; // feature will only collect timeslice metrics & ajax trace nodes if it's not fully enabled
     }
-
     const denyList = getRuntime(agentIdentifier).denyList;
     setDenyList(denyList);
     let ajaxEvents = [];
@@ -202,7 +201,6 @@ export class Aggregate extends AggregateBase {
         // traceId
         nullable(event.spanTimestamp, numeric, false) // timestamp
         ];
-
         var insert = '2,';
 
         // add custom attributes

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

@@ -144,7 +144,6 @@ export class Aggregate extends AggregateBase {
       }
       // Again as with previous usage, all falsey values would include the error.
     }
-
     var stackInfo = computeStackTrace(err);
     var canonicalStackString = this.buildCanonicalStackString(stackInfo);
     const params = {

package/dist/esm/features/jserrors/aggregate/string-hash-code.js

@@ -12,6 +12,5 @@ export function stringHashCode(string) {
     hash = (hash << 5) - hash + charVal;
     hash = hash | 0; // Convert to 32bit integer
   }
-
   return hash;
 }

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

@@ -26,6 +26,7 @@ import { RRWEB_VERSION } from "../../../common/constants/env.npm";
 import { now } from '../../../common/timing/now';
 import { MODE, SESSION_EVENTS, SESSION_EVENT_TYPES } from '../../../common/session/constants';
 import { stringify } from '../../../common/util/stringify';
+import { stylesheetEvaluator } from '../shared/stylesheet-evaluator';
 let gzipper, u8;
 export class Aggregate extends AggregateBase {
   static featureName = FEATURE_NAME;
@@ -304,6 +305,8 @@ export class Aggregate extends AggregateBase {
           hasError: recorderEvents.hasError || false,
           isFirstChunk: agentRuntime.session.state.sessionReplaySentFirstChunk === false,
           decompressedBytes: recorderEvents.payloadBytesEstimation,
+          invalidStylesheetsDetected: stylesheetEvaluator.invalidStylesheetsDetected,
+          inlinedAllStylesheets: recorderEvents.inlinedAllStylesheets,
           'rrweb.version': 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 && {
@@ -312,7 +315,6 @@ export class Aggregate extends AggregateBase {
           // The Query Param is being arbitrarily limited in length here.  It is also applied when estimating the size of the payload in getPayloadSize()
         }, QUERY_PARAM_PADDING).substring(1) // remove the leading '&'
       },
-
       body: events
     };
   }

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

@@ -17,6 +17,8 @@ export 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/esm/features/session_replay/shared/recorder.js

@@ -4,6 +4,10 @@ import { AVG_COMPRESSION, CHECKOUT_MS, IDEAL_PAYLOAD_SIZE, QUERY_PARAM_PADDING,
 import { getConfigurationValue } from '../../../common/config/config';
 import { RecorderEvents } from './recorder-events';
 import { MODE } from '../../../common/session/constants';
+import { stylesheetEvaluator } from './stylesheet-evaluator';
+import { handle } from '../../../common/event-emitter/handle';
+import { SUPPORTABILITY_METRIC_CHANNEL } from '../../metrics/constants';
+import { FEATURE_NAMES } from '../../../loaders/features/features';
 export 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();
@@ -11,14 +15,21 @@ export class Recorder {
   #backloggedEvents = new RecorderEvents();
   /** array of recorder events -- Will be filled only if forced harvest was triggered and harvester does not exist */
   #preloaded = [new 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 = 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 */};
   }
@@ -34,7 +45,8 @@ export 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
     };
   }
 
@@ -62,7 +74,7 @@ export 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 = recorder({
-      emit: this.store.bind(this),
+      emit: this.audit.bind(this),
       blockClass: block_class,
       ignoreClass: ignore_class,
       maskTextClass: mask_text_class,
@@ -81,10 +93,44 @@ export 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.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 === RRWEB_EVENT_TYPES.Meta) this.#fixing = false;
+    if (incompletes) {
+      handle(SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Payload/Missing-Inline-Css', incompletes], undefined, FEATURE_NAMES.metrics, this.parent.ee);
+      /** wait for the evaluator to download/replace the incompletes' src code and then take a new snap */
+      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 === RRWEB_EVENT_TYPES.FullSnapshot || event.type === 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 = 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 */

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

@@ -0,0 +1,88 @@
+import { originals } from '../../../common/config/config';
+import { isBrowserScope } from '../../../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 (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) {
+    const stylesheetContents = await 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;
+    }
+  }
+}
+export const stylesheetEvaluator = new StylesheetEvaluator();

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

@@ -244,7 +244,6 @@ export class Aggregate extends 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
@@ -283,7 +282,6 @@ export class Aggregate extends AggregateBase {
       if (currentMode === MODE.OFF && Object.keys(this.trace).length === 0) return;
       if (currentMode === MODE.ERROR) return; // Trace in this mode should never be harvesting, even on unload
     }
-
     return this.takeSTNs(options.retry);
   }