@depup/datadog__browser-rum 6.31.0-depup.0

package/esm/domain/record/serialization/conversions/nodeIdRemapper.js

@@ -0,0 +1,49 @@
+import { createNodeIds } from '../../itemIds';
+export function createIdentityNodeIdRemapper() {
+    return {
+        remap(inputNodeId) {
+            return inputNodeId;
+        },
+    };
+}
+export function createCopyingNodeIdRemapper() {
+    const { nodeIds: inputNodeIds, nodesByNodeId: inputNodesByNodeId } = createTrackedNodeIds();
+    const { nodeIds: outputNodeIds, nodeIdsByNode: outputNodeIdsByNode } = createTrackedNodeIds();
+    const self = {
+        remap(inputNodeId) {
+            var _a;
+            const node = inputNodesByNodeId.get(inputNodeId);
+            if (!node) {
+                throw new Error(`Input node id ${inputNodeId} not found`);
+            }
+            return (_a = outputNodeIdsByNode.get(node)) !== null && _a !== void 0 ? _a : outputNodeIds.getOrInsert(node);
+        },
+        inputNodeIds,
+        outputNodeIds,
+    };
+    return self;
+}
+function createTrackedNodeIds() {
+    const wrappedNodeIds = createNodeIds();
+    const nodeIdsByNode = new Map();
+    const nodesByNodeId = new Map();
+    const nodeIds = {
+        clear: wrappedNodeIds.clear,
+        delete: wrappedNodeIds.delete,
+        get: wrappedNodeIds.get,
+        getOrInsert(node) {
+            const nodeId = wrappedNodeIds.getOrInsert(node);
+            nodeIdsByNode.set(node, nodeId);
+            nodesByNodeId.set(nodeId, node);
+            return nodeId;
+        },
+        get nextId() {
+            return wrappedNodeIds.nextId;
+        },
+        get size() {
+            return wrappedNodeIds.size;
+        },
+    };
+    return { nodeIds, nodeIdsByNode, nodesByNodeId };
+}
+//# sourceMappingURL=nodeIdRemapper.js.map

package/esm/domain/record/serialization/conversions/nodeIdRemapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeIdRemapper.js","sourceRoot":"","sources":["../../../../../src/domain/record/serialization/conversions/nodeIdRemapper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAM7C,MAAM,UAAU,4BAA4B;IAC1C,OAAO;QACL,KAAK,CAAC,WAAmB;YACvB,OAAO,WAAW,CAAA;QACpB,CAAC;KACF,CAAA;AACH,CAAC;AAOD,MAAM,UAAU,2BAA2B;IACzC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAC3F,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAE7F,MAAM,IAAI,GAA0B;QAClC,KAAK,CAAC,WAAmB;;YACvB,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;YAChD,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,MAAM,IAAI,KAAK,CAAC,iBAAiB,WAAW,YAAY,CAAC,CAAA;YAC3D,CAAC;YACD,OAAO,MAAA,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,mCAAI,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;QACzE,CAAC;QAED,YAAY;QACZ,aAAa;KACd,CAAA;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,oBAAoB;IAK3B,MAAM,cAAc,GAAG,aAAa,EAAE,CAAA;IACtC,MAAM,aAAa,GAAG,IAAI,GAAG,EAAgB,CAAA;IAC7C,MAAM,aAAa,GAAG,IAAI,GAAG,EAAgB,CAAA;IAE7C,MAAM,OAAO,GAAY;QACvB,KAAK,EAAE,cAAc,CAAC,KAAK;QAC3B,MAAM,EAAE,cAAc,CAAC,MAAM;QAC7B,GAAG,EAAE,cAAc,CAAC,GAAG;QACvB,WAAW,CAAC,IAAU;YACpB,MAAM,MAAM,GAAG,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YAC/C,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;YAC/B,aAAa,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;YAC/B,OAAO,MAAM,CAAA;QACf,CAAC;QACD,IAAI,MAAM;YACR,OAAO,cAAc,CAAC,MAAM,CAAA;QAC9B,CAAC;QACD,IAAI,IAAI;YACN,OAAO,cAAc,CAAC,IAAI,CAAA;QAC5B,CAAC;KACF,CAAA;IAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAClD,CAAC"}

