@kubesense/kubesense-browser-rum-core 1.0.0

package/esm/domain/view/viewCollection.js

@@ -0,0 +1,150 @@
+import { getTimeZone, DISCARDED, isEmptyObject, mapValues, toServerDuration } from '@kubesense/kubesense-browser-core';
+import { discardNegativeDuration } from '../discardNegativeDuration';
+import { RumEventType } from '../../rawRumEvent.types';
+import { trackViews } from './trackViews';
+export function startViewCollection(lifeCycle, hooks, configuration, location, domMutationObservable, pageOpenObservable, locationChangeObservable, recorderApi, viewHistory, initialViewOptions) {
+    lifeCycle.subscribe(4 /* LifeCycleEventType.VIEW_UPDATED */, (view) => lifeCycle.notify(12 /* LifeCycleEventType.RAW_RUM_EVENT_COLLECTED */, processViewUpdate(view, configuration, recorderApi)));
+    hooks.register(0 /* HookNames.Assemble */, ({ startTime, eventType }) => {
+        const view = viewHistory.findView(startTime);
+        if (!view) {
+            return DISCARDED;
+        }
+        return {
+            type: eventType,
+            service: view.service,
+            version: view.version,
+            context: view.context,
+            view: {
+                id: view.id,
+                name: view.name,
+            },
+        };
+    });
+    hooks.register(1 /* HookNames.AssembleTelemetry */, ({ startTime }) => {
+        var _a;
+        return ({
+            view: {
+                id: (_a = viewHistory.findView(startTime)) === null || _a === void 0 ? void 0 : _a.id,
+            },
+        });
+    });
+    return trackViews(location, lifeCycle, domMutationObservable, pageOpenObservable, configuration, locationChangeObservable, !configuration.trackViewsManually, initialViewOptions);
+}
+function processViewUpdate(view, configuration, recorderApi) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    const replayStats = recorderApi.getReplayStats(view.id);
+    const clsDevicePixelRatio = (_b = (_a = view.commonViewMetrics) === null || _a === void 0 ? void 0 : _a.cumulativeLayoutShift) === null || _b === void 0 ? void 0 : _b.devicePixelRatio;
+    const viewEvent = {
+        _kubesense: {
+            document_version: view.documentVersion,
+            replay_stats: replayStats,
+            cls: clsDevicePixelRatio
+                ? {
+                    device_pixel_ratio: clsDevicePixelRatio,
+                }
+                : undefined,
+            configuration: {
+                start_session_replay_recording_manually: configuration.startSessionReplayRecordingManually,
+            },
+        },
+        date: view.startClocks.timeStamp,
+        type: RumEventType.VIEW,
+        view: {
+            action: {
+                count: view.eventCounts.actionCount,
+            },
+            frustration: {
+                count: view.eventCounts.frustrationCount,
+            },
+            cumulative_layout_shift: (_c = view.commonViewMetrics.cumulativeLayoutShift) === null || _c === void 0 ? void 0 : _c.value,
+            cumulative_layout_shift_time: toServerDuration((_d = view.commonViewMetrics.cumulativeLayoutShift) === null || _d === void 0 ? void 0 : _d.time),
+            cumulative_layout_shift_target_selector: (_e = view.commonViewMetrics.cumulativeLayoutShift) === null || _e === void 0 ? void 0 : _e.targetSelector,
+            first_byte: toServerDuration((_f = view.initialViewMetrics.navigationTimings) === null || _f === void 0 ? void 0 : _f.firstByte),
+            dom_complete: toServerDuration((_g = view.initialViewMetrics.navigationTimings) === null || _g === void 0 ? void 0 : _g.domComplete),
+            dom_content_loaded: toServerDuration((_h = view.initialViewMetrics.navigationTimings) === null || _h === void 0 ? void 0 : _h.domContentLoaded),
+            dom_interactive: toServerDuration((_j = view.initialViewMetrics.navigationTimings) === null || _j === void 0 ? void 0 : _j.domInteractive),
+            error: {
+                count: view.eventCounts.errorCount,
+            },
+            first_contentful_paint: toServerDuration(view.initialViewMetrics.firstContentfulPaint),
+            first_input_delay: toServerDuration((_k = view.initialViewMetrics.firstInput) === null || _k === void 0 ? void 0 : _k.delay),
+            first_input_time: toServerDuration((_l = view.initialViewMetrics.firstInput) === null || _l === void 0 ? void 0 : _l.time),
+            first_input_target_selector: (_m = view.initialViewMetrics.firstInput) === null || _m === void 0 ? void 0 : _m.targetSelector,
+            interaction_to_next_paint: toServerDuration((_o = view.commonViewMetrics.interactionToNextPaint) === null || _o === void 0 ? void 0 : _o.value),
+            interaction_to_next_paint_time: toServerDuration((_p = view.commonViewMetrics.interactionToNextPaint) === null || _p === void 0 ? void 0 : _p.time),
+            interaction_to_next_paint_target_selector: (_q = view.commonViewMetrics.interactionToNextPaint) === null || _q === void 0 ? void 0 : _q.targetSelector,
+            is_active: view.isActive,
+            name: view.name,
+            largest_contentful_paint: toServerDuration((_r = view.initialViewMetrics.largestContentfulPaint) === null || _r === void 0 ? void 0 : _r.value),
+            largest_contentful_paint_target_selector: (_s = view.initialViewMetrics.largestContentfulPaint) === null || _s === void 0 ? void 0 : _s.targetSelector,
+            load_event: toServerDuration((_t = view.initialViewMetrics.navigationTimings) === null || _t === void 0 ? void 0 : _t.loadEvent),
+            loading_time: discardNegativeDuration(toServerDuration(view.commonViewMetrics.loadingTime)),
+            loading_type: view.loadingType,
+            long_task: {
+                count: view.eventCounts.longTaskCount,
+            },
+            performance: computeViewPerformanceData(view.commonViewMetrics, view.initialViewMetrics),
+            resource: {
+                count: view.eventCounts.resourceCount,
+            },
+            time_spent: toServerDuration(view.duration),
+        },
+        display: view.commonViewMetrics.scroll
+            ? {
+                scroll: {
+                    max_depth: view.commonViewMetrics.scroll.maxDepth,
+                    max_depth_scroll_top: view.commonViewMetrics.scroll.maxDepthScrollTop,
+                    max_scroll_height: view.commonViewMetrics.scroll.maxScrollHeight,
+                    max_scroll_height_time: toServerDuration(view.commonViewMetrics.scroll.maxScrollHeightTime),
+                },
+            }
+            : undefined,
+        privacy: {
+            replay_level: configuration.defaultPrivacyLevel,
+        },
+        device: {
+            locale: navigator.language,
+            locales: navigator.languages,
+            time_zone: getTimeZone(),
+        },
+    };
+    if (!isEmptyObject(view.customTimings)) {
+        viewEvent.view.custom_timings = mapValues(view.customTimings, toServerDuration);
+    }
+    return {
+        rawRumEvent: viewEvent,
+        startTime: view.startClocks.relative,
+        duration: view.duration,
+        domainContext: {
+            location: view.location,
+        },
+    };
+}
+function computeViewPerformanceData({ cumulativeLayoutShift, interactionToNextPaint }, { firstContentfulPaint, firstInput, largestContentfulPaint }) {
+    return {
+        cls: cumulativeLayoutShift && {
+            score: cumulativeLayoutShift.value,
+            timestamp: toServerDuration(cumulativeLayoutShift.time),
+            target_selector: cumulativeLayoutShift.targetSelector,
+            previous_rect: cumulativeLayoutShift.previousRect,
+            current_rect: cumulativeLayoutShift.currentRect,
+        },
+        fcp: firstContentfulPaint && { timestamp: toServerDuration(firstContentfulPaint) },
+        fid: firstInput && {
+            duration: toServerDuration(firstInput.delay),
+            timestamp: toServerDuration(firstInput.time),
+            target_selector: firstInput.targetSelector,
+        },
+        inp: interactionToNextPaint && {
+            duration: toServerDuration(interactionToNextPaint.value),
+            timestamp: toServerDuration(interactionToNextPaint.time),
+            target_selector: interactionToNextPaint.targetSelector,
+        },
+        lcp: largestContentfulPaint && {
+            timestamp: toServerDuration(largestContentfulPaint.value),
+            target_selector: largestContentfulPaint.targetSelector,
+            resource_url: largestContentfulPaint.resourceUrl,
+        },
+    };
+}
+//# sourceMappingURL=viewCollection.js.map

