@depup/datadog__browser-rum 6.31.0-depup.0

package/esm/domain/record/serialization/serializationUtils.js

@@ -0,0 +1,80 @@
+import { buildUrl } from '@datadog/browser-core';
+import { CENSORED_STRING_MARK, shouldMaskNode } from '@datadog/browser-rum-core';
+/**
+ * Get the element "value" to be serialized as an attribute or an input update record. It respects
+ * the input privacy mode of the element.
+ * PERFROMANCE OPTIMIZATION: Assumes that privacy level `HIDDEN` is never encountered because of earlier checks.
+ */
+export function getElementInputValue(element, nodePrivacyLevel) {
+    /*
+     BROWSER SPEC NOTE: <input>, <select>
+     For some <input> elements, the `value` is an exceptional property/attribute that has the
+     value synced between el.value and el.getAttribute()
+     input[type=button,checkbox,hidden,image,radio,reset,submit]
+     */
+    const tagName = element.tagName;
+    const value = element.value;
+    if (shouldMaskNode(element, nodePrivacyLevel)) {
+        const type = element.type;
+        if (tagName === 'INPUT' && (type === 'button' || type === 'submit' || type === 'reset')) {
+            // Overrule `MASK` privacy level for button-like element values, as they are used during replay
+            // to display their label. They can still be hidden via the "hidden" privacy attribute or class name.
+            return value;
+        }
+        else if (!value || tagName === 'OPTION') {
+            // <Option> value provides no benefit
+            return;
+        }
+        return CENSORED_STRING_MARK;
+    }
+    if (tagName === 'OPTION' || tagName === 'SELECT') {
+        return element.value;
+    }
+    if (tagName !== 'INPUT' && tagName !== 'TEXTAREA') {
+        return;
+    }
+    return value;
+}
+export const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")([^"]*)"|([^)]*))\)/gm;
+export const ABSOLUTE_URL = /^[A-Za-z]+:|^\/\//;
+export const DATA_URI = /^["']?data:.*,/i;
+export function switchToAbsoluteUrl(cssText, cssHref) {
+    return cssText.replace(URL_IN_CSS_REF, (matchingSubstring, singleQuote, urlWrappedInSingleQuotes, doubleQuote, urlWrappedInDoubleQuotes, urlNotWrappedInQuotes) => {
+        const url = urlWrappedInSingleQuotes || urlWrappedInDoubleQuotes || urlNotWrappedInQuotes;
+        if (!cssHref || !url || ABSOLUTE_URL.test(url) || DATA_URI.test(url)) {
+            return matchingSubstring;
+        }
+        const quote = singleQuote || doubleQuote || '';
+        return `url(${quote}${makeUrlAbsolute(url, cssHref)}${quote})`;
+    });
+}
+function makeUrlAbsolute(url, baseUrl) {
+    try {
+        return buildUrl(url, baseUrl).href;
+    }
+    catch (_a) {
+        return url;
+    }
+}
+const TAG_NAME_REGEX = /[^a-z1-6-_]/;
+export function getValidTagName(tagName) {
+    const processedTagName = tagName.toLowerCase().trim();
+    if (TAG_NAME_REGEX.test(processedTagName)) {
+        // if the tag name is odd and we cannot extract
+        // anything from the string, then we return a
+        // generic div
+        return 'div';
+    }
+    return processedTagName;
+}
+/**
+ * Returns the tag name of the given element, normalized to ensure a consistent lowercase
+ * representation regardless of whether the element is HTML, XHTML, or SVG.
+ */
+export function normalizedTagName(element) {
+    return element.tagName.toLowerCase();
+}
+export function censoredImageForSize(width, height) {
+    return `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='${width}' height='${height}' style='background-color:silver'%3E%3C/svg%3E`;
+}
+//# sourceMappingURL=serializationUtils.js.map

package/esm/domain/record/serialization/serializationUtils.js.map

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

package/esm/domain/record/serialization/serializeAttribute.d.ts

@@ -0,0 +1,4 @@
+import { NodePrivacyLevel } from '@datadog/browser-rum-core';
+import type { RumConfiguration } from '@datadog/browser-rum-core';
+export declare const MAX_ATTRIBUTE_VALUE_CHAR_LENGTH = 1000000;
+export declare function serializeAttribute(element: Element, nodePrivacyLevel: NodePrivacyLevel, attributeName: string, configuration: RumConfiguration): string | null;

package/esm/domain/record/serialization/serializeAttribute.js

@@ -0,0 +1,38 @@
+import { NodePrivacyLevel, CENSORED_STRING_MARK, CENSORED_IMG_MARK, sanitizeIfLongDataUrl, shouldMaskAttribute, } from '@datadog/browser-rum-core';
+import { censoredImageForSize } from './serializationUtils';
+// TODO: temporarily bump the Session Replay limit to 1Mb for dataUrls
+// This limit should be removed after [PANA-2843] is implemented
+export const MAX_ATTRIBUTE_VALUE_CHAR_LENGTH = 1000000;
+export function serializeAttribute(element, nodePrivacyLevel, attributeName, configuration) {
+    if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) {
+        // dup condition for direct access case
+        return null;
+    }
+    const attributeValue = element.getAttribute(attributeName);
+    const tagName = element.tagName;
+    if (shouldMaskAttribute(tagName, attributeName, attributeValue, nodePrivacyLevel, configuration)) {
+        // mask image URLs
+        if (tagName === 'IMG') {
+            // generate image with similar dimension than the original to have the same rendering behaviour
+            const image = element;
+            if (image.naturalWidth > 0) {
+                return censoredImageForSize(image.naturalWidth, image.naturalHeight);
+            }
+            const { width, height } = element.getBoundingClientRect();
+            if (width > 0 || height > 0) {
+                return censoredImageForSize(width, height);
+            }
+            // if we can't get the image size, fallback to the censored image
+            return CENSORED_IMG_MARK;
+        }
+        if (tagName === 'SOURCE') {
+            return CENSORED_IMG_MARK;
+        }
+        return CENSORED_STRING_MARK;
+    }
+    if (!attributeValue) {
+        return attributeValue;
+    }
+    return sanitizeIfLongDataUrl(attributeValue, MAX_ATTRIBUTE_VALUE_CHAR_LENGTH);
+}
+//# sourceMappingURL=serializeAttribute.js.map

