@depup/datadog__browser-rum 6.31.0-depup.0

package/cjs/domain/record/serialization/serializeMutationsAsChange.js

@@ -0,0 +1,204 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeMutationsAsChange = serializeMutationsAsChange;
+const browser_rum_core_1 = require("@datadog/browser-rum-core");
+const serializationTransaction_1 = require("./serializationTransaction");
+const serializeNodeAsChange_1 = require("./serializeNodeAsChange");
+const insertionCursor_1 = require("./insertionCursor");
+const serializationUtils_1 = require("./serializationUtils");
+const serializeAttribute_1 = require("./serializeAttribute");
+function serializeMutationsAsChange(timestamp, mutations, emitRecord, emitStats, scope) {
+    (0, serializationTransaction_1.serializeChangesInTransaction)(2 /* SerializationKind.INCREMENTAL_SNAPSHOT */, emitRecord, emitStats, scope, timestamp, (transaction) => processMutations(mutations, transaction));
+}
+function processMutations(mutations, transaction) {
+    const addedNodes = new Set();
+    const attributeMutations = new Map();
+    const characterDataMutations = new Map();
+    const removedNodes = new Set();
+    // Collect the changes made by this sequence of mutations. It's important to think of
+    // the mutations as telling us which parts of the tree are dirty, but not necessarily as
+    // specifying exactly which changes have occurred; trying to be too clever will result
+    // in incorrect behavior. For example, if we see a sequence of mutations where a node is
+    // removed and then added back in the same position, one might be tempted to "cancel
+    // out" these two changes and ignore both mutations, but that could cause us to miss
+    // changes to the node that occurred while it was detached.
+    for (const mutation of mutations) {
+        switch (mutation.type) {
+            case 'attributes': {
+                const node = mutation.target;
+                let attributes = attributeMutations.get(node);
+                if (!attributes) {
+                    attributes = new Map();
+                    attributeMutations.set(node, attributes);
+                }
+                const attributeName = mutation.attributeName;
+                if (!attributes.has(attributeName)) {
+                    attributes.set(attributeName, mutation.oldValue);
+                }
+                break;
+            }
+            case 'characterData':
+                if (!characterDataMutations.has(mutation.target)) {
+                    characterDataMutations.set(mutation.target, mutation.oldValue);
+                }
+                break;
+            case 'childList':
+                for (let index = 0; index < mutation.addedNodes.length; index++) {
+                    addedNodes.add(mutation.addedNodes[index]);
+                }
+                for (let index = 0; index < mutation.removedNodes.length; index++) {
+                    removedNodes.add(mutation.removedNodes[index]);
+                }
+                break;
+        }
+    }
+    // Before we process any mutations, snapshot the id that the next newly-added node will
+    // receive. We know that any node with an id greater than or equal to this one is new
+    // and will have been serialized in its entirety in processAddedNodes(), so we can skip
+    // processing more fine-grained mutations for these nodes.
+    const firstNewNodeId = transaction.scope.nodeIds.nextId;
+    // Because we process incremental mutations synchronously, we know that privacy levels
+    // cannot change during the process, so we use a single, shared privacy level cache.
+    const nodePrivacyLevelCache = new Map();
+    processRemovedNodes(removedNodes, transaction);
+    processAddedNodes(addedNodes, nodePrivacyLevelCache, transaction);
+    processCharacterDataMutations(characterDataMutations, firstNewNodeId, nodePrivacyLevelCache, transaction);
+    processAttributeMutations(attributeMutations, firstNewNodeId, nodePrivacyLevelCache, transaction);
+}
+function processRemovedNodes(nodes, transaction) {
+    const nodeIds = transaction.scope.nodeIds;
+    for (const node of nodes) {
+        const nodeId = nodeIds.get(node);
+        if (nodeId === undefined) {
+            continue; // This node wasn't serialized.
+        }
+        forNodeAndDescendants(node, (node) => {
+            if ((0, browser_rum_core_1.isNodeShadowHost)(node)) {
+                transaction.scope.shadowRootsController.removeShadowRoot(node.shadowRoot);
+            }
+            // Forget this node's identity. If it's added to the DOM again in another mutation,
+            // we'll treat it as a new node. This reduces the number of edge cases that we need
+            // to deal with; for example, changes in privacy level as a result of the different
+            // ancestor chain in the new position are handled without any special effort on our
+            // part.
+            nodeIds.delete(node);
+        });
+        transaction.removeNode(nodeId);
+    }
+}
+function processAddedNodes(nodes, nodePrivacyLevelCache, transaction) {
+    const nodeIds = transaction.scope.nodeIds;
+    for (const node of nodes) {
+        if (!node.isConnected) {
+            continue; // This node is not in the DOM.
+        }
+        const existingNodeId = nodeIds.get(node);
+        if (existingNodeId !== undefined) {
+            continue; // This node has already been serialized.
+        }
+        const parentNode = (0, browser_rum_core_1.getParentNode)(node);
+        if (!parentNode) {
+            continue; // This node has no parent.
+        }
+        const parentId = nodeIds.get(parentNode);
+        if (parentId === undefined) {
+            // This node's parent hasn't been serialized (e.g. because it has privacy level
+            // HIDDEN), so we shouldn't serialize this node either.
+            continue;
+        }
+        const parentNodePrivacyLevel = (0, browser_rum_core_1.getNodePrivacyLevel)(parentNode, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+        const nextSiblingId = getNextSiblingId(node, nodeIds);
+        (0, serializeNodeAsChange_1.serializeNodeAsChange)((0, insertionCursor_1.createChildInsertionCursor)(parentId, nextSiblingId, nodeIds), node, parentNodePrivacyLevel, transaction);
+    }
+}
+function processCharacterDataMutations(mutations, firstNewNodeId, nodePrivacyLevelCache, transaction) {
+    var _a;
+    const nodeIds = transaction.scope.nodeIds;
+    for (const [node, oldValue] of mutations) {
+        if (node.textContent === oldValue) {
+            continue; // No change since the last snapshot.
+        }
+        if (!node.isConnected) {
+            continue; // This node is not in the DOM.
+        }
+        const nodeId = nodeIds.get(node);
+        if (nodeId === undefined) {
+            continue; // This node was never serialized.
+        }
+        if (nodeId >= firstNewNodeId) {
+            // This node was just serialized, so we've already got an up-to-date copy of its
+            // text content.
+            continue;
+        }
+        const parentNode = (0, browser_rum_core_1.getParentNode)(node);
+        if (!parentNode) {
+            continue; // This node has no parent.
+        }
+        const parentNodePrivacyLevel = (0, browser_rum_core_1.getNodePrivacyLevel)(parentNode, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+        if (parentNodePrivacyLevel === browser_rum_core_1.NodePrivacyLevel.HIDDEN || parentNodePrivacyLevel === browser_rum_core_1.NodePrivacyLevel.IGNORE) {
+            continue; // Mutations to this node should be ignored.
+        }
+        const content = (_a = (0, browser_rum_core_1.getTextContent)(node, parentNodePrivacyLevel)) !== null && _a !== void 0 ? _a : '';
+        transaction.setText(nodeId, content);
+    }
+}
+function processAttributeMutations(mutations, firstNewNodeId, nodePrivacyLevelCache, transaction) {
+    const nodeIds = transaction.scope.nodeIds;
+    for (const [node, attributeNames] of mutations) {
+        if (!node.isConnected) {
+            continue; // This node is not in the DOM.
+        }
+        const nodeId = nodeIds.get(node);
+        if (nodeId === undefined) {
+            continue; // This node was never serialized.
+        }
+        if (nodeId >= firstNewNodeId) {
+            // This node was just serialized, so we've already got an up-to-date copy of its
+            // attributes.
+            continue;
+        }
+        const privacyLevel = (0, browser_rum_core_1.getNodePrivacyLevel)(node, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+        if (privacyLevel === browser_rum_core_1.NodePrivacyLevel.HIDDEN || privacyLevel === browser_rum_core_1.NodePrivacyLevel.IGNORE) {
+            continue; // Mutations to this node should be ignored.
+        }
+        const change = [nodeId];
+        for (const [attributeName, oldValue] of attributeNames) {
+            if (node.getAttribute(attributeName) === oldValue) {
+                continue; // No change since the last snapshot.
+            }
+            if (attributeName === 'value') {
+                const attributeValue = (0, serializationUtils_1.getElementInputValue)(node, privacyLevel);
+                if (attributeValue !== undefined) {
+                    change.push([attributeName, attributeValue]);
+                }
+                continue;
+            }
+            const attributeValue = (0, serializeAttribute_1.serializeAttribute)(node, privacyLevel, attributeName, transaction.scope.configuration);
+            if (attributeValue === null) {
+                change.push([attributeName]);
+            }
+            else {
+                change.push([attributeName, attributeValue]);
+            }
+        }
+        if (change.length > 1) {
+            transaction.setAttributes(change);
+        }
+    }
+}
+function getNextSiblingId(node, nodeIds) {
+    let nextSibling = node.nextSibling;
+    while (nextSibling) {
+        const id = nodeIds.get(nextSibling);
+        if (id !== undefined) {
+            return id;
+        }
+        nextSibling = nextSibling.nextSibling;
+    }
+    return undefined;
+}
+function forNodeAndDescendants(node, action) {
+    action(node);
+    (0, browser_rum_core_1.forEachChildNodes)(node, (childNode) => forNodeAndDescendants(childNode, action));
+}
+//# sourceMappingURL=serializeMutationsAsChange.js.map

package/cjs/domain/record/serialization/serializeMutationsAsChange.js.map

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

package/cjs/domain/record/serialization/serializeNode.d.ts

@@ -0,0 +1,7 @@
+import type { DocumentNode, SerializedNodeWithId, ElementNode } from '../../../types';
+import type { ParentNodePrivacyLevel } from './serialization.types';
+import type { SerializationTransaction } from './serializationTransaction';
+export declare function serializeNode(node: Element, parentNodePrivacyLevel: ParentNodePrivacyLevel, transaction: SerializationTransaction): (SerializedNodeWithId & ElementNode) | null;
+export declare function serializeNode(node: Node, parentNodePrivacyLevel: ParentNodePrivacyLevel, transaction: SerializationTransaction): SerializedNodeWithId | null;
+export declare function serializeChildNodes(node: Node, parentNodePrivacyLevel: ParentNodePrivacyLevel, transaction: SerializationTransaction): SerializedNodeWithId[];
+export declare function serializeDocumentNode(document: Document, parentNodePrivacyLevel: ParentNodePrivacyLevel, transaction: SerializationTransaction): DocumentNode & SerializedNodeWithId;

package/cjs/domain/record/serialization/serializeNode.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeNode = serializeNode;
+exports.serializeChildNodes = serializeChildNodes;
+exports.serializeDocumentNode = serializeDocumentNode;
+const browser_rum_core_1 = require("@datadog/browser-rum-core");
+const types_1 = require("../../../types");
+const serializationUtils_1 = require("./serializationUtils");
+const serializeStyleSheets_1 = require("./serializeStyleSheets");
+const serializeAttributes_1 = require("./serializeAttributes");
+function serializeNode(node, parentNodePrivacyLevel, transaction) {
+    switch (node.nodeType) {
+        case node.DOCUMENT_NODE:
+            return serializeDocumentNode(node, parentNodePrivacyLevel, transaction);
+        case node.DOCUMENT_FRAGMENT_NODE:
+            return serializeDocumentFragmentNode(node, parentNodePrivacyLevel, transaction);
+        case node.DOCUMENT_TYPE_NODE:
+            return serializeDocumentTypeNode(node, transaction);
+        case node.ELEMENT_NODE:
+            return serializeElementNode(node, parentNodePrivacyLevel, transaction);
+        case node.TEXT_NODE:
+            return serializeTextNode(node, parentNodePrivacyLevel, transaction);
+        case node.CDATA_SECTION_NODE:
+            return serializeCDataNode(node, transaction);
+        default:
+            return null;
+    }
+}
+function serializeChildNodes(node, parentNodePrivacyLevel, transaction) {
+    const result = [];
+    (0, browser_rum_core_1.forEachChildNodes)(node, (childNode) => {
+        const serializedChildNode = serializeNode(childNode, parentNodePrivacyLevel, transaction);
+        if (serializedChildNode) {
+            result.push(serializedChildNode);
+        }
+    });
+    return result;
+}
+function serializeDocumentNode(document, parentNodePrivacyLevel, transaction) {
+    return {
+        type: types_1.NodeType.Document,
+        id: transaction.assignId(document),
+        childNodes: serializeChildNodes(document, parentNodePrivacyLevel, transaction),
+        adoptedStyleSheets: (0, serializeStyleSheets_1.serializeStyleSheets)(document.adoptedStyleSheets, transaction),
+    };
+}
+function serializeDocumentFragmentNode(element, parentNodePrivacyLevel, transaction) {
+    const isShadowRoot = (0, browser_rum_core_1.isNodeShadowRoot)(element);
+    if (isShadowRoot) {
+        transaction.scope.shadowRootsController.addShadowRoot(element, transaction.scope);
+    }
+    return {
+        type: types_1.NodeType.DocumentFragment,
+        id: transaction.assignId(element),
+        childNodes: serializeChildNodes(element, parentNodePrivacyLevel, transaction),
+        isShadowRoot,
+        adoptedStyleSheets: isShadowRoot ? (0, serializeStyleSheets_1.serializeStyleSheets)(element.adoptedStyleSheets, transaction) : undefined,
+    };
+}
+function serializeDocumentTypeNode(documentType, transaction) {
+    return {
+        type: types_1.NodeType.DocumentType,
+        id: transaction.assignId(documentType),
+        name: documentType.name,
+        publicId: documentType.publicId,
+        systemId: documentType.systemId,
+    };
+}
+/**
+ * Serializing Element nodes involves capturing:
+ * 1. HTML ATTRIBUTES:
+ * 2. JS STATE:
+ * - scroll offsets
+ * - Form fields (input value, checkbox checked, option selection, range)
+ * - Canvas state,
+ * - Media (video/audio) play mode + currentTime
+ * - iframe contents
+ * - webcomponents
+ * 3. CUSTOM PROPERTIES:
+ * - height+width for when `hidden` to cover the element
+ * 4. EXCLUDED INTERACTION STATE:
+ * - focus (possible, but not worth perf impact)
+ * - hover (tracked only via mouse activity)
+ * - fullscreen mode
+ */
+function serializeElementNode(element, parentNodePrivacyLevel, transaction) {
+    const tagName = (0, serializationUtils_1.getValidTagName)(element.tagName);
+    const isSVG = isSVGElement(element) || undefined;
+    // For performance reason, we don't use getNodePrivacyLevel directly: we leverage the
+    // parentNodePrivacyLevel option to avoid iterating over all parents
+    const nodePrivacyLevel = (0, browser_rum_core_1.reducePrivacyLevel)((0, browser_rum_core_1.getNodeSelfPrivacyLevel)(element), parentNodePrivacyLevel);
+    if (nodePrivacyLevel === browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
+        const { width, height } = element.getBoundingClientRect();
+        return {
+            type: types_1.NodeType.Element,
+            id: transaction.assignId(element),
+            tagName,
+            attributes: {
+                rr_width: `${width}px`,
+                rr_height: `${height}px`,
+                [browser_rum_core_1.PRIVACY_ATTR_NAME]: browser_rum_core_1.PRIVACY_ATTR_VALUE_HIDDEN,
+            },
+            childNodes: [],
+            isSVG,
+        };
+    }
+    // Ignore Elements like Script and some Link, Metas
+    if (nodePrivacyLevel === browser_rum_core_1.NodePrivacyLevel.IGNORE) {
+        return null;
+    }
+    const id = transaction.assignId(element);
+    const attributes = (0, serializeAttributes_1.serializeAttributes)(element, nodePrivacyLevel, transaction);
+    let childNodes = [];
+    if ((0, browser_rum_core_1.hasChildNodes)(element) &&
+        // Do not serialize style children as the css rules are already in the _cssText attribute
+        tagName !== 'style') {
+        childNodes = serializeChildNodes(element, nodePrivacyLevel, transaction);
+    }
+    return {
+        type: types_1.NodeType.Element,
+        id,
+        tagName,
+        attributes,
+        childNodes,
+        isSVG,
+    };
+}
+function isSVGElement(el) {
+    return el.tagName === 'svg' || el instanceof SVGElement;
+}
+/**
+ * Text Nodes are dependant on Element nodes
+ * Privacy levels are set on elements so we check the parentElement of a text node
+ * for privacy level.
+ */
+function serializeTextNode(textNode, parentNodePrivacyLevel, transaction) {
+    const textContent = (0, browser_rum_core_1.getTextContent)(textNode, parentNodePrivacyLevel);
+    if (textContent === undefined) {
+        return null;
+    }
+    return {
+        type: types_1.NodeType.Text,
+        id: transaction.assignId(textNode),
+        textContent,
+    };
+}
+function serializeCDataNode(node, transaction) {
+    return {
+        type: types_1.NodeType.CDATA,
+        id: transaction.assignId(node),
+        textContent: '',
+    };
+}
+//# sourceMappingURL=serializeNode.js.map

package/cjs/domain/record/serialization/serializeNode.js.map

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

package/cjs/domain/record/serialization/serializeNodeAsChange.d.ts

@@ -0,0 +1,4 @@
+import { NodePrivacyLevel } from '@datadog/browser-rum-core';
+import type { InsertionCursor } from './insertionCursor';
+import type { ChangeSerializationTransaction } from './serializationTransaction';
+export declare function serializeNodeAsChange(cursor: InsertionCursor, node: Node, parentPrivacyLevel: NodePrivacyLevel, transaction: ChangeSerializationTransaction): void;

package/cjs/domain/record/serialization/serializeNodeAsChange.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeNodeAsChange = serializeNodeAsChange;
+const browser_rum_core_1 = require("@datadog/browser-rum-core");
+const types_1 = require("../../../types");
+const serializeAttributes_1 = require("./serializeAttributes");
+function serializeNodeAsChange(cursor, node, parentPrivacyLevel, transaction) {
+    var _a;
+    // Ignore the children of <style> elements; the CSS rules they contain are already
+    // serialized as StyleSheetSnapshots.
+    if (((_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.nodeName) === 'STYLE') {
+        return;
+    }
+    let privacyLevel;
+    const selfPrivacyLevel = (0, browser_rum_core_1.getNodeSelfPrivacyLevel)(node);
+    if (selfPrivacyLevel) {
+        privacyLevel = (0, browser_rum_core_1.reducePrivacyLevel)(selfPrivacyLevel, parentPrivacyLevel);
+    }
+    else {
+        privacyLevel = parentPrivacyLevel;
+    }
+    if (privacyLevel === browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
+        serializeHiddenNodePlaceholder(cursor, node, transaction);
+        return;
+    }
+    // Totally ignore risky or unwanted elements. (e.g. <script>, some <link> and <meta> elements)
+    if (privacyLevel === browser_rum_core_1.NodePrivacyLevel.IGNORE) {
+        return;
+    }
+    switch (node.nodeType) {
+        case node.CDATA_SECTION_NODE:
+            serializeCDataNodeAsChange(cursor, node, transaction);
+            break;
+        case node.DOCUMENT_NODE:
+            serializeDocumentNodeAsChange(cursor, node, transaction);
+            break;
+        case node.DOCUMENT_FRAGMENT_NODE:
+            serializeDocumentFragmentNodeAsChange(cursor, node, transaction);
+            break;
+        case node.DOCUMENT_TYPE_NODE:
+            serializeDocumentTypeNodeAsChange(cursor, node, transaction);
+            break;
+        case node.ELEMENT_NODE:
+            serializeElementNodeAsChange(cursor, node, privacyLevel, transaction);
+            break;
+        case node.TEXT_NODE:
+            serializeTextNodeAsChange(cursor, node, privacyLevel, transaction);
+            break;
+        default:
+            return;
+    }
+    // If this node can't have children, we're done.
+    switch (node.nodeType) {
+        case node.CDATA_SECTION_NODE:
+        case node.DOCUMENT_TYPE_NODE:
+        case node.TEXT_NODE:
+            return;
+    }
+    cursor.descend();
+    (0, browser_rum_core_1.forEachChildNodes)(node, (childNode) => {
+        serializeNodeAsChange(cursor, childNode, privacyLevel, transaction);
+    });
+    cursor.ascend();
+}
+function serializeDocumentNodeAsChange(cursor, document, transaction) {
+    const { nodeId, insertionPoint } = cursor.advance(document);
+    transaction.addNode(insertionPoint, '#document');
+    transaction.setScrollPosition(nodeId, (0, browser_rum_core_1.getScrollX)(), (0, browser_rum_core_1.getScrollY)());
+    serializeStyleSheetsAsChange(document.adoptedStyleSheets, nodeId, transaction);
+}
+function serializeDocumentFragmentNodeAsChange(cursor, documentFragment, transaction) {
+    const { nodeId, insertionPoint } = cursor.advance(documentFragment);
+    const isShadowRoot = (0, browser_rum_core_1.isNodeShadowRoot)(documentFragment);
+    if (!isShadowRoot) {
+        transaction.addNode(insertionPoint, '#document-fragment');
+        return;
+    }
+    transaction.addNode(insertionPoint, '#shadow-root');
+    transaction.scope.shadowRootsController.addShadowRoot(documentFragment, transaction.scope);
+    serializeStyleSheetsAsChange(documentFragment.adoptedStyleSheets, nodeId, transaction);
+}
+function serializeDocumentTypeNodeAsChange(cursor, documentType, transaction) {
+    const { insertionPoint } = cursor.advance(documentType);
+    transaction.addNode(insertionPoint, '#doctype', documentType.name, documentType.publicId, documentType.systemId);
+}
+function serializeElementNodeAsChange(cursor, element, privacyLevel, transaction) {
+    const { nodeId, insertionPoint } = cursor.advance(element);
+    const domAttributes = Object.entries((0, serializeAttributes_1.serializeDOMAttributes)(element, privacyLevel, transaction));
+    transaction.addNode(insertionPoint, encodedElementName(element), ...domAttributes);
+    const { _cssText: cssText, rr_mediaState: mediaState, rr_scrollLeft: scrollLeft, rr_scrollTop: scrollTop, } = (0, serializeAttributes_1.serializeVirtualAttributes)(element, privacyLevel, transaction);
+    const linkOrStyle = element;
+    if (cssText !== undefined && linkOrStyle.sheet) {
+        const sheetId = transaction.scope.styleSheetIds.getOrInsert(linkOrStyle.sheet);
+        transaction.addStyleSheet(cssText);
+        transaction.attachStyleSheets(nodeId, [sheetId]);
+    }
+    if (mediaState === 'played') {
+        transaction.setMediaPlaybackState(nodeId, types_1.MediaInteractionType.Play);
+    }
+    else if (mediaState === 'paused') {
+        transaction.setMediaPlaybackState(nodeId, types_1.MediaInteractionType.Pause);
+    }
+    if (scrollLeft !== undefined || scrollTop !== undefined) {
+        transaction.setScrollPosition(nodeId, scrollLeft || 0, scrollTop || 0);
+    }
+}
+function serializeTextNodeAsChange(cursor, textNode, privacyLevel, transaction) {
+    const textContent = (0, browser_rum_core_1.getTextContent)(textNode, privacyLevel);
+    if (textContent === undefined) {
+        return;
+    }
+    const { insertionPoint } = cursor.advance(textNode);
+    transaction.addNode(insertionPoint, '#text', textContent);
+}
+function serializeCDataNodeAsChange(cursor, cdataNode, transaction) {
+    const { insertionPoint } = cursor.advance(cdataNode);
+    transaction.addNode(insertionPoint, '#cdata-section');
+}
+function serializeHiddenNodePlaceholder(cursor, node, transaction) {
+    // We only generate placeholders for element nodes; other hidden nodes are simply not
+    // serialized.
+    if (!(0, browser_rum_core_1.isElementNode)(node)) {
+        return;
+    }
+    const { nodeId, insertionPoint } = cursor.advance(node);
+    transaction.addNode(insertionPoint, encodedElementName(node), [browser_rum_core_1.PRIVACY_ATTR_NAME, browser_rum_core_1.PRIVACY_ATTR_VALUE_HIDDEN]);
+    const { width, height } = node.getBoundingClientRect();
+    transaction.setSize(nodeId, width, height);
+}
+function serializeStyleSheetsAsChange(sheets, nodeId, transaction) {
+    if (!sheets || sheets.length === 0) {
+        return undefined;
+    }
+    transaction.attachStyleSheets(nodeId, sheets.map((sheet) => serializeStyleSheetAsChange(sheet, transaction)));
+}
+function serializeStyleSheetAsChange(sheet, transaction) {
+    const rules = Array.from(sheet.cssRules || sheet.rules, (rule) => rule.cssText);
+    const mediaList = sheet.media.length > 0 ? Array.from(sheet.media) : undefined;
+    transaction.addMetric('cssText', rules.reduce((totalLength, rule) => totalLength + rule.length, 0));
+    transaction.addStyleSheet(rules, mediaList, sheet.disabled);
+    return transaction.scope.styleSheetIds.getOrInsert(sheet);
+}
+function encodedElementName(element) {
+    const nodeName = element.nodeName;
+    if (isSVGElement(element)) {
+        return `svg>${nodeName}`;
+    }
+    return nodeName;
+}
+function isSVGElement(element) {
+    return element.namespaceURI === 'http://www.w3.org/2000/svg';
+}
+//# sourceMappingURL=serializeNodeAsChange.js.map

package/cjs/domain/record/serialization/serializeNodeAsChange.js.map

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

package/cjs/domain/record/serialization/serializeStyleSheets.d.ts

@@ -0,0 +1,3 @@
+import type { StyleSheet } from '../../../types';
+import type { SerializationTransaction } from './serializationTransaction';
+export declare function serializeStyleSheets(cssStyleSheets: CSSStyleSheet[] | undefined, transaction: SerializationTransaction): StyleSheet[] | undefined;

package/cjs/domain/record/serialization/serializeStyleSheets.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeStyleSheets = serializeStyleSheets;
+function serializeStyleSheets(cssStyleSheets, transaction) {
+    if (cssStyleSheets === undefined || cssStyleSheets.length === 0) {
+        return undefined;
+    }
+    const serializeStylesheet = (cssStyleSheet) => {
+        const rules = cssStyleSheet.cssRules || cssStyleSheet.rules;
+        const cssRules = Array.from(rules, (cssRule) => cssRule.cssText);
+        transaction.addMetric('cssText', cssRules.reduce((totalLength, rule) => totalLength + rule.length, 0));
+        const styleSheet = {
+            cssRules,
+            disabled: cssStyleSheet.disabled || undefined,
+            media: cssStyleSheet.media.length > 0 ? Array.from(cssStyleSheet.media) : undefined,
+        };
+        return styleSheet;
+    };
+    // Safari iOS 16.x implements adoptedStyleSheets as a FrozenArray that:
+    // - can't be iterated over through map or for...of
+    // - can't be converted to regular array with Array.from
+    // - can't be detected with Array.isArray or Object.isFrozen
+    // Use index access to avoid the issue
+    const styleSheets = [];
+    for (let index = 0; index < cssStyleSheets.length; index++) {
+        styleSheets.push(serializeStylesheet(cssStyleSheets[index]));
+    }
+    return styleSheets;
+}
+//# sourceMappingURL=serializeStyleSheets.js.map

package/cjs/domain/record/serialization/serializeStyleSheets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeStyleSheets.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializeStyleSheets.ts"],"names":[],"mappings":";;AAGA,oDAgCC;AAhCD,SAAgB,oBAAoB,CAClC,cAA2C,EAC3C,WAAqC;IAErC,IAAI,cAAc,KAAK,SAAS,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChE,OAAO,SAAS,CAAA;IAClB,CAAC;IACD,MAAM,mBAAmB,GAAG,CAAC,aAA4B,EAAE,EAAE;QAC3D,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,IAAI,aAAa,CAAC,KAAK,CAAA;QAC3D,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAChE,WAAW,CAAC,SAAS,CACnB,SAAS,EACT,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CACrE,CAAA;QAED,MAAM,UAAU,GAAe;YAC7B,QAAQ;YACR,QAAQ,EAAE,aAAa,CAAC,QAAQ,IAAI,SAAS;YAC7C,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;SACpF,CAAA;QACD,OAAO,UAAU,CAAA;IACnB,CAAC,CAAA;IACD,uEAAuE;IACvE,mDAAmD;IACnD,wDAAwD;IACxD,4DAA4D;IAC5D,sCAAsC;IACtC,MAAM,WAAW,GAAiB,EAAE,CAAA;IACpC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QAC3D,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;IAC9D,CAAC;IACD,OAAO,WAAW,CAAA;AACpB,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { RecordingScope } from './recordingScope';
+/**
+ * SerializationVerifier compares the output of the V1 and Change serialization
+ * algorithms. It's designed to seamlessly add verification to existing test suites which
+ * are written against the V1 serialization algorithm.
+ *
+ * To use it, create a SerializationVerifier configured with the same RecordingScope used
+ * by the current test. The SerializationVerifier will automatically listen for V1
+ * serializations being performed by the test code and will perform the corresponding
+ * Change serialization. It will then convert the resulting BrowserChangeRecord to the old
+ * V1 format and compare the results to verify that the two algorithms produce the same
+ * output.
+ */
+export interface SerializationVerifier {
+    stop(this: void): void;
+}
+export type OnVerificationError = (message: string, context?: any) => void;
+export declare function createSerializationVerifier(scope: RecordingScope, onError: OnVerificationError): SerializationVerifier;