package/esm/domain/view/viewCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewCollection.js","sourceRoot":"","sources":["../../../src/domain/view/viewCollection.ts"],"names":[],"mappings":"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"}

package/esm/domain/view/viewMetrics/getClsAttributionImpactedArea.d.ts

@@ -0,0 +1,6 @@
+import type { RumLayoutShiftAttribution } from '../../../browser/performanceObservable';
+/**
+ * Calculates the total impacted area of a layout shift source
+ * This is the sum of the previous and current areas minus their intersection
+ */
+export declare const getClsAttributionImpactedArea: (source: RumLayoutShiftAttribution) => number;

package/esm/domain/view/viewMetrics/getClsAttributionImpactedArea.js

@@ -0,0 +1,28 @@
+/**
+ * Calculates the area of a rectangle given its width and height
+ */
+const calculateArea = (width, height) => width * height;
+/**
+ * Calculates the intersection area between two rectangles
+ */
+const calculateIntersectionArea = (rect1, rect2) => {
+    const left = Math.max(rect1.left, rect2.left);
+    const top = Math.max(rect1.top, rect2.top);
+    const right = Math.min(rect1.right, rect2.right);
+    const bottom = Math.min(rect1.bottom, rect2.bottom);
+    if (left >= right || top >= bottom) {
+        return 0;
+    }
+    return calculateArea(right - left, bottom - top);
+};
+/**
+ * Calculates the total impacted area of a layout shift source
+ * This is the sum of the previous and current areas minus their intersection
+ */
+export const getClsAttributionImpactedArea = (source) => {
+    const previousArea = calculateArea(source.previousRect.width, source.previousRect.height);
+    const currentArea = calculateArea(source.currentRect.width, source.currentRect.height);
+    const intersectionArea = calculateIntersectionArea(source.previousRect, source.currentRect);
+    return previousArea + currentArea - intersectionArea;
+};
+//# sourceMappingURL=getClsAttributionImpactedArea.js.map

