@kubesense/kubesense-browser-rum 1.8.0 → 2.0.0-beta.1

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

@@ -1,154 +1,126 @@
-"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;
-    }
+const require_sessionReplayConstants = require("../../../types/sessionReplayConstants.js");
+const require_serializationUtils = require("./serializationUtils.js");
+const require_roles = require("../encoding/roles.js");
+const require_canvasUtils = require("../canvas/canvasUtils.js");
+const require_serializeAttributes = require("./serializeAttributes.js");
+let _kubesense_kubesense_browser_rum_core = require("@kubesense/kubesense-browser-rum-core");
+//#region src/domain/record/serialization/serializeNode.ts
+function serializeNode(cursor, node, parentPrivacyLevel, transaction) {
+	if (node.parentNode?.nodeName === "STYLE") return;
+	if (parentPrivacyLevel === _kubesense_kubesense_browser_rum_core.NodePrivacyLevel.HIDDEN || parentPrivacyLevel === _kubesense_kubesense_browser_rum_core.NodePrivacyLevel.IGNORE) return;
+	let privacyLevel;
+	const selfPrivacyLevel = (0, _kubesense_kubesense_browser_rum_core.getNodeSelfPrivacyLevel)(node);
+	if (selfPrivacyLevel) privacyLevel = (0, _kubesense_kubesense_browser_rum_core.reducePrivacyLevel)(selfPrivacyLevel, parentPrivacyLevel);
+	else privacyLevel = parentPrivacyLevel;
+	if (privacyLevel === _kubesense_kubesense_browser_rum_core.NodePrivacyLevel.HIDDEN) {
+		serializeHiddenNodePlaceholder(cursor, node, transaction);
+		return;
+	}
+	if (privacyLevel === _kubesense_kubesense_browser_rum_core.NodePrivacyLevel.IGNORE) return;
+	switch (node.nodeType) {
+		case node.CDATA_SECTION_NODE:
+			serializeCDataNode(cursor, node, transaction);
+			break;
+		case node.DOCUMENT_NODE:
+			serializeDocumentNode(cursor, node, transaction);
+			break;
+		case node.DOCUMENT_FRAGMENT_NODE:
+			serializeDocumentFragmentNode(cursor, node, transaction);
+			break;
+		case node.DOCUMENT_TYPE_NODE:
+			serializeDocumentTypeNode(cursor, node, transaction);
+			break;
+		case node.ELEMENT_NODE:
+			serializeElementNode(cursor, node, privacyLevel, transaction);
+			break;
+		case node.TEXT_NODE:
+			serializeTextNode(cursor, node, privacyLevel, transaction);
+			break;
+		default: return;
+	}
+	switch (node.nodeType) {
+		case node.CDATA_SECTION_NODE:
+		case node.DOCUMENT_TYPE_NODE:
+		case node.TEXT_NODE: return;
+	}
+	cursor.descend();
+	(0, _kubesense_kubesense_browser_rum_core.forEachChildNodes)(node, (childNode) => {
+		serializeNode(cursor, childNode, privacyLevel, transaction);
+	});
+	cursor.ascend();
+}
+function serializeDocumentNode(cursor, document, transaction) {
+	const { nodeId, insertionPoint } = cursor.advance(document);
+	transaction.addNode(insertionPoint, require_roles.createString(require_sessionReplayConstants.StringRole.NodeName, "#document"));
+	transaction.setScrollPosition(nodeId, (0, _kubesense_kubesense_browser_rum_core.getScrollX)(), (0, _kubesense_kubesense_browser_rum_core.getScrollY)());
+	serializeStyleSheets(document.adoptedStyleSheets, nodeId, transaction);
+}
+function serializeDocumentFragmentNode(cursor, documentFragment, transaction) {
+	const { nodeId, insertionPoint } = cursor.advance(documentFragment);
+	if (!(0, _kubesense_kubesense_browser_rum_core.isNodeShadowRoot)(documentFragment)) {
+		transaction.addNode(insertionPoint, require_roles.createString(require_sessionReplayConstants.StringRole.NodeName, "#document-fragment"));
+		return;
+	}
+	transaction.addNode(insertionPoint, require_roles.createString(require_sessionReplayConstants.StringRole.NodeName, "#shadow-root"));
+	transaction.scope.shadowRootsController.addShadowRoot(documentFragment, transaction.scope);
+	serializeStyleSheets(documentFragment.adoptedStyleSheets, nodeId, transaction);
 }
