@coralogix/browser 3.8.0 → 3.8.3

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## 3.8.3 (2026-05-10)
+
+### 🩹 Fixes
+
+- Improve web vitals attribution data by preventing deep nesting
+
+## 3.8.2 (2026-05-06)
+
+### 🩹 Fixes
+
+- run web vitals listeners outside zone
+
+## 3.8.1 (2026-05-06)
+
+### 🩹 Fixes
+
+Improve error stack trace handling.
+
 ## 3.8.0 (2026-04-27)
 
 ### 🚀 Features

package/index.esm2.js

@@ -374,6 +374,23 @@ var STACK_FRAME_LIMIT = 50;
 var STACK_LINE_LIMIT = 1024;
 var MESSAGE_LIMIT = 1024;
 var MFE_PATH_PATTERN = /https?:\/\/.*\//;
+var V8_HEADER_PATTERN = /^Error\b/;
+function sanitizeConsoleErrorStack(stack) {
+    var _a;
+    if (!stack)
+        return stack;
+    var lines = stack.split('\n');
+    if (lines.length === 0)
+        return stack;
+    if (V8_HEADER_PATTERN.test(lines[0])) {
+        lines = lines.slice(1);
+    }
+    lines = lines.slice(1);
+    if ((_a = getSessionRecorder()) === null || _a === void 0 ? void 0 : _a.isConsoleRecordingActive()) {
+        lines = lines.slice(1);
+    }
+    return lines.join('\n');
+}
 function extractMfePath(fileName) {
     var _a;
     var _b = __read$1((_a = fileName.match(MFE_PATH_PATTERN)) !== null && _a !== void 0 ? _a : [], 1), mfePath = _b[0];
@@ -526,6 +543,7 @@ var _consoleErrorHandler = function (errorInstrumentation) {
                 args[_i] = arguments[_i];
             }
             var stackContextError = new Error();
+            stackContextError.stack = sanitizeConsoleErrorStack(stackContextError.stack);
             errorInstrumentation.report(ErrorSource.CONSOLE, args, stackContextError);
             return original.apply(console, args);
         };
@@ -1277,16 +1295,6 @@ var XHR_INSTRUMENTATION_NAME = 'xhr';
 var FETCH_INSTRUMENTATION_NAME = 'fetch';
 var CUSTOM_INSTRUMENTATION_NAME = 'custom';
 var SESSION_RECORDING_INSTRUMENTATION_NAME = 'session_recording';
-var ALL_WEB_VITALS_METRICS = {
-    lcp: true,
-    fid: true,
-    cls: true,
-    fcp: true,
-    inp: true,
-    ttfb: true,
-    tbt: false,
-    lt: true,
-};
 var LONGTASK_DURATION = 50;
 var INTERNAL_INSTRUMENTATION_NAME = 'internal';
 var FONTS_URL = 'fonts.googleapis.com';
@@ -1328,6 +1336,75 @@ var IMG_EXTENSIONS = [
     '.webp',
 ];
 