package/esm/domain/view/viewMetrics/getClsAttributionImpactedArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getClsAttributionImpactedArea.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/getClsAttributionImpactedArea.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,MAAc,EAAU,EAAE,CAAC,KAAK,GAAG,MAAM,CAAA;AAE/E;;GAEG;AACH,MAAM,yBAAyB,GAAG,CAAC,KAAsB,EAAE,KAAsB,EAAU,EAAE;IAC3F,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;IAC7C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAChD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAEnD,IAAI,IAAI,IAAI,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE,CAAC;QACnC,OAAO,CAAC,CAAA;IACV,CAAC;IAED,OAAO,aAAa,CAAC,KAAK,GAAG,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,MAAiC,EAAU,EAAE;IACzF,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IACzF,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IACtF,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,WAAW,CAAC,CAAA;IAE3F,OAAO,YAAY,GAAG,WAAW,GAAG,gBAAgB,CAAA;AACtD,CAAC,CAAA"}

package/esm/domain/view/viewMetrics/interactionCountPolyfill.d.ts

@@ -0,0 +1,18 @@
+/**
+ * performance.interactionCount polyfill
+ *
+ * The interactionCount is an integer which counts the total number of distinct user interactions,
+ * for which there was a unique interactionId.
+ *
+ * The interactionCount polyfill is an estimate based on a convention specific to Chrome. Cf: https://github.com/GoogleChrome/web-vitals/pull/213
+ * This is currently not an issue as the polyfill is only used for INP which is currently only supported on Chrome.
+ * Hopefully when/if other browsers will support INP, they will also implement performance.interactionCount at the same time, so we won't need that polyfill.
+ *
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/main/src/lib/polyfills/interactionCountPolyfill.ts
+ */
+export declare function initInteractionCountPolyfill(): void;
+/**
+ * Returns the `interactionCount` value using the native API (if available)
+ * or the polyfill estimate in this module.
+ */
+export declare const getInteractionCount: () => number;

package/esm/domain/view/viewMetrics/interactionCountPolyfill.js

@@ -0,0 +1,39 @@
+/**
+ * performance.interactionCount polyfill
+ *
+ * The interactionCount is an integer which counts the total number of distinct user interactions,
+ * for which there was a unique interactionId.
+ *
+ * The interactionCount polyfill is an estimate based on a convention specific to Chrome. Cf: https://github.com/GoogleChrome/web-vitals/pull/213
+ * This is currently not an issue as the polyfill is only used for INP which is currently only supported on Chrome.
+ * Hopefully when/if other browsers will support INP, they will also implement performance.interactionCount at the same time, so we won't need that polyfill.
+ *
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/main/src/lib/polyfills/interactionCountPolyfill.ts
+ */
+import { monitor } from '@kubesense/kubesense-browser-core';
+let observer;
+let interactionCountEstimate = 0;
+let minKnownInteractionId = Infinity;
+let maxKnownInteractionId = 0;
+export function initInteractionCountPolyfill() {
+    if ('interactionCount' in performance || observer) {
+        return;
+    }
+    observer = new window.PerformanceObserver(monitor((entries) => {
+        entries.getEntries().forEach((e) => {
+            const entry = e;
+            if (entry.interactionId) {
+                minKnownInteractionId = Math.min(minKnownInteractionId, entry.interactionId);
+                maxKnownInteractionId = Math.max(maxKnownInteractionId, entry.interactionId);
+                interactionCountEstimate = (maxKnownInteractionId - minKnownInteractionId) / 7 + 1;
+            }
+        });
+    }));
+    observer.observe({ type: 'event', buffered: true, durationThreshold: 0 });
+}
+/**
+ * Returns the `interactionCount` value using the native API (if available)
+ * or the polyfill estimate in this module.
+ */
+export const getInteractionCount = () => observer ? interactionCountEstimate : window.performance.interactionCount || 0;
+//# sourceMappingURL=interactionCountPolyfill.js.map

package/esm/domain/view/viewMetrics/interactionCountPolyfill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactionCountPolyfill.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/interactionCountPolyfill.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAO3D,IAAI,QAA4C,CAAA;AAEhD,IAAI,wBAAwB,GAAG,CAAC,CAAA;AAChC,IAAI,qBAAqB,GAAG,QAAQ,CAAA;AACpC,IAAI,qBAAqB,GAAG,CAAC,CAAA;AAE7B,MAAM,UAAU,4BAA4B;IAC1C,IAAI,kBAAkB,IAAI,WAAW,IAAI,QAAQ,EAAE,CAAC;QAClD,OAAM;IACR,CAAC;IAED,QAAQ,GAAG,IAAK,MAAwB,CAAC,mBAAmB,CAC1D,OAAO,CAAC,CAAC,OAAqC,EAAE,EAAE;QAChD,OAAO,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACjC,MAAM,KAAK,GAAG,CAAyC,CAAA;YAEvD,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;gBACxB,qBAAqB,GAAG,IAAI,CAAC,GAAG,CAAC,qBAAqB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;gBAC5E,qBAAqB,GAAG,IAAI,CAAC,GAAG,CAAC,qBAAqB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;gBAE5E,wBAAwB,GAAG,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;YACpF,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CACH,CAAA;IAED,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAA;AAC3E,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CACtC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAE,MAAwB,CAAC,WAAW,CAAC,gBAAiB,IAAI,CAAC,CAAA"}