-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 serializeDocumentTypeNode(cursor, documentType, transaction) {
+	const { insertionPoint } = cursor.advance(documentType);
+	transaction.addNode(insertionPoint, require_roles.createString(require_sessionReplayConstants.StringRole.NodeName, "#doctype"), require_roles.createString(require_sessionReplayConstants.StringRole.AttributeValue, documentType.name), require_roles.createString(require_sessionReplayConstants.StringRole.AttributeValue, documentType.publicId), require_roles.createString(require_sessionReplayConstants.StringRole.Url, documentType.systemId));
 }
-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 serializeElementNode(cursor, element, privacyLevel, transaction) {
+	const { nodeId, insertionPoint } = cursor.advance(element);
+	const domAttributes = require_serializeAttributes.serializeDOMAttributes(element, privacyLevel, transaction);
+	transaction.addNode(insertionPoint, encodedElementName(element), ...domAttributes);
+	if (require_canvasUtils.isCanvasElement(element)) transaction.scope.canvasManager.markCanvas(element, 1);
+	const { _cssText: cssText, rr_mediaState: mediaState, rr_scrollLeft: scrollLeft, rr_scrollTop: scrollTop } = require_serializeAttributes.serializeVirtualAttributes(element, privacyLevel, transaction);
+	const linkOrStyle = element;
+	if (cssText !== void 0 && linkOrStyle.sheet) {
+		const sheetId = transaction.scope.styleSheetIds.getOrInsert(linkOrStyle.sheet);
+		transaction.addStyleSheet(require_roles.createString(require_sessionReplayConstants.StringRole.Css, cssText));
+		transaction.attachStyleSheets(nodeId, [sheetId]);
+	}
+	if (mediaState === "played") transaction.setMediaPlaybackState(nodeId, require_sessionReplayConstants.MediaInteractionType.Play);
+	else if (mediaState === "paused") transaction.setMediaPlaybackState(nodeId, require_sessionReplayConstants.MediaInteractionType.Pause);
+	if (scrollLeft !== void 0 || scrollTop !== void 0) transaction.setScrollPosition(nodeId, scrollLeft || 0, scrollTop || 0);
 }
-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 serializeTextNode(cursor, textNode, privacyLevel, transaction) {
+	const { insertionPoint } = cursor.advance(textNode);
+	const textContent = (0, _kubesense_kubesense_browser_rum_core.getTextContent)(textNode, privacyLevel);
+	transaction.addNode(insertionPoint, require_roles.createString(require_sessionReplayConstants.StringRole.NodeName, "#text"), require_roles.createString(require_sessionReplayConstants.StringRole.TextContent, textContent));
 }