package/esm/domain/record/serialization/conversions/renderOptions.d.ts

@@ -0,0 +1,6 @@
+import type { NodeIdRemapper } from './nodeIdRemapper';
+export interface V1RenderOptions {
+    nodeIdRemapper: NodeIdRemapper;
+    timestamp: number;
+}
+export declare function createV1RenderOptions(options?: Partial<V1RenderOptions>): V1RenderOptions;

package/esm/domain/record/serialization/conversions/renderOptions.js

@@ -0,0 +1,9 @@
+import { createIdentityNodeIdRemapper } from './nodeIdRemapper';
+export function createV1RenderOptions(options = {}) {
+    var _a, _b;
+    return {
+        nodeIdRemapper: (_a = options.nodeIdRemapper) !== null && _a !== void 0 ? _a : createIdentityNodeIdRemapper(),
+        timestamp: (_b = options.timestamp) !== null && _b !== void 0 ? _b : 0,
+    };
+}
+//# sourceMappingURL=renderOptions.js.map

package/esm/domain/record/serialization/conversions/renderOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderOptions.js","sourceRoot":"","sources":["../../../../../src/domain/record/serialization/conversions/renderOptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAA;AAO/D,MAAM,UAAU,qBAAqB,CAAC,UAAoC,EAAE;;IAC1E,OAAO;QACL,cAAc,EAAE,MAAA,OAAO,CAAC,cAAc,mCAAI,4BAA4B,EAAE;QACxE,SAAS,EAAE,MAAA,OAAO,CAAC,SAAS,mCAAI,CAAC;KAClC,CAAA;AACH,CAAC"}

package/esm/domain/record/serialization/conversions/stringTable.d.ts

@@ -0,0 +1,5 @@
+export interface StringTable {
+    add(newString: string): void;
+    decode(stringOrStringId: number | string): string;
+}
+export declare function createStringTable(): StringTable;

package/esm/domain/record/serialization/conversions/stringTable.js

@@ -0,0 +1,19 @@
+export function createStringTable() {
+    const strings = new Map();
+    return {
+        add(newString) {
+            strings.set(strings.size, newString);
+        },
+        decode(stringOrStringId) {
+            if (typeof stringOrStringId === 'string') {
+                return stringOrStringId;
+            }
+            const referencedString = strings.get(stringOrStringId);
+            if (referencedString === undefined) {
+                throw new Error(`Reference to unknown string: ${stringOrStringId}`);
+            }
+            return referencedString;
+        },
+    };
+}
+//# sourceMappingURL=stringTable.js.map

package/esm/domain/record/serialization/conversions/stringTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringTable.js","sourceRoot":"","sources":["../../../../../src/domain/record/serialization/conversions/stringTable.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,iBAAiB;IAC/B,MAAM,OAAO,GAAG,IAAI,GAAG,EAAoB,CAAA;IAC3C,OAAO;QACL,GAAG,CAAC,SAAiB;YACnB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAgB,EAAE,SAAS,CAAC,CAAA;QAClD,CAAC;QACD,MAAM,CAAC,gBAAiC;YACtC,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE,CAAC;gBACzC,OAAO,gBAAgB,CAAA;YACzB,CAAC;YACD,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAAC,gBAA4B,CAAC,CAAA;YAClE,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;gBACnC,MAAM,IAAI,KAAK,CAAC,gCAAgC,gBAAgB,EAAE,CAAC,CAAA;YACrE,CAAC;YACD,OAAO,gBAAgB,CAAA;QACzB,CAAC;KACF,CAAA;AACH,CAAC"}

package/esm/domain/record/serialization/conversions/vDocument.d.ts

