@depup/datadog__browser-rum 6.31.0-depup.0

package/cjs/domain/record/serializationVerifier.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSerializationVerifier = createSerializationVerifier;
+const browser_core_1 = require("@datadog/browser-core");
+const types_1 = require("../../types");
+const recordingScope_1 = require("./recordingScope");
+const serialization_1 = require("./serialization");
+function createSerializationVerifier(scope, onError) {
+    // Node id numbering differs between the V1 and Change serialization
+    // algorithms, so if we want to be able to compare their output, we need to replace the
+    // 'input' node ids in each Change record with the 'output' node ids produced by the V1
+    // serialization algorithm. This NodeIdRemapper will handle that task.
+    const nodeIdRemapper = (0, serialization_1.createCopyingNodeIdRemapper)();
+    scope.nodeIds = nodeIdRemapper.outputNodeIds;
+    // Create a separate recording scope to use for Change serialization.
+    const changeScope = (0, recordingScope_1.createRecordingScope)(scope.configuration, scope.elementsScrollPositions, {
+        addShadowRoot: browser_core_1.noop,
+        removeShadowRoot: browser_core_1.noop,
+        flush: browser_core_1.noop,
+        stop: browser_core_1.noop,
+    });
+    changeScope.nodeIds = nodeIdRemapper.inputNodeIds;
+    // Create the converter that we'll use to transform the records generated by Change
+    // serialization into the V1 format.
+    let converter = (0, serialization_1.createChangeConverter)();
+    const { unsubscribe } = scope.serializeObservable.subscribe((event) => {
+        let changeRecord;
+        const emitRecord = (record) => {
+            changeRecord = record;
+        };
+        switch (event.type) {
+            case 'full':
+                // Create a new converter since we've transitioned to a new view.
+                converter = (0, serialization_1.createChangeConverter)();
+                (0, serialization_1.serializeFullSnapshotAsChange)(event.timestamp, event.kind, event.target, emitRecord, browser_core_1.noop, changeScope);
+                break;
+            case 'incremental':
+                (0, serialization_1.serializeMutationsAsChange)(event.timestamp, event.target, emitRecord, browser_core_1.noop, changeScope);
+                break;
+            default:
+                event;
+                return;
+        }
+        if (!changeRecord) {
+            onError('No change record serialized', event);
+            return;
+        }
+        try {
+            const v1Record = event.v1;
+            const convertedChangeRecord = converter.convert(changeRecord, {
+                nodeIdRemapper,
+                timestamp: v1Record.timestamp,
+            });
+            verifySnapshotsMatch(v1Record, convertedChangeRecord, onError);
+        }
+        catch (error) {
+            onError('Error verifying change record', error);
+        }
+    });
+    return {
+        stop: unsubscribe,
+    };
+}
+function verifySnapshotsMatch(expectedRecord, actualRecord, onError) {
+    if (expectedRecord.type !== types_1.RecordType.IncrementalSnapshot ||
+        expectedRecord.data.source !== types_1.IncrementalSource.Mutation ||
+        actualRecord.type !== types_1.RecordType.IncrementalSnapshot ||
+        actualRecord.data.source !== types_1.IncrementalSource.Mutation) {
+        // We expect full snapshots to be byte-for-byte equivalent, full stop.
+        verifyByteForByteEquivalence('full snapshot', expectedRecord, actualRecord, onError);
+        return;
+    }
+    // Verify that everything but the data is byte-for-byte equivalent.
+    verifyByteForByteEquivalence('incremental snapshot wrapper', { ...expectedRecord, data: null }, { ...actualRecord, data: null }, onError);
+    // Within the data, verify that everything but attribute mutations and node remove
+    // mutations are byte-for-byte equivalent.
+    verifyByteForByteEquivalence('incremental snapshot data (without attributes and removes)', { ...expectedRecord.data, attributes: null, removes: null }, { ...actualRecord.data, attributes: null, removes: null }, onError);
+    // Verify that the attribute mutations are byte-for-byte equivalent except for order.
+    const orderAttributeMutations = (a, b) => a.id - b.id;
+    verifyByteForByteEquivalence('incremental snapshot attribute mutations', expectedRecord.data.attributes.sort(orderAttributeMutations), actualRecord.data.attributes.sort(orderAttributeMutations), onError);
+    // Gather the set of removes performed by V1 serialization.
+    const expectedRemoves = expectedRecord.data.removes;
+    const expectedRemovedNodes = new Set();
+    for (const remove of expectedRemoves) {
+        expectedRemovedNodes.add(remove.id);
+    }
+    // Gather the set of removes performed by Change serialization. Change serialization is
+    // more conservative about remove reporting, so it will report some removes that V1
+    // serialization deliberately skips. To paper over that difference, we filter out
+    // removes that V1 serialization didn't also report.
+    const actualRemoves = actualRecord.data.removes.filter((remove) => expectedRemovedNodes.has(remove.id));
+    // Verify that the removes that remain are byte-for-byte equivalent.
+    verifyByteForByteEquivalence('incremental snapshot removes', expectedRemoves, actualRemoves, onError);
+}
+function verifyByteForByteEquivalence(context, expected, actual, onError) {
+    const expectedString = JSON.stringify(expected);
+    const actualString = JSON.stringify(actual);
+    if (actualString !== expectedString) {
+        onError('Serialization mismatch', {
+            context,
+            mismatch: createSerializationMismatchContext(expectedString, actualString),
+        });
+    }
+}
+function createSerializationMismatchContext(expected, actual) {
+    const length = Math.min(expected.length, actual.length);
+    try {
+        let firstDifferenceIndex = 0;
+        while (firstDifferenceIndex < length && expected[firstDifferenceIndex] === actual[firstDifferenceIndex]) {
+            firstDifferenceIndex++;
+        }
+        return {
+            expected: getStringNearPosition(expected, firstDifferenceIndex),
+            actual: getStringNearPosition(actual, firstDifferenceIndex),
+        };
+    }
+    catch (e) {
+        return { firstDifferenceError: JSON.stringify(e) };
+    }
+}
+function getStringNearPosition(str, index) {
+    const leftContextStart = Math.max(index - 50, 0);
+    const rightContextEnd = Math.min(index + 150, str.length);
+    return `${str.substring(leftContextStart, index)}(!)${str.substring(index, rightContextEnd)}`;
+}
+//# sourceMappingURL=serializationVerifier.js.map