-function serializeDocumentTypeNode(documentType, transaction) {
-    return {
-        type: types_1.NodeType.DocumentType,
-        id: transaction.assignId(documentType),
-        name: documentType.name,
-        publicId: documentType.publicId,
-        systemId: documentType.systemId,
-    };
+function serializeCDataNode(cursor, cdataNode, transaction) {
+	const { insertionPoint } = cursor.advance(cdataNode);
+	transaction.addNode(insertionPoint, require_roles.createString(require_sessionReplayConstants.StringRole.NodeName, "#cdata-section"));
 }
-/**
- * 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 serializeHiddenNodePlaceholder(cursor, node, transaction) {
+	if (!(0, _kubesense_kubesense_browser_rum_core.isElementNode)(node)) return;
+	const { nodeId, insertionPoint } = cursor.advance(node);
+	transaction.addNode(insertionPoint, encodedElementName(node), require_roles.createAttributeAssignment(require_serializationUtils.normalizedTagName(node), _kubesense_kubesense_browser_rum_core.PRIVACY_ATTR_NAME, _kubesense_kubesense_browser_rum_core.PRIVACY_ATTR_VALUE_HIDDEN));
+	const { width, height } = node.getBoundingClientRect();
+	transaction.setSize(nodeId, width, height);
 }
-function isSVGElement(el) {
-    return el.tagName === 'svg' || el instanceof SVGElement;
+function serializeStyleSheets(sheets, nodeId, transaction) {
+	if (!sheets || sheets.length === 0) return;
+	transaction.attachStyleSheets(nodeId, sheets.map((sheet) => serializeStyleSheet(sheet, transaction)));
 }
-/**
- * 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 serializeStyleSheet(sheet, transaction) {
+	const rules = Array.from(sheet.cssRules || sheet.rules, (rule) => require_roles.createString(require_sessionReplayConstants.StringRole.Css, rule.cssText));
+	const mediaList = sheet.media.length > 0 ? Array.from(sheet.media).map((medium) => require_roles.createString(require_sessionReplayConstants.StringRole.Css, medium)) : void 0;
+	transaction.addMetric("cssText", rules.reduce((totalLength, rule) => totalLength + rule.string.length, 0));
+	transaction.addStyleSheet(rules, mediaList, sheet.disabled);
+	return transaction.scope.styleSheetIds.getOrInsert(sheet);
 }
-function serializeCDataNode(node, transaction) {
-    return {
-        type: types_1.NodeType.CDATA,
-        id: transaction.assignId(node),
-        textContent: '',
-    };
+function encodedElementName(element) {
+	const nodeName = element.nodeName;
+	if (isSVGElement(element)) return require_roles.createString(require_sessionReplayConstants.StringRole.NodeName, `svg>${nodeName}`);
+	return require_roles.createString(require_sessionReplayConstants.StringRole.NodeName, nodeName);
 }
+function isSVGElement(element) {
+	return element.namespaceURI === "http://www.w3.org/2000/svg";
+}
+//#endregion
+exports.serializeNode = serializeNode;
+
 //# sourceMappingURL=serializeNode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"serializeNode.js","sourceRoot":"","sources":["../../../../src/domain/record/serialization/serializeNode.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"serializeNode.js","names":["NodePrivacyLevel","getNodeSelfPrivacyLevel","reducePrivacyLevel","createString","StringRole","getScrollX","getScrollY","isNodeShadowRoot","serializeDOMAttributes","isCanvasElement","serializeVirtualAttributes","MediaInteractionType","getTextContent","isElementNode","createAttributeAssignment","normalizedTagName","PRIVACY_ATTR_NAME","PRIVACY_ATTR_VALUE_HIDDEN"],"sources":["../../../../src/domain/record/serialization/serializeNode.ts"],"sourcesContent":["import {\n  reducePrivacyLevel,\n  getNodeSelfPrivacyLevel,\n  getTextContent,\n  isNodeShadowRoot,\n  forEachChildNodes,\n  NodePrivacyLevel,\n  PRIVACY_ATTR_NAME,\n  PRIVACY_ATTR_VALUE_HIDDEN,\n  getScrollX,\n  getScrollY,\n  isElementNode,\n} from '@kubesense/kubesense-browser-rum-core'\nimport type { RoleAnnotatedStringLiteral } from '../../../types'\nimport { MediaInteractionType, StringRole } from '../../../types'\nimport type { NodeId, StyleSheetId } from '../encoding'\nimport { createAttributeAssignment, createString } from '../encoding'\nimport { isCanvasElement } from '../canvas/canvasUtils'\nimport { CanvasStatus } from '../canvas/canvasManager'\nimport type { InsertionCursor } from './insertionCursor'\nimport type { SerializationTransaction } from './serializationTransaction'\nimport { serializeDOMAttributes, serializeVirtualAttributes } from './serializeAttributes'\nimport { normalizedTagName } from './serializationUtils'\n\nexport function serializeNode(\n  cursor: InsertionCursor,\n  node: Node,\n  parentPrivacyLevel: NodePrivacyLevel,\n  transaction: SerializationTransaction\n): void {\n  // Ignore the children of <style> elements; the CSS rules they contain are already\n  // serialized as StyleSheetSnapshots.\n  if (node.parentNode?.nodeName === 'STYLE') {\n    return\n  }\n\n  // Never serialize the descendants of HIDDEN or IGNORE'd elements.\n  if (parentPrivacyLevel === NodePrivacyLevel.HIDDEN || parentPrivacyLevel === NodePrivacyLevel.IGNORE) {\n    return\n  }\n\n  let privacyLevel: NodePrivacyLevel\n\n  const selfPrivacyLevel = getNodeSelfPrivacyLevel(node)\n  if (selfPrivacyLevel) {\n    privacyLevel = reducePrivacyLevel(selfPrivacyLevel, parentPrivacyLevel)\n  } else {\n    privacyLevel = parentPrivacyLevel\n  }\n\n  if (privacyLevel === NodePrivacyLevel.HIDDEN) {\n    serializeHiddenNodePlaceholder(cursor, node, transaction)\n    return\n  }\n\n  // Totally ignore risky or unwanted elements. (e.g. <script>, some <link> and <meta> elements)\n  if (privacyLevel === NodePrivacyLevel.IGNORE) {\n    return\n  }\n\n  switch (node.nodeType) {\n    case node.CDATA_SECTION_NODE:\n      serializeCDataNode(cursor, node as CDATASection, transaction)\n      break\n    case node.DOCUMENT_NODE:\n      serializeDocumentNode(cursor, node as Document, transaction)\n      break\n    case node.DOCUMENT_FRAGMENT_NODE:\n      serializeDocumentFragmentNode(cursor, node as DocumentFragment, transaction)\n      break\n    case node.DOCUMENT_TYPE_NODE:\n      serializeDocumentTypeNode(cursor, node as DocumentType, transaction)\n      break\n    case node.ELEMENT_NODE:\n      serializeElementNode(cursor, node as Element, privacyLevel, transaction)\n      break\n    case node.TEXT_NODE:\n      serializeTextNode(cursor, node as Text, privacyLevel, transaction)\n      break\n    default:\n      return\n  }\n\n  // If this node can't have children, we're done.\n  switch (node.nodeType) {\n    case node.CDATA_SECTION_NODE:\n    case node.DOCUMENT_TYPE_NODE:\n    case node.TEXT_NODE:\n      return\n  }\n\n  cursor.descend()\n  forEachChildNodes(node, (childNode) => {\n    serializeNode(cursor, childNode, privacyLevel, transaction)\n  })\n  cursor.ascend()\n}\n\nfunction serializeDocumentNode(\n  cursor: InsertionCursor,\n  document: Document,\n  transaction: SerializationTransaction\n): void {\n  const { nodeId, insertionPoint } = cursor.advance(document)\n  transaction.addNode(insertionPoint, createString(StringRole.NodeName, '#document'))\n  transaction.setScrollPosition(nodeId, getScrollX(), getScrollY())\n  serializeStyleSheets(document.adoptedStyleSheets, nodeId, transaction)\n}\n\nfunction serializeDocumentFragmentNode(\n  cursor: InsertionCursor,\n  documentFragment: DocumentFragment,\n  transaction: SerializationTransaction\n): void {\n  const { nodeId, insertionPoint } = cursor.advance(documentFragment)\n  const isShadowRoot = isNodeShadowRoot(documentFragment)\n  if (!isShadowRoot) {\n    transaction.addNode(insertionPoint, createString(StringRole.NodeName, '#document-fragment'))\n    return\n  }\n\n  transaction.addNode(insertionPoint, createString(StringRole.NodeName, '#shadow-root'))\n  transaction.scope.shadowRootsController.addShadowRoot(documentFragment, transaction.scope)\n  serializeStyleSheets(documentFragment.adoptedStyleSheets, nodeId, transaction)\n}\n\nfunction serializeDocumentTypeNode(\n  cursor: InsertionCursor,\n  documentType: DocumentType,\n  transaction: SerializationTransaction\n): void {\n  const { insertionPoint } = cursor.advance(documentType)\n  transaction.addNode(\n    insertionPoint,\n    createString(StringRole.NodeName, '#doctype'),\n    createString(StringRole.AttributeValue, documentType.name),\n    createString(StringRole.AttributeValue, documentType.publicId),\n    createString(StringRole.Url, documentType.systemId)\n  )\n}\n\nfunction serializeElementNode(\n  cursor: InsertionCursor,\n  element: Element,\n  privacyLevel: NodePrivacyLevel,\n  transaction: SerializationTransaction\n): void {\n  const { nodeId, insertionPoint } = cursor.advance(element)\n  const domAttributes = serializeDOMAttributes(element, privacyLevel, transaction)\n  transaction.addNode(insertionPoint, encodedElementName(element), ...domAttributes)\n\n  if (isCanvasElement(element)) {\n    transaction.scope.canvasManager.markCanvas(element, CanvasStatus.Dirty)\n  }\n\n  const {\n    _cssText: cssText,\n    rr_mediaState: mediaState,\n    rr_scrollLeft: scrollLeft,\n    rr_scrollTop: scrollTop,\n  } = serializeVirtualAttributes(element, privacyLevel, transaction)\n\n  const linkOrStyle = element as HTMLLinkElement | HTMLStyleElement\n  if (cssText !== undefined && linkOrStyle.sheet) {\n    const sheetId = transaction.scope.styleSheetIds.getOrInsert(linkOrStyle.sheet)\n    transaction.addStyleSheet(createString(StringRole.Css, cssText))\n    transaction.attachStyleSheets(nodeId, [sheetId])\n  }\n\n  if (mediaState === 'played') {\n    transaction.setMediaPlaybackState(nodeId, MediaInteractionType.Play)\n  } else if (mediaState === 'paused') {\n    transaction.setMediaPlaybackState(nodeId, MediaInteractionType.Pause)\n  }\n\n  if (scrollLeft !== undefined || scrollTop !== undefined) {\n    transaction.setScrollPosition(nodeId, scrollLeft || 0, scrollTop || 0)\n  }\n}\n\nfunction serializeTextNode(\n  cursor: InsertionCursor,\n  textNode: Text,\n  privacyLevel: NodePrivacyLevel,\n  transaction: SerializationTransaction\n): void {\n  const { insertionPoint } = cursor.advance(textNode)\n  const textContent = getTextContent(textNode, privacyLevel)\n  transaction.addNode(\n    insertionPoint,\n    createString(StringRole.NodeName, '#text'),\n    createString(StringRole.TextContent, textContent)\n  )\n}\n\nfunction serializeCDataNode(\n  cursor: InsertionCursor,\n  cdataNode: CDATASection,\n  transaction: SerializationTransaction\n): void {\n  const { insertionPoint } = cursor.advance(cdataNode)\n  transaction.addNode(insertionPoint, createString(StringRole.NodeName, '#cdata-section'))\n}\n\nfunction serializeHiddenNodePlaceholder(\n  cursor: InsertionCursor,\n  node: Node,\n  transaction: SerializationTransaction\n): void {\n  // We only generate placeholders for element nodes; other hidden nodes are simply not\n  // serialized. (But note that a non-element node can only be hidden if it's a descendant\n  // of another hidden node, since only element nodes can have a different privacy level\n  // than their parent.)\n  if (!isElementNode(node)) {\n    return\n  }\n\n  const { nodeId, insertionPoint } = cursor.advance(node)\n  transaction.addNode(\n    insertionPoint,\n    encodedElementName(node),\n    createAttributeAssignment(normalizedTagName(node), PRIVACY_ATTR_NAME, PRIVACY_ATTR_VALUE_HIDDEN)\n  )\n  const { width, height } = node.getBoundingClientRect()\n  transaction.setSize(nodeId, width, height)\n}\n\nfunction serializeStyleSheets(\n  sheets: CSSStyleSheet[] | undefined,\n  nodeId: NodeId,\n  transaction: SerializationTransaction\n): void {\n  if (!sheets || sheets.length === 0) {\n    return undefined\n  }\n\n  transaction.attachStyleSheets(\n    nodeId,\n    sheets.map((sheet) => serializeStyleSheet(sheet, transaction))\n  )\n}\n\nfunction serializeStyleSheet(sheet: CSSStyleSheet, transaction: SerializationTransaction): StyleSheetId {\n  const rules = Array.from(sheet.cssRules || sheet.rules, (rule) => createString(StringRole.Css, rule.cssText))\n  const mediaList =\n    sheet.media.length > 0 ? Array.from(sheet.media).map((medium) => createString(StringRole.Css, medium)) : undefined\n  transaction.addMetric(\n    'cssText',\n    rules.reduce((totalLength, rule) => totalLength + rule.string.length, 0)\n  )\n  transaction.addStyleSheet(rules, mediaList, sheet.disabled)\n  return transaction.scope.styleSheetIds.getOrInsert(sheet)\n}\n\nfunction encodedElementName(element: Element): RoleAnnotatedStringLiteral {\n  const nodeName = element.nodeName\n  if (isSVGElement(element)) {\n    return createString(StringRole.NodeName, `svg>${nodeName}`)\n  }\n  return createString(StringRole.NodeName, nodeName)\n}\n\nfunction isSVGElement(element: Element): element is SVGElement {\n  return element.namespaceURI === 'http://www.w3.org/2000/svg'\n}\n"],"mappings":"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"}

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

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

package/cjs/domain/record/shadowRootsController.js

@@ -1,45 +1,40 @@
-"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;
+const require_trackScroll = require("./trackers/trackScroll.js");
+const require_trackInput = require("./trackers/trackInput.js");
+const require_trackMutation = require("./trackers/trackMutation.js");
+require("./trackers/index.js");
+//#region src/domain/record/shadowRootsController.ts
+const initShadowRootsController = (emitRecord, emitResource, emitStats) => {
+	const controllerByShadowRoot = /* @__PURE__ */ new Map();
+	return {
+		addShadowRoot: (shadowRoot, scope) => {
+			if (controllerByShadowRoot.has(shadowRoot)) return;
+			const mutationTracker = require_trackMutation.trackMutation(shadowRoot, emitRecord, emitResource, emitStats, scope);
+			const inputTracker = require_trackInput.trackInput(shadowRoot, emitRecord, emitStats, scope);
+			const scrollTracker = require_trackScroll.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) return;
+			entry.stop();
+			controllerByShadowRoot.delete(shadowRoot);
+		},
+		stop: () => {
+			controllerByShadowRoot.forEach(({ stop }) => stop());
+		},
+		flush: () => {
+			controllerByShadowRoot.forEach(({ flush }) => flush());
+		}
+	};
 };