@@ -0,0 +1,23 @@
+import type { BrowserFullSnapshotRecord, BrowserIncrementalSnapshotRecord } from '../../../../types';
+import type { NodeId, StyleSheetId } from '../../itemIds';
+import type { MutationLog } from './mutationLog';
+import type { V1RenderOptions } from './renderOptions';
+import type { VNode, VNodeData } from './vNode';
+import type { VStyleSheet, VStyleSheetData } from './vStyleSheet';
+export interface VDocument {
+    createNode(data: VNodeData): VNode;
+    getNodeById(id: NodeId): VNode;
+    createStyleSheet(data: VStyleSheetData): VStyleSheet;
+    getStyleSheetById(id: StyleSheetId): VStyleSheet;
+    onAttributeChanged(node: VNode, name: string): void;
+    onNodeConnected(node: VNode, parent: VNode | undefined): void;
+    onNodeDisconnected(node: VNode, parent: VNode | undefined): void;
+    onTextChanged(node: VNode): void;
+    get mutations(): MutationLog;
+    naturalRendering(): BrowserFullSnapshotRecord['type'] | BrowserIncrementalSnapshotRecord['type'];
+    render(options?: Partial<V1RenderOptions>): BrowserFullSnapshotRecord | BrowserIncrementalSnapshotRecord;
+    renderAsFullSnapshot(options?: Partial<V1RenderOptions>): BrowserFullSnapshotRecord;
+    renderAsIncrementalSnapshot(options?: Partial<V1RenderOptions>): BrowserIncrementalSnapshotRecord;
+    root: VNode | undefined;
+}
+export declare function createVDocument(): VDocument;

package/esm/domain/record/serialization/conversions/vDocument.js