package/cjs/domain/record/serializationVerifier.js.map

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

package/cjs/domain/record/shadowRootsController.d.ts

@@ -0,0 +1,11 @@
+import type { RecordingScope } from './recordingScope.ts';
+import type { EmitRecordCallback, EmitStatsCallback } from './record.types';
+export type AddShadowRootCallBack = (shadowRoot: ShadowRoot, scope: RecordingScope) => void;
+export type RemoveShadowRootCallBack = (shadowRoot: ShadowRoot) => void;
+export interface ShadowRootsController {
+    addShadowRoot: AddShadowRootCallBack;
+    removeShadowRoot: RemoveShadowRootCallBack;
+    stop: () => void;
+    flush: () => void;
+}
+export declare const initShadowRootsController: (emitRecord: EmitRecordCallback, emitStats: EmitStatsCallback) => ShadowRootsController;

package/cjs/domain/record/shadowRootsController.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initShadowRootsController = void 0;
+const trackers_1 = require("./trackers");
+const initShadowRootsController = (emitRecord, emitStats) => {
+    const controllerByShadowRoot = new Map();
+    const shadowRootsController = {
+        addShadowRoot: (shadowRoot, scope) => {
+            if (controllerByShadowRoot.has(shadowRoot)) {
+                return;
+            }
+            const mutationTracker = (0, trackers_1.trackMutation)(shadowRoot, emitRecord, emitStats, scope);
+            // The change event does not bubble up across the shadow root, we have to listen on the shadow root
+            const inputTracker = (0, trackers_1.trackInput)(shadowRoot, emitRecord, scope);
+            // The scroll event does not bubble up across the shadow root, we have to listen on the shadow root
+            const scrollTracker = (0, trackers_1.trackScroll)(shadowRoot, emitRecord, scope);
+            controllerByShadowRoot.set(shadowRoot, {
+                flush: () => mutationTracker.flush(),
+                stop: () => {
+                    mutationTracker.stop();
+                    inputTracker.stop();
+                    scrollTracker.stop();
+                },
+            });
+        },
+        removeShadowRoot: (shadowRoot) => {
+            const entry = controllerByShadowRoot.get(shadowRoot);
+            if (!entry) {
+                // unidentified root cause: observed in some cases with shadow DOM added by browser extensions
+                return;
+            }
+            entry.stop();
+            controllerByShadowRoot.delete(shadowRoot);
+        },
+        stop: () => {
+            controllerByShadowRoot.forEach(({ stop }) => stop());
+        },
+        flush: () => {
+            controllerByShadowRoot.forEach(({ flush }) => flush());
+        },
+    };
+    return shadowRootsController;
+};
+exports.initShadowRootsController = initShadowRootsController;
+//# sourceMappingURL=shadowRootsController.js.map

package/cjs/domain/record/shadowRootsController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadowRootsController.js","sourceRoot":"","sources":["../../../src/domain/record/shadowRootsController.ts"],"names":[],"mappings":";;;AAEA,yCAAmE;AAiB5D,MAAM,yBAAyB,GAAG,CACvC,UAA8B,EAC9B,SAA4B,EACL,EAAE;IACzB,MAAM,sBAAsB,GAAG,IAAI,GAAG,EAAoC,CAAA;IAE1E,MAAM,qBAAqB,GAA0B;QACnD,aAAa,EAAE,CAAC,UAAsB,EAAE,KAAqB,EAAE,EAAE;YAC/D,IAAI,sBAAsB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;gBAC3C,OAAM;YACR,CAAC;YACD,MAAM,eAAe,GAAG,IAAA,wBAAa,EAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;YAC/E,mGAAmG;YACnG,MAAM,YAAY,GAAG,IAAA,qBAAU,EAAC,UAAU,EAAE,UAAU,EAAE,KAAK,CAAC,CAAA;YAC9D,mGAAmG;YACnG,MAAM,aAAa,GAAG,IAAA,sBAAW,EAAC,UAAU,EAAE,UAAU,EAAE,KAAK,CAAC,CAAA;YAChE,sBAAsB,CAAC,GAAG,CAAC,UAAU,EAAE;gBACrC,KAAK,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE;gBACpC,IAAI,EAAE,GAAG,EAAE;oBACT,eAAe,CAAC,IAAI,EAAE,CAAA;oBACtB,YAAY,CAAC,IAAI,EAAE,CAAA;oBACnB,aAAa,CAAC,IAAI,EAAE,CAAA;gBACtB,CAAC;aACF,CAAC,CAAA;QACJ,CAAC;QACD,gBAAgB,EAAE,CAAC,UAAsB,EAAE,EAAE;YAC3C,MAAM,KAAK,GAAG,sBAAsB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;YACpD,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,8FAA8F;gBAC9F,OAAM;YACR,CAAC;YACD,KAAK,CAAC,IAAI,EAAE,CAAA;YACZ,sBAAsB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;QAC3C,CAAC;QACD,IAAI,EAAE,GAAG,EAAE;YACT,sBAAsB,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;QACtD,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,sBAAsB,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAA;QACxD,CAAC;KACF,CAAA;IACD,OAAO,qBAAqB,CAAA;AAC9B,CAAC,CAAA;AA1CY,QAAA,yBAAyB,6BA0CrC"}