package/esm/domain/record/serialization/serializeAttribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeAttribute.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializeAttribute.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,2BAA2B,CAAA;AAElC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAE3D,sEAAsE;AACtE,gEAAgE;AAChE,MAAM,CAAC,MAAM,+BAA+B,GAAG,OAAS,CAAA;AAExD,MAAM,UAAU,kBAAkB,CAChC,OAAgB,EAChB,gBAAkC,EAClC,aAAqB,EACrB,aAA+B;IAE/B,IAAI,gBAAgB,KAAK,gBAAgB,CAAC,MAAM,EAAE,CAAC;QACjD,uCAAuC;QACvC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,IAAI,mBAAmB,CAAC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,CAAC,EAAE,CAAC;QACjG,kBAAkB;QAClB,IAAI,OAAO,KAAK,KAAK,EAAE,CAAC;YACtB,+FAA+F;YAC/F,MAAM,KAAK,GAAG,OAA2B,CAAA;YACzC,IAAI,KAAK,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC;gBAC3B,OAAO,oBAAoB,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;YACtE,CAAC;YACD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;YACzD,IAAI,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5B,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;YAC5C,CAAC;YACD,iEAAiE;YACjE,OAAO,iBAAiB,CAAA;QAC1B,CAAC;QACD,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACzB,OAAO,iBAAiB,CAAA;QAC1B,CAAC;QAED,OAAO,oBAAoB,CAAA;IAC7B,CAAC;IAED,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,cAAc,CAAA;IACvB,CAAC;IAED,OAAO,qBAAqB,CAAC,cAAc,EAAE,+BAA+B,CAAC,CAAA;AAC/E,CAAC"}

package/esm/domain/record/serialization/serializeAttributes.d.ts