@@ -0,0 +1,173 @@
+import { IncrementalSource, RecordType } from '../../../../types';
+import { createMutationLog } from './mutationLog';
+import { createV1RenderOptions } from './renderOptions';
+import { createVNode } from './vNode';
+import { createVStyleSheet } from './vStyleSheet';
+export function createVDocument() {
+    const mutations = createMutationLog();
+    let nextNodeId = 0;
+    const nodesById = new Map();
+    let rootId;
+    let nextStyleSheetId = 0;
+    const styleSheetsById = new Map();
+    const self = {
+        createNode(data) {
+            const id = nextNodeId++;
+            const node = createVNode(self, id, data);
+            nodesById.set(id, node);
+            return node;
+        },
+        getNodeById(id) {
+            const node = nodesById.get(id);
+            if (!node) {
+                throw new Error(`Reference to unknown node: ${id}`);
+            }
+            return node;
+        },
+        createStyleSheet(data) {
+            const id = nextStyleSheetId++;
+            const sheet = createVStyleSheet(self, id, data);
+            styleSheetsById.set(id, sheet);
+            return sheet;
+        },
+        getStyleSheetById(id) {
+            const sheet = styleSheetsById.get(id);
+            if (!sheet) {
+                throw new Error(`Reference to unknown stylesheet: ${id}`);
+            }
+            return sheet;
+        },
+        onAttributeChanged(node, name) {
+            mutations.onAttributeChanged(node.id, name);
+        },
+        onNodeConnected(node, parent) {
+            if (node.state !== 'new') {
+                throw new Error(`Moving connected node: ${node.id}`);
+            }
+            if (parent === undefined) {
+                if (rootId !== undefined) {
+                    throw new Error('Replacing existing root node');
+                }
+                rootId = node.id;
+            }
+            node.state = 'connected';
+            mutations.onNodeConnected(node.id);
+        },
+        onNodeDisconnected(node, parent) {
+            node.forSelfAndEachDescendant((descendant) => {
+                if (descendant.state === 'disconnected') {
+                    throw new Error(`Disconnecting node which isn't connected: ${descendant.id}`);
+                }
+                descendant.state = 'disconnected';
+            });
+            if (!parent) {
+                throw new Error('Disconnecting the root node');
+            }
+            mutations.onNodeDisconnected(node.id, parent.id);
+        },
+        onTextChanged(node) {
+            mutations.onTextChanged(node.id);
+        },
+        get mutations() {
+            return mutations;
+        },
+        naturalRendering() {
+            if (rootId !== undefined && mutations.nodeAdds.has(rootId)) {
+                return RecordType.FullSnapshot;
+            }
+            return RecordType.IncrementalSnapshot;
+        },
+        render(options) {
+            if (self.naturalRendering() === RecordType.FullSnapshot) {
+                return self.renderAsFullSnapshot(options);
+            }
+            return self.renderAsIncrementalSnapshot(options);
+        },
+        renderAsFullSnapshot(renderOptions = {}) {
+            var _a, _b;
+            const options = createV1RenderOptions(renderOptions);
+            const root = self.root;
+            if (!root) {
+                throw new Error('No root node found');
+            }
+            let scrollLeft = 0;
+            let scrollTop = 0;
+            if (root.data.kind === '#document' || root.data.kind === '#element') {
+                scrollLeft = (_a = root.data.scrollLeft) !== null && _a !== void 0 ? _a : 0;
+                scrollTop = (_b = root.data.scrollTop) !== null && _b !== void 0 ? _b : 0;
+            }
+            return {
+                data: {
+                    node: root.render(options),
+                    initialOffset: { left: scrollLeft, top: scrollTop },
+                },
+                type: RecordType.FullSnapshot,
+                timestamp: options.timestamp,
+            };
+        },
+        renderAsIncrementalSnapshot(renderOptions = {}) {
+            var _a;
+            const options = createV1RenderOptions(renderOptions);
+            const root = self.root;
+            if (!root) {
+                throw new Error('No root node found');
+            }
+            const remappedId = (id) => options.nodeIdRemapper.remap(id);
+            const addMutations = [];
+            root.forEachAddedNodeRoot(mutations.nodeAdds, (node) => {
+                var _a;
+                if (!node.parent) {
+                    throw new Error(`Can't render incremental add of root node ${node.id}`);
+                }
+                addMutations.push({
+                    nextId: ((_a = node.nextSibling) === null || _a === void 0 ? void 0 : _a.id) !== undefined ? remappedId(node.nextSibling.id) : null,
+                    parentId: remappedId(node.parent.id),
+                    node: node.render(options),
+                });
+            });
+            const removeMutations = [];
+            for (const [id, parentId] of mutations.nodeRemoves) {
+                removeMutations.push({ parentId: remappedId(parentId), id: remappedId(id) });
+            }
+            const textMutations = [];
+            for (const id of mutations.textChanges) {
+                const node = self.getNodeById(id);
+                if (node.data.kind !== '#text') {
+                    throw new Error(`Can't render incremental text mutation of ${node.data.kind} node ${id}`);
+                }
+                textMutations.push({ id: remappedId(id), value: node.data.textContent });
+            }
+            const attributeMutations = [];
+            for (const [id, attrNames] of mutations.attributeChanges) {
+                const node = self.getNodeById(id);
+                if (node.data.kind !== '#element') {
+                    throw new Error(`Can't render incremental attribute mutation of ${node.data.kind} node ${id}`);
+                }
+                const attributes = {};
+                for (const attrName of attrNames) {
+                    attributes[attrName] = (_a = node.data.attributes[attrName]) !== null && _a !== void 0 ? _a : null;
+                }
+                attributeMutations.push({ id: remappedId(id), attributes });
+            }
+            return {
+                data: {
+                    source: IncrementalSource.Mutation,
+                    adds: addMutations,
+                    removes: removeMutations,
+                    texts: textMutations,
+                    attributes: attributeMutations,
+                },
+                type: RecordType.IncrementalSnapshot,
+                timestamp: options.timestamp,
+            };
+        },
+        get root() {
+            return rootId === undefined ? undefined : self.getNodeById(rootId);
+        },
+        set root(node) {
+            self.onNodeConnected(node, undefined);
+        },
+    };
+    return self;
+}
+//# sourceMappingURL=vDocument.js.map

package/esm/domain/record/serialization/conversions/vDocument.js.map

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

package/esm/domain/record/serialization/conversions/vNode.d.ts