package/esm/domain/view/viewMetrics/startInitialViewMetricsTelemetry.d.ts

@@ -0,0 +1,6 @@
+import type { Telemetry } from '@kubesense/kubesense-browser-core';
+import { noop } from '@kubesense/kubesense-browser-core';
+import type { LifeCycle } from '../../lifeCycle';
+export declare function startInitialViewMetricsTelemetry(lifeCycle: LifeCycle, telemetry: Telemetry): {
+    stop: typeof noop;
+};

package/esm/domain/view/viewMetrics/startInitialViewMetricsTelemetry.js

@@ -0,0 +1,41 @@
+import { addTelemetryMetrics, noop } from '@kubesense/kubesense-browser-core';
+export function startInitialViewMetricsTelemetry(lifeCycle, telemetry) {
+    if (!telemetry.metricsEnabled) {
+        return { stop: noop };
+    }
+    const { unsubscribe } = lifeCycle.subscribe(4 /* LifeCycleEventType.VIEW_UPDATED */, ({ initialViewMetrics }) => {
+        if (!initialViewMetrics.largestContentfulPaint || !initialViewMetrics.navigationTimings) {
+            return;
+        }
+        // The navigation timings become available shortly after the load event fires, so
+        // we're snapshotting the LCP value available at that point. However, more LCP values
+        // can be emitted until the page is scrolled or interacted with, so it's possible that
+        // the final LCP value may differ. These metrics are intended to help diagnose
+        // performance issues early in the page load process, and using LCP-at-page-load is a
+        // good fit for that use case, but it's important to be aware that this is not
+        // necessarily equivalent to the normal LCP metric.
+        // monitor-until: 2026-07-01
+        addTelemetryMetrics("Initial view metrics" /* TelemetryMetrics.INITIAL_VIEW_METRICS_TELEMETRY_NAME */, {
+            metrics: createCoreInitialViewMetrics(initialViewMetrics.largestContentfulPaint, initialViewMetrics.navigationTimings),
+        });
+        unsubscribe();
+    });
+    return {
+        stop: unsubscribe,
+    };
+}
+function createCoreInitialViewMetrics(lcp, navigation) {
+    return {
+        lcp: {
+            value: lcp.value,
+        },
+        navigation: {
+            domComplete: navigation.domComplete,
+            domContentLoaded: navigation.domContentLoaded,
+            domInteractive: navigation.domInteractive,
+            firstByte: navigation.firstByte,
+            loadEvent: navigation.loadEvent,
+        },
+    };
+}
+//# sourceMappingURL=startInitialViewMetricsTelemetry.js.map

package/esm/domain/view/viewMetrics/startInitialViewMetricsTelemetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"startInitialViewMetricsTelemetry.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/startInitialViewMetricsTelemetry.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,IAAI,EAAoB,MAAM,mCAAmC,CAAA;AAmB/F,MAAM,UAAU,gCAAgC,CAAC,SAAoB,EAAE,SAAoB;IACzF,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;QAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;IACvB,CAAC;IAED,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,SAAS,0CAAkC,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE;QACtG,IAAI,CAAC,kBAAkB,CAAC,sBAAsB,IAAI,CAAC,kBAAkB,CAAC,iBAAiB,EAAE,CAAC;YACxF,OAAM;QACR,CAAC;QAED,iFAAiF;QACjF,qFAAqF;QACrF,sFAAsF;QACtF,8EAA8E;QAC9E,qFAAqF;QACrF,8EAA8E;QAC9E,mDAAmD;QACnD,4BAA4B;QAC5B,mBAAmB,oFAAuD;YACxE,OAAO,EAAE,4BAA4B,CACnC,kBAAkB,CAAC,sBAAsB,EACzC,kBAAkB,CAAC,iBAAiB,CACrC;SACF,CAAC,CAAA;QAEF,WAAW,EAAE,CAAA;IACf,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,IAAI,EAAE,WAAW;KAClB,CAAA;AACH,CAAC;AAED,SAAS,4BAA4B,CACnC,GAA2B,EAC3B,UAA6B;IAE7B,OAAO;QACL,GAAG,EAAE;YACH,KAAK,EAAE,GAAG,CAAC,KAAK;SACjB;QACD,UAAU,EAAE;YACV,WAAW,EAAE,UAAU,CAAC,WAAW;YACnC,gBAAgB,EAAE,UAAU,CAAC,gBAAgB;YAC7C,cAAc,EAAE,UAAU,CAAC,cAAc;YACzC,SAAS,EAAE,UAAU,CAAC,SAAS;YAC/B,SAAS,EAAE,UAAU,CAAC,SAAS;SAChC;KACF,CAAA;AACH,CAAC"}

package/esm/domain/view/viewMetrics/trackBfcacheMetrics.d.ts

@@ -0,0 +1,8 @@
+import type { ClocksState } from '@kubesense/kubesense-browser-core';
+import type { InitialViewMetrics } from './trackInitialViewMetrics';
+/**
+ * BFCache keeps a full in-memory snapshot of the DOM. When the page is restored, nothing needs to be fetched, so the whole
+ * viewport repaints in a single frame. Consequently, LCP almost always equals FCP.
+ * (See: https://github.com/GoogleChrome/web-vitals/pull/87)
+ */
+export declare function trackBfcacheMetrics(viewStart: ClocksState, metrics: InitialViewMetrics, scheduleViewUpdate: () => void): void;

