@coralogix/browser 3.8.2 → 3.8.3

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 3.8.3 (2026-05-10)
+
+### 🩹 Fixes
+
+- Improve web vitals attribution data by preventing deep nesting
+
 ## 3.8.2 (2026-05-06)
 
 ### 🩹 Fixes

package/index.esm2.js

@@ -1295,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';
@@ -1346,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;
 }
@@ -1683,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) {
@@ -1697,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();
@@ -1823,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();
             }
@@ -4300,7 +4376,7 @@ function resolveUrlBlueprinters(urlBlueprinters) {
     return resolvedUrlBlueprinters;
 }
 
-var SDK_VERSION = '3.8.2';
+var SDK_VERSION = '3.8.3';
 
 function shouldDropEvent(cxRumEvent, options) {
     if (isDocumentErrorWithoutMessage(cxRumEvent)) {

package/package.json

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

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/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.2";
+export declare const SDK_VERSION = "3.8.3";