@@ -0,0 +1,66 @@
+import type { SerializedNodeWithId } from '../../../../types';
+import { PlaybackState } from '../../../../types';
+import type { NodeId } from '../../itemIds';
+import type { V1RenderOptions } from './renderOptions';
+import type { VDocument } from './vDocument';
+import type { VStyleSheet } from './vStyleSheet';
+export interface VNode {
+    after(node: VNode): void;
+    appendChild(node: VNode): void;
+    before(node: VNode): void;
+    remove(): void;
+    setAttachedStyleSheets(sheets: VStyleSheet[]): void;
+    setAttribute(name: string, value: string | null): void;
+    setPlaybackState(state: PlaybackState): void;
+    setScrollPosition(left: number, top: number): void;
+    setSize(width: number, height: number): void;
+    setTextContent(value: string): void;
+    forEachAddedNodeRoot(nodeAdds: Set<NodeId>, action: (node: VNode) => void): void;
+    forSelfAndEachDescendant(action: (node: VNode) => void): void;
+    mapChildren<Result>(action: (node: VNode) => Result): Result[];
+    render(options: V1RenderOptions): SerializedNodeWithId;
+    get data(): VNodeData;
+    get id(): NodeId;
+    get ownerDocument(): VDocument;
+    state: VNodeState;
+    firstChild: VNode | undefined;
+    lastChild: VNode | undefined;
+    previousSibling: VNode | undefined;
+    nextSibling: VNode | undefined;
+    parent: VNode | undefined;
+}
+export type VNodeState = 'new' | 'connected' | 'disconnected';
+export type VNodeData = {
+    kind: '#cdata-section';
+} | {
+    kind: '#document';
+    attachedStyleSheets?: VStyleSheet[] | undefined;
+    scrollLeft?: number;
+    scrollTop?: number;
+} | {
+    kind: '#doctype';
+    name: string;
+    publicId: string;
+    systemId: string;
+} | {
+    kind: '#document-fragment';
+    attachedStyleSheets?: VStyleSheet[] | undefined;
+} | {
+    kind: '#element';
+    tag: string;
+    attachedStyleSheets?: VStyleSheet[] | undefined;
+    attributes: Record<string, string>;
+    isSVG?: boolean;
+    playbackState?: PlaybackState;
+    scrollLeft?: number;
+    scrollTop?: number;
+    width?: number;
+    height?: number;
+} | {
+    kind: '#shadow-root';
+    attachedStyleSheets?: VStyleSheet[] | undefined;
+} | {
+    kind: '#text';
+    textContent: string;
+};
+export declare function createVNode(document: VDocument, id: NodeId, data: VNodeData): VNode;

package/esm/domain/record/serialization/conversions/vNode.js