package/esm/domain/view/viewMetrics/trackBfcacheMetrics.js

@@ -0,0 +1,14 @@
+import { trackRestoredFirstContentfulPaint } from './trackFirstContentfulPaint';
+/**
+ * BFCache keeps a full in-memory snapshot of the DOM. When the page is restored, nothing needs to be fetched, so the whole
+ * viewport repaints in a single frame. Consequently, LCP almost always equals FCP.
+ * (See: https://github.com/GoogleChrome/web-vitals/pull/87)
+ */
+export function trackBfcacheMetrics(viewStart, metrics, scheduleViewUpdate) {
+    trackRestoredFirstContentfulPaint(viewStart.relative, (paintTime) => {
+        metrics.firstContentfulPaint = paintTime;
+        metrics.largestContentfulPaint = { value: paintTime };
+        scheduleViewUpdate();
+    });
+}
+//# sourceMappingURL=trackBfcacheMetrics.js.map

package/esm/domain/view/viewMetrics/trackBfcacheMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackBfcacheMetrics.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackBfcacheMetrics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,6BAA6B,CAAA;AAE/E;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,SAAsB,EACtB,OAA2B,EAC3B,kBAA8B;IAE9B,iCAAiC,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE;QAClE,OAAO,CAAC,oBAAoB,GAAG,SAAS,CAAA;QACxC,OAAO,CAAC,sBAAsB,GAAG,EAAE,KAAK,EAAE,SAAyB,EAAE,CAAA;QACrE,kBAAkB,EAAE,CAAA;IACtB,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/esm/domain/view/viewMetrics/trackCommonViewMetrics.d.ts

@@ -0,0 +1,21 @@
+import type { ClocksState, Duration, Observable } from '@kubesense/kubesense-browser-core';
+import type { ViewLoadingType } from '../../../rawRumEvent.types';
+import type { RumConfiguration } from '../../configuration';
+import type { LifeCycle } from '../../lifeCycle';
+import type { RumMutationRecord } from '../../../browser/domMutationObservable';
+import type { CumulativeLayoutShift } from './trackCumulativeLayoutShift';
+import type { InteractionToNextPaint } from './trackInteractionToNextPaint';
+import type { ScrollMetrics } from './trackScrollMetrics';
+export interface CommonViewMetrics {
+    loadingTime?: Duration;
+    cumulativeLayoutShift?: CumulativeLayoutShift;
+    interactionToNextPaint?: InteractionToNextPaint;
+    scroll?: ScrollMetrics;
+}
+export declare function trackCommonViewMetrics(lifeCycle: LifeCycle, domMutationObservable: Observable<RumMutationRecord[]>, windowOpenObservable: Observable<void>, configuration: RumConfiguration, scheduleViewUpdate: () => void, loadingType: ViewLoadingType, viewStart: ClocksState): {
+    stop: () => void;
+    stopINPTracking: () => void;
+    setLoadEvent: (loadEvent: Duration) => void;
+    setViewEnd: (viewEndTime: import("@kubesense/kubesense-browser-core").RelativeTime) => void;
+    getCommonViewMetrics: () => CommonViewMetrics;
+};

package/esm/domain/view/viewMetrics/trackCommonViewMetrics.js

@@ -0,0 +1,34 @@
+import { trackCumulativeLayoutShift } from './trackCumulativeLayoutShift';
+import { trackInteractionToNextPaint } from './trackInteractionToNextPaint';
+import { trackLoadingTime } from './trackLoadingTime';
+import { trackScrollMetrics } from './trackScrollMetrics';
+export function trackCommonViewMetrics(lifeCycle, domMutationObservable, windowOpenObservable, configuration, scheduleViewUpdate, loadingType, viewStart) {
+    const commonViewMetrics = {};
+    const { stop: stopLoadingTimeTracking, setLoadEvent } = trackLoadingTime(lifeCycle, domMutationObservable, windowOpenObservable, configuration, loadingType, viewStart, (newLoadingTime) => {
+        commonViewMetrics.loadingTime = newLoadingTime;
+        scheduleViewUpdate();
+    });
+    const { stop: stopScrollMetricsTracking } = trackScrollMetrics(configuration, viewStart, (newScrollMetrics) => {
+        commonViewMetrics.scroll = newScrollMetrics;
+    });
+    const { stop: stopCLSTracking } = trackCumulativeLayoutShift(configuration, viewStart.relative, (cumulativeLayoutShift) => {
+        commonViewMetrics.cumulativeLayoutShift = cumulativeLayoutShift;
+        scheduleViewUpdate();
+    });
+    const { stop: stopINPTracking, getInteractionToNextPaint, setViewEnd, } = trackInteractionToNextPaint(configuration, viewStart.relative, loadingType);
+    return {
+        stop: () => {
+            stopLoadingTimeTracking();
+            stopCLSTracking();
+            stopScrollMetricsTracking();
+        },
+        stopINPTracking,
+        setLoadEvent,
+        setViewEnd,
+        getCommonViewMetrics: () => {
+            commonViewMetrics.interactionToNextPaint = getInteractionToNextPaint();
+            return commonViewMetrics;
+        },
+    };
+}
+//# sourceMappingURL=trackCommonViewMetrics.js.map