+//#endregion
 exports.initShadowRootsController = initShadowRootsController;
+
 //# sourceMappingURL=shadowRootsController.js.map

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

@@ -1 +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"}
+{"version":3,"file":"shadowRootsController.js","names":["trackMutation","trackInput","trackScroll"],"sources":["../../../src/domain/record/shadowRootsController.ts"],"sourcesContent":["import type { RecordingScope } from './recordingScope.ts'\nimport type { EmitRecordCallback, EmitResourceCallback, EmitStatsCallback } from './record.types'\nimport { trackInput, trackMutation, trackScroll } from './trackers'\n\ninterface ShadowRootController {\n  stop: () => void\n  flush: () => void\n}\n\nexport type AddShadowRootCallBack = (shadowRoot: ShadowRoot, scope: RecordingScope) => void\nexport type RemoveShadowRootCallBack = (shadowRoot: ShadowRoot) => void\n\nexport interface ShadowRootsController {\n  addShadowRoot: AddShadowRootCallBack\n  removeShadowRoot: RemoveShadowRootCallBack\n  stop: () => void\n  flush: () => void\n}\n\nexport const initShadowRootsController = (\n  emitRecord: EmitRecordCallback,\n  emitResource: EmitResourceCallback,\n  emitStats: EmitStatsCallback\n): ShadowRootsController => {\n  const controllerByShadowRoot = new Map<ShadowRoot, ShadowRootController>()\n\n  const shadowRootsController: ShadowRootsController = {\n    addShadowRoot: (shadowRoot: ShadowRoot, scope: RecordingScope) => {\n      if (controllerByShadowRoot.has(shadowRoot)) {\n        return\n      }\n      const mutationTracker = trackMutation(shadowRoot, emitRecord, emitResource, emitStats, scope)\n      // The change event does not bubble up across the shadow root, we have to listen on the shadow root\n      const inputTracker = trackInput(shadowRoot, emitRecord, emitStats, scope)\n      // The scroll event does not bubble up across the shadow root, we have to listen on the shadow root\n      const scrollTracker = trackScroll(shadowRoot, emitRecord, scope)\n      controllerByShadowRoot.set(shadowRoot, {\n        flush: () => mutationTracker.flush(),\n        stop: () => {\n          mutationTracker.stop()\n          inputTracker.stop()\n          scrollTracker.stop()\n        },\n      })\n    },\n    removeShadowRoot: (shadowRoot: ShadowRoot) => {\n      const entry = controllerByShadowRoot.get(shadowRoot)\n      if (!entry) {\n        // unidentified root cause: observed in some cases with shadow DOM added by browser extensions\n        return\n      }\n      entry.stop()\n      controllerByShadowRoot.delete(shadowRoot)\n    },\n    stop: () => {\n      controllerByShadowRoot.forEach(({ stop }) => stop())\n    },\n    flush: () => {\n      controllerByShadowRoot.forEach(({ flush }) => flush())\n    },\n  }\n  return shadowRootsController\n}\n"],"mappings":";;;;;AAmBA,MAAa,6BACX,YACA,cACA,cAC0B;CAC1B,MAAM,yCAAyB,IAAI,IAAsC;CAqCzE,OAAO;EAlCL,gBAAgB,YAAwB,UAA0B;GAChE,IAAI,uBAAuB,IAAI,UAAU,GACvC;GAEF,MAAM,kBAAkBA,sBAAAA,cAAc,YAAY,YAAY,cAAc,WAAW,KAAK;GAE5F,MAAM,eAAeC,mBAAAA,WAAW,YAAY,YAAY,WAAW,KAAK;GAExE,MAAM,gBAAgBC,oBAAAA,YAAY,YAAY,YAAY,KAAK;GAC/D,uBAAuB,IAAI,YAAY;IACrC,aAAa,gBAAgB,MAAM;IACnC,YAAY;KACV,gBAAgB,KAAK;KACrB,aAAa,KAAK;KAClB,cAAc,KAAK;IACrB;GACF,CAAC;EACH;EACA,mBAAmB,eAA2B;GAC5C,MAAM,QAAQ,uBAAuB,IAAI,UAAU;GACnD,IAAI,CAAC,OAEH;GAEF,MAAM,KAAK;GACX,uBAAuB,OAAO,UAAU;EAC1C;EACA,YAAY;GACV,uBAAuB,SAAS,EAAE,WAAW,KAAK,CAAC;EACrD;EACA,aAAa;GACX,uBAAuB,SAAS,EAAE,YAAY,MAAM,CAAC;EACvD;CAEyB;AAC7B"}

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