@@ -0,0 +1,7 @@
+import { NodePrivacyLevel } from '@datadog/browser-rum-core';
+import type { ChangeSerializationTransaction, SerializationTransaction } from './serializationTransaction';
+import type { VirtualAttributes } from './serialization.types';
+export declare function serializeAttributes(element: Element, nodePrivacyLevel: NodePrivacyLevel, transaction: ChangeSerializationTransaction | SerializationTransaction): Record<string, number | string>;
+export declare function serializeDOMAttributes(element: Element, nodePrivacyLevel: NodePrivacyLevel, transaction: ChangeSerializationTransaction | SerializationTransaction): Record<string, string>;
+export declare function serializeVirtualAttributes(element: Element, nodePrivacyLevel: NodePrivacyLevel, transaction: ChangeSerializationTransaction | SerializationTransaction): VirtualAttributes;
+export declare function getCssRulesString(cssStyleSheet: CSSStyleSheet | undefined | null): string | null;

package/esm/domain/record/serialization/serializeAttributes.js

@@ -0,0 +1,161 @@
+import { NodePrivacyLevel, shouldMaskNode } from '@datadog/browser-rum-core';
+import { isSafari } from '@datadog/browser-core';
+import { getElementInputValue, normalizedTagName, switchToAbsoluteUrl } from './serializationUtils';
+import { serializeAttribute } from './serializeAttribute';
+export function serializeAttributes(element, nodePrivacyLevel, transaction) {
+    return {
+        ...serializeDOMAttributes(element, nodePrivacyLevel, transaction),
+        ...serializeVirtualAttributes(element, nodePrivacyLevel, transaction),
+    };
+}
+export function serializeDOMAttributes(element, nodePrivacyLevel, transaction) {
+    if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) {
+        return {};
+    }
+    const attrs = {};
+    const tagName = normalizedTagName(element);
+    for (let i = 0; i < element.attributes.length; i += 1) {
+        const attribute = element.attributes.item(i);
+        const attributeName = attribute.name;
+        const attributeValue = serializeAttribute(element, nodePrivacyLevel, attributeName, transaction.scope.configuration);
+        if (attributeValue !== null) {
+            attrs[attributeName] = attributeValue;
+        }
+    }
+    if (element.value &&
+        (tagName === 'textarea' || tagName === 'select' || tagName === 'option' || tagName === 'input')) {
+        const formValue = getElementInputValue(element, nodePrivacyLevel);
+        if (formValue !== undefined) {
+            attrs.value = formValue;
+        }
+    }
+    /**
+     * <Option> can be selected, which occurs if its `value` matches ancestor `<Select>.value`
+     */
+    if (tagName === 'option') {
+        const optionElement = element;
+        if (optionElement.selected && !shouldMaskNode(optionElement, nodePrivacyLevel)) {
+            attrs.selected = '';
+        }
+        else {
+            delete attrs.selected;
+        }
+    }
+    /**
+     * Forms: input[type=checkbox,radio]
+     * The `checked` property for <input> is a little bit special:
+     * 1. el.checked is a setter that returns if truthy.
+     * 2. getAttribute returns the string value
+     * getAttribute('checked') does not sync with `Element.checked`, so use JS property
+     * NOTE: `checked` property exists on `HTMLInputElement`. For serializer assumptions, we check for type=radio|check.
+     */
+    const inputElement = element;
+    if (tagName === 'input' && (inputElement.type === 'radio' || inputElement.type === 'checkbox')) {
+        if (inputElement.checked && !shouldMaskNode(inputElement, nodePrivacyLevel)) {
+            attrs.checked = '';
+        }
+        else {
+            delete attrs.checked;
+        }
+    }
+    return attrs;
+}
+export function serializeVirtualAttributes(element, nodePrivacyLevel, transaction) {
+    if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) {
+        return {};
+    }
+    const attrs = {};
+    const doc = element.ownerDocument;
+    const tagName = normalizedTagName(element);
+    // remote css
+    if (tagName === 'link') {
+        const stylesheet = Array.from(doc.styleSheets).find((s) => s.href === element.href);
+        const cssText = getCssRulesString(stylesheet);
+        if (cssText && stylesheet) {
+            transaction.addMetric('cssText', cssText.length);
+            attrs._cssText = cssText;
+        }
+    }
+    // dynamic stylesheet
+    if (tagName === 'style' && element.sheet) {
+        const cssText = getCssRulesString(element.sheet);
+        if (cssText) {
+            transaction.addMetric('cssText', cssText.length);
+            attrs._cssText = cssText;
+        }
+    }
+    /**
+     * Serialize the media playback state
+     */
+    if (tagName === 'audio' || tagName === 'video') {
+        const mediaElement = element;
+        attrs.rr_mediaState = mediaElement.paused ? 'paused' : 'played';
+    }
+    /**
+     * Serialize the scroll state for each element only for full snapshot
+     */
+    let scrollTop;
+    let scrollLeft;
+    switch (transaction.kind) {
+        case 0 /* SerializationKind.INITIAL_FULL_SNAPSHOT */:
+            scrollTop = Math.round(element.scrollTop);
+            scrollLeft = Math.round(element.scrollLeft);
+            if (scrollTop || scrollLeft) {
+                transaction.scope.elementsScrollPositions.set(element, { scrollTop, scrollLeft });
+            }
+            break;
+        case 1 /* SerializationKind.SUBSEQUENT_FULL_SNAPSHOT */:
+            if (transaction.scope.elementsScrollPositions.has(element)) {
+                ;
+                ({ scrollTop, scrollLeft } = transaction.scope.elementsScrollPositions.get(element));
+            }
+            break;
+    }
+    if (scrollLeft) {
+        attrs.rr_scrollLeft = scrollLeft;
+    }
+    if (scrollTop) {
+        attrs.rr_scrollTop = scrollTop;
+    }
+    return attrs;
+}
+export function getCssRulesString(cssStyleSheet) {
+    if (!cssStyleSheet) {
+        return null;
+    }
+    let rules;
+    try {
+        rules = cssStyleSheet.rules || cssStyleSheet.cssRules;
+    }
+    catch (_a) {
+        // if css is protected by CORS we cannot access cssRules see: https://www.w3.org/TR/cssom-1/#the-cssstylesheet-interface
+    }
+    if (!rules) {
+        return null;
+    }
+    const styleSheetCssText = Array.from(rules, isSafari() ? getCssRuleStringForSafari : getCssRuleString).join('');
+    return switchToAbsoluteUrl(styleSheetCssText, cssStyleSheet.href);
+}
+function getCssRuleStringForSafari(rule) {
+    // Safari does not escape attribute selectors containing : properly
+    // https://bugs.webkit.org/show_bug.cgi?id=184604
+    if (isCSSStyleRule(rule) && rule.selectorText.includes(':')) {
+        // This regex replaces [foo:bar] by [foo\\:bar]
+        const escapeColon = /(\[[\w-]+[^\\])(:[^\]]+\])/g;
+        return rule.cssText.replace(escapeColon, '$1\\$2');
+    }
+    return getCssRuleString(rule);
+}
+function getCssRuleString(rule) {
+    // If it's an @import rule, try to inline sub-rules recursively with `getCssRulesString`. This
+    // operation can fail if the imported stylesheet is protected by CORS, in which case we fallback
+    // to the @import rule CSS text.
+    return (isCSSImportRule(rule) && getCssRulesString(rule.styleSheet)) || rule.cssText;
+}
+function isCSSImportRule(rule) {
+    return 'styleSheet' in rule;
+}
+function isCSSStyleRule(rule) {
+    return 'selectorText' in rule;
+}
+//# sourceMappingURL=serializeAttributes.js.map