package/esm/domain/view/viewMetrics/trackCommonViewMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackCommonViewMetrics.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackCommonViewMetrics.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AAEzE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AASzD,MAAM,UAAU,sBAAsB,CACpC,SAAoB,EACpB,qBAAsD,EACtD,oBAAsC,EACtC,aAA+B,EAC/B,kBAA8B,EAC9B,WAA4B,EAC5B,SAAsB;IAEtB,MAAM,iBAAiB,GAAsB,EAAE,CAAA;IAE/C,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,YAAY,EAAE,GAAG,gBAAgB,CACtE,SAAS,EACT,qBAAqB,EACrB,oBAAoB,EACpB,aAAa,EACb,WAAW,EACX,SAAS,EACT,CAAC,cAAc,EAAE,EAAE;QACjB,iBAAiB,CAAC,WAAW,GAAG,cAAc,CAAA;QAC9C,kBAAkB,EAAE,CAAA;IACtB,CAAC,CACF,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,yBAAyB,EAAE,GAAG,kBAAkB,CAAC,aAAa,EAAE,SAAS,EAAE,CAAC,gBAAgB,EAAE,EAAE;QAC5G,iBAAiB,CAAC,MAAM,GAAG,gBAAgB,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,0BAA0B,CAC1D,aAAa,EACb,SAAS,CAAC,QAAQ,EAClB,CAAC,qBAAqB,EAAE,EAAE;QACxB,iBAAiB,CAAC,qBAAqB,GAAG,qBAAqB,CAAA;QAC/D,kBAAkB,EAAE,CAAA;IACtB,CAAC,CACF,CAAA;IAED,MAAM,EACJ,IAAI,EAAE,eAAe,EACrB,yBAAyB,EACzB,UAAU,GACX,GAAG,2BAA2B,CAAC,aAAa,EAAE,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;IAE/E,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,uBAAuB,EAAE,CAAA;YACzB,eAAe,EAAE,CAAA;YACjB,yBAAyB,EAAE,CAAA;QAC7B,CAAC;QACD,eAAe;QACf,YAAY;QACZ,UAAU;QACV,oBAAoB,EAAE,GAAG,EAAE;YACzB,iBAAiB,CAAC,sBAAsB,GAAG,yBAAyB,EAAE,CAAA;YACtE,OAAO,iBAAiB,CAAA;QAC1B,CAAC;KACF,CAAA;AACH,CAAC"}

package/esm/domain/view/viewMetrics/trackCumulativeLayoutShift.d.ts

@@ -0,0 +1,37 @@
+import { noop } from '@kubesense/kubesense-browser-core';
+import type { Duration, RelativeTime } from '@kubesense/kubesense-browser-core';
+import type { RumConfiguration } from '../../configuration';
+import type { RumRect } from '../../../rumEvent.types';
+export interface CumulativeLayoutShift {
+    value: number;
+    targetSelector?: string;
+    time?: Duration;
+    previousRect?: RumRect;
+    currentRect?: RumRect;
+    devicePixelRatio?: number;
+}
+/**
+ * Track the cumulative layout shifts (CLS).
+ * Layout shifts are grouped into session windows.
+ * The minimum gap between session windows is 1 second.
+ * The maximum duration of a session window is 5 second.
+ * The session window layout shift value is the sum of layout shifts inside it.
+ * The CLS value is the max of session windows values.
+ *
+ * This yields a new value whenever the CLS value is updated (a higher session window value is computed).
+ *
+ * See isLayoutShiftSupported to check for browser support.
+ *
+ * Documentation:
+ * https://web.dev/cls/
+ * https://web.dev/evolving-cls/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/master/src/getCLS.ts
+ */
+export declare function trackCumulativeLayoutShift(configuration: RumConfiguration, viewStart: RelativeTime, callback: (cumulativeLayoutShift: CumulativeLayoutShift) => void): {
+    stop: typeof noop;
+};
+export declare const MAX_WINDOW_DURATION: number;
+/**
+ * Check whether `layout-shift` is supported by the browser.
+ */
+export declare function isLayoutShiftSupported(): boolean;

package/esm/domain/view/viewMetrics/trackCumulativeLayoutShift.js