package/cjs/domain/record/startFullSnapshots.d.ts

@@ -0,0 +1,10 @@
+import type { LifeCycle } from '@datadog/browser-rum-core';
+import type { TimeStamp } from '@datadog/browser-core';
+import { SerializationKind } from './serialization';
+import type { RecordingScope } from './recordingScope';
+import type { EmitRecordCallback, EmitStatsCallback } from './record.types';
+export type SerializeFullSnapshotCallback = (timestamp: TimeStamp, kind: SerializationKind, document: Document, emitRecord: EmitRecordCallback, emitStats: EmitStatsCallback, scope: RecordingScope) => void;
+export declare function startFullSnapshots(lifeCycle: LifeCycle, emitRecord: EmitRecordCallback, emitStats: EmitStatsCallback, flushMutations: () => void, scope: RecordingScope, serialize?: SerializeFullSnapshotCallback): {
+    stop: () => void;
+};
+export declare function takeFullSnapshot(timestamp: TimeStamp, kind: SerializationKind, emitRecord: EmitRecordCallback, emitStats: EmitStatsCallback, scope: RecordingScope, serialize?: SerializeFullSnapshotCallback): void;

package/cjs/domain/record/startFullSnapshots.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startFullSnapshots = startFullSnapshots;
+exports.takeFullSnapshot = takeFullSnapshot;
+const browser_rum_core_1 = require("@datadog/browser-rum-core");
+const browser_core_1 = require("@datadog/browser-core");
+const types_1 = require("../../types");
+const serialization_1 = require("./serialization");
+const viewports_1 = require("./viewports");
+function startFullSnapshots(lifeCycle, emitRecord, emitStats, flushMutations, scope, serialize = defaultSerializeFullSnapshotCallback()) {
+    takeFullSnapshot((0, browser_core_1.timeStampNow)(), 0 /* SerializationKind.INITIAL_FULL_SNAPSHOT */, emitRecord, emitStats, scope, serialize);
+    const { unsubscribe } = lifeCycle.subscribe(2 /* LifeCycleEventType.VIEW_CREATED */, (view) => {
+        flushMutations();
+        takeFullSnapshot(view.startClocks.timeStamp, 1 /* SerializationKind.SUBSEQUENT_FULL_SNAPSHOT */, emitRecord, emitStats, scope, serialize);
+    });
+    return {
+        stop: unsubscribe,
+    };
+}
+function takeFullSnapshot(timestamp, kind, emitRecord, emitStats, scope, serialize = defaultSerializeFullSnapshotCallback()) {
+    const { width, height } = (0, browser_rum_core_1.getViewportDimension)();
+    emitRecord({
+        data: {
+            height,
+            href: window.location.href,
+            width,
+        },
+        type: types_1.RecordType.Meta,
+        timestamp,
+    });
+    emitRecord({
+        data: {
+            has_focus: document.hasFocus(),
+        },
+        type: types_1.RecordType.Focus,
+        timestamp,
+    });
+    serialize(timestamp, kind, document, emitRecord, emitStats, scope);
+    if (window.visualViewport) {
+        emitRecord({
+            data: (0, viewports_1.getVisualViewport)(window.visualViewport),
+            type: types_1.RecordType.VisualViewport,
+            timestamp,
+        });
+    }
+}
+function defaultSerializeFullSnapshotCallback() {
+    return (0, serialization_1.isFullSnapshotChangeRecordsEnabled)() ? serialization_1.serializeFullSnapshotAsChange : serialization_1.serializeFullSnapshot;
+}
+//# sourceMappingURL=startFullSnapshots.js.map

