@newrelic/browser-agent 1.242.0 → 1.243.0

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

@@ -12,7 +12,7 @@ exports.VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
 /**
  * Exposes the version of the agent
  */
-const VERSION = "1.242.0";
+const VERSION = "1.243.0";
 
 /**
  * Exposes the build type of the agent

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

@@ -12,7 +12,7 @@ exports.VERSION = exports.DIST_METHOD = exports.BUILD_ENV = void 0;
 /**
  * Exposes the version of the agent
  */
-const VERSION = "1.242.0";
+const VERSION = "1.243.0";
 
 /**
  * Exposes the build type of the agent

package/dist/cjs/common/session/session-entity.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SessionEntity = exports.SESSION_EVENTS = exports.MODE = void 0;
+exports.SessionEntity = exports.SESSION_EVENT_TYPES = exports.SESSION_EVENTS = exports.MODE = void 0;
 var _uniqueId = require("../ids/unique-id");
 var _console = require("../util/console");
 var _stringify = require("../util/stringify");
@@ -17,6 +17,7 @@ var _configurable = require("../config/state/configurable");
 var _handle = require("../event-emitter/handle");
 var _constants2 = require("../../features/metrics/constants");
 var _features = require("../../loaders/features/features");
+var _eventListenerOpts = require("../event-listener/event-listener-opts");
 const MODE = {
   OFF: 0,
   FULL: 1,
@@ -31,15 +32,22 @@ const model = {
   expiresAt: 0,
   updatedAt: Date.now(),
   sessionReplay: MODE.OFF,
+  sessionReplaySentFirstChunk: false,
   sessionTraceMode: MODE.OFF,
   custom: {}
 };
 const SESSION_EVENTS = {
   PAUSE: 'session-pause',
   RESET: 'session-reset',
-  RESUME: 'session-resume'
+  RESUME: 'session-resume',
+  UPDATE: 'session-update'
 };
 exports.SESSION_EVENTS = SESSION_EVENTS;
+const SESSION_EVENT_TYPES = {
+  SAME_TAB: 'same-tab',
+  CROSS_TAB: 'cross-tab'
+};
+exports.SESSION_EVENT_TYPES = SESSION_EVENT_TYPES;
 class SessionEntity {
   /**
    * Create a self-managing Session Entity. This entity is scoped to the agent identifier which triggered it, allowing for multiple simultaneous session objects to exist.
@@ -65,6 +73,15 @@ class SessionEntity {
     this.ee = _contextualEe.ee.get(agentIdentifier);
     (0, _wrap.wrapEvents)(this.ee);
     this.setup(opts);
+    if (_runtime.isBrowserScope) {
+      (0, _eventListenerOpts.windowAddEventListener)('storage', event => {
+        if (event.key === this.lookupKey) {
+          const obj = typeof event.newValue === 'string' ? JSON.parse(event.newValue) : event.newValue;
+          this.sync(obj);
+          this.ee.emit(SESSION_EVENTS.UPDATE, [SESSION_EVENT_TYPES.CROSS_TAB, this.state]);
+        }
+      });
+    }
   }
   setup(_ref) {
     let {
@@ -198,6 +215,7 @@ class SessionEntity {
       //
       // TODO - compression would need happen here if we decide to do it
       this.storage.set(this.lookupKey, (0, _stringify.stringify)(this.state));
+      this.ee.emit(SESSION_EVENTS.UPDATE, [SESSION_EVENT_TYPES.SAME_TAB, this.state]);
       return data;
     } catch (e) {
       // storage is inaccessible

package/dist/cjs/common/wrap/wrap-function.js

@@ -218,5 +218,5 @@ function copy(from, to, emitter) {
  * @returns {boolean} Whether the passed function is ineligible to be wrapped.
  */
 function notWrappable(fn) {
-  return !(fn && fn instanceof Function && fn.apply && !fn[flag]);
+  return !(fn && typeof fn === 'function' && fn.apply && !fn[flag]);
 }

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

@@ -83,7 +83,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
       } else {
         hash = (0, _stringify.stringify)([params.status, params.host, params.pathname]);
       }
-      (0, _handle.handle)('bstXhrAgg', ['xhr', hash, params, metrics], undefined, _features.FEATURE_NAMES.sessionTrace, ee);
 
       // store as metric
       aggregator.store('xhr', hash, params, metrics);
@@ -97,6 +96,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
         }
         return;
       }