@@ -0,0 +1,130 @@
+import { round, ONE_SECOND, noop, elapsed } from '@kubesense/kubesense-browser-core';
+import { isElementNode } from '../../../browser/htmlDomUtils';
+import { supportPerformanceTimingEvent, RumPerformanceEntryType, createPerformanceObservable, } from '../../../browser/performanceObservable';
+import { getSelectorFromElement } from '../../getSelectorFromElement';
+import { getClsAttributionImpactedArea } from './getClsAttributionImpactedArea';
+/**
+ * Track the cumulative layout shifts (CLS).
+ * Layout shifts are grouped into session windows.
+ * The minimum gap between session windows is 1 second.
+ * The maximum duration of a session window is 5 second.
+ * The session window layout shift value is the sum of layout shifts inside it.
+ * The CLS value is the max of session windows values.
+ *
+ * This yields a new value whenever the CLS value is updated (a higher session window value is computed).
+ *
+ * See isLayoutShiftSupported to check for browser support.
+ *
+ * Documentation:
+ * https://web.dev/cls/
+ * https://web.dev/evolving-cls/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/master/src/getCLS.ts
+ */
+export function trackCumulativeLayoutShift(configuration, viewStart, callback) {
+    if (!isLayoutShiftSupported()) {
+        return {
+            stop: noop,
+        };
+    }
+    let maxClsValue = 0;
+    let biggestShift;
+    // if no layout shift happen the value should be reported as 0
+    callback({
+        value: 0,
+    });
+    const slidingWindow = slidingSessionWindow();
+    const performanceSubscription = createPerformanceObservable(configuration, {
+        type: RumPerformanceEntryType.LAYOUT_SHIFT,
+        buffered: true,
+    }).subscribe((entries) => {
+        var _a;
+        for (const entry of entries) {
+            if (entry.hadRecentInput || entry.startTime < viewStart) {
+                continue;
+            }
+            const { cumulatedValue, isMaxValue } = slidingWindow.update(entry);
+            if (isMaxValue) {
+                const attribution = getTopImpactedElement(entry.sources);
+                biggestShift = {
+                    target: (attribution === null || attribution === void 0 ? void 0 : attribution.node) ? new WeakRef(attribution.node) : undefined,
+                    time: elapsed(viewStart, entry.startTime),
+                    previousRect: attribution === null || attribution === void 0 ? void 0 : attribution.previousRect,
+                    currentRect: attribution === null || attribution === void 0 ? void 0 : attribution.currentRect,
+                    devicePixelRatio: window.devicePixelRatio,
+                };
+            }
+            if (cumulatedValue > maxClsValue) {
+                maxClsValue = cumulatedValue;
+                const target = (_a = biggestShift === null || biggestShift === void 0 ? void 0 : biggestShift.target) === null || _a === void 0 ? void 0 : _a.deref();
+                callback({
+                    value: round(maxClsValue, 4),
+                    targetSelector: target && getSelectorFromElement(target, configuration.actionNameAttribute),
+                    time: biggestShift === null || biggestShift === void 0 ? void 0 : biggestShift.time,
+                    previousRect: (biggestShift === null || biggestShift === void 0 ? void 0 : biggestShift.previousRect) ? asRumRect(biggestShift.previousRect) : undefined,
+                    currentRect: (biggestShift === null || biggestShift === void 0 ? void 0 : biggestShift.currentRect) ? asRumRect(biggestShift.currentRect) : undefined,
+                    devicePixelRatio: biggestShift === null || biggestShift === void 0 ? void 0 : biggestShift.devicePixelRatio,
+                });
+            }
+        }
+    });
+    return {
+        stop: () => {
+            performanceSubscription.unsubscribe();
+        },
+    };
+}
+function getTopImpactedElement(sources) {
+    let topImpactedSource;
+    for (const source of sources) {
+        if (source.node && isElementNode(source.node)) {
+            const currentImpactedArea = getClsAttributionImpactedArea(source);
+            if (!topImpactedSource || getClsAttributionImpactedArea(topImpactedSource) < currentImpactedArea) {
+                topImpactedSource = source;
+            }
+        }
+    }
+    return topImpactedSource;
+}
+function asRumRect({ x, y, width, height }) {
+    return { x, y, width, height };
+}
+export const MAX_WINDOW_DURATION = 5 * ONE_SECOND;
+const MAX_UPDATE_GAP = ONE_SECOND;
+function slidingSessionWindow() {
+    let cumulatedValue = 0;
+    let startTime;
+    let endTime;
+    let maxValue = 0;
+    return {
+        update: (entry) => {
+            const shouldCreateNewWindow = startTime === undefined ||
+                entry.startTime - endTime >= MAX_UPDATE_GAP ||
+                entry.startTime - startTime >= MAX_WINDOW_DURATION;
+            let isMaxValue;
+            if (shouldCreateNewWindow) {
+                startTime = endTime = entry.startTime;
+                maxValue = cumulatedValue = entry.value;
+                isMaxValue = true;
+            }
+            else {
+                cumulatedValue += entry.value;
+                endTime = entry.startTime;
+                isMaxValue = entry.value > maxValue;
+                if (isMaxValue) {
+                    maxValue = entry.value;
+                }
+            }
+            return {
+                cumulatedValue,
+                isMaxValue,
+            };
+        },
+    };
+}
+/**
+ * Check whether `layout-shift` is supported by the browser.
+ */
+export function isLayoutShiftSupported() {
+    return supportPerformanceTimingEvent(RumPerformanceEntryType.LAYOUT_SHIFT) && 'WeakRef' in window;
+}
+//# sourceMappingURL=trackCumulativeLayoutShift.js.map