package/esm/domain/record/serialization/serializeAttributes.js.map

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

package/esm/domain/record/serialization/serializeFullSnapshot.d.ts

@@ -0,0 +1,5 @@
+import type { TimeStamp } from '@datadog/browser-core';
+import type { EmitRecordCallback, EmitStatsCallback } from '../record.types';
+import type { RecordingScope } from '../recordingScope';
+import type { SerializationKind } from './serializationTransaction';
+export declare function serializeFullSnapshot(timestamp: TimeStamp, kind: SerializationKind, document: Document, emitRecord: EmitRecordCallback, emitStats: EmitStatsCallback, scope: RecordingScope): void;

package/esm/domain/record/serialization/serializeFullSnapshot.js

@@ -0,0 +1,31 @@
+import { getScrollX, getScrollY } from '@datadog/browser-rum-core';
+import { RecordType } from '../../../types';
+import { serializeNode } from './serializeNode';
+import { serializeInTransaction } from './serializationTransaction';
+export function serializeFullSnapshot(timestamp, kind, document, emitRecord, emitStats, scope) {
+    serializeInTransaction(kind, emitRecord, emitStats, scope, (transaction) => {
+        const defaultPrivacyLevel = transaction.scope.configuration.defaultPrivacyLevel;
+        // We are sure that Documents are never ignored, so this function never returns null.
+        const node = serializeNode(document, defaultPrivacyLevel, transaction);
+        const record = {
+            data: {
+                node,
+                initialOffset: {
+                    left: getScrollX(),
+                    top: getScrollY(),
+                },
+            },
+            type: RecordType.FullSnapshot,
+            timestamp,
+        };
+        transaction.add(record);
+        scope.serializeObservable.notify({
+            type: 'full',
+            kind,
+            target: document,
+            timestamp,
+            v1: record,
+        });
+    });
+}
+//# sourceMappingURL=serializeFullSnapshot.js.map