+      (0, _handle.handle)('bstXhrAgg', ['xhr', hash, params, metrics], undefined, _features.FEATURE_NAMES.sessionTrace, ee);
       var xhrContext = this;
       var event = {
         method: params.method,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RRWEB_VERSION = exports.MAX_PAYLOAD_SIZE = exports.IDEAL_PAYLOAD_SIZE = exports.Aggregate = exports.AVG_COMPRESSION = void 0;
+exports.RRWEB_VERSION = 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,7 +16,6 @@ var _encode = require("../../../common/url/encode");
 var _console = require("../../../common/util/console");
 var _runtime = require("../../../common/constants/runtime");
 var _constants2 = require("../../metrics/constants");
-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; } /*
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * Copyright 2023 New Relic Corporation. All rights reserved.
@@ -33,6 +32,33 @@ 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 = {
+  DomContentLoaded: 0,
+  Load: 1,
+  FullSnapshot: 2,
+  IncrementalSnapshot: 3,
+  Meta: 4,
+  Custom: 5
+};
+exports.RRWEB_EVENT_TYPES = RRWEB_EVENT_TYPES;
+const ABORT_REASONS = {
+  RESET: {
+    message: 'Session was reset',
+    sm: 'Reset'
+  },
+  IMPORT: {
+    message: 'Recorder failed to import',
+    sm: 'Import'
+  },
+  TOO_MANY: {
+    message: '429: Too Many Requests',
+    sm: 'Too-Many'
+  },
+  TOO_BIG: {
+    message: 'Payload was too large',
+    sm: 'Too-Big'
+  }
+};
 let recorder, gzipper, u8;
 
 /** Vortex caps payload sizes at 1MB */
@@ -68,8 +94,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
     /** can shut off efforts to compress the data */
     this.shouldCompress = true;
 
-    /** Payload metadata -- Should indicate that the payload being sent is the first of a session */
-    this.isFirstChunk = false;
     /** Payload metadata -- Should indicate that the payload being sent has a full DOM snapshot. This can happen
      * -- When the recording library begins recording, it starts by taking a DOM snapshot
      * -- When visibility changes from "hidden" -> "visible", it must capture a full snapshot for the replay to work correctly across tabs
@@ -83,16 +107,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     /** Payload metadata -- Should indicate when a replay blob started recording.  Resets each time a harvest occurs.
      * cycle timestamps are used as fallbacks if event timestamps cannot be used
      */
-    this.timestamp = {
-      event: {
-        first: undefined,
-        last: undefined
-      },
-      cycle: {
-        first: undefined,
-        last: undefined
-      }
-    };
+    this.cycleTimestamp = undefined;
 
     /** A value which increments with every new mutation node reported. Resets after a harvest is sent */
     this.payloadBytesEstimation = 0;
@@ -106,7 +121,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     if (shouldSetup) {
       // The SessionEntity class can emit a message indicating the session was cleared and reset (expiry, inactivity). This feature must abort and never resume if that occurs.
       this.ee.on(_sessionEntity.SESSION_EVENTS.RESET, () => {
-        this.abort('Session Reset');
+        this.abort(ABORT_REASONS.RESET);
       });
 
       // The SessionEntity class can emit a message indicating the session was paused (visibility change). This feature must stop recording if that occurs.
@@ -115,9 +130,19 @@ class Aggregate extends _aggregateBase.AggregateBase {
       });
       // The SessionEntity class can emit a message indicating the session was resumed (visibility change). This feature must start running again (if already running) if that occurs.
       this.ee.on(_sessionEntity.SESSION_EVENTS.RESUME, () => {
+        // if the mode changed on a different tab, it needs to update this instance to match
+        const {
+          session
+        } = (0, _config.getRuntime)(this.agentIdentifier);
+        this.mode = session.state.sessionReplay;
         if (!this.initialized || this.mode === _sessionEntity.MODE.OFF) return;
         this.startRecording();
       });