package/esm/domain/view/viewMetrics/trackCumulativeLayoutShift.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackCumulativeLayoutShift.js","sourceRoot":"","sources":["../../../../src/domain/view/viewMetrics/trackCumulativeLayoutShift.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAEpF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAE7D,OAAO,EACL,6BAA6B,EAC7B,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAGrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAA;AAqB/E;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,0BAA0B,CACxC,aAA+B,EAC/B,SAAuB,EACvB,QAAgE;IAEhE,IAAI,CAAC,sBAAsB,EAAE,EAAE,CAAC;QAC9B,OAAO;YACL,IAAI,EAAE,IAAI;SACX,CAAA;IACH,CAAC;IAED,IAAI,WAAW,GAAG,CAAC,CAAA;IACnB,IAAI,YAA6C,CAAA;IAEjD,8DAA8D;IAC9D,QAAQ,CAAC;QACP,KAAK,EAAE,CAAC;KACT,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,oBAAoB,EAAE,CAAA;IAC5C,MAAM,uBAAuB,GAAG,2BAA2B,CAAC,aAAa,EAAE;QACzE,IAAI,EAAE,uBAAuB,CAAC,YAAY;QAC1C,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;;QACvB,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;YAC5B,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,SAAS,GAAG,SAAS,EAAE,CAAC;gBACxD,SAAQ;YACV,CAAC;YAED,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAElE,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,WAAW,GAAG,qBAAqB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;gBACxD,YAAY,GAAG;oBACb,MAAM,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EAAC,CAAC,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;oBACrE,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;oBACzC,YAAY,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY;oBACvC,WAAW,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW;oBACrC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;iBAC1C,CAAA;YACH,CAAC;YAED,IAAI,cAAc,GAAG,WAAW,EAAE,CAAC;gBACjC,WAAW,GAAG,cAAc,CAAA;gBAC5B,MAAM,MAAM,GAAG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,0CAAE,KAAK,EAAE,CAAA;gBAE5C,QAAQ,CAAC;oBACP,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;oBAC5B,cAAc,EAAE,MAAM,IAAI,sBAAsB,CAAC,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC;oBAC3F,IAAI,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI;oBACxB,YAAY,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,EAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS;oBAC3F,WAAW,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,EAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS;oBACxF,gBAAgB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,gBAAgB;iBACjD,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,uBAAuB,CAAC,WAAW,EAAE,CAAA;QACvC,CAAC;KACF,CAAA;AACH,CAAC;AAED,SAAS,qBAAqB,CAC5B,OAAoC;IAEpC,IAAI,iBAA8E,CAAA;IAClF,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,IAAI,MAAM,CAAC,IAAI,IAAI,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9C,MAAM,mBAAmB,GAAG,6BAA6B,CAAC,MAAM,CAAC,CAAA;YACjE,IAAI,CAAC,iBAAiB,IAAI,6BAA6B,CAAC,iBAAiB,CAAC,GAAG,mBAAmB,EAAE,CAAC;gBACjG,iBAAiB,GAAG,MAAuD,CAAA;YAC7E,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,iBAAiB,CAAA;AAC1B,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAmB;IACzD,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;AAChC,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAG,UAAU,CAAA;AACjD,MAAM,cAAc,GAAG,UAAU,CAAA;AAEjC,SAAS,oBAAoB;IAC3B,IAAI,cAAc,GAAG,CAAC,CAAA;IACtB,IAAI,SAAuB,CAAA;IAC3B,IAAI,OAAqB,CAAA;IACzB,IAAI,QAAQ,GAAG,CAAC,CAAA;IAEhB,OAAO;QACL,MAAM,EAAE,CAAC,KAA2B,EAAE,EAAE;YACtC,MAAM,qBAAqB,GACzB,SAAS,KAAK,SAAS;gBACvB,KAAK,CAAC,SAAS,GAAG,OAAO,IAAI,cAAc;gBAC3C,KAAK,CAAC,SAAS,GAAG,SAAS,IAAI,mBAAmB,CAAA;YAEpD,IAAI,UAAmB,CAAA;YAEvB,IAAI,qBAAqB,EAAE,CAAC;gBAC1B,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC,SAAS,CAAA;gBACrC,QAAQ,GAAG,cAAc,GAAG,KAAK,CAAC,KAAK,CAAA;gBACvC,UAAU,GAAG,IAAI,CAAA;YACnB,CAAC;iBAAM,CAAC;gBACN,cAAc,IAAI,KAAK,CAAC,KAAK,CAAA;gBAC7B,OAAO,GAAG,KAAK,CAAC,SAAS,CAAA;gBACzB,UAAU,GAAG,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAA;gBAEnC,IAAI,UAAU,EAAE,CAAC;oBACf,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAA;gBACxB,CAAC;YACH,CAAC;YAED,OAAO;gBACL,cAAc;gBACd,UAAU;aACX,CAAA;QACH,CAAC;KACF,CAAA;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB;IACpC,OAAO,6BAA6B,CAAC,uBAAuB,CAAC,YAAY,CAAC,IAAI,SAAS,IAAI,MAAM,CAAA;AACnG,CAAC"}

package/esm/domain/view/viewMetrics/trackFirstContentfulPaint.d.ts

@@ -0,0 +1,13 @@
+import type { Duration, RelativeTime } from '@kubesense/kubesense-browser-core';
+import type { RumConfiguration } from '../../configuration';
+import type { FirstHidden } from './trackFirstHidden';
+export declare const FCP_MAXIMUM_DELAY: number;
+export declare function trackFirstContentfulPaint(configuration: RumConfiguration, firstHidden: FirstHidden, callback: (fcpTiming: RelativeTime) => void): {
+    stop: () => void;
+};
+/**
+ * Measure the First Contentful Paint after a BFCache restoration.
+ * The DOM is restored synchronously, so we approximate the FCP with the first frame
+ * rendered just after the pageshow event, using two nested requestAnimationFrame calls.
+ */
+export declare function trackRestoredFirstContentfulPaint(viewStartRelative: RelativeTime, callback: (fcp: Duration) => void): void;