+var ALL_WEB_VITALS_METRICS = {
+    lcp: true,
+    fid: true,
+    cls: true,
+    fcp: true,
+    inp: true,
+    ttfb: true,
+    tbt: false,
+    lt: true,
+};
+
+var attributionSanitizers = {
+    LCP: function (metric) {
+        metric.entries; var attribution = metric.attribution, rest = __rest(metric, ["entries", "attribution"]);
+        var lcpEntry = attribution.lcpEntry;
+        return __assign(__assign({}, rest), { attribution: {
+                element: attribution.element,
+                url: attribution.url,
+                timeToFirstByte: attribution.timeToFirstByte,
+                resourceLoadDelay: attribution.resourceLoadDelay,
+                resourceLoadDuration: attribution.resourceLoadDuration,
+                elementRenderDelay: attribution.elementRenderDelay,
+                lcpEntry: lcpEntry && {
+                    url: lcpEntry.url,
+                    size: lcpEntry.size,
+                    loadTime: lcpEntry.loadTime,
+                    renderTime: lcpEntry.renderTime,
+                    startTime: lcpEntry.startTime,
+                },
+            } });
+    },
+    FCP: function (metric) {
+        metric.entries; var attribution = metric.attribution, rest = __rest(metric, ["entries", "attribution"]);
+        return __assign(__assign({}, rest), { attribution: {
+                loadState: attribution.loadState,
+                fcpEntry: attribution.fcpEntry && {
+                    duration: attribution.fcpEntry.duration,
+                    startTime: attribution.fcpEntry.startTime,
+                },
+            } });
+    },
+    CLS: function (metric) {
+        metric.entries; var attribution = metric.attribution, rest = __rest(metric, ["entries", "attribution"]);
+        return __assign(__assign({}, rest), { attribution: {
+                largestShiftTarget: attribution.largestShiftTarget,
+                largestShiftTime: attribution.largestShiftTime,
+                largestShiftValue: attribution.largestShiftValue,
+                loadState: attribution.loadState,
+            } });
+    },
+    FID: function (metric) {
+        metric.entries; var attribution = metric.attribution, rest = __rest(metric, ["entries", "attribution"]);
+        return __assign(__assign({}, rest), { attribution: {
+                eventTarget: attribution.eventTarget,
+                eventType: attribution.eventType,
+                loadState: attribution.loadState,
+            } });
+    },
+    TTFB: function (metric) {
+        metric.entries; var attribution = metric.attribution, rest = __rest(metric, ["entries", "attribution"]);
+        attribution.navigationEntry; var sanitizedAttribution = __rest(attribution, ["navigationEntry"]);
+        return __assign(__assign({}, rest), { attribution: sanitizedAttribution });
+    },
+    INP: function (metric) {
+        metric.entries; metric.attribution; var rest = __rest(metric, ["entries", "attribution"]);
+        return rest;
+    },
+};
+
 function getBrowserWindow() {
     return CxGlobal;
 }
@@ -1385,6 +1462,16 @@ function createCxMutationObserver(callback) {
     var OriginalMutationObserver = getZoneJsOriginalDom(browserWindow, 'MutationObserver');
     return new OriginalMutationObserver(callback);
 }