package/esm/domain/record/serialization/serializeFullSnapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeFullSnapshot.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializeFullSnapshot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAGlE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AAGnE,MAAM,UAAU,qBAAqB,CACnC,SAAoB,EACpB,IAAuB,EACvB,QAAkB,EAClB,UAA8B,EAC9B,SAA4B,EAC5B,KAAqB;IAErB,sBAAsB,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,WAAqC,EAAE,EAAE;QACnG,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAA;QAE/E,qFAAqF;QACrF,MAAM,IAAI,GAAG,aAAa,CAAC,QAAQ,EAAE,mBAAmB,EAAE,WAAW,CAAE,CAAA;QAEvE,MAAM,MAAM,GAA8B;YACxC,IAAI,EAAE;gBACJ,IAAI;gBACJ,aAAa,EAAE;oBACb,IAAI,EAAE,UAAU,EAAE;oBAClB,GAAG,EAAE,UAAU,EAAE;iBAClB;aACF;YACD,IAAI,EAAE,UAAU,CAAC,YAAY;YAC7B,SAAS;SACV,CAAA;QACD,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAEvB,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC;YAC/B,IAAI,EAAE,MAAM;YACZ,IAAI;YACJ,MAAM,EAAE,QAAQ;YAChB,SAAS;YACT,EAAE,EAAE,MAAM;SACX,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/esm/domain/record/serialization/serializeFullSnapshotAsChange.d.ts

@@ -0,0 +1,5 @@
+import type { TimeStamp } from '@datadog/browser-core';
+import type { EmitRecordCallback, EmitStatsCallback } from '../record.types';
+import type { RecordingScope } from '../recordingScope';
+import type { SerializationKind } from './serializationTransaction';
+export declare function serializeFullSnapshotAsChange(timestamp: TimeStamp, kind: SerializationKind, document: Document, emitRecord: EmitRecordCallback, emitStats: EmitStatsCallback, scope: RecordingScope): void;

package/esm/domain/record/serialization/serializeFullSnapshotAsChange.js

@@ -0,0 +1,10 @@
+import { serializeChangesInTransaction } from './serializationTransaction';
+import { serializeNodeAsChange } from './serializeNodeAsChange';
+import { createRootInsertionCursor } from './insertionCursor';
+export function serializeFullSnapshotAsChange(timestamp, kind, document, emitRecord, emitStats, scope) {
+    scope.resetIds();
+    serializeChangesInTransaction(kind, emitRecord, emitStats, scope, timestamp, (transaction) => {
+        serializeNodeAsChange(createRootInsertionCursor(scope.nodeIds), document, scope.configuration.defaultPrivacyLevel, transaction);
+    });
+}
+//# sourceMappingURL=serializeFullSnapshotAsChange.js.map

package/esm/domain/record/serialization/serializeFullSnapshotAsChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeFullSnapshotAsChange.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializeFullSnapshotAsChange.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAA;AAE1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,MAAM,UAAU,6BAA6B,CAC3C,SAAoB,EACpB,IAAuB,EACvB,QAAkB,EAClB,UAA8B,EAC9B,SAA4B,EAC5B,KAAqB;IAErB,KAAK,CAAC,QAAQ,EAAE,CAAA;IAChB,6BAA6B,CAC3B,IAAI,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,SAAS,EACT,CAAC,WAA2C,EAAE,EAAE;QAC9C,qBAAqB,CACnB,yBAAyB,CAAC,KAAK,CAAC,OAAO,CAAC,EACxC,QAAQ,EACR,KAAK,CAAC,aAAa,CAAC,mBAAmB,EACvC,WAAW,CACZ,CAAA;IACH,CAAC,CACF,CAAA;AACH,CAAC"}