@@ -1,5 +1,5 @@
+import type { TimeStamp } from '@kubesense/kubesense-js-core/time';
 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';

package/cjs/domain/record/startFullSnapshots.js

@@ -1,59 +1,43 @@
-"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");
+const require_sessionReplayConstants = require("../../types/sessionReplayConstants.js");
+const require_serializeFullSnapshot = require("./serialization/serializeFullSnapshot.js");
+require("./serialization/index.js");
+const require_viewports = require("./viewports.js");
+let _kubesense_kubesense_browser_rum_core = require("@kubesense/kubesense-browser-rum-core");
+let _kubesense_kubesense_js_core_time = require("@kubesense/kubesense-js-core/time");
+//#region src/domain/record/startFullSnapshots.ts
 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,
-    };
+	takeFullSnapshot((0, _kubesense_kubesense_js_core_time.timeStampNow)(), 0, emitRecord, emitStats, scope);
+	const { unsubscribe } = lifeCycle.subscribe(_kubesense_kubesense_browser_rum_core.LifeCycleEventType.VIEW_CREATED, (view) => {
+		flushMutations();
+		takeFullSnapshot(view.startClocks.timeStamp, 1, 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,
-            });
-        }
-    });
+	const { width, height } = (0, _kubesense_kubesense_browser_rum_core.getViewportDimension)();
+	emitRecord({
+		data: {
+			height,
+			href: window.location.href,
+			width
+		},
+		type: require_sessionReplayConstants.RecordType.Meta,
+		timestamp
+	});
+	emitRecord({
+		data: { has_focus: document.hasFocus() },
+		type: require_sessionReplayConstants.RecordType.Focus,
+		timestamp
+	});
+	require_serializeFullSnapshot.serializeFullSnapshot(timestamp, kind, document, emitRecord, emitStats, scope);
+	if (window.visualViewport) emitRecord({
+		data: require_viewports.getVisualViewport(window.visualViewport),
+		type: require_sessionReplayConstants.RecordType.VisualViewport,
+		timestamp
+	});
 }