@@ -0,0 +1,282 @@
+import { PlaybackState, NodeType } from '../../../../types';
+export function createVNode(document, id, data) {
+    let state = 'new';
+    const assertConnectedCorrectly = () => {
+        if (self.state !== 'connected') {
+            throw new Error(`Expected node ${self.id} to be connected, not ${self.state}`);
+        }
+        for (const connection of ['firstChild', 'lastChild', 'previousSibling', 'nextSibling', 'parent']) {
+            const connectedNode = self[connection];
+            if (connectedNode && connectedNode.state !== 'connected') {
+                throw new Error(`Expected node ${self.id}'s ${connection} to be connected, not ${connectedNode.state}`);
+            }
+        }
+    };
+    const self = {
+        after(node) {
+            var _a;
+            node.parent = self.parent;
+            node.previousSibling = self;
+            if (self.nextSibling) {
+                self.nextSibling.previousSibling = node;
+            }
+            node.nextSibling = self.nextSibling;
+            self.nextSibling = node;
+            if (((_a = self.parent) === null || _a === void 0 ? void 0 : _a.lastChild) === self) {
+                self.parent.lastChild = node;
+            }
+            document.onNodeConnected(node, self.parent);
+            assertConnectedCorrectly();
+        },
+        appendChild(node) {
+            if (self.lastChild) {
+                self.lastChild.after(node);
+                return;
+            }
+            node.parent = self;
+            self.firstChild = node;
+            self.lastChild = node;
+            document.onNodeConnected(node, self);
+            assertConnectedCorrectly();
+        },
+        before(node) {
+            var _a;
+            node.parent = self.parent;
+            node.nextSibling = self;
+            if (self.previousSibling) {
+                self.previousSibling.nextSibling = node;
+            }
+            node.previousSibling = self.previousSibling;
+            self.previousSibling = node;
+            if (((_a = self.parent) === null || _a === void 0 ? void 0 : _a.firstChild) === self) {
+                self.parent.firstChild = node;
+            }
+            document.onNodeConnected(node, self.parent);
+            assertConnectedCorrectly();
+        },
+        remove() {
+            var _a, _b;
+            if (self.state === 'disconnected') {
+                return; // This is a redundant remove.
+            }
+            if (((_a = self.parent) === null || _a === void 0 ? void 0 : _a.firstChild) === self) {
+                self.parent.firstChild = self.nextSibling;
+            }
+            if (((_b = self.parent) === null || _b === void 0 ? void 0 : _b.lastChild) === self) {
+                self.parent.lastChild = self.previousSibling;
+            }
+            if (self.previousSibling) {
+                self.previousSibling.nextSibling = self.nextSibling;
+            }
+            if (self.nextSibling) {
+                self.nextSibling.previousSibling = self.previousSibling;
+            }
+            const parent = self.parent;
+            self.parent = undefined;
+            self.previousSibling = undefined;
+            self.nextSibling = undefined;
+            document.onNodeDisconnected(self, parent);
+        },
+        setAttachedStyleSheets(sheets) {
+            assertConnectedCorrectly();
+            switch (data.kind) {
+                case '#document':
+                case '#document-fragment':
+                case '#element':
+                case '#shadow-root':
+                    data.attachedStyleSheets = sheets;
+                    break;
+                default:
+                    throw new Error(`Cannot attach stylesheets to ${data.kind} node ${id}`);
+            }
+        },
+        setAttribute(name, value) {
+            assertConnectedCorrectly();
+            if (data.kind !== '#element') {
+                throw new Error(`Cannot set attribute ${name} on ${data.kind} node ${id}`);
+            }
+            if (value === null) {
+                delete data.attributes[name];
+            }
+            else {
+                data.attributes[name] = value;
+            }
+            document.onAttributeChanged(self, name);
+        },
+        setPlaybackState(state) {
+            assertConnectedCorrectly();
+            if (data.kind !== '#element') {
+                throw new Error(`Cannot set media playback state of ${data.kind} node ${id}`);
+            }
+            data.playbackState = state;
+        },
+        setScrollPosition(left, top) {
+            assertConnectedCorrectly();
+            if (data.kind !== '#document' && data.kind !== '#element') {
+                throw new Error(`Cannot set scroll position on ${data.kind} node ${id}`);
+            }
+            // Treat zero coordinates as 'not scrolled' unless this element has scrolled in the past.
+            if (left !== 0 || data.scrollLeft !== undefined) {
+                data.scrollLeft = left;
+            }
+            if (top !== 0 || data.scrollTop !== undefined) {
+                data.scrollTop = top;
+            }
+        },
+        setSize(width, height) {
+            assertConnectedCorrectly();
+            if (data.kind !== '#element') {
+                throw new Error(`Cannot set size of ${data.kind} node ${id}`);
+            }
+            data.width = width;
+            data.height = height;
+        },
+        setTextContent(value) {
+            assertConnectedCorrectly();
+            if (data.kind !== '#text') {
+                throw new Error(`Cannot set text on ${data.kind} node ${id}`);
+            }
+            data.textContent = value;
+            document.onTextChanged(self);
+        },
+        forEachAddedNodeRoot(nodeAdds, action) {
+            if (nodeAdds.has(id)) {
+                // This is the root of a newly-added subtree.
+                action(self);
+                return;
+            }
+            // This is an existing node, but there may be new nodes among our descendants. Visit
+            // children in reverse order to match the ordering that the V1 serialization
+            // algorithm would use.
+            for (let child = self.lastChild; child; child = child.previousSibling) {
+                child.forEachAddedNodeRoot(nodeAdds, action);
+            }
+        },
+        forSelfAndEachDescendant(action) {
+            action(self);
+            for (let child = self.firstChild; child; child = child.nextSibling) {
+                child.forSelfAndEachDescendant(action);
+            }
+        },
+        mapChildren(action) {
+            const results = [];
+            for (let child = self.firstChild; child; child = child.nextSibling) {
+                results.push(action(child));
+            }
+            return results;
+        },
+        render(options) {
+            var _a, _b, _c, _d, _e;
+            assertConnectedCorrectly();
+            const id = (_b = (_a = options.nodeIdRemapper) === null || _a === void 0 ? void 0 : _a.remap(self.id)) !== null && _b !== void 0 ? _b : self.id;
+            switch (data.kind) {
+                case '#cdata-section':
+                    return {
+                        type: NodeType.CDATA,
+                        id,
+                        textContent: '',
+                    };
+                case '#doctype':
+                    return {
+                        type: NodeType.DocumentType,
+                        id,
+                        name: data.name,
+                        publicId: data.publicId,
+                        systemId: data.systemId,
+                    };
+                case '#document':
+                    return {
+                        type: NodeType.Document,
+                        id,
+                        childNodes: self.mapChildren((node) => node.render(options)),
+                        adoptedStyleSheets: (_c = data.attachedStyleSheets) === null || _c === void 0 ? void 0 : _c.map((sheet) => sheet.renderAsAdoptedStyleSheet()),
+                    };
+                case '#document-fragment':
+                    return {
+                        type: NodeType.DocumentFragment,
+                        id,
+                        childNodes: self.mapChildren((node) => node.render(options)),
+                        adoptedStyleSheets: (_d = data.attachedStyleSheets) === null || _d === void 0 ? void 0 : _d.map((sheet) => sheet.renderAsAdoptedStyleSheet()),
+                        isShadowRoot: false,
+                    };
+                case '#element': {
+                    const attributes = {};
+                    // Add size-related virtual attributes before the real DOM attributes, to match
+                    // the ordering used in the V1 format.
+                    if (data.width !== undefined && data.height !== undefined) {
+                        attributes.rr_width = `${data.width}px`;
+                        attributes.rr_height = `${data.height}px`;
+                    }
+                    // Add DOM attributes.
+                    Object.assign(attributes, data.attributes);
+                    // Add other virtual attributes after the real DOM attributes, to match the
+                    // ordering used in the V1 format.
+                    if (data.attachedStyleSheets !== undefined) {
+                        attributes._cssText = data.attachedStyleSheets.map((sheet) => sheet.renderAsCssText()).join('');
+                    }
+                    if (data.playbackState !== undefined) {
+                        attributes.rr_mediaState = data.playbackState === PlaybackState.Paused ? 'paused' : 'played';
+                    }
+                    if (data.scrollLeft) {
+                        attributes.rr_scrollLeft = data.scrollLeft;
+                    }
+                    if (data.scrollTop) {
+                        attributes.rr_scrollTop = data.scrollTop;
+                    }
+                    return {
+                        type: NodeType.Element,
+                        id,
+                        tagName: data.tag,
+                        attributes,
+                        childNodes: self.mapChildren((node) => node.render(options)),
+                        isSVG: data.isSVG === true ? true : undefined,
+                    };
+                }
+                case '#shadow-root':
+                    return {
+                        type: NodeType.DocumentFragment,
+                        id,
+                        childNodes: self.mapChildren((node) => node.render(options)),
+                        adoptedStyleSheets: (_e = data.attachedStyleSheets) === null || _e === void 0 ? void 0 : _e.map((sheet) => sheet.renderAsAdoptedStyleSheet()),
+                        isShadowRoot: true,
+                    };
+                case '#text':
+                    return {
+                        type: NodeType.Text,
+                        id,
+                        textContent: data.textContent,
+                    };
+                default:
+                    data;
+                    throw new Error(`Rendering not implemented for ${self.data.kind} node ${id}`);
+            }
+        },
+        get data() {
+            return data;
+        },
+        get ownerDocument() {
+            return document;
+        },
+        get id() {
+            return id;
+        },
+        get state() {
+            return state;
+        },
+        set state(value) {
+            if ((state === 'new' && value !== 'connected') ||
+                (state === 'connected' && value !== 'disconnected') ||
+                state === 'disconnected') {
+                throw new Error(`Invalid state transition from ${state} to ${value}`);
+            }
+            state = value;
+        },
+        firstChild: undefined,
+        lastChild: undefined,
+        previousSibling: undefined,
+        nextSibling: undefined,
+        parent: undefined,
+    };
+    return self;
+}
+//# sourceMappingURL=vNode.js.map