@kubesense/kubesense-browser-rum 1.0.0

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { NodePrivacyLevel } from '@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/esm/domain/record/serialization/serializeAttributes.js

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

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

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

package/esm/domain/record/serialization/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/esm/domain/record/serialization/serializeDocument.js

@@ -0,0 +1,8 @@
+import { serializeNode } from './serializeNode';
+export function serializeDocument(document, transaction) {
+    const defaultPrivacyLevel = transaction.scope.configuration.defaultPrivacyLevel;
+    const serializedNode = 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/esm/domain/record/serialization/serializeDocument.js.map

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

package/esm/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/esm/domain/record/serialization/serializeNode.js

@@ -0,0 +1,149 @@
+import { reducePrivacyLevel, getNodeSelfPrivacyLevel, getTextContent, isNodeShadowRoot, hasChildNodes, forEachChildNodes, NodePrivacyLevel, PRIVACY_ATTR_NAME, PRIVACY_ATTR_VALUE_HIDDEN, } from '@kubesense/kubesense-browser-rum-core';
+import { NodeType } from '../../../types';
+import { getValidTagName } from './serializationUtils';
+import { serializeStyleSheets } from './serializeStyleSheets';
+import { serializeAttributes } from './serializeAttributes';
+export 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;
+    }
+}
+export function serializeChildNodes(node, parentNodePrivacyLevel, transaction) {
+    const result = [];
+    forEachChildNodes(node, (childNode) => {
+        const serializedChildNode = serializeNode(childNode, parentNodePrivacyLevel, transaction);
+        if (serializedChildNode) {
+            result.push(serializedChildNode);
+        }
+    });
+    return result;
+}
+export function serializeDocumentNode(document, parentNodePrivacyLevel, transaction) {
+    return {
+        type: NodeType.Document,
+        id: transaction.assignId(document),
+        childNodes: serializeChildNodes(document, parentNodePrivacyLevel, transaction),
+        adoptedStyleSheets: serializeStyleSheets(document.adoptedStyleSheets),
+    };
+}
+function serializeDocumentFragmentNode(element, parentNodePrivacyLevel, transaction) {
+    const isShadowRoot = isNodeShadowRoot(element);
+    if (isShadowRoot) {
+        transaction.scope.shadowRootsController.addShadowRoot(element, transaction.scope);
+    }
+    return {
+        type: NodeType.DocumentFragment,
+        id: transaction.assignId(element),
+        childNodes: serializeChildNodes(element, parentNodePrivacyLevel, transaction),
+        isShadowRoot,
+        adoptedStyleSheets: isShadowRoot ? serializeStyleSheets(element.adoptedStyleSheets) : undefined,
+    };
+}
+function serializeDocumentTypeNode(documentType, transaction) {
+    return {
+        type: 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 = 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 = reducePrivacyLevel(getNodeSelfPrivacyLevel(element), parentNodePrivacyLevel);
+    if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) {
+        const { width, height } = element.getBoundingClientRect();
+        return {
+            type: NodeType.Element,
+            id: transaction.assignId(element),
+            tagName,
+            attributes: {
+                rr_width: `${width}px`,
+                rr_height: `${height}px`,
+                [PRIVACY_ATTR_NAME]: PRIVACY_ATTR_VALUE_HIDDEN,
+            },
+            childNodes: [],
+            isSVG,
+        };
+    }
+    // Ignore Elements like Script and some Link, Metas
+    if (nodePrivacyLevel === NodePrivacyLevel.IGNORE) {
+        return null;
+    }
+    const id = transaction.assignId(element);
+    const attributes = serializeAttributes(element, nodePrivacyLevel, transaction);
+    let childNodes = [];
+    if (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: 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 = getTextContent(textNode, parentNodePrivacyLevel);
+    if (textContent === undefined) {
+        return null;
+    }
+    return {
+        type: NodeType.Text,
+        id: transaction.assignId(textNode),
+        textContent,
+    };
+}
+function serializeCDataNode(node, transaction) {
+    return {
+        type: NodeType.CDATA,
+        id: transaction.assignId(node),
+        textContent: '',
+    };
+}
+//# sourceMappingURL=serializeNode.js.map

package/esm/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/esm/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/esm/domain/record/serialization/serializeStyleSheets.js

@@ -0,0 +1,16 @@
+export 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/esm/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,MAAM,UAAU,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/esm/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/esm/domain/record/shadowRootsController.js

@@ -0,0 +1,41 @@
+import { trackInput, trackMutation, trackScroll } from './trackers';
+export const initShadowRootsController = (emitRecord, emitStats) => {
+    const controllerByShadowRoot = new Map();
+    const shadowRootsController = {
+        addShadowRoot: (shadowRoot, scope) => {
+            if (controllerByShadowRoot.has(shadowRoot)) {
+                return;
+            }
+            const mutationTracker = 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 = 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 = 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;
+};
+//# sourceMappingURL=shadowRootsController.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadowRootsController.js","sourceRoot":"","sources":["../../../src/domain/record/shadowRootsController.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAiBnE,MAAM,CAAC,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,aAAa,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;YAC/E,mGAAmG;YACnG,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,CAAC,CAAA;YAC9D,mGAAmG;YACnG,MAAM,aAAa,GAAG,WAAW,CAAC,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"}

package/esm/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/esm/domain/record/startFullSnapshots.js

@@ -0,0 +1,55 @@
+import { getScrollX, getScrollY, getViewportDimension } from '@kubesense/kubesense-browser-rum-core';
+import { timeStampNow } from '@kubesense/kubesense-browser-core';
+import { RecordType } from '../../types';
+import { serializeDocument, serializeInTransaction } from './serialization';
+import { getVisualViewport } from './viewports';
+export function startFullSnapshots(lifeCycle, emitRecord, emitStats, flushMutations, scope) {
+    takeFullSnapshot(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,
+    };
+}
+export function takeFullSnapshot(timestamp, kind, emitRecord, emitStats, scope) {
+    serializeInTransaction(kind, emitRecord, emitStats, scope, (transaction) => {
+        const { width, height } = getViewportDimension();
+        transaction.add({
+            data: {
+                height,
+                href: window.location.href,
+                width,
+            },
+            type: RecordType.Meta,
+            timestamp,
+        });
+        transaction.add({
+            data: {
+                has_focus: document.hasFocus(),
+            },
+            type: RecordType.Focus,
+            timestamp,
+        });
+        transaction.add({
+            data: {
+                node: serializeDocument(document, transaction),
+                initialOffset: {
+                    left: getScrollX(),
+                    top: getScrollY(),
+                },
+            },
+            type: RecordType.FullSnapshot,
+            timestamp,
+        });
+        if (window.visualViewport) {
+            transaction.add({
+                data: getVisualViewport(window.visualViewport),
+                type: RecordType.VisualViewport,
+                timestamp,
+            });
+        }
+    });
+}
+//# sourceMappingURL=startFullSnapshots.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"startFullSnapshots.js","sourceRoot":"","sources":["../../../src/domain/record/startFullSnapshots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAExH,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAEhE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAqB,MAAM,iBAAiB,CAAA;AAC9F,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAI/C,MAAM,UAAU,kBAAkB,CAChC,SAAoB,EACpB,UAA8B,EAC9B,SAA4B,EAC5B,cAA0B,EAC1B,KAAqB;IAErB,gBAAgB,CAAC,YAAY,EAAE,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,MAAM,UAAU,gBAAgB,CAC9B,SAAoB,EACpB,IAAuB,EACvB,UAA8B,EAC9B,SAA4B,EAC5B,KAAqB;IAErB,sBAAsB,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,WAAqC,EAAQ,EAAE;QACzG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,EAAE,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,UAAU,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,UAAU,CAAC,KAAK;YACtB,SAAS;SACV,CAAC,CAAA;QAEF,WAAW,CAAC,GAAG,CAAC;YACd,IAAI,EAAE;gBACJ,IAAI,EAAE,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC;gBAC9C,aAAa,EAAE;oBACb,IAAI,EAAE,UAAU,EAAE;oBAClB,GAAG,EAAE,UAAU,EAAE;iBAClB;aACF;YACD,IAAI,EAAE,UAAU,CAAC,YAAY;YAC7B,SAAS;SACV,CAAC,CAAA;QAEF,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;YAC1B,WAAW,CAAC,GAAG,CAAC;gBACd,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,cAAc,CAAC;gBAC9C,IAAI,EAAE,UAAU,CAAC,cAAc;gBAC/B,SAAS;aACV,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/esm/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/esm/domain/record/trackers/index.js

@@ -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';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AACtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

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

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

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

@@ -0,0 +1,12 @@
+import { addEventListeners, timeStampNow } from '@kubesense/kubesense-browser-core';
+import { RecordType } from '../../../types';
+export function trackFocus(emitRecord, scope) {
+    return addEventListeners(scope.configuration, window, ["focus" /* DOM_EVENT.FOCUS */, "blur" /* DOM_EVENT.BLUR */], () => {
+        emitRecord({
+            data: { has_focus: document.hasFocus() },
+            type: RecordType.Focus,
+            timestamp: timeStampNow(),
+        });
+    });
+}
+//# sourceMappingURL=trackFocus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trackFocus.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAE9F,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAK3C,MAAM,UAAU,UAAU,CAAC,UAA2C,EAAE,KAAqB;IAC3F,OAAO,iBAAiB,CAAC,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,4DAAiC,EAAE,GAAG,EAAE;QAC5F,UAAU,CAAC;YACT,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE;YACxC,IAAI,EAAE,UAAU,CAAC,KAAK;YACtB,SAAS,EAAE,YAAY,EAAE;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC"}

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

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