+      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');
+        this.mode = data.sessionReplay;
+      });
 
       // Bespoke logic for new endpoint.  This will change as downstream dependencies become solidified.
       this.scheduler = new _harvestScheduler.HarvestScheduler('browser/blobs', {
@@ -133,7 +158,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
         this.hasError = true;
         this.errorNoticed = true;
         // run once
-        if (this.mode === _sessionEntity.MODE.ERROR) {
+        if (this.mode === _sessionEntity.MODE.ERROR && _runtime.globalScope?.document.visibilityState === 'visible') {
           this.mode = _sessionEntity.MODE.FULL;
           // if the error was noticed AFTER the recorder was already imported....
           if (recorder && this.initialized) {
@@ -193,7 +218,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
       // Do not change the webpackChunkName or it will break the webpack nrba-chunking plugin
       recorder = (await Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "recorder" */'rrweb')))).record;
     } catch (err) {
-      return this.abort('Recorder failed to import');
+      return this.abort(ABORT_REASONS.IMPORT);
     }
 
     // FULL mode records AND reports from the beginning, while ERROR mode only records (but does not report).
@@ -216,7 +241,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
       this.shouldCompress = false;
     }
     this.startRecording();
-    this.isFirstChunk = !!session.isNew;
     this.syncWithSessionManager({
       sessionReplay: this.mode
     });
@@ -231,14 +255,39 @@ class Aggregate extends _aggregateBase.AggregateBase {
       this.scheduler.opts.gzip = false;
     }
     // TODO -- Gracefully handle the buffer for retries.