package/cjs/domain/record/startFullSnapshots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"startFullSnapshots.js","sourceRoot":"","sources":["../../../src/domain/record/startFullSnapshots.ts"],"names":[],"mappings":";;AAwBA,gDAyBC;AAED,4CAoCC;AAvFD,gEAAoF;AAEpF,wDAAoD;AAEpD,uCAAwC;AACxC,mDAKwB;AACxB,2CAA+C;AAa/C,SAAgB,kBAAkB,CAChC,SAAoB,EACpB,UAA8B,EAC9B,SAA4B,EAC5B,cAA0B,EAC1B,KAAqB,EACrB,YAA2C,oCAAoC,EAAE;IAEjF,gBAAgB,CAAC,IAAA,2BAAY,GAAE,mDAA2C,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IAElH,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,SAAS,0CAAkC,CAAC,IAAI,EAAE,EAAE;QACpF,cAAc,EAAE,CAAA;QAChB,gBAAgB,CACd,IAAI,CAAC,WAAW,CAAC,SAAS,sDAE1B,UAAU,EACV,SAAS,EACT,KAAK,EACL,SAAS,CACV,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,IAAI,EAAE,WAAW;KAClB,CAAA;AACH,CAAC;AAED,SAAgB,gBAAgB,CAC9B,SAAoB,EACpB,IAAuB,EACvB,UAA8B,EAC9B,SAA4B,EAC5B,KAAqB,EACrB,YAA2C,oCAAoC,EAAE;IAEjF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,uCAAoB,GAAE,CAAA;IAChD,UAAU,CAAC;QACT,IAAI,EAAE;YACJ,MAAM;YACN,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;YAC1B,KAAK;SACN;QACD,IAAI,EAAE,kBAAU,CAAC,IAAI;QACrB,SAAS;KACV,CAAC,CAAA;IAEF,UAAU,CAAC;QACT,IAAI,EAAE;YACJ,SAAS,EAAE,QAAQ,CAAC,QAAQ,EAAE;SAC/B;QACD,IAAI,EAAE,kBAAU,CAAC,KAAK;QACtB,SAAS;KACV,CAAC,CAAA;IAEF,SAAS,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAElE,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;QAC1B,UAAU,CAAC;YACT,IAAI,EAAE,IAAA,6BAAiB,EAAC,MAAM,CAAC,cAAc,CAAC;YAC9C,IAAI,EAAE,kBAAU,CAAC,cAAc;YAC/B,SAAS;SACV,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AAED,SAAS,oCAAoC;IAC3C,OAAO,IAAA,kDAAkC,GAAE,CAAC,CAAC,CAAC,6CAA6B,CAAC,CAAC,CAAC,qCAAqB,CAAA;AACrG,CAAC"}

package/cjs/domain/record/trackers/index.d.ts

@@ -0,0 +1,12 @@
+export { trackMove } from './trackMove';
+export { trackMouseInteraction } from './trackMouseInteraction';
+export { trackScroll } from './trackScroll';
+export { trackViewportResize, trackVisualViewportResize } from './trackViewportResize';
+export { trackMediaInteraction } from './trackMediaInteraction';
+export { trackStyleSheet } from './trackStyleSheet';
+export { trackFocus } from './trackFocus';
+export { trackFrustration } from './trackFrustration';
+export { trackViewEnd } from './trackViewEnd';
+export { trackInput } from './trackInput';
+export { trackMutation } from './trackMutation';
+export type { Tracker } from './tracker.types';

package/cjs/domain/record/trackers/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackMutation = exports.trackInput = exports.trackViewEnd = exports.trackFrustration = exports.trackFocus = exports.trackStyleSheet = exports.trackMediaInteraction = exports.trackVisualViewportResize = exports.trackViewportResize = exports.trackScroll = exports.trackMouseInteraction = exports.trackMove = void 0;
+var trackMove_1 = require("./trackMove");
+Object.defineProperty(exports, "trackMove", { enumerable: true, get: function () { return trackMove_1.trackMove; } });
+var trackMouseInteraction_1 = require("./trackMouseInteraction");
+Object.defineProperty(exports, "trackMouseInteraction", { enumerable: true, get: function () { return trackMouseInteraction_1.trackMouseInteraction; } });
+var trackScroll_1 = require("./trackScroll");
+Object.defineProperty(exports, "trackScroll", { enumerable: true, get: function () { return trackScroll_1.trackScroll; } });
+var trackViewportResize_1 = require("./trackViewportResize");
+Object.defineProperty(exports, "trackViewportResize", { enumerable: true, get: function () { return trackViewportResize_1.trackViewportResize; } });
+Object.defineProperty(exports, "trackVisualViewportResize", { enumerable: true, get: function () { return trackViewportResize_1.trackVisualViewportResize; } });
+var trackMediaInteraction_1 = require("./trackMediaInteraction");
+Object.defineProperty(exports, "trackMediaInteraction", { enumerable: true, get: function () { return trackMediaInteraction_1.trackMediaInteraction; } });
+var trackStyleSheet_1 = require("./trackStyleSheet");
+Object.defineProperty(exports, "trackStyleSheet", { enumerable: true, get: function () { return trackStyleSheet_1.trackStyleSheet; } });
+var trackFocus_1 = require("./trackFocus");
+Object.defineProperty(exports, "trackFocus", { enumerable: true, get: function () { return trackFocus_1.trackFocus; } });
+var trackFrustration_1 = require("./trackFrustration");
+Object.defineProperty(exports, "trackFrustration", { enumerable: true, get: function () { return trackFrustration_1.trackFrustration; } });
+var trackViewEnd_1 = require("./trackViewEnd");
+Object.defineProperty(exports, "trackViewEnd", { enumerable: true, get: function () { return trackViewEnd_1.trackViewEnd; } });
+var trackInput_1 = require("./trackInput");
+Object.defineProperty(exports, "trackInput", { enumerable: true, get: function () { return trackInput_1.trackInput; } });
+var trackMutation_1 = require("./trackMutation");
+Object.defineProperty(exports, "trackMutation", { enumerable: true, get: function () { return trackMutation_1.trackMutation; } });
+//# sourceMappingURL=index.js.map