package/esm/domain/record/serialization/serializeMutations.d.ts

@@ -0,0 +1,11 @@
+import type { RumMutationRecord } from '@datadog/browser-rum-core';
+import type { TimeStamp } from '@datadog/browser-core';
+import type { RecordingScope } from '../recordingScope';
+import type { EmitRecordCallback, EmitStatsCallback } from '../record.types';
+import type { NodeIds } from '../itemIds';
+export type NodeWithSerializedNode = Node & {
+    __brand: 'NodeWithSerializedNode';
+};
+export declare function serializeMutations(timestamp: TimeStamp, mutations: RumMutationRecord[], emitRecord: EmitRecordCallback, emitStats: EmitStatsCallback, scope: RecordingScope): void;
+export declare function sortAddedAndMovedNodes(nodes: Node[]): void;
+export declare function idsAreAssignedForNodeAndAncestors(node: Node, nodeIds: NodeIds): node is NodeWithSerializedNode;

package/esm/domain/record/serialization/serializeMutations.js

@@ -0,0 +1,257 @@
+import { isNodeShadowHost, getParentNode, forEachChildNodes, getNodePrivacyLevel, getTextContent, NodePrivacyLevel, isNodeShadowRoot, } from '@datadog/browser-rum-core';
+import { IncrementalSource } from '../../../types';
+import { assembleIncrementalSnapshot } from '../assembly';
+import { serializeInTransaction } from './serializationTransaction';
+import { serializeNode } from './serializeNode';
+import { serializeAttribute } from './serializeAttribute';
+import { getElementInputValue } from './serializationUtils';
+export function serializeMutations(timestamp, mutations, emitRecord, emitStats, scope) {
+    serializeInTransaction(2 /* SerializationKind.INCREMENTAL_SNAPSHOT */, emitRecord, emitStats, scope, (transaction) => processMutations(timestamp, mutations, transaction));
+}
+function processMutations(timestamp, mutations, transaction) {
+    const nodePrivacyLevelCache = new Map();
+    mutations
+        .filter((mutation) => mutation.type === 'childList')
+        .forEach((mutation) => {
+        mutation.removedNodes.forEach((removedNode) => {
+            traverseRemovedShadowDom(removedNode, transaction.scope.shadowRootsController.removeShadowRoot);
+        });
+    });
+    // Discard any mutation with a 'target' node that:
+    // * isn't injected in the current document or isn't known/serialized yet: those nodes are likely
+    // part of a mutation occurring in a parent Node
+    // * should be hidden or ignored
+    const filteredMutations = mutations.filter((mutation) => mutation.target.isConnected &&
+        idsAreAssignedForNodeAndAncestors(mutation.target, transaction.scope.nodeIds) &&
+        getNodePrivacyLevel(mutation.target, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache) !== NodePrivacyLevel.HIDDEN);
+    const { adds, removes, hasBeenSerialized } = processChildListMutations(filteredMutations.filter((mutation) => mutation.type === 'childList'), nodePrivacyLevelCache, transaction);
+    const texts = processCharacterDataMutations(filteredMutations.filter((mutation) => mutation.type === 'characterData' && !hasBeenSerialized(mutation.target)), nodePrivacyLevelCache, transaction);
+    const attributes = processAttributesMutations(filteredMutations.filter((mutation) => mutation.type === 'attributes' && !hasBeenSerialized(mutation.target)), nodePrivacyLevelCache, transaction);
+    if (!texts.length && !attributes.length && !removes.length && !adds.length) {
+        return;
+    }
+    const record = assembleIncrementalSnapshot(IncrementalSource.Mutation, {
+        adds,
+        removes,
+        texts,
+        attributes,
+    }, timestamp);
+    transaction.add(record);
+    transaction.scope.serializeObservable.notify({
+        type: 'incremental',
+        target: mutations,
+        timestamp,
+        v1: record,
+    });
+}
+function processChildListMutations(mutations, nodePrivacyLevelCache, transaction) {
+    // First, we iterate over mutations to collect:
+    //
+    // * nodes that have been added in the document and not removed by a subsequent mutation
+    // * nodes that have been removed from the document but were not added in a previous mutation
+    //
+    // For this second category, we also collect their previous parent (mutation.target) because we'll
+    // need it to emit a 'remove' mutation.
+    //
+    // Those two categories may overlap: if a node moved from a position to another, it is reported as
+    // two mutation records, one with a "removedNodes" and the other with "addedNodes". In this case,
+    // the node will be in both sets.
+    const addedAndMovedNodes = new Set();
+    const removedNodes = new Map();
+    for (const mutation of mutations) {
+        mutation.addedNodes.forEach((node) => {
+            addedAndMovedNodes.add(node);
+        });
+        mutation.removedNodes.forEach((node) => {
+            if (!addedAndMovedNodes.has(node)) {
+                removedNodes.set(node, mutation.target);
+            }
+            addedAndMovedNodes.delete(node);
+        });
+    }
+    // Then, we sort nodes that are still in the document by topological order, for two reasons:
+    //
+    // * We will serialize each added nodes with their descendants. We don't want to serialize a node
+    // twice, so we need to iterate over the parent nodes first and skip any node that is contained in
+    // a precedent node.
+    //
+    // * To emit "add" mutations, we need references to the parent and potential next sibling of each
+    // added node. So we need to iterate over the parent nodes first, and when multiple nodes are
+    // siblings, we want to iterate from last to first. This will ensure that any "next" node is
+    // already serialized and have an id.
+    const sortedAddedAndMovedNodes = Array.from(addedAndMovedNodes);
+    sortAddedAndMovedNodes(sortedAddedAndMovedNodes);
+    // Then, we iterate over our sorted node sets to emit mutations. We collect the newly serialized
+    // node ids in a set to be able to skip subsequent related mutations.
+    transaction.serializedNodeIds = new Set();
+    const addedNodeMutations = [];
+    for (const node of sortedAddedAndMovedNodes) {
+        if (hasBeenSerialized(node)) {
+            continue;
+        }
+        const parentNodePrivacyLevel = getNodePrivacyLevel(node.parentNode, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+        if (parentNodePrivacyLevel === NodePrivacyLevel.HIDDEN || parentNodePrivacyLevel === NodePrivacyLevel.IGNORE) {
+            continue;
+        }
+        const serializedNode = serializeNode(node, parentNodePrivacyLevel, transaction);
+        if (!serializedNode) {
+            continue;
+        }
+        const parentNode = getParentNode(node);
+        addedNodeMutations.push({
+            nextId: getNextSibling(node),
+            parentId: transaction.scope.nodeIds.get(parentNode),
+            node: serializedNode,
+        });
+    }
+    // Finally, we emit remove mutations.
+    const removedNodeMutations = [];
+    removedNodes.forEach((parent, node) => {
+        const parentId = transaction.scope.nodeIds.get(parent);
+        const id = transaction.scope.nodeIds.get(node);
+        if (parentId !== undefined && id !== undefined) {
+            removedNodeMutations.push({ parentId, id });
+        }
+    });
+    return { adds: addedNodeMutations, removes: removedNodeMutations, hasBeenSerialized };
+    function hasBeenSerialized(node) {
+        var _a;
+        const id = transaction.scope.nodeIds.get(node);
+        return id !== undefined && ((_a = transaction.serializedNodeIds) === null || _a === void 0 ? void 0 : _a.has(id));
+    }
+    function getNextSibling(node) {
+        let nextSibling = node.nextSibling;
+        while (nextSibling) {
+            const id = transaction.scope.nodeIds.get(nextSibling);
+            if (id !== undefined) {
+                return id;
+            }
+            nextSibling = nextSibling.nextSibling;
+        }
+        return null;
+    }
+}
+function processCharacterDataMutations(mutations, nodePrivacyLevelCache, transaction) {
+    var _a;
+    const textMutations = [];
+    // Deduplicate mutations based on their target node
+    const handledNodes = new Set();
+    const filteredMutations = mutations.filter((mutation) => {
+        if (handledNodes.has(mutation.target)) {
+            return false;
+        }
+        handledNodes.add(mutation.target);
+        return true;
+    });
+    // Emit mutations
+    for (const mutation of filteredMutations) {
+        const value = mutation.target.textContent;
+        if (value === mutation.oldValue) {
+            continue;
+        }
+        const id = transaction.scope.nodeIds.get(mutation.target);
+        if (id === undefined) {
+            continue;
+        }
+        const parentNodePrivacyLevel = getNodePrivacyLevel(getParentNode(mutation.target), transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+        if (parentNodePrivacyLevel === NodePrivacyLevel.HIDDEN || parentNodePrivacyLevel === NodePrivacyLevel.IGNORE) {
+            continue;
+        }
+        textMutations.push({
+            id,
+            value: (_a = getTextContent(mutation.target, parentNodePrivacyLevel)) !== null && _a !== void 0 ? _a : null,
+        });
+    }
+    return textMutations;
+}
+function processAttributesMutations(mutations, nodePrivacyLevelCache, transaction) {
+    const attributeMutations = [];
+    // Deduplicate mutations based on their target node and changed attribute
+    const handledElements = new Map();
+    const filteredMutations = mutations.filter((mutation) => {
+        const handledAttributes = handledElements.get(mutation.target);
+        if (handledAttributes && handledAttributes.has(mutation.attributeName)) {
+            return false;
+        }
+        if (!handledAttributes) {
+            handledElements.set(mutation.target, new Set([mutation.attributeName]));
+        }
+        else {
+            handledAttributes.add(mutation.attributeName);
+        }
+        return true;
+    });
+    // Emit mutations
+    const emittedMutations = new Map();
+    for (const mutation of filteredMutations) {
+        const uncensoredValue = mutation.target.getAttribute(mutation.attributeName);
+        if (uncensoredValue === mutation.oldValue) {
+            continue;
+        }
+        const id = transaction.scope.nodeIds.get(mutation.target);
+        if (id === undefined) {
+            continue;
+        }
+        const privacyLevel = getNodePrivacyLevel(mutation.target, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+        const attributeValue = serializeAttribute(mutation.target, privacyLevel, mutation.attributeName, transaction.scope.configuration);
+        let transformedValue;
+        if (mutation.attributeName === 'value') {
+            const inputValue = getElementInputValue(mutation.target, privacyLevel);
+            if (inputValue === undefined) {
+                continue;
+            }
+            transformedValue = inputValue;
+        }
+        else if (typeof attributeValue === 'string') {
+            transformedValue = attributeValue;
+        }
+        else {
+            transformedValue = null;
+        }
+        let emittedMutation = emittedMutations.get(mutation.target);
+        if (!emittedMutation) {
+            emittedMutation = { id, attributes: {} };
+            attributeMutations.push(emittedMutation);
+            emittedMutations.set(mutation.target, emittedMutation);
+        }
+        emittedMutation.attributes[mutation.attributeName] = transformedValue;
+    }
+    return attributeMutations;
+}
+export function sortAddedAndMovedNodes(nodes) {
+    nodes.sort((a, b) => {
+        const position = a.compareDocumentPosition(b);
+        /* eslint-disable no-bitwise */
+        if (position & Node.DOCUMENT_POSITION_CONTAINED_BY) {
+            return -1;
+        }
+        else if (position & Node.DOCUMENT_POSITION_CONTAINS) {
+            return 1;
+        }
+        else if (position & Node.DOCUMENT_POSITION_FOLLOWING) {
+            return 1;
+        }
+        else if (position & Node.DOCUMENT_POSITION_PRECEDING) {
+            return -1;
+        }
+        /* eslint-enable no-bitwise */
+        return 0;
+    });
+}
+function traverseRemovedShadowDom(removedNode, shadowDomRemovedCallback) {
+    if (isNodeShadowHost(removedNode)) {
+        shadowDomRemovedCallback(removedNode.shadowRoot);
+    }
+    forEachChildNodes(removedNode, (childNode) => traverseRemovedShadowDom(childNode, shadowDomRemovedCallback));
+}
+export function idsAreAssignedForNodeAndAncestors(node, nodeIds) {
+    let current = node;
+    while (current) {
+        if (nodeIds.get(current) === undefined && !isNodeShadowRoot(current)) {
+            return false;
+        }
+        current = getParentNode(current);
+    }
+    return true;
+}
+//# sourceMappingURL=serializeMutations.js.map