+//#endregion
+exports.startFullSnapshots = startFullSnapshots;
+exports.takeFullSnapshot = takeFullSnapshot;
+
 //# sourceMappingURL=startFullSnapshots.js.map

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

@@ -1 +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"}
+{"version":3,"file":"startFullSnapshots.js","names":["timeStampNow","LifeCycleEventType","getViewportDimension","RecordType","getVisualViewport"],"sources":["../../../src/domain/record/startFullSnapshots.ts"],"sourcesContent":["import { LifeCycleEventType, getViewportDimension } from '@kubesense/kubesense-browser-rum-core'\nimport { timeStampNow } from '@kubesense/kubesense-js-core/time'\nimport type { TimeStamp } from '@kubesense/kubesense-js-core/time'\nimport type { LifeCycle } from '@kubesense/kubesense-browser-rum-core'\nimport { RecordType } from '../../types'\nimport { SerializationKind, serializeFullSnapshot } from './serialization'\nimport { getVisualViewport } from './viewports'\nimport type { RecordingScope } from './recordingScope'\nimport type { EmitRecordCallback, EmitStatsCallback } from './record.types'\n\nexport function startFullSnapshots(\n  lifeCycle: LifeCycle,\n  emitRecord: EmitRecordCallback,\n  emitStats: EmitStatsCallback,\n  flushMutations: () => void,\n  scope: RecordingScope\n) {\n  takeFullSnapshot(timeStampNow(), SerializationKind.INITIAL_FULL_SNAPSHOT, emitRecord, emitStats, scope)\n\n  const { unsubscribe } = lifeCycle.subscribe(LifeCycleEventType.VIEW_CREATED, (view) => {\n    flushMutations()\n    takeFullSnapshot(\n      view.startClocks.timeStamp,\n      SerializationKind.SUBSEQUENT_FULL_SNAPSHOT,\n      emitRecord,\n      emitStats,\n      scope\n    )\n  })\n\n  return {\n    stop: unsubscribe,\n  }\n}\n\nexport function takeFullSnapshot(\n  timestamp: TimeStamp,\n  kind: SerializationKind,\n  emitRecord: EmitRecordCallback,\n  emitStats: EmitStatsCallback,\n  scope: RecordingScope\n): void {\n  const { width, height } = getViewportDimension()\n  emitRecord({\n    data: {\n      height,\n      href: window.location.href,\n      width,\n    },\n    type: RecordType.Meta,\n    timestamp,\n  })\n\n  emitRecord({\n    data: {\n      has_focus: document.hasFocus(),\n    },\n    type: RecordType.Focus,\n    timestamp,\n  })\n\n  serializeFullSnapshot(timestamp, kind, document, emitRecord, emitStats, scope)\n\n  if (window.visualViewport) {\n    emitRecord({\n      data: getVisualViewport(window.visualViewport),\n      type: RecordType.VisualViewport,\n      timestamp,\n    })\n  }\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,mBACd,WACA,YACA,WACA,gBACA,OACA;CACA,kBAAA,GAAiBA,kCAAAA,aAAAA,CAAa,GAAA,GAA4C,YAAY,WAAW,KAAK;CAEtG,MAAM,EAAE,gBAAgB,UAAU,UAAUC,sCAAAA,mBAAmB,eAAe,SAAS;EACrF,eAAe;EACf,iBACE,KAAK,YAAY,WAAA,GAEjB,YACA,WACA,KACF;CACF,CAAC;CAED,OAAO,EACL,MAAM,YACR;AACF;AAEA,SAAgB,iBACd,WACA,MACA,YACA,WACA,OACM;CACN,MAAM,EAAE,OAAO,YAAA,GAAWC,sCAAAA,qBAAAA,CAAqB;CAC/C,WAAW;EACT,MAAM;GACJ;GACA,MAAM,OAAO,SAAS;GACtB;EACF;EACA,MAAMC,+BAAAA,WAAW;EACjB;CACF,CAAC;CAED,WAAW;EACT,MAAM,EACJ,WAAW,SAAS,SAAS,EAC/B;EACA,MAAMA,+BAAAA,WAAW;EACjB;CACF,CAAC;CAED,8BAAA,sBAAsB,WAAW,MAAM,UAAU,YAAY,WAAW,KAAK;CAE7E,IAAI,OAAO,gBACT,WAAW;EACT,MAAMC,kBAAAA,kBAAkB,OAAO,cAAc;EAC7C,MAAMD,+BAAAA,WAAW;EACjB;CACF,CAAC;AAEL"}

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

@@ -5,8 +5,9 @@ export { trackViewportResize, trackVisualViewportResize } from './trackViewportR
 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 { trackCanvasContent } from './trackCanvasContent';
+export { trackCanvasCapture } from './trackCanvasCapture';
 export type { Tracker } from './tracker.types';