@kubesense/kubesense-browser-rum 1.0.0

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MAX_ATTRIBUTE_VALUE_CHAR_LENGTH = void 0;
+exports.serializeAttribute = serializeAttribute;
+const kubesense_browser_rum_core_1 = require("@kubesense/kubesense-browser-rum-core");
+const serializationUtils_1 = require("./serializationUtils");
+// TODO: temporarily bump the Session Replay limit to 1Mb for dataUrls
+// This limit should be removed after [PANA-2843] is implemented
+exports.MAX_ATTRIBUTE_VALUE_CHAR_LENGTH = 1000000;
+function serializeAttribute(element, nodePrivacyLevel, attributeName, configuration) {
+    if (nodePrivacyLevel === kubesense_browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
+        // dup condition for direct access case
+        return null;
+    }
+    const attributeValue = element.getAttribute(attributeName);
+    const tagName = element.tagName;
+    if ((0, kubesense_browser_rum_core_1.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 (0, serializationUtils_1.censoredImageForSize)(image.naturalWidth, image.naturalHeight);
+            }
+            const { width, height } = element.getBoundingClientRect();
+            if (width > 0 || height > 0) {
+                return (0, serializationUtils_1.censoredImageForSize)(width, height);
+            }
+            // if we can't get the image size, fallback to the censored image
+            return kubesense_browser_rum_core_1.CENSORED_IMG_MARK;
+        }
+        if (tagName === 'SOURCE') {
+            return kubesense_browser_rum_core_1.CENSORED_IMG_MARK;
+        }
+        return kubesense_browser_rum_core_1.CENSORED_STRING_MARK;
+    }
+    if (!attributeValue) {
+        return attributeValue;
+    }
+    return (0, kubesense_browser_rum_core_1.sanitizeIfLongDataUrl)(attributeValue, exports.MAX_ATTRIBUTE_VALUE_CHAR_LENGTH);
+}
+//# sourceMappingURL=serializeAttribute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"serializeAttribute.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializeAttribute.ts"],"names":[],"mappings":";;;AAcA,gDAwCC;AAtDD,sFAM8C;AAE9C,6DAA2D;AAE3D,sEAAsE;AACtE,gEAAgE;AACnD,QAAA,+BAA+B,GAAG,OAAS,CAAA;AAExD,SAAgB,kBAAkB,CAChC,OAAgB,EAChB,gBAAkC,EAClC,aAAqB,EACrB,aAA+B;IAE/B,IAAI,gBAAgB,KAAK,6CAAgB,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,IAAA,gDAAmB,EAAC,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,IAAA,yCAAoB,EAAC,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,IAAA,yCAAoB,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;YAC5C,CAAC;YACD,iEAAiE;YACjE,OAAO,8CAAiB,CAAA;QAC1B,CAAC;QACD,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACzB,OAAO,8CAAiB,CAAA;QAC1B,CAAC;QAED,OAAO,iDAAoB,CAAA;IAC7B,CAAC;IAED,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,cAAc,CAAA;IACvB,CAAC;IAED,OAAO,IAAA,kDAAqB,EAAC,cAAc,EAAE,uCAA+B,CAAC,CAAA;AAC/E,CAAC"}

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

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

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

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeAttributes = serializeAttributes;
+exports.serializeDOMAttributes = serializeDOMAttributes;
+exports.serializeVirtualAttributes = serializeVirtualAttributes;
+exports.getCssRulesString = getCssRulesString;
+const kubesense_browser_rum_core_1 = require("@kubesense/kubesense-browser-rum-core");
+const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
+const serializationUtils_1 = require("./serializationUtils");
+const serializeAttribute_1 = require("./serializeAttribute");
+function serializeAttributes(element, nodePrivacyLevel, transaction) {
+    return {
+        ...serializeDOMAttributes(element, nodePrivacyLevel, transaction),
+        ...serializeVirtualAttributes(element, nodePrivacyLevel, transaction),
+    };
+}
+function serializeDOMAttributes(element, nodePrivacyLevel, transaction) {
+    if (nodePrivacyLevel === kubesense_browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
+        return {};
+    }
+    const attrs = {};
+    const tagName = (0, serializationUtils_1.normalizedTagName)(element);
+    for (let i = 0; i < element.attributes.length; i += 1) {
+        const attribute = element.attributes.item(i);
+        const attributeName = attribute.name;
+        const attributeValue = (0, serializeAttribute_1.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 = (0, serializationUtils_1.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 && !(0, kubesense_browser_rum_core_1.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 && !(0, kubesense_browser_rum_core_1.shouldMaskNode)(inputElement, nodePrivacyLevel)) {
+            attrs.checked = '';
+        }
+        else {
+            delete attrs.checked;
+        }
+    }
+    return attrs;
+}
+function serializeVirtualAttributes(element, nodePrivacyLevel, transaction) {
+    if (nodePrivacyLevel === kubesense_browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
+        return {};
+    }
+    const attrs = {};
+    const doc = element.ownerDocument;
+    const tagName = (0, serializationUtils_1.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;
+}
+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, (0, kubesense_browser_core_1.isSafari)() ? getCssRuleStringForSafari : getCssRuleString).join('');
+    return (0, serializationUtils_1.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/cjs/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/cjs/domain/record/serialization/serializeDocument.d.ts

@@ -0,0 +1,3 @@
+import type { DocumentNode, SerializedNodeWithId } from '../../../types';
+import type { SerializationTransaction } from './serializationTransaction';
+export declare function serializeDocument(document: Document, transaction: SerializationTransaction): DocumentNode & SerializedNodeWithId;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeDocument = serializeDocument;
+const serializeNode_1 = require("./serializeNode");
+function serializeDocument(document, transaction) {
+    const defaultPrivacyLevel = transaction.scope.configuration.defaultPrivacyLevel;
+    const serializedNode = (0, serializeNode_1.serializeNode)(document, defaultPrivacyLevel, transaction);
+    // We are sure that Documents are never ignored, so this function never returns null
+    return serializedNode;
+}
+//# sourceMappingURL=serializeDocument.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"serializeDocument.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializeDocument.ts"],"names":[],"mappings":";;AAIA,8CAQC;AAXD,mDAA+C;AAG/C,SAAgB,iBAAiB,CAC/B,QAAkB,EAClB,WAAqC;IAErC,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAA;IAC/E,MAAM,cAAc,GAAG,IAAA,6BAAa,EAAC,QAAQ,EAAE,mBAAmB,EAAE,WAAW,CAAC,CAAA;IAChF,oFAAoF;IACpF,OAAO,cAAqD,CAAA;AAC9D,CAAC"}

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 kubesense_browser_rum_core_1 = require("@kubesense/kubesense-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, kubesense_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),
+    };
+}
+function serializeDocumentFragmentNode(element, parentNodePrivacyLevel, transaction) {
+    const isShadowRoot = (0, kubesense_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) : 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, kubesense_browser_rum_core_1.reducePrivacyLevel)((0, kubesense_browser_rum_core_1.getNodeSelfPrivacyLevel)(element), parentNodePrivacyLevel);
+    if (nodePrivacyLevel === kubesense_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`,
+                [kubesense_browser_rum_core_1.PRIVACY_ATTR_NAME]: kubesense_browser_rum_core_1.PRIVACY_ATTR_VALUE_HIDDEN,
+            },
+            childNodes: [],
+            isSVG,
+        };
+    }
+    // Ignore Elements like Script and some Link, Metas
+    if (nodePrivacyLevel === kubesense_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, kubesense_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, kubesense_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/serializeStyleSheets.d.ts

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

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeStyleSheets = serializeStyleSheets;
+function serializeStyleSheets(cssStyleSheets) {
+    if (cssStyleSheets === undefined || cssStyleSheets.length === 0) {
+        return undefined;
+    }
+    return cssStyleSheets.map((cssStyleSheet) => {
+        const rules = cssStyleSheet.cssRules || cssStyleSheet.rules;
+        const cssRules = Array.from(rules, (cssRule) => cssRule.cssText);
+        const styleSheet = {
+            cssRules,
+            disabled: cssStyleSheet.disabled || undefined,
+            media: cssStyleSheet.media.length > 0 ? Array.from(cssStyleSheet.media) : undefined,
+        };
+        return styleSheet;
+    });
+}
+//# 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":";;AAEA,oDAeC;AAfD,SAAgB,oBAAoB,CAAC,cAA2C;IAC9E,IAAI,cAAc,KAAK,SAAS,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChE,OAAO,SAAS,CAAA;IAClB,CAAC;IACD,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE;QAC1C,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;QAEhE,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,CAAC,CAAA;AACJ,CAAC"}

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

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

package/cjs/domain/record/shadowRootsController.js

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

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

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

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

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

package/cjs/domain/record/startFullSnapshots.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startFullSnapshots = startFullSnapshots;
+exports.takeFullSnapshot = takeFullSnapshot;
+const kubesense_browser_rum_core_1 = require("@kubesense/kubesense-browser-rum-core");
+const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
+const types_1 = require("../../types");
+const serialization_1 = require("./serialization");
+const viewports_1 = require("./viewports");
+function startFullSnapshots(lifeCycle, emitRecord, emitStats, flushMutations, scope) {
+    takeFullSnapshot((0, kubesense_browser_core_1.timeStampNow)(), 0 /* SerializationKind.INITIAL_FULL_SNAPSHOT */, emitRecord, emitStats, scope);
+    const { unsubscribe } = lifeCycle.subscribe(2 /* LifeCycleEventType.VIEW_CREATED */, (view) => {
+        flushMutations();
+        takeFullSnapshot(view.startClocks.timeStamp, 1 /* SerializationKind.SUBSEQUENT_FULL_SNAPSHOT */, emitRecord, emitStats, scope);
+    });
+    return {
+        stop: unsubscribe,
+    };
+}
+function takeFullSnapshot(timestamp, kind, emitRecord, emitStats, scope) {
+    (0, serialization_1.serializeInTransaction)(kind, emitRecord, emitStats, scope, (transaction) => {
+        const { width, height } = (0, kubesense_browser_rum_core_1.getViewportDimension)();
+        transaction.add({
+            data: {
+                height,
+                href: window.location.href,
+                width,
+            },
+            type: types_1.RecordType.Meta,
+            timestamp,
+        });
+        transaction.add({
+            data: {
+                has_focus: document.hasFocus(),
+            },
+            type: types_1.RecordType.Focus,
+            timestamp,
+        });
+        transaction.add({
+            data: {
+                node: (0, serialization_1.serializeDocument)(document, transaction),
+                initialOffset: {
+                    left: (0, kubesense_browser_rum_core_1.getScrollX)(),
+                    top: (0, kubesense_browser_rum_core_1.getScrollY)(),
+                },
+            },
+            type: types_1.RecordType.FullSnapshot,
+            timestamp,
+        });
+        if (window.visualViewport) {
+            transaction.add({
+                data: (0, viewports_1.getVisualViewport)(window.visualViewport),
+                type: types_1.RecordType.VisualViewport,
+                timestamp,
+            });
+        }
+    });
+}
+//# sourceMappingURL=startFullSnapshots.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"startFullSnapshots.js","sourceRoot":"","sources":["../../../src/domain/record/startFullSnapshots.ts"],"names":[],"mappings":";;AAWA,gDAuBC;AAED,4CA+CC;AAnFD,sFAAwH;AAExH,8EAAgE;AAEhE,uCAAwC;AAExC,mDAA8F;AAC9F,2CAA+C;AAI/C,SAAgB,kBAAkB,CAChC,SAAoB,EACpB,UAA8B,EAC9B,SAA4B,EAC5B,cAA0B,EAC1B,KAAqB;IAErB,gBAAgB,CAAC,IAAA,qCAAY,GAAE,mDAA2C,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEvG,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,SAAS,0CAAkC,CAAC,IAAI,EAAE,EAAE;QACpF,cAAc,EAAE,CAAA;QAChB,gBAAgB,CACd,IAAI,CAAC,WAAW,CAAC,SAAS,sDAE1B,UAAU,EACV,SAAS,EACT,KAAK,CACN,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,IAAI,EAAE,WAAW;KAClB,CAAA;AACH,CAAC;AAED,SAAgB,gBAAgB,CAC9B,SAAoB,EACpB,IAAuB,EACvB,UAA8B,EAC9B,SAA4B,EAC5B,KAAqB;IAErB,IAAA,sCAAsB,EAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,WAAqC,EAAQ,EAAE;QACzG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,iDAAoB,GAAE,CAAA;QAChD,WAAW,CAAC,GAAG,CAAC;YACd,IAAI,EAAE;gBACJ,MAAM;gBACN,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;gBAC1B,KAAK;aACN;YACD,IAAI,EAAE,kBAAU,CAAC,IAAI;YACrB,SAAS;SACV,CAAC,CAAA;QAEF,WAAW,CAAC,GAAG,CAAC;YACd,IAAI,EAAE;gBACJ,SAAS,EAAE,QAAQ,CAAC,QAAQ,EAAE;aAC/B;YACD,IAAI,EAAE,kBAAU,CAAC,KAAK;YACtB,SAAS;SACV,CAAC,CAAA;QAEF,WAAW,CAAC,GAAG,CAAC;YACd,IAAI,EAAE;gBACJ,IAAI,EAAE,IAAA,iCAAiB,EAAC,QAAQ,EAAE,WAAW,CAAC;gBAC9C,aAAa,EAAE;oBACb,IAAI,EAAE,IAAA,uCAAU,GAAE;oBAClB,GAAG,EAAE,IAAA,uCAAU,GAAE;iBAClB;aACF;YACD,IAAI,EAAE,kBAAU,CAAC,YAAY;YAC7B,SAAS;SACV,CAAC,CAAA;QAEF,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;YAC1B,WAAW,CAAC,GAAG,CAAC;gBACd,IAAI,EAAE,IAAA,6BAAiB,EAAC,MAAM,CAAC,cAAc,CAAC;gBAC9C,IAAI,EAAE,kBAAU,CAAC,cAAc;gBAC/B,SAAS;aACV,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC"}

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

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

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

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