+    const {
+      session
+    } = (0, _config.getRuntime)(this.agentIdentifier);
+    if (!session.state.sessionReplaySentFirstChunk) this.syncWithSessionManager({
+      sessionReplaySentFirstChunk: true
+    });
     this.clearBuffer();
     return [payload];
   }
   getHarvestContents() {
     const agentRuntime = (0, _config.getRuntime)(this.agentIdentifier);
     const info = (0, _config.getInfo)(this.agentIdentifier);
-    const firstTimestamp = this.timestamp.event.first || this.timestamp.cycle.first;
-    const lastTimestamp = this.timestamp.event.last || this.timestamp.cycle.last;
+
+    // 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;
+    if (payloadEndsWithMeta) {
+      this.lastMeta = this.events[this.events.length - 1];
+      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 firstTimestamp = firstEventTimestamp || this.cycleTimestamp;
+    const lastTimestamp = lastEventTimestamp || (0, _config.getRuntime)(this.agentIdentifier).offset + _runtime.globalScope.performance.now();
     return {
       qs: {
         browser_monitoring_key: info.licenseKey,
@@ -252,12 +301,13 @@ class Aggregate extends _aggregateBase.AggregateBase {
           'replay.firstTimestamp': firstTimestamp,
           'replay.lastTimestamp': lastTimestamp,
           'replay.durationMs': lastTimestamp - firstTimestamp,
+          'replay.nodes': this.events.length,
           agentVersion: agentRuntime.version,
           session: agentRuntime.session.state.value,
           hasMeta: this.hasMeta,
           hasSnapshot: this.hasSnapshot,
           hasError: this.hasError,
-          isFirstChunk: this.isFirstChunk,
+          isFirstChunk: agentRuntime.session.state.sessionReplaySentFirstChunk === false,
           decompressedBytes: this.payloadBytesEstimation,
           'nr.rrweb.version': RRWEB_VERSION
         }, MAX_PAYLOAD_SIZE - this.payloadBytesEstimation).substring(1) // remove the leading '&'
@@ -269,7 +319,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
   onHarvestFinished(result) {
     // The mutual decision for now is to stop recording and clear buffers if ingest is experiencing 429 rate limiting
     if (result.status === 429) {
-      this.abort('429: Too many requests');
+      this.abort(ABORT_REASONS.TOO_MANY);
     }
     if (this.blocked) this.scheduler.stopTimer(true);
   }
@@ -277,7 +327,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
   /** Clears the buffer (this.events), and resets all payload metadata properties */
   clearBuffer() {
     this.events = [];
-    this.isFirstChunk = false;
     this.hasSnapshot = false;
     this.hasMeta = false;
     this.hasError = false;
@@ -289,7 +338,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
   startRecording() {
     if (!recorder) {
       (0, _console.warn)('Recording library was never imported');
-      return this.abort('Recorder was never imported');
+      return this.abort(ABORT_REASONS.IMPORT);
     }
     this.clearTimestamps();
     // set the fallbacks as early as possible
@@ -325,7 +374,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
 
   /** Store a payload in the buffer (this.events).  This should be the callback to the recording lib noticing a mutation */
   store(event, isCheckout) {
-    this.setTimestamps(event);
+    this.setTimestamps();
     if (this.blocked) return;
     const eventBytes = (0, _stringify.stringify)(event).length;
     /** The estimated size of the payload after compression */
@@ -333,8 +382,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     // Vortex will block payloads at a certain size, we might as well not send.
     if (payloadSize > MAX_PAYLOAD_SIZE) {
       this.clearBuffer();
-      this.ee.emit(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Too-Big/Seen'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
-      return this.abort('Payload too big');
+      return this.abort(ABORT_REASONS.TOO_BIG);
     }
     // Checkout events are flags by the recording lib that indicate a fullsnapshot was taken every n ms. These are important
     // to help reconstruct the replay later and must be included.  While waiting and buffering for errors to come through,
@@ -345,19 +393,13 @@ class Aggregate extends _aggregateBase.AggregateBase {
     }
 
     // meta event
-    if (event.type === 4) {
+    if (event.type === RRWEB_EVENT_TYPES.Meta) {
       this.hasMeta = true;
       this.lastMeta = event;
     }
     // snapshot event
-    if (event.type === 2) {
+    if (event.type === RRWEB_EVENT_TYPES.FullSnapshot) {
       this.hasSnapshot = true;
-      // small chance that the meta event got separated from its matching snapshot across payload harvests
-      // it needs to precede the snapshot, so shove it in first.
-      if (!this.hasMeta) {
-        this.events.push(this.lastMeta);
-        this.hasMeta = true;
-      }
     }
     this.events.push(event);
     this.payloadBytesEstimation += eventBytes;
@@ -375,26 +417,12 @@ class Aggregate extends _aggregateBase.AggregateBase {
     if (!recorder) return;
     recorder.takeFullSnapshot();
   }
-  setTimestamps(event) {
+  setTimestamps() {
     // fallbacks if timestamps cannot be derived from rrweb events
-    this.timestamp.cycle.last = (0, _config.getRuntime)(this.agentIdentifier).offset + _runtime.globalScope.performance.now();
-    if (!this.timestamp.cycle.first) this.timestamp.cycle.first = this.timestamp.cycle.last;
-    // timestamps based on rrweb events
-    if (!event || !event.timestamp) return;
-    if (!this.timestamp.event.first) this.timestamp.event.first = event.timestamp;
-    this.timestamp.event.last = event.timestamp;
+    if (!this.cycleTimestamp) this.cycleTimestamp = (0, _config.getRuntime)(this.agentIdentifier).offset + _runtime.globalScope.performance.now();
   }
   clearTimestamps() {
-    this.timestamp = {
-      event: {
-        first: undefined,
-        last: undefined
-      },
-      cycle: {
-        first: undefined,
-        last: undefined
-      }
-    };
+    this.cycleTimestamp = undefined;
   }
 
   /** Estimate the payload size */
@@ -405,8 +433,10 @@ class Aggregate extends _aggregateBase.AggregateBase {
   }
 
   /** Abort the feature, once aborted it will not resume */
-  abort(reason) {
-    (0, _console.warn)("SR aborted -- ".concat(reason));
+  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])]);
     this.blocked = true;
     this.mode = _sessionEntity.MODE.OFF;
     this.stopRecording();

package/dist/cjs/features/utils/feature-base.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FeatureBase = void 0;
-var _config = require("../../common/config/config");
 var _contextualEe = require("../../common/event-emitter/contextual-ee");
 class FeatureBase {
   constructor(agentIdentifier, aggregator, featureName) {
@@ -13,7 +12,7 @@ class FeatureBase {
     /** @type {Aggregator} */
     this.aggregator = aggregator;
     /** @type {ContextualEE} */
-    this.ee = _contextualEe.ee.get(agentIdentifier, (0, _config.getRuntime)(this.agentIdentifier).isolatedBacklog);
+    this.ee = _contextualEe.ee.get(agentIdentifier);
     /** @type {string} */
     this.featureName = featureName;
     /**

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

@@ -26,7 +26,7 @@ const CUSTOM_ATTR_GROUP = 'CUSTOM/'; // the subgroup items should be stored unde
 exports.CUSTOM_ATTR_GROUP = CUSTOM_ATTR_GROUP;
 function setTopLevelCallers() {
   const nr = (0, _nreum.gosCDN)();
-  const funcs = ['setErrorHandler', 'finished', 'addToTrace', 'inlineHit', 'addRelease', 'addPageAction', 'setCurrentRouteName', 'setPageViewName', 'setCustomAttribute', 'interaction', 'noticeError', 'setUserId', 'setApplicationVersion', 'start'];
+  const funcs = ['setErrorHandler', 'finished', 'addToTrace', 'addRelease', 'addPageAction', 'setCurrentRouteName', 'setPageViewName', 'setCustomAttribute', 'interaction', 'noticeError', 'setUserId', 'setApplicationVersion', 'start'];
   funcs.forEach(f => {
     nr[f] = function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -53,7 +53,7 @@ function setAPI(agentIdentifier, forceDrain) {
   const apiInterface = {};
   var instanceEE = _contextualEe.ee.get(agentIdentifier);
   var tracerEE = instanceEE.get('tracer');
-  var asyncApiFns = ['setErrorHandler', 'finished', 'addToTrace', 'inlineHit', 'addRelease'];
+  var asyncApiFns = ['setErrorHandler', 'finished', 'addToTrace', 'addRelease'];
   var prefix = 'api-';
   var spaPrefix = prefix + 'ixn-';
 

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

@@ -10,19 +10,13 @@ var _contextualEe = require("../../common/event-emitter/contextual-ee");
 var _handle = require("../../common/event-emitter/handle");
 var _registerHandler = require("../../common/event-emitter/register-handler");
 var _invoke = require("../../common/util/invoke");
-var submitData = _interopRequireWildcard(require("../../common/util/submit-data"));
-var _runtime = require("../../common/constants/runtime");
 var _constants = require("../../features/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 setAPI(agentIdentifier) {
   var instanceEE = _contextualEe.ee.get(agentIdentifier);
-  var cycle = 0;
   var api = {
     finished: (0, _invoke.single)(finished),
     setErrorHandler,
     addToTrace,
-    inlineHit,
     addRelease
   };
 
@@ -58,37 +52,6 @@ function setAPI(agentIdentifier) {
     };
     (0, _handle.handle)('bstApi', [report], undefined, _features.FEATURE_NAMES.sessionTrace, instanceEE);
   }
-
-  // NREUM.inlineHit(requestName, queueTime, appTime, totalBackEndTime, domTime, frontEndTime)
-  //
-  // requestName - the 'web page' name or service name
-  // queueTime - the amount of time spent in the app tier queue
-  // appTime - the amount of time spent in the application code
-  // totalBackEndTime - the total roundtrip time of the remote service call
-  // domTime - the time spent processing the result of the service call (or user defined)
-  // frontEndTime - the time spent rendering the result of the service call (or user defined)
-  function inlineHit(t, requestName, queueTime, appTime, totalBackEndTime, domTime, frontEndTime) {
-    if (!_runtime.isBrowserScope) return;
-    requestName = window.encodeURIComponent(requestName);
-    cycle += 1;
-    const agentInfo = (0, _config.getInfo)(agentIdentifier);
-    if (!agentInfo.beacon) return;
-    const agentInit = (0, _config.getConfiguration)(agentIdentifier);
-    const scheme = agentInit.ssl === false ? 'http' : 'https';
-    const beacon = agentInit.proxy.beacon || agentInfo.beacon;
-    let url = "".concat(scheme, "://").concat(beacon, "/1/").concat(agentInfo.licenseKey);
-    url += '?a=' + agentInfo.applicationID + '&';
-    url += 't=' + requestName + '&';
-    url += 'qt=' + ~~queueTime + '&';
-    url += 'ap=' + ~~appTime + '&';
-    url += 'be=' + ~~totalBackEndTime + '&';
-    url += 'dc=' + ~~domTime + '&';
-    url += 'fe=' + ~~frontEndTime + '&';
-    url += 'c=' + cycle;
-    submitData.xhr({
-      url
-    });
-  }
   function setErrorHandler(t, handler) {
     (0, _config.getRuntime)(agentIdentifier).onerror = handler;
   }

package/dist/cjs/loaders/configure/configure.js

@@ -47,7 +47,7 @@ function configure(agentIdentifier) {
   if (!alreadySetOnce) {
     alreadySetOnce = true;
     if (updatedInit.proxy.assets) {
-      (0, _publicPath.redefinePublicPath)(updatedInit.proxy.assets + '/'); // much like the info.beacon & init.proxy.beacon, this input should not end in a slash, but one is needed for webpack concat
+      (0, _publicPath.redefinePublicPath)(updatedInit.proxy.assets);
       internalTrafficList.push(updatedInit.proxy.assets);
     }
     if (updatedInit.proxy.beacon) internalTrafficList.push(updatedInit.proxy.beacon);

package/dist/cjs/loaders/configure/public-path.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.redefinePublicPath = void 0;
 // Set the default CDN or remote for fetching the assets; NPM shouldn't change this var.
 
-const redefinePublicPath = url => {
-  // There's no URL validation here, so caller should check arg if need be.
-  __webpack_public_path__ = url; // eslint-disable-line
+const redefinePublicPath = urlString => {
+  const isOrigin = urlString.startsWith('http');
+  // Input is not expected to end in a slash, but webpack concats as-is, so one is inserted.
+  urlString += '/';
+  // If there's no existing HTTP scheme, the secure protocol is prepended by default.
+  __webpack_public_path__ = isOrigin ? urlString : 'https://' + urlString; // eslint-disable-line
 };
 exports.redefinePublicPath = redefinePublicPath;

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

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

package/dist/esm/common/session/session-entity.js

@@ -11,6 +11,7 @@ import { getModeledObject } from '../config/state/configurable';
 import { handle } from '../event-emitter/handle';
 import { SUPPORTABILITY_METRIC_CHANNEL } from '../../features/metrics/constants';
 import { FEATURE_NAMES } from '../../loaders/features/features';
+import { windowAddEventListener } from '../event-listener/event-listener-opts';
 export const MODE = {
   OFF: 0,
   FULL: 1,
@@ -24,13 +25,19 @@ const model = {
   expiresAt: 0,
   updatedAt: Date.now(),
   sessionReplay: MODE.OFF,
+  sessionReplaySentFirstChunk: false,
   sessionTraceMode: MODE.OFF,
   custom: {}
 };
 export const SESSION_EVENTS = {
   PAUSE: 'session-pause',
   RESET: 'session-reset',
-  RESUME: 'session-resume'
+  RESUME: 'session-resume',
+  UPDATE: 'session-update'
+};
+export const SESSION_EVENT_TYPES = {
+  SAME_TAB: 'same-tab',
+  CROSS_TAB: 'cross-tab'
 };
 export class SessionEntity {
   /**
@@ -57,6 +64,15 @@ export class SessionEntity {
     this.ee = ee.get(agentIdentifier);
     wrapEvents(this.ee);
     this.setup(opts);
+    if (isBrowserScope) {
+      windowAddEventListener('storage', event => {
+        if (event.key === this.lookupKey) {
+          const obj = typeof event.newValue === 'string' ? JSON.parse(event.newValue) : event.newValue;
+          this.sync(obj);
+          this.ee.emit(SESSION_EVENTS.UPDATE, [SESSION_EVENT_TYPES.CROSS_TAB, this.state]);
+        }
+      });
+    }
   }
   setup(_ref) {
     let {
@@ -190,6 +206,7 @@ export class SessionEntity {
       //
       // TODO - compression would need happen here if we decide to do it
       this.storage.set(this.lookupKey, stringify(this.state));
+      this.ee.emit(SESSION_EVENTS.UPDATE, [SESSION_EVENT_TYPES.SAME_TAB, this.state]);
       return data;
     } catch (e) {
       // storage is inaccessible

package/dist/esm/common/wrap/wrap-function.js

@@ -210,5 +210,5 @@ function copy(from, to, emitter) {
  * @returns {boolean} Whether the passed function is ineligible to be wrapped.
  */
 function notWrappable(fn) {
-  return !(fn && fn instanceof Function && fn.apply && !fn[flag]);
+  return !(fn && typeof fn === 'function' && fn.apply && !fn[flag]);
 }

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

@@ -76,7 +76,6 @@ export class Aggregate extends AggregateBase {
       } else {
         hash = stringify([params.status, params.host, params.pathname]);
       }
-      handle('bstXhrAgg', ['xhr', hash, params, metrics], undefined, FEATURE_NAMES.sessionTrace, ee);
 
       // store as metric
       aggregator.store('xhr', hash, params, metrics);
@@ -90,6 +89,7 @@ export class Aggregate extends AggregateBase {
         }
         return;
       }
+      handle('bstXhrAgg', ['xhr', hash, params, metrics], undefined, FEATURE_NAMES.sessionTrace, ee);
       var xhrContext = this;
       var event = {
         method: params.method,