@newrelic/browser-agent 1.265.1 → 1.267.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.267.0](https://github.com/newrelic/newrelic-browser-agent/compare/v1.266.0...v1.267.0) (2024-09-23)
+
+
+### Features
+
+* add soft navigations to Browser-Agent loader ([#1191](https://github.com/newrelic/newrelic-browser-agent/issues/1191)) ([fd033a7](https://github.com/newrelic/newrelic-browser-agent/commit/fd033a7be52fed01e5a67a5f8060cf6ec080c769))
+* Improve notifications of stylesheet status for session replay ([#1190](https://github.com/newrelic/newrelic-browser-agent/issues/1190)) ([a21b939](https://github.com/newrelic/newrelic-browser-agent/commit/a21b939884697fc4951e6d4cdaceecaa9b000810))
+* Update TimeKeeper Source of Truth ([#1181](https://github.com/newrelic/newrelic-browser-agent/issues/1181)) ([60d63cf](https://github.com/newrelic/newrelic-browser-agent/commit/60d63cf416529d700abaa6fa36ba3e64402b35a9))
+* Upgrade to web-vitals v4 ([#1193](https://github.com/newrelic/newrelic-browser-agent/issues/1193)) ([81349b8](https://github.com/newrelic/newrelic-browser-agent/commit/81349b82f5befd88f425cce1dee06f08fcea8a05))
+
+### Bug Fixes
+
+* Improve reliability of customMasker ([#1197](https://github.com/newrelic/newrelic-browser-agent/issues/1197)) ([9f2ef1f](https://github.com/newrelic/newrelic-browser-agent/commit/9f2ef1f7d0e5dceaf61745a47849a3b2cc930c53))
+* Stringify now returns an empty string if failed to transform ([#1198](https://github.com/newrelic/newrelic-browser-agent/issues/1198)) ([310937a](https://github.com/newrelic/newrelic-browser-agent/commit/310937ae20a004f91f3ccb4ba6b1d1b230d92632))
+
+## [1.266.0](https://github.com/newrelic/newrelic-browser-agent/compare/v1.265.1...v1.266.0) (2024-09-16)
+
+
+### Features
+
+* Removing long task ([#1153](https://github.com/newrelic/newrelic-browser-agent/issues/1153)) ([304e395](https://github.com/newrelic/newrelic-browser-agent/commit/304e3954df9639d6d61e545fcaa0c761346a5016))
+
+
+### Bug Fixes
+
+* Remove nullish coalescing inside getter ([#1180](https://github.com/newrelic/newrelic-browser-agent/issues/1180)) ([e537359](https://github.com/newrelic/newrelic-browser-agent/commit/e537359f354270fcbd607445b6853c236f0fdbfc))
+
 ## [1.265.1](https://github.com/newrelic/newrelic-browser-agent/compare/v1.265.0...v1.265.1) (2024-09-06)
 
 

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

@@ -87,7 +87,6 @@ const model = () => {
     page_view_timing: {
       enabled: true,
       harvestTimeSeconds: 30,
-      long_task: false,
       autoStart: true
     },
     privacy: {
@@ -118,10 +117,8 @@ const model = () => {
       // serialize fonts for collection without public asset url, this is currently broken in RRWeb -- https://github.com/rrweb-io/rrweb/issues/1304.  When fixed, revisit with test cases
       inline_images: false,
       // serialize images for collection without public asset url -- right now this is only useful for testing as it easily generates payloads too large to be harvested
-      inline_stylesheet: true,
-      // serialize css for collection without public asset url
       fix_stylesheets: true,
-      // fetch missing stylesheet resources for inlining, only works if 'inline_stylesheet' is also true
+      // fetch missing stylesheet resources for inlining
       // recording config settings
       mask_all_inputs: true,
       // this has a getter/setter to facilitate validation of the selectors

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

@@ -12,7 +12,7 @@ exports.VERSION = exports.RRWEB_VERSION = exports.DIST_METHOD = exports.BUILD_EN
 /**
  * Exposes the version of the agent
  */
-const VERSION = exports.VERSION = "1.265.1";
+const VERSION = exports.VERSION = "1.267.0";
 
 /**
  * Exposes the build type of the agent

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

@@ -12,7 +12,7 @@ exports.VERSION = exports.RRWEB_VERSION = exports.DIST_METHOD = exports.BUILD_EN
 /**
  * Exposes the version of the agent
  */
-const VERSION = exports.VERSION = "1.265.1";
+const VERSION = exports.VERSION = "1.267.0";
 
 /**
  * Exposes the build type of the agent

package/dist/cjs/common/timing/time-keeper.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.TimeKeeper = void 0;
 var _runtime = require("../constants/runtime");
 var _runtime2 = require("../config/runtime");
-const rfc2616Regex = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun), ([0-3][0-9]) (Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) ([0-9]{4}) ([01][0-9]|2[0-3])(:[0-5][0-9]){2} GMT$/;
-
 /**
  * Class used to adjust the timestamp of harvested data to New Relic server time. This
  * is done by tracking the performance timings of the RUM call and applying a calculation
@@ -58,26 +56,21 @@ class TimeKeeper {
    * @param rumRequest {XMLHttpRequest} The xhr for the rum request
    * @param startTime {number} The start time of the RUM request
    * @param endTime {number} The end time of the RUM request
+   * @param nrServerTime {number} the unix number value of the NR server time in MS, returned in the RUM request body
    */
-  processRumRequest(rumRequest, startTime, endTime) {
+  processRumRequest(rumRequest, startTime, endTime, nrServerTime) {
     this.processStoredDiff(); // Check session entity for stored time diff
     if (this.#ready) return; // Server time calculated from session entity
 
-    const responseDateHeader = rumRequest.getResponseHeader('Date');
-    if (!responseDateHeader) {
-      throw new Error('Missing date header on rum response.');
-    }
-    if (!rfc2616Regex.test(responseDateHeader)) {
-      throw new Error('Date header invalid format.');
-    }
+    if (!nrServerTime) throw new Error('nrServerTime not found');
     const medianRumOffset = (endTime - startTime) / 2;
     const serverOffset = startTime + medianRumOffset;
 
     // Corrected page origin time
-    this.#correctedOriginTime = Math.floor(Date.parse(responseDateHeader) - serverOffset);
+    this.#correctedOriginTime = Math.floor(nrServerTime - serverOffset);
     this.#localTimeDiff = _runtime.originTime - this.#correctedOriginTime;
     if (isNaN(this.#correctedOriginTime)) {
-      throw new Error('Date header invalid format.');
+      throw new Error('Failed to correct browser time to server time');
     }
     this.#session?.write({
       serverTimeDiff: this.#localTimeDiff

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

@@ -43,5 +43,7 @@ function stringify(val) {
     } catch (err) {
       // do nothing
     }
+    // return a string so that downstream users of the method do not throw errors
+    return '';
   }
 }

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

@@ -11,6 +11,5 @@ const VITAL_NAMES = exports.VITAL_NAMES = {
   LARGEST_CONTENTFUL_PAINT: 'lcp',
   CUMULATIVE_LAYOUT_SHIFT: 'cls',
   INTERACTION_TO_NEXT_PAINT: 'inp',
-  LONG_TASK: 'lt',
   TIME_TO_FIRST_BYTE: 'ttfb'
 };

package/dist/cjs/common/vitals/interaction-to-next-paint.js

@@ -18,9 +18,17 @@ if (_runtime.isBrowserScope) {
   }) => {
     const attrs = {
       metricId: id,
-      eventTarget: attribution.eventTarget,
-      eventType: attribution.eventType,
-      eventTime: attribution.eventTime,
+      eventTarget: attribution.interactionTarget,
+      // event* attrs deprecated in v4, kept for NR backwards compatibility
+      eventTime: attribution.interactionTime,
+      // event* attrs deprecated in v4, kept for NR backwards compatibility
+      interactionTarget: attribution.interactionTarget,
+      interactionTime: attribution.interactionTime,
+      interactionType: attribution.interactionType,
+      inputDelay: attribution.inputDelay,
+      nextPaintTime: attribution.nextPaintTime,
+      processingDuration: attribution.processingDuration,
+      presentationDelay: attribution.presentationDelay,
       loadState: attribution.loadState
     };
     interactionToNextPaint.update({

package/dist/cjs/common/vitals/largest-contentful-paint.js

@@ -26,7 +26,9 @@ if (_runtime.isBrowserScope) {
         element: attribution.element,
         timeToFirstByte: attribution.timeToFirstByte,
         resourceLoadDelay: attribution.resourceLoadDelay,
-        resourceLoadTime: attribution.resourceLoadTime,
+        resourceLoadDuration: attribution.resourceLoadDuration,
+        resourceLoadTime: attribution.resourceLoadDuration,
+        // kept for NR backwards compatibility, deprecated in v3->v4
         elementRenderDelay: attribution.elementRenderDelay
       };
       if (attribution.url) attrs.elUrl = (0, _cleanUrl.cleanURL)(attribution.url);

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

@@ -70,8 +70,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
     } = (0, _runtime.getRuntime)(this.agentIdentifier);
     const {
       proxy,
-      privacy,
-      page_view_timing
+      privacy
     } = (0, _init.getConfiguration)(this.agentIdentifier);
     if (loaderType) this.storeSupportabilityMetrics("Generic/LoaderType/".concat(loaderType, "/Detected"));
     if (distMethod) this.storeSupportabilityMetrics("Generic/DistMethod/".concat(distMethod, "/Detected"));
@@ -89,7 +88,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
         });
       });
       if (!privacy.cookies_enabled) this.storeSupportabilityMetrics('Config/SessionTracking/Disabled');
-      if (page_view_timing.long_task) this.storeSupportabilityMetrics('Config/LongTask/Enabled');
     } else if (_runtime2.isWorkerScope) {
       this.storeSupportabilityMetrics('Generic/Runtime/Worker/Detected');
     } else {

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

@@ -142,20 +142,20 @@ class Aggregate extends _aggregateBase.AggregateBase {
           this.ee.abort();
           return;
         }
-        try {
-          this.timeKeeper.processRumRequest(xhr, rumStartTime, rumEndTime);
-          if (!this.timeKeeper.ready) throw new Error('TimeKeeper not ready');
-          agentRuntime.timeKeeper = this.timeKeeper;
-        } catch (error) {
-          this.ee.abort();
-          (0, _console.warn)(17, error);
-          return;
-        }
         try {
           const {
             app,
             ...flags
           } = JSON.parse(responseText);
+          try {
+            this.timeKeeper.processRumRequest(xhr, rumStartTime, rumEndTime, app.nrServerTime);
+            if (!this.timeKeeper.ready) throw new Error('TimeKeeper not ready');
+            agentRuntime.timeKeeper = this.timeKeeper;
+          } catch (error) {
+            this.ee.abort();
+            (0, _console.warn)(17, error);
+            return;
+          }
           agentRuntime.appMetadata = app;
           (0, _featureFlags.activateFeatures)(flags, this.agentIdentifier);
           this.drain();

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

@@ -20,7 +20,6 @@ var _firstPaint = require("../../../common/vitals/first-paint");
 var _interactionToNextPaint = require("../../../common/vitals/interaction-to-next-paint");
 var _largestContentfulPaint = require("../../../common/vitals/largest-contentful-paint");
 var _timeToFirstByte = require("../../../common/vitals/time-to-first-byte");
-var _longTask = require("../../../common/vitals/long-task");
 var _pageVisibility = require("../../../common/window/page-visibility");
 var _constants2 = require("../../../common/vitals/constants");
 var _eventBuffer = require("../../utils/event-buffer");
@@ -42,7 +41,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
     super(agentIdentifier, aggregator, _constants.FEATURE_NAME);
     this.timings = new _eventBuffer.EventBuffer();
     this.curSessEndRecorded = false;
-    if ((0, _init.getConfigurationValue)(this.agentIdentifier, 'page_view_timing.long_task') === true) _longTask.longTask.subscribe(this.#handleVitalMetric);
     (0, _registerHandler.registerHandler)('docHidden', msTimestamp => this.endCurrentSession(msTimestamp), this.featureName, this.ee);
     (0, _registerHandler.registerHandler)('winPagehide', msTimestamp => this.recordPageUnload(msTimestamp), this.featureName, this.ee);
     const harvestTimeSeconds = (0, _init.getConfigurationValue)(this.agentIdentifier, 'page_view_timing.harvestTimeSeconds') || 30;

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

@@ -108,7 +108,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
       block_selector,
       mask_text_selector,
       mask_all_inputs,
-      inline_stylesheet,
       inline_images,
       collect_fonts
     } = (0, _init.getConfigurationValue)(this.agentIdentifier, 'session_replay');
@@ -135,7 +134,6 @@ class Aggregate extends _aggregateBase.AggregateBase {
     /** Detect if the default configs have been altered and report a SM.  This is useful to evaluate what the reasonable defaults are across a customer base over time */
     if (!autoStart) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/AutoStart/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     if (collect_fonts === true) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/CollectFonts/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
-    if (inline_stylesheet !== true) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/InlineStylesheet/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     if (inline_images === true) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/InlineImages/Modifed'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     if (mask_all_inputs !== true) (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/MaskAllInputs/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
     if (block_selector !== '[data-nr-block]') (0, _handle.handle)(_constants2.SUPPORTABILITY_METRIC_CHANNEL, ['Config/SessionReplay/BlockSelector/Modified'], undefined, _features.FEATURE_NAMES.metrics, this.ee);
@@ -253,7 +251,7 @@ class Aggregate extends _aggregateBase.AggregateBase {
   prepareHarvest({
     opts
   } = {}) {
-    if (!this.recorder || !this.timeKeeper?.ready) return;
+    if (!this.recorder || !this.timeKeeper?.ready || !this.recorder.hasSeenSnapshot) return;
     const recorderEvents = this.recorder.getEvents();
     // get the event type and use that to trigger another harvest if needed
     if (!recorderEvents.events.length || this.mode !== _constants3.MODE.FULL || this.blocked) return;

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

@@ -33,14 +33,14 @@ class Recorder {
     this.recording = false;
     /** The pointer to the current bucket holding rrweb events */
     this.currentBufferTarget = this.#events;
+    /** Only set to true once a snapshot node has been processed.  Used to block preload harvests from sending before we know we have a snapshot */
+    this.hasSeenSnapshot = false;
     /** 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, _init.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 && (0, _init.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay.fix_stylesheets');
+    this.shouldFix = (0, _init.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay.fix_stylesheets');
     /** 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 */};
   }
@@ -82,13 +82,16 @@ class Recorder {
       mask_input_options,
       mask_text_selector,
       mask_all_inputs,
-      inline_stylesheet,
       inline_images,
       collect_fonts
     } = (0, _init.getConfigurationValue)(this.parent.agentIdentifier, 'session_replay');
     const customMasker = (text, element) => {
-      if (element?.type?.toLowerCase() !== 'password' && (element?.dataset.nrUnmask !== undefined || element?.classList.contains('nr-unmask'))) return text;
-      return '*'.repeat(text.length);
+      try {
+        if (typeof element?.type === 'string' && element.type.toLowerCase() !== 'password' && (element?.dataset?.nrUnmask !== undefined || element?.classList?.contains('nr-unmask'))) return text;
+      } catch (err) {
+        // likely an element was passed to this handler that was invalid and was missing attributes or methods
+      }
+      return '*'.repeat(text?.length || 0);
     };
     // set up rrweb configurations for maximum privacy --
     // https://newrelic.atlassian.net/wiki/spaces/O11Y/pages/2792293280/2023+02+28+Browser+-+Session+Replay#Configuration-options
@@ -103,7 +106,7 @@ class Recorder {
       maskTextFn: customMasker,
       maskAllInputs: mask_all_inputs,
       maskInputFn: customMasker,
-      inlineStylesheet: inline_stylesheet,
+      inlineStylesheet: true,
       inlineImages: inline_images,
       collectFonts: collect_fonts,
       checkoutEveryNms: _constants.CHECKOUT_MS[this.parent.mode],
@@ -130,13 +133,17 @@ class Recorder {
    * @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();
+    const missingInlineSMTag = 'SessionReplay/Payload/Missing-Inline-Css/';
+    /** only run the full fixing behavior (more costly) if fix_stylesheets is configured as on (default behavior) */
+    if (!this.shouldFix) {
+      if (incompletes > 0) {
+        this.currentBufferTarget.inlinedAllStylesheets = false;
+        (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, [missingInlineSMTag + 'Skipped', incompletes], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
+      }
+      return this.store(event, isCheckout);
+    }
     /** 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) {
@@ -146,8 +153,8 @@ class Recorder {
           this.currentBufferTarget.inlinedAllStylesheets = false;
           this.shouldFix = false;
         }
-        (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Payload/Missing-Inline-Css/Failed', failedToFix], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
-        (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, ['SessionReplay/Payload/Missing-Inline-Css/Fixed', incompletes - failedToFix], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
+        (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, [missingInlineSMTag + 'Failed', failedToFix], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
+        (0, _handle.handle)(_constants3.SUPPORTABILITY_METRIC_CHANNEL, [missingInlineSMTag + 'Fixed', incompletes - failedToFix], undefined, _features.FEATURE_NAMES.metrics, this.parent.ee);
         this.takeFullSnapshot();
       });
       /** Only start ignoring data if got a faulty snapshot */
@@ -190,6 +197,7 @@ class Recorder {
     // snapshot event
     if (event.type === _constants.RRWEB_EVENT_TYPES.FullSnapshot) {
       this.currentBufferTarget.hasSnapshot = true;
+      this.hasSeenSnapshot = true;
     }
     this.currentBufferTarget.add(event);
 

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

@@ -8,7 +8,7 @@ var _nreum = require("../../../common/window/nreum");
 var _runtime = require("../../../common/constants/runtime");
 class StylesheetEvaluator {
   #evaluated = new WeakSet();
-  #fetchProms = [];
+  #brokenSheets = [];
   /**
   * 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
@@ -22,6 +22,7 @@ class StylesheetEvaluator {
    */
   evaluate() {
     let incompletes = 0;
+    this.#brokenSheets = [];
     if (_runtime.isBrowserScope) {
       for (let i = 0; i < Object.keys(document.styleSheets).length; i++) {
         if (!this.#evaluated.has(document.styleSheets[i])) {
@@ -32,7 +33,7 @@ class StylesheetEvaluator {
           } catch (err) {
             if (!document.styleSheets[i].href) return;
             incompletes++;
-            this.#fetchProms.push(this.#fetchAndOverride(document.styleSheets[i]));
+            this.#brokenSheets.push(document.styleSheets[i]);
           }
         }
       }
@@ -46,8 +47,8 @@ class StylesheetEvaluator {
    * @returns {Promise}
    */
   async fix() {
-    await Promise.all(this.#fetchProms);
-    this.#fetchProms = [];
+    await Promise.all(this.#brokenSheets.map(sheet => this.#fetchAndOverride(sheet)));
+    this.#brokenSheets = [];
     const failedToFix = this.failedToFix;
     this.failedToFix = 0;
     return failedToFix;

package/dist/cjs/features/utils/event-buffer.js

@@ -50,7 +50,7 @@ class EventBuffer {
    * held is another event buffer
    */
   get held() {
-    this.#held ??= new EventBuffer(this.maxPayloadSize);
+    if (!this.#held) this.#held = new EventBuffer(this.maxPayloadSize);
     return this.#held;
   }
 
@@ -63,7 +63,8 @@ class EventBuffer {
   }
 
   /**
-   * Adds an event object to the buffer while tallying size
+   * Adds an event object to the buffer while tallying size. Only adds the event if it is valid
+   * and would not make the event buffer exceed the maxPayloadSize.
    * @param {Object} event the event object to add to the buffer
    * @returns {EventBuffer} returns the event buffer for chaining
    */

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

@@ -15,6 +15,7 @@ var _instrument7 = require("../features/spa/instrument");
 var _instrument8 = require("../features/session_replay/instrument");
 var _instrument9 = require("../features/generic_events/instrument");
 var _instrument10 = require("../features/logging/instrument");
+var _instrument11 = require("../features/soft_navigations/instrument");
 /**
  * An agent class with all feature modules available. Features may be disabled and enabled via runtime configuration.
  * The BrowserAgent class is the most convenient and reliable option for most use cases.
@@ -23,7 +24,7 @@ class BrowserAgent extends _agent.Agent {
   constructor(args) {
     super({
       ...args,
-      features: [_instrument5.Instrument, _instrument.Instrument, _instrument2.Instrument, _instrument6.Instrument, _instrument3.Instrument, _instrument4.Instrument, _instrument7.Instrument, _instrument8.Instrument, _instrument9.Instrument, _instrument10.Instrument],
+      features: [_instrument5.Instrument, _instrument.Instrument, _instrument2.Instrument, _instrument6.Instrument, _instrument3.Instrument, _instrument4.Instrument, _instrument7.Instrument, _instrument11.Instrument, _instrument8.Instrument, _instrument9.Instrument, _instrument10.Instrument],
       loaderType: 'browser-agent'
     });
   }

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

@@ -79,7 +79,6 @@ const model = () => {
     page_view_timing: {
       enabled: true,
       harvestTimeSeconds: 30,
-      long_task: false,
       autoStart: true
     },
     privacy: {
@@ -110,10 +109,8 @@ const model = () => {
       // serialize fonts for collection without public asset url, this is currently broken in RRWeb -- https://github.com/rrweb-io/rrweb/issues/1304.  When fixed, revisit with test cases
       inline_images: false,
       // serialize images for collection without public asset url -- right now this is only useful for testing as it easily generates payloads too large to be harvested
-      inline_stylesheet: true,
-      // serialize css for collection without public asset url
       fix_stylesheets: true,
-      // fetch missing stylesheet resources for inlining, only works if 'inline_stylesheet' is also true
+      // fetch missing stylesheet resources for inlining
       // recording config settings
       mask_all_inputs: true,
       // this has a getter/setter to facilitate validation of the selectors

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

@@ -6,7 +6,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.265.1";
+export const VERSION = "1.267.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.265.1";
+export const VERSION = "1.267.0";
 
 /**
  * Exposes the build type of the agent

package/dist/esm/common/timing/time-keeper.js

@@ -1,6 +1,5 @@
 import { originTime } from '../constants/runtime';
 import { getRuntime } from '../config/runtime';
-const rfc2616Regex = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun), ([0-3][0-9]) (Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) ([0-9]{4}) ([01][0-9]|2[0-3])(:[0-5][0-9]){2} GMT$/;
 
 /**
  * Class used to adjust the timestamp of harvested data to New Relic server time. This
@@ -52,26 +51,21 @@ export class TimeKeeper {
    * @param rumRequest {XMLHttpRequest} The xhr for the rum request
    * @param startTime {number} The start time of the RUM request
    * @param endTime {number} The end time of the RUM request
+   * @param nrServerTime {number} the unix number value of the NR server time in MS, returned in the RUM request body
    */
-  processRumRequest(rumRequest, startTime, endTime) {
+  processRumRequest(rumRequest, startTime, endTime, nrServerTime) {
     this.processStoredDiff(); // Check session entity for stored time diff
     if (this.#ready) return; // Server time calculated from session entity
 
-    const responseDateHeader = rumRequest.getResponseHeader('Date');
-    if (!responseDateHeader) {
-      throw new Error('Missing date header on rum response.');
-    }
-    if (!rfc2616Regex.test(responseDateHeader)) {
-      throw new Error('Date header invalid format.');
-    }
+    if (!nrServerTime) throw new Error('nrServerTime not found');
     const medianRumOffset = (endTime - startTime) / 2;
     const serverOffset = startTime + medianRumOffset;
 
     // Corrected page origin time
-    this.#correctedOriginTime = Math.floor(Date.parse(responseDateHeader) - serverOffset);
+    this.#correctedOriginTime = Math.floor(nrServerTime - serverOffset);
     this.#localTimeDiff = originTime - this.#correctedOriginTime;
     if (isNaN(this.#correctedOriginTime)) {
-      throw new Error('Date header invalid format.');
+      throw new Error('Failed to correct browser time to server time');
     }
     this.#session?.write({
       serverTimeDiff: this.#localTimeDiff

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

@@ -38,5 +38,7 @@ export function stringify(val) {
     } catch (err) {
       // do nothing
     }
+    // return a string so that downstream users of the method do not throw errors
+    return '';
   }
 }

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

@@ -5,6 +5,5 @@ export const VITAL_NAMES = {
   LARGEST_CONTENTFUL_PAINT: 'lcp',
   CUMULATIVE_LAYOUT_SHIFT: 'cls',
   INTERACTION_TO_NEXT_PAINT: 'inp',
-  LONG_TASK: 'lt',
   TIME_TO_FIRST_BYTE: 'ttfb'
 };

package/dist/esm/common/vitals/interaction-to-next-paint.js

@@ -12,9 +12,17 @@ if (isBrowserScope) {
   }) => {
     const attrs = {
       metricId: id,
-      eventTarget: attribution.eventTarget,
-      eventType: attribution.eventType,
-      eventTime: attribution.eventTime,
+      eventTarget: attribution.interactionTarget,
+      // event* attrs deprecated in v4, kept for NR backwards compatibility
+      eventTime: attribution.interactionTime,
+      // event* attrs deprecated in v4, kept for NR backwards compatibility
+      interactionTarget: attribution.interactionTarget,
+      interactionTime: attribution.interactionTime,
+      interactionType: attribution.interactionType,
+      inputDelay: attribution.inputDelay,
+      nextPaintTime: attribution.nextPaintTime,
+      processingDuration: attribution.processingDuration,
+      presentationDelay: attribution.presentationDelay,
       loadState: attribution.loadState
     };
     interactionToNextPaint.update({

package/dist/esm/common/vitals/largest-contentful-paint.js

@@ -20,7 +20,9 @@ if (isBrowserScope) {
         element: attribution.element,
         timeToFirstByte: attribution.timeToFirstByte,
         resourceLoadDelay: attribution.resourceLoadDelay,
-        resourceLoadTime: attribution.resourceLoadTime,
+        resourceLoadDuration: attribution.resourceLoadDuration,
+        resourceLoadTime: attribution.resourceLoadDuration,
+        // kept for NR backwards compatibility, deprecated in v3->v4
         elementRenderDelay: attribution.elementRenderDelay
       };
       if (attribution.url) attrs.elUrl = cleanURL(attribution.url);

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

@@ -64,8 +64,7 @@ export class Aggregate extends AggregateBase {
     } = getRuntime(this.agentIdentifier);
     const {
       proxy,
-      privacy,
-      page_view_timing
+      privacy
     } = getConfiguration(this.agentIdentifier);
     if (loaderType) this.storeSupportabilityMetrics("Generic/LoaderType/".concat(loaderType, "/Detected"));
     if (distMethod) this.storeSupportabilityMetrics("Generic/DistMethod/".concat(distMethod, "/Detected"));
@@ -83,7 +82,6 @@ export class Aggregate extends AggregateBase {
         });
       });
       if (!privacy.cookies_enabled) this.storeSupportabilityMetrics('Config/SessionTracking/Disabled');
-      if (page_view_timing.long_task) this.storeSupportabilityMetrics('Config/LongTask/Enabled');
     } else if (isWorkerScope) {
       this.storeSupportabilityMetrics('Generic/Runtime/Worker/Detected');
     } else {

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

@@ -134,20 +134,20 @@ export class Aggregate extends AggregateBase {
           this.ee.abort();
           return;
         }
-        try {
-          this.timeKeeper.processRumRequest(xhr, rumStartTime, rumEndTime);
-          if (!this.timeKeeper.ready) throw new Error('TimeKeeper not ready');
-          agentRuntime.timeKeeper = this.timeKeeper;
-        } catch (error) {
-          this.ee.abort();
-          warn(17, error);
-          return;
-        }
         try {
           const {
             app,
             ...flags
           } = JSON.parse(responseText);
+          try {
+            this.timeKeeper.processRumRequest(xhr, rumStartTime, rumEndTime, app.nrServerTime);
+            if (!this.timeKeeper.ready) throw new Error('TimeKeeper not ready');
+            agentRuntime.timeKeeper = this.timeKeeper;
+          } catch (error) {
+            this.ee.abort();
+            warn(17, error);
+            return;
+          }
           agentRuntime.appMetadata = app;
           activateFeatures(flags, this.agentIdentifier);
           this.drain();

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

@@ -19,7 +19,6 @@ import { firstPaint } from '../../../common/vitals/first-paint';
 import { interactionToNextPaint } from '../../../common/vitals/interaction-to-next-paint';
 import { largestContentfulPaint } from '../../../common/vitals/largest-contentful-paint';
 import { timeToFirstByte } from '../../../common/vitals/time-to-first-byte';
-import { longTask } from '../../../common/vitals/long-task';
 import { subscribeToVisibilityChange } from '../../../common/window/page-visibility';
 import { VITAL_NAMES } from '../../../common/vitals/constants';
 import { EventBuffer } from '../../utils/event-buffer';
@@ -36,7 +35,6 @@ export class Aggregate extends AggregateBase {
     super(agentIdentifier, aggregator, FEATURE_NAME);
     this.timings = new EventBuffer();
     this.curSessEndRecorded = false;
-    if (getConfigurationValue(this.agentIdentifier, 'page_view_timing.long_task') === true) longTask.subscribe(this.#handleVitalMetric);
     registerHandler('docHidden', msTimestamp => this.endCurrentSession(msTimestamp), this.featureName, this.ee);
     registerHandler('winPagehide', msTimestamp => this.recordPageUnload(msTimestamp), this.featureName, this.ee);
     const harvestTimeSeconds = getConfigurationValue(this.agentIdentifier, 'page_view_timing.harvestTimeSeconds') || 30;