package/cjs/domain/record/trackers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/index.ts"],"names":[],"mappings":";;;AAAA,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAClB,iEAA+D;AAAtD,8HAAA,qBAAqB,OAAA;AAC9B,6CAA2C;AAAlC,0GAAA,WAAW,OAAA;AACpB,6DAAsF;AAA7E,0HAAA,mBAAmB,OAAA;AAAE,gIAAA,yBAAyB,OAAA;AACvD,iEAA+D;AAAtD,8HAAA,qBAAqB,OAAA;AAC9B,qDAAmD;AAA1C,kHAAA,eAAe,OAAA;AACxB,2CAAyC;AAAhC,wGAAA,UAAU,OAAA;AACnB,uDAAqD;AAA5C,oHAAA,gBAAgB,OAAA;AACzB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,2CAAyC;AAAhC,wGAAA,UAAU,OAAA;AACnB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA"}

package/cjs/domain/record/trackers/trackFocus.d.ts

@@ -0,0 +1,5 @@
+import type { FocusRecord } from '../../../types';
+import type { RecordingScope } from '../recordingScope';
+import type { EmitRecordCallback } from '../record.types';
+import type { Tracker } from './tracker.types';
+export declare function trackFocus(emitRecord: EmitRecordCallback<FocusRecord>, scope: RecordingScope): Tracker;

package/cjs/domain/record/trackers/trackFocus.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackFocus = trackFocus;
+const browser_core_1 = require("@datadog/browser-core");
+const types_1 = require("../../../types");
+function trackFocus(emitRecord, scope) {
+    return (0, browser_core_1.addEventListeners)(scope.configuration, window, ["focus" /* DOM_EVENT.FOCUS */, "blur" /* DOM_EVENT.BLUR */], () => {
+        emitRecord({
+            data: { has_focus: document.hasFocus() },
+            type: types_1.RecordType.Focus,
+            timestamp: (0, browser_core_1.timeStampNow)(),
+        });
+    });
+}
+//# sourceMappingURL=trackFocus.js.map

package/cjs/domain/record/trackers/trackFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackFocus.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackFocus.ts"],"names":[],"mappings":";;AAOA,gCAQC;AAfD,wDAAkF;AAElF,0CAA2C;AAK3C,SAAgB,UAAU,CAAC,UAA2C,EAAE,KAAqB;IAC3F,OAAO,IAAA,gCAAiB,EAAC,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,4DAAiC,EAAE,GAAG,EAAE;QAC5F,UAAU,CAAC;YACT,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE;YACxC,IAAI,EAAE,kBAAU,CAAC,KAAK;YACtB,SAAS,EAAE,IAAA,2BAAY,GAAE;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/cjs/domain/record/trackers/trackFrustration.d.ts

@@ -0,0 +1,6 @@
+import type { LifeCycle } from '@datadog/browser-rum-core';
+import type { FrustrationRecord } from '../../../types';
+import type { EmitRecordCallback } from '../record.types';
+import type { RecordingScope } from '../recordingScope';
+import type { Tracker } from './tracker.types';
+export declare function trackFrustration(lifeCycle: LifeCycle, emitRecord: EmitRecordCallback<FrustrationRecord>, scope: RecordingScope): Tracker;