+function cxRunOutsideZone(fn) {
+    if (!shouldRunOutsideZone()) {
+        return fn();
+    }
+    var zone = getBrowserWindow().Zone;
+    if (zone && zone.root && typeof zone.root.run === 'function') {
+        return zone.root.run(fn);
+    }
+    return fn();
+}
 
 /** Original source: https://www.npmjs.com/package/tti-polyfill?activeTab=code
  * @license Apache-2.0
@@ -1655,6 +1742,26 @@ function isPerformanceObserverSupported() {
     return true;
 }
 
+function sanitizeAttribution(metric) {
+    if (!('attribution' in metric)) {
+        metric.entries; var rest = __rest(metric, ["entries"]);
+        return rest;
+    }
+    switch (metric.name) {
+        case 'LCP':
+            return attributionSanitizers.LCP(metric);
+        case 'FCP':
+            return attributionSanitizers.FCP(metric);
+        case 'CLS':
+            return attributionSanitizers.CLS(metric);
+        case 'FID':
+            return attributionSanitizers.FID(metric);
+        case 'TTFB':
+            return attributionSanitizers.TTFB(metric);
+        case 'INP':
+            return attributionSanitizers.INP(metric);
+    }
+}
 var CoralogixWebVitalsInstrumentation = (function (_super) {
     __extends(CoralogixWebVitalsInstrumentation, _super);
     function CoralogixWebVitalsInstrumentation(config) {
@@ -1669,11 +1776,7 @@ var CoralogixWebVitalsInstrumentation = (function (_super) {
                 _this.registerToTBTMetric();
             }
             var webVitalsSpan = _this.tracer.startSpan(CoralogixEventType.WEB_VITALS);
-            var metricData = metric.entries ? omit(metric, 'entries') : metric;
-            metricData = omit(metricData, 'attribution.navigationEntry');
-            if (metricData.name === 'INP') {
-                metricData = omit(metricData, 'attribution');
-            }
+            var metricData = sanitizeAttribution(metric);
             webVitalsSpan.setAttribute(CoralogixAttributes.EVENT_TYPE, CoralogixEventType.WEB_VITALS);
             webVitalsSpan.setAttribute(WEB_VITALS_INSTRUMENTATION_NAME, JSON.stringify(metricData, getCircularReplacer()));
             webVitalsSpan.end();
@@ -1684,11 +1787,13 @@ var CoralogixWebVitalsInstrumentation = (function (_super) {
         if (!isPerformanceObserverSupported()) {
             return _this;
         }
-        _this.registerToCoreWebVitalMetrics();
-        _this.registerToCalculatedWebVitalMetrics();
-        if (_this.isSoftNavsEnabled) {
-            _this.registerToSoftNavigations();
-        }
+        cxRunOutsideZone(function () {
+            _this.registerToCoreWebVitalMetrics();
+            _this.registerToCalculatedWebVitalMetrics();
+            if (_this.isSoftNavsEnabled) {
+                _this.registerToSoftNavigations();
+            }
+        });
         return _this;
     }
     CoralogixWebVitalsInstrumentation.prototype.registerToCoreWebVitalMetrics = function () {
@@ -1793,11 +1898,12 @@ var CoralogixWebVitalsInstrumentation = (function (_super) {
             var _a, _b;
             if (tti) {
                 _this.onReport(tbtMetric);
-                _this.onReport({
+                var ttiMetric = {
                     name: 'TTI',
                     value: tti,
                     id: generateWebVitalUniqueID(),
-                });
+                };
+                _this.onReport(ttiMetric);
                 totalBLockingTimeObserver.disconnect();
                 (_b = (_a = CxGlobal.__tti) === null || _a === void 0 ? void 0 : _a.o) === null || _b === void 0 ? void 0 : _b.disconnect();
             }
@@ -4270,7 +4376,7 @@ function resolveUrlBlueprinters(urlBlueprinters) {
     return resolvedUrlBlueprinters;
 }
 
-var SDK_VERSION = '3.8.0';
+var SDK_VERSION = '3.8.3';
 
 function shouldDropEvent(cxRumEvent, options) {
     if (isDocumentErrorWithoutMessage(cxRumEvent)) {
@@ -5283,4 +5389,4 @@ var SessionRecordingEventType;
     SessionRecordingEventType[SessionRecordingEventType["Plugin"] = 6] = "Plugin";
 })(SessionRecordingEventType || (SessionRecordingEventType = {}));
 
-export { BATCH_TIME_DELAY as B, CxGlobal as C, MAX_BATCH_TIME_MS as M, OtelNetworkAttrs as O, PerformanceTypes as P, Request as R, SESSION_RECORDER_SEGMENTS_MAP as S, UrlBasedLabelProvider as U, cxClearTimeout as a, createCxMutationObserver as b, cxSetTimeout as c, cxRequestAnimationFrame as d, cxCancelAnimationFrame as e, cxClearInterval as f, getZoneJsOriginalDom as g, getSdkConfig as h, getNowTime as i, SESSION_RECORDING_NETWORK_ERR0R_MESSAGE as j, cxSetInterval as k, SESSION_RECORDING_DEFAULT_HEADERS as l, SESSION_RECORDING_POSTFIX_URL as m, SESSION_RECORDER_KEY as n, SESSION_RECORDING_DEFAULT_ERROR_MESSAGE as o, CoralogixRum as p, CoralogixLogSeverity as q, SessionRecordingEventType as r, CoralogixEventType as s, UrlType as t };
+export { BATCH_TIME_DELAY as B, CxGlobal as C, MAX_BATCH_TIME_MS as M, OtelNetworkAttrs as O, PerformanceTypes as P, Request as R, SESSION_RECORDER_SEGMENTS_MAP as S, UrlBasedLabelProvider as U, cxClearTimeout as a, createCxMutationObserver as b, cxSetTimeout as c, cxRequestAnimationFrame as d, cxCancelAnimationFrame as e, getSdkConfig as f, getZoneJsOriginalDom as g, cxClearInterval as h, getNowTime as i, SESSION_RECORDING_NETWORK_ERR0R_MESSAGE as j, cxSetInterval as k, SESSION_RECORDING_DEFAULT_HEADERS as l, SESSION_RECORDING_POSTFIX_URL as m, SESSION_RECORDER_KEY as n, SESSION_RECORDING_DEFAULT_ERROR_MESSAGE as o, CoralogixRum as p, CoralogixLogSeverity as q, SessionRecordingEventType as r, CoralogixEventType as s, UrlType as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coralogix/browser",
-  "version": "3.8.0",
+  "version": "3.8.3",
   "description": "Official Coralogix SDK for browsers",
   "license": "Apache-2.0",
   "author": "Coralogix",

package/sessionRecorder.esm.js

@@ -1,5 +1,5 @@
 import { __values, __spreadArray, __read, __assign, __awaiter, __generator, __rest } from 'tslib';
-import { c as cxSetTimeout, a as cxClearTimeout, g as getZoneJsOriginalDom, b as createCxMutationObserver, d as cxRequestAnimationFrame, e as cxCancelAnimationFrame, C as CxGlobal, f as cxClearInterval, h as getSdkConfig, S as SESSION_RECORDER_SEGMENTS_MAP, i as getNowTime, j as SESSION_RECORDING_NETWORK_ERR0R_MESSAGE, k as cxSetInterval, R as Request, l as SESSION_RECORDING_DEFAULT_HEADERS, m as SESSION_RECORDING_POSTFIX_URL, B as BATCH_TIME_DELAY, n as SESSION_RECORDER_KEY, o as SESSION_RECORDING_DEFAULT_ERROR_MESSAGE, M as MAX_BATCH_TIME_MS } from './index.esm2.js';
+import { c as cxSetTimeout, a as cxClearTimeout, g as getZoneJsOriginalDom, b as createCxMutationObserver, d as cxRequestAnimationFrame, e as cxCancelAnimationFrame, C as CxGlobal, f as getSdkConfig, h as cxClearInterval, S as SESSION_RECORDER_SEGMENTS_MAP, i as getNowTime, j as SESSION_RECORDING_NETWORK_ERR0R_MESSAGE, k as cxSetInterval, R as Request, l as SESSION_RECORDING_DEFAULT_HEADERS, m as SESSION_RECORDING_POSTFIX_URL, B as BATCH_TIME_DELAY, n as SESSION_RECORDER_KEY, o as SESSION_RECORDING_DEFAULT_ERROR_MESSAGE, M as MAX_BATCH_TIME_MS } from './index.esm2.js';
 import '@opentelemetry/sdk-trace-base';
 import '@opentelemetry/sdk-trace-web';
 import '@opentelemetry/instrumentation';
@@ -5818,6 +5818,10 @@ var SessionRecorder = (function () {
     SessionRecorder.prototype.getIsAutoStartRecording = function () {
         return this.isAutoStartRecording;
     };
+    SessionRecorder.prototype.isConsoleRecordingActive = function () {
+        var _a;
+        return !!this.recordRef && ((_a = getSdkConfig().sessionRecordingConfig) === null || _a === void 0 ? void 0 : _a.recordConsoleEvents) === true;
+    };
     Object.defineProperty(SessionRecorder.prototype, "recordingStopDueToTimeout", {
         get: function () {
             return this._recordingStopDueToTimeout;

package/src/instrumentations/CoralogixErrorInstrumentation.d.ts

@@ -2,6 +2,7 @@ import { InstrumentationBase, InstrumentationConfig } from '@opentelemetry/instr
 import { CoralogixRumLabels, CxStackFrame } from '../types';
 export declare const STACK_FRAME_LIMIT = 50;
 export declare const STACK_LINE_LIMIT = 1024;
+export declare function sanitizeConsoleErrorStack(stack: string | undefined): string | undefined;
 export declare function extractMfePath(fileName: string): string | undefined;
 export declare const ERROR_INSTRUMENTATION_NAME = "errors";
 export declare const ErrorAttributes: {

package/src/instrumentations/instrumentation.consts.d.ts

@@ -1,4 +1,3 @@
-import { CoralogixWebVitalsMetrics } from './instrumentation.model';
 export declare const WEB_VITALS_INSTRUMENTATION_NAME = "web_vitals";
 export declare const WEB_VITALS_INSTRUMENTATION_VERSION = "1.0.0";
 export declare const LONG_TASK_INSTRUMENTATION_VERSION = "1.0.0";
@@ -15,7 +14,6 @@ export declare const XHR_INSTRUMENTATION_NAME = "xhr";
 export declare const FETCH_INSTRUMENTATION_NAME = "fetch";
 export declare const CUSTOM_INSTRUMENTATION_NAME = "custom";
 export declare const SESSION_RECORDING_INSTRUMENTATION_NAME = "session_recording";
-export declare const ALL_WEB_VITALS_METRICS: CoralogixWebVitalsMetrics;
 export declare const LONGTASK_DURATION = 50;
 export declare const INTERNAL_INSTRUMENTATION_NAME = "internal";
 export declare const FONTS_URL = "fonts.googleapis.com";

package/src/instrumentations/instrumentation.model.d.ts

@@ -1,18 +1,4 @@
-import { InstrumentationConfig } from '@opentelemetry/instrumentation';
 import { CoralogixEventType, CoralogixOtelWebOptionsInstrumentations } from '../types';
-export interface CoralogixWebVitalsMetrics {
-    lcp: boolean;
-    fid: boolean;
-    cls: boolean;
-    inp: boolean;
-    ttfb: boolean;
-    fcp: boolean;
-    tbt: boolean;
-    lt: boolean;
-}
-export interface CoralogixWebVitalsInstrumentationConfig extends InstrumentationConfig {
-    metrics: Partial<CoralogixWebVitalsMetrics>;
-}
 export declare enum ResourceInitiatorTypes {
     Media = "media",
     Script = "script",

package/src/instrumentations/{CoralogixWebVitalsInstrumentation.d.ts → web-vitals/CoralogixWebVitalsInstrumentation.d.ts}

@@ -1,5 +1,5 @@
 import { InstrumentationBase } from '@opentelemetry/instrumentation';
-import { CoralogixWebVitalsInstrumentationConfig } from './instrumentation.model';
+import { CoralogixWebVitalsInstrumentationConfig } from './web-vitals.types';
 export declare class CoralogixWebVitalsInstrumentation extends InstrumentationBase {
     private metrics;
     private observers;

package/src/instrumentations/web-vitals/web-vitals.constants.d.ts

@@ -0,0 +1,2 @@
+import { SanitizerMap } from './web-vitals.types';
+export declare const attributionSanitizers: SanitizerMap;

package/src/instrumentations/web-vitals/web-vitals.types.d.ts

@@ -0,0 +1,64 @@
+import { CLSMetricWithAttribution, FCPMetricWithAttribution, FIDMetricWithAttribution, INPMetricWithAttribution, LCPMetricWithAttribution, Metric, TTFBMetricWithAttribution } from 'web-vitals/attribution';
+import { WebVitalsRating } from '../../types';
+import { InstrumentationConfig } from '@opentelemetry/instrumentation';
+export type CustomMetric = {
+    name: 'SN' | 'LT' | 'TBT' | 'TTI';
+    id: string;
+    value: number;
+    url?: string;
+    navigationType?: Metric['navigationType'];
+    navigationId?: string;
+    startTime?: number;
+    rating?: WebVitalsRating;
+    entries?: PerformanceEntry[];
+};
+export type LoadingTimeMetric = CustomMetric & Partial<PerformanceNavigationTiming>;
+type LCPAttribution = LCPMetricWithAttribution['attribution'];
+type FCPAttribution = FCPMetricWithAttribution['attribution'];
+type CLSAttribution = CLSMetricWithAttribution['attribution'];
+type FIDAttribution = FIDMetricWithAttribution['attribution'];
+type TTFBAttribution = TTFBMetricWithAttribution['attribution'];
+type SanitizedLCPMetric = Omit<LCPMetricWithAttribution, 'entries' | 'attribution'> & {
+    attribution: Pick<LCPAttribution, 'element' | 'url' | 'timeToFirstByte' | 'resourceLoadDelay' | 'resourceLoadDuration' | 'elementRenderDelay'> & {
+        lcpEntry?: Pick<NonNullable<LCPAttribution['lcpEntry']>, 'url' | 'size' | 'loadTime' | 'renderTime' | 'startTime'>;
+    };
+};
+type SanitizedFCPMetric = Omit<FCPMetricWithAttribution, 'entries' | 'attribution'> & {
+    attribution: Pick<FCPAttribution, 'loadState'> & {
+        fcpEntry?: Pick<NonNullable<FCPAttribution['fcpEntry']>, 'duration' | 'startTime'>;
+    };
+};
+type SanitizedCLSMetric = Omit<CLSMetricWithAttribution, 'entries' | 'attribution'> & {
+    attribution: Pick<CLSAttribution, 'largestShiftTarget' | 'largestShiftTime' | 'largestShiftValue' | 'loadState'>;
+};
+type SanitizedFIDMetric = Omit<FIDMetricWithAttribution, 'entries' | 'attribution'> & {
+    attribution: Pick<FIDAttribution, 'eventTarget' | 'eventType' | 'loadState'>;
+};
+export type SanitizedTTFBMetric = Omit<TTFBMetricWithAttribution, 'entries' | 'attribution'> & {
+    attribution: Omit<TTFBAttribution, 'navigationEntry'>;
+};
+type SanitizedINPMetric = Omit<INPMetricWithAttribution, 'entries' | 'attribution'>;
+export type SanitizedMetric = SanitizedLCPMetric | SanitizedFCPMetric | SanitizedCLSMetric | SanitizedFIDMetric | SanitizedTTFBMetric | SanitizedINPMetric | CustomMetric;
+export type SanitizerMap = {
+    LCP: (m: LCPMetricWithAttribution) => SanitizedLCPMetric;
+    FCP: (m: FCPMetricWithAttribution) => SanitizedFCPMetric;
+    CLS: (m: CLSMetricWithAttribution) => SanitizedCLSMetric;
+    FID: (m: FIDMetricWithAttribution) => SanitizedFIDMetric;
+    TTFB: (m: TTFBMetricWithAttribution) => SanitizedTTFBMetric;
+    INP: (m: INPMetricWithAttribution) => SanitizedINPMetric;
+};
+export interface CoralogixWebVitalsMetrics {
+    lcp: boolean;
+    fid: boolean;
+    cls: boolean;
+    inp: boolean;
+    ttfb: boolean;
+    fcp: boolean;
+    tbt: boolean;
+    lt: boolean;
+}
+export interface CoralogixWebVitalsInstrumentationConfig extends InstrumentationConfig {
+    metrics: Partial<CoralogixWebVitalsMetrics>;
+}
+export declare const ALL_WEB_VITALS_METRICS: CoralogixWebVitalsMetrics;
+export {};

package/src/session/sessionRecorder.d.ts

@@ -28,6 +28,7 @@ export declare class SessionRecorder {
     getSessionHasRecording(): boolean;
     updateSegmentIndexCounter(segmentIndexCounter: Record<string, number>): void;
     getIsAutoStartRecording(): boolean;
+    isConsoleRecordingActive(): boolean;
     set recordingStopDueToTimeout(value: boolean);
     get recordingStopDueToTimeout(): boolean;
     startRecording(): Promise<void>;

package/src/tools/cx-timers.d.ts

@@ -23,3 +23,4 @@ export declare function cxClearInterval(id: ReturnType<typeof setInterval>): voi
 export declare function cxRequestAnimationFrame(callback: FrameRequestCallback): number;
 export declare function cxCancelAnimationFrame(id: number): void;
 export declare function createCxMutationObserver(callback: MutationCallback): MutationObserver;
+export declare function cxRunOutsideZone<T>(fn: () => T): T;

package/src/types.d.ts

@@ -8,7 +8,7 @@ import { LogSource } from './instrumentations/CoralogixCustomLogInstrumentation'
 import { ReadableSpan } from '@opentelemetry/sdk-trace-base';
 import { CoralogixUserInteractionInstrumentationConfig } from './instrumentations/user-interaction/CoralogixUserInteractionInstrumentation';
 import { Metric } from 'web-vitals/attribution';
-import { CoralogixWebVitalsInstrumentationConfig } from './instrumentations/instrumentation.model';
+import { CoralogixWebVitalsInstrumentationConfig } from './instrumentations/web-vitals/web-vitals.types';
 import { SessionConfig, SessionRecordingConfig } from './session/session.model';
 import { CoralogixInternalEvent } from './instrumentations/CoralogixInternalInstrumentation';
 import { SnapshotContext } from './snapshot/snapshot.model';

package/src/version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "3.8.0";
+export declare const SDK_VERSION = "3.8.3";