package/cjs/domain/record/trackers/trackFrustration.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackFrustration = trackFrustration;
+const browser_rum_core_1 = require("@datadog/browser-rum-core");
+const types_1 = require("../../../types");
+function trackFrustration(lifeCycle, emitRecord, scope) {
+    const frustrationSubscription = lifeCycle.subscribe(12 /* LifeCycleEventType.RAW_RUM_EVENT_COLLECTED */, (data) => {
+        var _a, _b;
+        if (data.rawRumEvent.type === browser_rum_core_1.RumEventType.ACTION &&
+            data.rawRumEvent.action.type === browser_rum_core_1.ActionType.CLICK &&
+            ((_b = (_a = data.rawRumEvent.action.frustration) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.length) &&
+            'events' in data.domainContext &&
+            data.domainContext.events &&
+            data.domainContext.events.length) {
+            emitRecord({
+                timestamp: data.rawRumEvent.date,
+                type: types_1.RecordType.FrustrationRecord,
+                data: {
+                    frustrationTypes: data.rawRumEvent.action.frustration.type,
+                    recordIds: data.domainContext.events.map((e) => scope.eventIds.getOrInsert(e)),
+                },
+            });
+        }
+    });
+    return {
+        stop: () => {
+            frustrationSubscription.unsubscribe();
+        },
+    };
+}
+//# sourceMappingURL=trackFrustration.js.map

package/cjs/domain/record/trackers/trackFrustration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackFrustration.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackFrustration.ts"],"names":[],"mappings":";;AAQA,4CA8BC;AArCD,gEAAwF;AAExF,0CAA2C;AAK3C,SAAgB,gBAAgB,CAC9B,SAAoB,EACpB,UAAiD,EACjD,KAAqB;IAErB,MAAM,uBAAuB,GAAG,SAAS,CAAC,SAAS,sDAA6C,CAAC,IAAI,EAAE,EAAE;;QACvG,IACE,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,+BAAY,CAAC,MAAM;YAC7C,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,KAAK,6BAAU,CAAC,KAAK;aACjD,MAAA,MAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,0CAAE,IAAI,0CAAE,MAAM,CAAA;YACjD,QAAQ,IAAI,IAAI,CAAC,aAAa;YAC9B,IAAI,CAAC,aAAa,CAAC,MAAM;YACzB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAChC,CAAC;YACD,UAAU,CAAC;gBACT,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI;gBAChC,IAAI,EAAE,kBAAU,CAAC,iBAAiB;gBAClC,IAAI,EAAE;oBACJ,gBAAgB,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI;oBAC1D,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;iBAC/E;aACF,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,IAAI,EAAE,GAAG,EAAE;YACT,uBAAuB,CAAC,WAAW,EAAE,CAAA;QACvC,CAAC;KACF,CAAA;AACH,CAAC"}

package/cjs/domain/record/trackers/trackInput.d.ts

@@ -0,0 +1,4 @@
+import type { RecordingScope } from '../recordingScope';
+import type { EmitRecordCallback } from '../record.types';
+import type { Tracker } from './tracker.types';
+export declare function trackInput(target: Document | ShadowRoot, emitRecord: EmitRecordCallback, scope: RecordingScope): Tracker;

package/cjs/domain/record/trackers/trackInput.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackInput = trackInput;
+const browser_core_1 = require("@datadog/browser-core");
+const browser_rum_core_1 = require("@datadog/browser-rum-core");
+const types_1 = require("../../../types");
+const eventsUtils_1 = require("../eventsUtils");
+const serialization_1 = require("../serialization");
+const assembly_1 = require("../assembly");
+function trackInput(target, emitRecord, scope) {
+    const defaultPrivacyLevel = scope.configuration.defaultPrivacyLevel;
+    const lastInputStateMap = new WeakMap();
+    const isShadowRoot = target !== document;
+    const { stop: stopEventListeners } = (0, browser_core_1.addEventListeners)(scope.configuration, target, 
+    // The 'input' event bubbles across shadow roots, so we don't have to listen for it on shadow
+    // roots since it will be handled by the event listener that we did add to the document. Only
+    // the 'change' event is blocked and needs to be handled on shadow roots.
+    isShadowRoot ? ["change" /* DOM_EVENT.CHANGE */] : ["input" /* DOM_EVENT.INPUT */, "change" /* DOM_EVENT.CHANGE */], (event) => {
+        const target = (0, eventsUtils_1.getEventTarget)(event);
+        if (target instanceof HTMLInputElement ||
+            target instanceof HTMLTextAreaElement ||
+            target instanceof HTMLSelectElement) {
+            onElementChange(target);
+        }
+    }, {
+        capture: true,
+        passive: true,
+    });
+    let stopPropertySetterInstrumentation;
+    if (!isShadowRoot) {
+        const instrumentationStoppers = [
+            (0, browser_core_1.instrumentSetter)(HTMLInputElement.prototype, 'value', onElementChange),
+            (0, browser_core_1.instrumentSetter)(HTMLInputElement.prototype, 'checked', onElementChange),
+            (0, browser_core_1.instrumentSetter)(HTMLSelectElement.prototype, 'value', onElementChange),
+            (0, browser_core_1.instrumentSetter)(HTMLTextAreaElement.prototype, 'value', onElementChange),
+            (0, browser_core_1.instrumentSetter)(HTMLSelectElement.prototype, 'selectedIndex', onElementChange),
+        ];
+        stopPropertySetterInstrumentation = () => {
+            instrumentationStoppers.forEach((stopper) => stopper.stop());
+        };
+    }
+    else {
+        stopPropertySetterInstrumentation = browser_core_1.noop;
+    }
+    return {
+        stop: () => {
+            stopPropertySetterInstrumentation();
+            stopEventListeners();
+        },
+    };
+    function onElementChange(target) {
+        const nodePrivacyLevel = (0, browser_rum_core_1.getNodePrivacyLevel)(target, defaultPrivacyLevel);
+        if (nodePrivacyLevel === browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
+            return;
+        }
+        const type = target.type;
+        let inputState;
+        if (type === 'radio' || type === 'checkbox') {
+            if ((0, browser_rum_core_1.shouldMaskNode)(target, nodePrivacyLevel)) {
+                return;
+            }
+            inputState = { isChecked: target.checked };
+        }
+        else {
+            const value = (0, serialization_1.getElementInputValue)(target, nodePrivacyLevel);
+            if (value === undefined) {
+                return;
+            }
+            inputState = { text: value };
+        }
+        // Can be multiple changes on the same node within the same batched mutation observation.
+        createRecordIfStateChanged(target, inputState);
+        // If a radio was checked, other radios with the same name attribute will be unchecked.
+        const name = target.name;
+        if (type === 'radio' && name && target.checked) {
+            document.querySelectorAll(`input[type="radio"][name="${CSS.escape(name)}"]`).forEach((el) => {
+                if (el !== target) {
+                    // TODO: Consider the privacy implications for various differing input privacy levels
+                    createRecordIfStateChanged(el, { isChecked: false });
+                }
+            });
+        }
+    }
+    /**
+     * There can be multiple changes on the same node within the same batched mutation observation.
+     */
+    function createRecordIfStateChanged(target, inputState) {
+        const id = scope.nodeIds.get(target);
+        if (id === undefined) {
+            return;
+        }
+        const lastInputState = lastInputStateMap.get(target);
+        if (!lastInputState ||
+            lastInputState.text !== inputState.text ||
+            lastInputState.isChecked !== inputState.isChecked) {
+            lastInputStateMap.set(target, inputState);
+            emitRecord((0, assembly_1.assembleIncrementalSnapshot)(types_1.IncrementalSource.Input, {
+                id,
+                ...inputState,
+            }));
+        }
+    }
+}
+//# sourceMappingURL=trackInput.js.map

package/cjs/domain/record/trackers/trackInput.js.map

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

package/cjs/domain/record/trackers/trackMediaInteraction.d.ts

@@ -0,0 +1,5 @@
+import type { BrowserIncrementalSnapshotRecord } from '../../../types';
+import type { EmitRecordCallback } from '../record.types';
+import type { RecordingScope } from '../recordingScope';
+import type { Tracker } from './tracker.types';
+export declare function trackMediaInteraction(emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>, scope: RecordingScope): Tracker;

package/cjs/domain/record/trackers/trackMediaInteraction.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackMediaInteraction = trackMediaInteraction;
+const browser_core_1 = require("@datadog/browser-core");
+const browser_rum_core_1 = require("@datadog/browser-rum-core");
+const types_1 = require("../../../types");
+const eventsUtils_1 = require("../eventsUtils");
+const assembly_1 = require("../assembly");
+function trackMediaInteraction(emitRecord, scope) {
+    return (0, browser_core_1.addEventListeners)(scope.configuration, document, ["play" /* DOM_EVENT.PLAY */, "pause" /* DOM_EVENT.PAUSE */], (event) => {
+        const target = (0, eventsUtils_1.getEventTarget)(event);
+        if (!target) {
+            return;
+        }
+        const id = scope.nodeIds.get(target);
+        if (id === undefined ||
+            (0, browser_rum_core_1.getNodePrivacyLevel)(target, scope.configuration.defaultPrivacyLevel) === browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
+            return;
+        }
+        emitRecord((0, assembly_1.assembleIncrementalSnapshot)(types_1.IncrementalSource.MediaInteraction, {
+            id,
+            type: event.type === "play" /* DOM_EVENT.PLAY */ ? types_1.MediaInteractionType.Play : types_1.MediaInteractionType.Pause,
+        }));
+    }, {
+        capture: true,
+        passive: true,
+    });
+}
+//# sourceMappingURL=trackMediaInteraction.js.map

package/cjs/domain/record/trackers/trackMediaInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackMediaInteraction.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackMediaInteraction.ts"],"names":[],"mappings":";;AAUA,sDAgCC;AA1CD,wDAAoE;AACpE,gEAAiF;AAEjF,0CAAwE;AACxE,gDAA+C;AAC/C,0CAAyD;AAKzD,SAAgB,qBAAqB,CACnC,UAAgE,EAChE,KAAqB;IAErB,OAAO,IAAA,gCAAiB,EACtB,KAAK,CAAC,aAAa,EACnB,QAAQ,EACR,4DAAiC,EACjC,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,MAAM,GAAG,IAAA,4BAAc,EAAC,KAAK,CAAC,CAAA;QACpC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACpC,IACE,EAAE,KAAK,SAAS;YAChB,IAAA,sCAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,mCAAgB,CAAC,MAAM,EAChG,CAAC;YACD,OAAM;QACR,CAAC;QACD,UAAU,CACR,IAAA,sCAA2B,EAAuB,yBAAiB,CAAC,gBAAgB,EAAE;YACpF,EAAE;YACF,IAAI,EAAE,KAAK,CAAC,IAAI,gCAAmB,CAAC,CAAC,CAAC,4BAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,4BAAoB,CAAC,KAAK;SAC7F,CAAC,CACH,CAAA;IACH,CAAC,EACD;QACE,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd,CACF,CAAA;AACH,CAAC"}

package/cjs/domain/record/trackers/trackMouseInteraction.d.ts

@@ -0,0 +1,5 @@
+import type { BrowserIncrementalSnapshotRecord } from '../../../types';
+import type { RecordingScope } from '../recordingScope';
+import type { EmitRecordCallback } from '../record.types';
+import type { Tracker } from './tracker.types';
+export declare function trackMouseInteraction(emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>, scope: RecordingScope): Tracker;

package/cjs/domain/record/trackers/trackMouseInteraction.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackMouseInteraction = trackMouseInteraction;
+const browser_core_1 = require("@datadog/browser-core");
+const browser_rum_core_1 = require("@datadog/browser-rum-core");
+const types_1 = require("../../../types");
+const assembly_1 = require("../assembly");
+const eventsUtils_1 = require("../eventsUtils");
+const trackMove_1 = require("./trackMove");
+const eventTypeToMouseInteraction = {
+    // Listen for pointerup DOM events instead of mouseup for MouseInteraction/MouseUp records. This
+    // allows to reference such records from Frustration records.
+    //
+    // In the context of supporting Mobile Session Replay, we introduced `PointerInteraction` records
+    // used by the Mobile SDKs in place of `MouseInteraction`. In the future, we should replace
+    // `MouseInteraction` by `PointerInteraction` in the Browser SDK so we have an uniform way to
+    // convey such interaction. This would cleanly solve the issue since we would have
+    // `PointerInteraction/Up` records that we could reference from `Frustration` records.
+    ["pointerup" /* DOM_EVENT.POINTER_UP */]: types_1.MouseInteractionType.MouseUp,
+    ["mousedown" /* DOM_EVENT.MOUSE_DOWN */]: types_1.MouseInteractionType.MouseDown,
+    ["click" /* DOM_EVENT.CLICK */]: types_1.MouseInteractionType.Click,
+    ["contextmenu" /* DOM_EVENT.CONTEXT_MENU */]: types_1.MouseInteractionType.ContextMenu,
+    ["dblclick" /* DOM_EVENT.DBL_CLICK */]: types_1.MouseInteractionType.DblClick,
+    ["focus" /* DOM_EVENT.FOCUS */]: types_1.MouseInteractionType.Focus,
+    ["blur" /* DOM_EVENT.BLUR */]: types_1.MouseInteractionType.Blur,
+    ["touchstart" /* DOM_EVENT.TOUCH_START */]: types_1.MouseInteractionType.TouchStart,
+    ["touchend" /* DOM_EVENT.TOUCH_END */]: types_1.MouseInteractionType.TouchEnd,
+};
+function trackMouseInteraction(emitRecord, scope) {
+    const handler = (event) => {
+        const target = (0, eventsUtils_1.getEventTarget)(event);
+        const id = scope.nodeIds.get(target);
+        if (id === undefined ||
+            (0, browser_rum_core_1.getNodePrivacyLevel)(target, scope.configuration.defaultPrivacyLevel) === browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
+            return;
+        }
+        const type = eventTypeToMouseInteraction[event.type];
+        let interaction;
+        if (type !== types_1.MouseInteractionType.Blur && type !== types_1.MouseInteractionType.Focus) {
+            const coordinates = (0, trackMove_1.tryToComputeCoordinates)(event);
+            if (!coordinates) {
+                return;
+            }
+            interaction = { id, type, x: coordinates.x, y: coordinates.y };
+        }
+        else {
+            interaction = { id, type };
+        }
+        emitRecord({
+            id: scope.eventIds.getOrInsert(event),
+            ...(0, assembly_1.assembleIncrementalSnapshot)(types_1.IncrementalSource.MouseInteraction, interaction),
+        });
+    };
+    return (0, browser_core_1.addEventListeners)(scope.configuration, document, Object.keys(eventTypeToMouseInteraction), handler, {
+        capture: true,
+        passive: true,
+    });
+}
+//# sourceMappingURL=trackMouseInteraction.js.map

package/cjs/domain/record/trackers/trackMouseInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackMouseInteraction.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackMouseInteraction.ts"],"names":[],"mappings":";;AAgCA,sDAyCC;AAzED,wDAAoE;AACpE,gEAAiF;AAEjF,0CAAwE;AACxE,0CAAyD;AACzD,gDAA+C;AAG/C,2CAAqD;AAGrD,MAAM,2BAA2B,GAAG;IAClC,gGAAgG;IAChG,6DAA6D;IAC7D,EAAE;IACF,iGAAiG;IACjG,2FAA2F;IAC3F,6FAA6F;IAC7F,kFAAkF;IAClF,sFAAsF;IACtF,wCAAsB,EAAE,4BAAoB,CAAC,OAAO;IAEpD,wCAAsB,EAAE,4BAAoB,CAAC,SAAS;IACtD,+BAAiB,EAAE,4BAAoB,CAAC,KAAK;IAC7C,4CAAwB,EAAE,4BAAoB,CAAC,WAAW;IAC1D,sCAAqB,EAAE,4BAAoB,CAAC,QAAQ;IACpD,+BAAiB,EAAE,4BAAoB,CAAC,KAAK;IAC7C,6BAAgB,EAAE,4BAAoB,CAAC,IAAI;IAC3C,0CAAuB,EAAE,4BAAoB,CAAC,UAAU;IACxD,sCAAqB,EAAE,4BAAoB,CAAC,QAAQ;CACrD,CAAA;AAED,SAAgB,qBAAqB,CACnC,UAAgE,EAChE,KAAqB;IAErB,MAAM,OAAO,GAAG,CAAC,KAA2C,EAAE,EAAE;QAC9D,MAAM,MAAM,GAAG,IAAA,4BAAc,EAAC,KAAK,CAAC,CAAA;QACpC,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACpC,IACE,EAAE,KAAK,SAAS;YAChB,IAAA,sCAAmB,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,mCAAgB,CAAC,MAAM,EAChG,CAAC;YACD,OAAM;QACR,CAAC;QACD,MAAM,IAAI,GAAG,2BAA2B,CAAC,KAAK,CAAC,IAAgD,CAAC,CAAA;QAEhG,IAAI,WAA6B,CAAA;QACjC,IAAI,IAAI,KAAK,4BAAoB,CAAC,IAAI,IAAI,IAAI,KAAK,4BAAoB,CAAC,KAAK,EAAE,CAAC;YAC9E,MAAM,WAAW,GAAG,IAAA,mCAAuB,EAAC,KAAgC,CAAC,CAAA;YAC7E,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,OAAM;YACR,CAAC;YACD,WAAW,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAA;QAChE,CAAC;aAAM,CAAC;YACN,WAAW,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAA;QAC5B,CAAC;QAED,UAAU,CAAC;YACT,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC;YACrC,GAAG,IAAA,sCAA2B,EAAuB,yBAAiB,CAAC,gBAAgB,EAAE,WAAW,CAAC;SACtG,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,OAAO,IAAA,gCAAiB,EACtB,KAAK,CAAC,aAAa,EACnB,QAAQ,EACR,MAAM,CAAC,IAAI,CAAC,2BAA2B,CAAoD,EAC3F,OAAO,EACP;QACE,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd,CACF,CAAA;AACH,CAAC"}