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

package/esm/domain/record/serialization/serializeAttributes.mjs

@@ -0,0 +1,113 @@
+import { getElementInputValue, normalizedTagName, switchToAbsoluteUrl } from "./serializationUtils.mjs";
+import { createAttributeAssignment } from "../encoding/roles.mjs";
+import "./serializationTransaction.mjs";
+import { serializeAttribute } from "./serializeAttribute.mjs";
+import { NodePrivacyLevel, shouldMaskNode } from "@kubesense/kubesense-browser-rum-core";
+import { isSafari } from "@kubesense/kubesense-browser-core";
+//#region src/domain/record/serialization/serializeAttributes.ts
+function serializeDOMAttributes(element, nodePrivacyLevel, transaction) {
+	if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) return [];
+	const attributes = [];
+	const tagName = normalizedTagName(element);
+	for (let i = 0; i < element.attributes.length; i += 1) {
+		const attributeName = element.attributes.item(i).name;
+		if (attributeName === "value" || attributeName === "selected" || attributeName === "checked") continue;
+		serializeDOMAttributeInto(attributes, element, tagName, attributeName, nodePrivacyLevel, transaction);
+	}
+	if (element.value && (tagName === "textarea" || tagName === "select" || tagName === "option" || tagName === "input")) {
+		const formValue = getElementInputValue(element, nodePrivacyLevel);
+		if (formValue !== void 0) attributes.push(createAttributeAssignment(tagName, "value", formValue));
+	} else if (element.hasAttribute("value")) serializeDOMAttributeInto(attributes, element, tagName, "value", nodePrivacyLevel, transaction);
+	/**
+	* <Option> can be selected, which occurs if its `value` matches ancestor `<Select>.value`
+	*/
+	if (tagName === "option") {
+		if (element.selected && !shouldMaskNode(element, nodePrivacyLevel)) attributes.push(createAttributeAssignment(tagName, "selected", ""));
+	} else if (element.hasAttribute("selected")) serializeDOMAttributeInto(attributes, element, tagName, "selected", nodePrivacyLevel, transaction);
+	/**
+	* 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(element, nodePrivacyLevel)) attributes.push(createAttributeAssignment(tagName, "checked", ""));
+	} else if (element.hasAttribute("checked")) serializeDOMAttributeInto(attributes, element, tagName, "checked", nodePrivacyLevel, transaction);
+	return attributes;
+}
+function serializeDOMAttributeInto(attributes, element, tagName, attributeName, nodePrivacyLevel, transaction) {
+	const attributeValue = serializeAttribute(element, nodePrivacyLevel, attributeName, transaction.scope.configuration);
+	if (attributeValue !== null) attributes.push(createAttributeAssignment(tagName, attributeName, attributeValue));
+}
+function serializeVirtualAttributes(element, nodePrivacyLevel, transaction) {
+	if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) return {};
+	const attrs = {};
+	const tagName = normalizedTagName(element);
+	if (tagName === "link") {
+		const cssText = getCssRulesString(element.sheet);
+		if (cssText) {
+			transaction.addMetric("cssText", cssText.length);
+			attrs._cssText = cssText;
+		}
+	}
+	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") attrs.rr_mediaState = element.paused ? "paused" : "played";
+	/**
+	* Serialize the scroll state for each element only for full snapshot
+	*/
+	let scrollTop;
+	let scrollLeft;
+	switch (transaction.kind) {
+		case 0:
+			scrollTop = Math.round(element.scrollTop);
+			scrollLeft = Math.round(element.scrollLeft);
+			if (scrollTop || scrollLeft) transaction.scope.elementsScrollPositions.set(element, {
+				scrollTop,
+				scrollLeft
+			});
+			break;
+		case 1: if (transaction.scope.elementsScrollPositions.has(element)) ({scrollTop, scrollLeft} = transaction.scope.elementsScrollPositions.get(element));
+	}
+	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 {}
+	if (!rules) return null;
+	const styleSheetCssText = Array.from(rules, isSafari() ? getCssRuleStringForSafari : getCssRuleString).join("");
+	return switchToAbsoluteUrl(styleSheetCssText, cssStyleSheet.href);
+}
+function getCssRuleStringForSafari(rule) {
+	if (isCSSStyleRule(rule) && rule.selectorText.includes(":")) return rule.cssText.replace(/(\[[\w-]+[^\\])(:[^\]]+\])/g, "$1\\$2");
+	return getCssRuleString(rule);
+}
+function getCssRuleString(rule) {
+	return isCSSImportRule(rule) && getCssRulesString(rule.styleSheet) || rule.cssText;
+}
+function isCSSImportRule(rule) {
+	return "styleSheet" in rule;
+}
+function isCSSStyleRule(rule) {
+	return "selectorText" in rule;
+}
+//#endregion
+export { getCssRulesString, serializeDOMAttributes, serializeVirtualAttributes };
+
+//# sourceMappingURL=serializeAttributes.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"serializeAttributes.mjs","names":["mediaElement"],"sources":["../../../../src/domain/record/serialization/serializeAttributes.ts"],"sourcesContent":["import { NodePrivacyLevel, shouldMaskNode } from '@kubesense/kubesense-browser-rum-core'\nimport { isSafari } from '@kubesense/kubesense-browser-core'\nimport type { RoleAnnotatedAttributeAssignment } from '../encoding'\nimport { createAttributeAssignment } from '../encoding'\nimport { getElementInputValue, normalizedTagName, switchToAbsoluteUrl } from './serializationUtils'\nimport { serializeAttribute } from './serializeAttribute'\nimport type { SerializationTransaction } from './serializationTransaction'\nimport { SerializationKind } from './serializationTransaction'\nimport type { VirtualAttributes } from './serialization.types'\n\nexport function serializeDOMAttributes(\n  element: Element,\n  nodePrivacyLevel: NodePrivacyLevel,\n  transaction: SerializationTransaction\n): RoleAnnotatedAttributeAssignment[] {\n  if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) {\n    return []\n  }\n\n  const attributes: RoleAnnotatedAttributeAssignment[] = []\n  const tagName = normalizedTagName(element)\n\n  for (let i = 0; i < element.attributes.length; i += 1) {\n    const attribute = element.attributes.item(i)!\n    const attributeName = attribute.name\n    if (attributeName === 'value' || attributeName === 'selected' || attributeName === 'checked') {\n      continue // Handled specially below.\n    }\n    serializeDOMAttributeInto(attributes, element, tagName, attributeName, nodePrivacyLevel, transaction)\n  }\n\n  if (\n    (element as HTMLInputElement).value &&\n    (tagName === 'textarea' || tagName === 'select' || tagName === 'option' || tagName === 'input')\n  ) {\n    const formValue = getElementInputValue(element, nodePrivacyLevel)\n    if (formValue !== undefined) {\n      attributes.push(createAttributeAssignment(tagName, 'value', formValue))\n    }\n  } else if (element.hasAttribute('value')) {\n    serializeDOMAttributeInto(attributes, element, tagName, 'value', nodePrivacyLevel, transaction)\n  }\n\n  /**\n   * <Option> can be selected, which occurs if its `value` matches ancestor `<Select>.value`\n   */\n  if (tagName === 'option') {\n    if ((element as HTMLOptionElement).selected && !shouldMaskNode(element, nodePrivacyLevel)) {\n      attributes.push(createAttributeAssignment(tagName, 'selected', ''))\n    }\n  } else if (element.hasAttribute('selected')) {\n    serializeDOMAttributeInto(attributes, element, tagName, 'selected', nodePrivacyLevel, transaction)\n  }\n\n  /**\n   * Forms: input[type=checkbox,radio]\n   * The `checked` property for <input> is a little bit special:\n   * 1. el.checked is a setter that returns if truthy.\n   * 2. getAttribute returns the string value\n   * getAttribute('checked') does not sync with `Element.checked`, so use JS property\n   * NOTE: `checked` property exists on `HTMLInputElement`. For serializer assumptions, we check for type=radio|check.\n   */\n  const inputElement = element as HTMLInputElement\n  if (tagName === 'input' && (inputElement.type === 'radio' || inputElement.type === 'checkbox')) {\n    if (inputElement.checked && !shouldMaskNode(element, nodePrivacyLevel)) {\n      attributes.push(createAttributeAssignment(tagName, 'checked', ''))\n    }\n  } else if (element.hasAttribute('checked')) {\n    serializeDOMAttributeInto(attributes, element, tagName, 'checked', nodePrivacyLevel, transaction)\n  }\n\n  return attributes\n}\n\nfunction serializeDOMAttributeInto(\n  attributes: RoleAnnotatedAttributeAssignment[],\n  element: Element,\n  tagName: string,\n  attributeName: string,\n  nodePrivacyLevel: NodePrivacyLevel,\n  transaction: SerializationTransaction\n): void {\n  const attributeValue = serializeAttribute(element, nodePrivacyLevel, attributeName, transaction.scope.configuration)\n  if (attributeValue !== null) {\n    attributes.push(createAttributeAssignment(tagName, attributeName, attributeValue))\n  }\n}\n\nexport function serializeVirtualAttributes(\n  element: Element,\n  nodePrivacyLevel: NodePrivacyLevel,\n  transaction: SerializationTransaction\n): VirtualAttributes {\n  if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) {\n    return {}\n  }\n\n  const attrs: VirtualAttributes = {}\n  const tagName = normalizedTagName(element)\n\n  // remote css\n  if (tagName === 'link') {\n    const cssText = getCssRulesString((element as HTMLLinkElement).sheet)\n    if (cssText) {\n      transaction.addMetric('cssText', cssText.length)\n      attrs._cssText = cssText\n    }\n  }\n\n  // dynamic stylesheet\n  if (tagName === 'style' && (element as HTMLStyleElement).sheet) {\n    const cssText = getCssRulesString((element as HTMLStyleElement).sheet)\n    if (cssText) {\n      transaction.addMetric('cssText', cssText.length)\n      attrs._cssText = cssText\n    }\n  }\n\n  /**\n   * Serialize the media playback state\n   */\n  if (tagName === 'audio' || tagName === 'video') {\n    const mediaElement = element as HTMLMediaElement\n    attrs.rr_mediaState = mediaElement.paused ? 'paused' : 'played'\n  }\n\n  /**\n   * Serialize the scroll state for each element only for full snapshot\n   */\n  let scrollTop: number | undefined\n  let scrollLeft: number | undefined\n  switch (transaction.kind) {\n    case SerializationKind.INITIAL_FULL_SNAPSHOT:\n      scrollTop = Math.round(element.scrollTop)\n      scrollLeft = Math.round(element.scrollLeft)\n      if (scrollTop || scrollLeft) {\n        transaction.scope.elementsScrollPositions.set(element, { scrollTop, scrollLeft })\n      }\n      break\n    case SerializationKind.SUBSEQUENT_FULL_SNAPSHOT:\n      if (transaction.scope.elementsScrollPositions.has(element)) {\n        ;({ scrollTop, scrollLeft } = transaction.scope.elementsScrollPositions.get(element)!)\n      }\n      break\n  }\n  if (scrollLeft) {\n    attrs.rr_scrollLeft = scrollLeft\n  }\n  if (scrollTop) {\n    attrs.rr_scrollTop = scrollTop\n  }\n\n  return attrs\n}\n\nexport function getCssRulesString(cssStyleSheet: CSSStyleSheet | undefined | null): string | null {\n  if (!cssStyleSheet) {\n    return null\n  }\n  let rules: CSSRuleList | undefined\n  try {\n    rules = cssStyleSheet.rules || cssStyleSheet.cssRules\n  } catch {\n    // if css is protected by CORS we cannot access cssRules see: https://www.w3.org/TR/cssom-1/#the-cssstylesheet-interface\n  }\n  if (!rules) {\n    return null\n  }\n  const styleSheetCssText = Array.from(rules, isSafari() ? getCssRuleStringForSafari : getCssRuleString).join('')\n  return switchToAbsoluteUrl(styleSheetCssText, cssStyleSheet.href)\n}\n\nfunction getCssRuleStringForSafari(rule: CSSRule): string {\n  // Safari does not escape attribute selectors containing : properly\n  // https://bugs.webkit.org/show_bug.cgi?id=184604\n  if (isCSSStyleRule(rule) && rule.selectorText.includes(':')) {\n    // This regex replaces [foo:bar] by [foo\\\\:bar]\n    const escapeColon = /(\\[[\\w-]+[^\\\\])(:[^\\]]+\\])/g\n    return rule.cssText.replace(escapeColon, '$1\\\\$2')\n  }\n\n  return getCssRuleString(rule)\n}\n\nfunction getCssRuleString(rule: CSSRule): string {\n  // If it's an @import rule, try to inline sub-rules recursively with `getCssRulesString`. This\n  // operation can fail if the imported stylesheet is protected by CORS, in which case we fallback\n  // to the @import rule CSS text.\n  return (isCSSImportRule(rule) && getCssRulesString(rule.styleSheet)) || rule.cssText\n}\n\nfunction isCSSImportRule(rule: CSSRule): rule is CSSImportRule {\n  return 'styleSheet' in rule\n}\n\nfunction isCSSStyleRule(rule: CSSRule): rule is CSSStyleRule {\n  return 'selectorText' in rule\n}\n"],"mappings":"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"}

package/esm/domain/record/serialization/serializeFullSnapshot.mjs

@@ -0,0 +1,14 @@
+import { createRootInsertionCursor } from "./insertionCursor.mjs";
+import { serializeInTransaction } from "./serializationTransaction.mjs";
+import { serializeNode } from "./serializeNode.mjs";
+//#region src/domain/record/serialization/serializeFullSnapshot.ts
+function serializeFullSnapshot(timestamp, kind, document, emitRecord, emitStats, scope) {
+	scope.resetIds();
+	serializeInTransaction(kind, emitRecord, emitStats, scope, timestamp, (transaction) => {
+		serializeNode(createRootInsertionCursor(scope.nodeIds), document, scope.configuration.defaultPrivacyLevel, transaction);
+	});
+}
+//#endregion
+export { serializeFullSnapshot };
+
+//# sourceMappingURL=serializeFullSnapshot.mjs.map

package/esm/domain/record/serialization/serializeFullSnapshot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeFullSnapshot.mjs","names":[],"sources":["../../../../src/domain/record/serialization/serializeFullSnapshot.ts"],"sourcesContent":["import type { TimeStamp } from '@kubesense/kubesense-js-core/time'\nimport type { EmitRecordCallback, EmitStatsCallback } from '../record.types'\nimport type { RecordingScope } from '../recordingScope'\nimport { serializeInTransaction } from './serializationTransaction'\nimport type { SerializationTransaction, SerializationKind } from './serializationTransaction'\nimport { serializeNode } from './serializeNode'\nimport { createRootInsertionCursor } from './insertionCursor'\n\nexport function serializeFullSnapshot(\n  timestamp: TimeStamp,\n  kind: SerializationKind,\n  document: Document,\n  emitRecord: EmitRecordCallback,\n  emitStats: EmitStatsCallback,\n  scope: RecordingScope\n): void {\n  scope.resetIds()\n  serializeInTransaction(kind, emitRecord, emitStats, scope, timestamp, (transaction: SerializationTransaction) => {\n    serializeNode(\n      createRootInsertionCursor(scope.nodeIds),\n      document,\n      scope.configuration.defaultPrivacyLevel,\n      transaction\n    )\n  })\n}\n"],"mappings":";;;;AAQA,SAAgB,sBACd,WACA,MACA,UACA,YACA,WACA,OACM;CACN,MAAM,SAAS;CACf,uBAAuB,MAAM,YAAY,WAAW,OAAO,YAAY,gBAA0C;EAC/G,cACE,0BAA0B,MAAM,OAAO,GACvC,UACA,MAAM,cAAc,qBACpB,WACF;CACF,CAAC;AACH"}

package/esm/domain/record/serialization/serializeMutations.mjs

@@ -0,0 +1,152 @@
+import { StringRole } from "../../../types/sessionReplayConstants.mjs";
+import { createChildInsertionCursor } from "./insertionCursor.mjs";
+import { getElementInputValue, normalizedTagName } from "./serializationUtils.mjs";
+import { createAttributeAssignment, createAttributeAssignmentOrDeletion, createString } from "../encoding/roles.mjs";
+import { serializeInTransaction } from "./serializationTransaction.mjs";
+import { isCanvasElement, isCanvasSizeAttribute } from "../canvas/canvasUtils.mjs";
+import { serializeAttribute } from "./serializeAttribute.mjs";
+import { serializeNode } from "./serializeNode.mjs";
+import { NodePrivacyLevel, forEachChildNodes, getNodePrivacyLevel, getParentNode, getTextContent, isNodeShadowHost } from "@kubesense/kubesense-browser-rum-core";
+//#region src/domain/record/serialization/serializeMutations.ts
+function serializeMutations(timestamp, mutations, emitRecord, emitResource, emitStats, scope) {
+	serializeInTransaction(2, emitRecord, emitStats, scope, timestamp, (transaction) => processMutations(mutations, emitResource, transaction));
+}
+function processMutations(mutations, emitResource, transaction) {
+	const addedNodes = /* @__PURE__ */ new Set();
+	const attributeMutations = /* @__PURE__ */ new Map();
+	const characterDataMutations = /* @__PURE__ */ new Map();
+	const removedNodes = /* @__PURE__ */ new Set();
+	for (const mutation of mutations) switch (mutation.type) {
+		case "attributes": {
+			const node = mutation.target;
+			let attributes = attributeMutations.get(node);
+			if (!attributes) {
+				attributes = /* @__PURE__ */ new Map();
+				attributeMutations.set(node, attributes);
+			}
+			const attributeName = mutation.attributeName;
+			if (!attributes.has(attributeName)) attributes.set(attributeName, mutation.oldValue);
+			break;
+		}
+		case "characterData":
+			if (!characterDataMutations.has(mutation.target)) characterDataMutations.set(mutation.target, mutation.oldValue);
+			break;
+		case "childList":
+			for (let index = 0; index < mutation.addedNodes.length; index++) addedNodes.add(mutation.addedNodes[index]);
+			for (let index = 0; index < mutation.removedNodes.length; index++) removedNodes.add(mutation.removedNodes[index]);
+	}
+	const firstNewNodeId = transaction.scope.nodeIds.nextId;
+	const nodePrivacyLevelCache = /* @__PURE__ */ new Map();
+	processRemovedNodes(removedNodes, transaction);
+	processAddedNodes(addedNodes, nodePrivacyLevelCache, transaction);
+	processCharacterDataMutations(characterDataMutations, firstNewNodeId, nodePrivacyLevelCache, transaction);
+	processAttributeMutations(attributeMutations, firstNewNodeId, nodePrivacyLevelCache, transaction);
+	processCanvasContentMutations(nodePrivacyLevelCache, emitResource, transaction);
+}
+function processRemovedNodes(nodes, transaction) {
+	const nodeIds = transaction.scope.nodeIds;
+	for (const node of nodes) {
+		const nodeId = nodeIds.get(node);
+		if (nodeId === void 0) continue;
+		forNodeAndDescendants(node, (node) => {
+			if (isCanvasElement(node)) transaction.scope.canvasManager.forgetCanvas(node);
+			if (isNodeShadowHost(node)) transaction.scope.shadowRootsController.removeShadowRoot(node.shadowRoot);
+			nodeIds.delete(node);
+		});
+		transaction.removeNode(nodeId);
+	}
+}
+function processAddedNodes(nodes, nodePrivacyLevelCache, transaction) {
+	const nodeIds = transaction.scope.nodeIds;
+	for (const node of nodes) {
+		if (!node.isConnected) continue;
+		if (nodeIds.get(node) !== void 0) continue;
+		const parentNode = getParentNode(node);
+		if (!parentNode) continue;
+		const parentId = nodeIds.get(parentNode);
+		if (parentId === void 0) continue;
+		const parentNodePrivacyLevel = getNodePrivacyLevel(parentNode, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+		const nextSiblingId = getNextSiblingId(node, nodeIds);
+		serializeNode(createChildInsertionCursor(parentId, nextSiblingId, nodeIds), node, parentNodePrivacyLevel, transaction);
+	}
+}
+function processCharacterDataMutations(mutations, firstNewNodeId, nodePrivacyLevelCache, transaction) {
+	const nodeIds = transaction.scope.nodeIds;
+	for (const [node, oldValue] of mutations) {
+		if (node.textContent === oldValue) continue;
+		if (!node.isConnected) continue;
+		const nodeId = nodeIds.get(node);
+		if (nodeId === void 0) continue;
+		if (nodeId >= firstNewNodeId) continue;
+		const parentNode = getParentNode(node);
+		if (!parentNode) continue;
+		const parentNodePrivacyLevel = getNodePrivacyLevel(parentNode, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+		if (parentNodePrivacyLevel === NodePrivacyLevel.HIDDEN || parentNodePrivacyLevel === NodePrivacyLevel.IGNORE) continue;
+		const content = getTextContent(node, parentNodePrivacyLevel);
+		transaction.setText(nodeId, createString(StringRole.TextContent, content));
+	}
+}
+function processAttributeMutations(mutations, firstNewNodeId, nodePrivacyLevelCache, transaction) {
+	const nodeIds = transaction.scope.nodeIds;
+	for (const [node, attributeNames] of mutations) {
+		if (!node.isConnected) continue;
+		const nodeId = nodeIds.get(node);
+		if (nodeId === void 0) continue;
+		if (nodeId >= firstNewNodeId) continue;
+		const privacyLevel = getNodePrivacyLevel(node, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache);
+		if (privacyLevel === NodePrivacyLevel.HIDDEN || privacyLevel === NodePrivacyLevel.IGNORE) continue;
+		const tagName = normalizedTagName(node);
+		const change = [nodeId];
+		for (const [domAttributeName, oldValue] of attributeNames) {
+			if (isCanvasElement(node) && isCanvasSizeAttribute(domAttributeName)) transaction.scope.canvasManager.resetCanvasBitmap(node);
+			if (node.getAttribute(domAttributeName) === oldValue) continue;
+			if (domAttributeName === "value") {
+				const domAttributeValue = getElementInputValue(node, privacyLevel);
+				if (domAttributeValue !== void 0) change.push(createAttributeAssignment(tagName, domAttributeName, domAttributeValue));
+				continue;
+			}
+			const domAttributeValue = serializeAttribute(node, privacyLevel, domAttributeName, transaction.scope.configuration);
+			change.push(createAttributeAssignmentOrDeletion(tagName, domAttributeName, domAttributeValue));
+		}
+		if (change.length > 1) transaction.setAttributes(change);
+	}
+}
+function processCanvasContentMutations(nodePrivacyLevelCache, emitResource, transaction) {
+	for (const { canvas, captureAttempt, hash, image } of transaction.scope.canvasManager.takeCanvasContentMutations()) {
+		if (!captureAttempt.isCurrent() || !canvas.isConnected) continue;
+		const nodeId = transaction.scope.nodeIds.get(canvas);
+		if (nodeId === void 0) {
+			transaction.scope.canvasManager.forgetCanvas(canvas);
+			continue;
+		}
+		if (getNodePrivacyLevel(canvas, transaction.scope.configuration.defaultPrivacyLevel, nodePrivacyLevelCache) !== NodePrivacyLevel.ALLOW) {
+			transaction.scope.canvasManager.markCanvas(canvas, 1);
+			continue;
+		}
+		try {
+			emitResource(hash, image, () => {
+				if (captureAttempt.isCurrent()) transaction.scope.canvasManager.retryCanvas(canvas);
+			});
+			transaction.setImageContent(nodeId, createString(StringRole.ResourceId, hash));
+			captureAttempt.setLastChangeHash(hash);
+		} catch {
+			transaction.scope.canvasManager.markCanvas(canvas, 1);
+		}
+	}
+}
+function getNextSiblingId(node, nodeIds) {
+	let nextSibling = node.nextSibling;
+	while (nextSibling) {
+		const id = nodeIds.get(nextSibling);
+		if (id !== void 0) return id;
+		nextSibling = nextSibling.nextSibling;
+	}
+}
+function forNodeAndDescendants(node, action) {
+	action(node);
+	forEachChildNodes(node, (childNode) => forNodeAndDescendants(childNode, action));
+}
+//#endregion
+export { serializeMutations };
+
+//# sourceMappingURL=serializeMutations.mjs.map

package/esm/domain/record/serialization/serializeMutations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeMutations.mjs","names":[],"sources":["../../../../src/domain/record/serialization/serializeMutations.ts"],"sourcesContent":["import type { TimeStamp } from '@kubesense/kubesense-js-core/time'\nimport type { NodePrivacyLevelCache, RumMutationRecord } from '@kubesense/kubesense-browser-rum-core'\nimport {\n  isNodeShadowHost,\n  getParentNode,\n  forEachChildNodes,\n  getNodePrivacyLevel,\n  getTextContent,\n  NodePrivacyLevel,\n} from '@kubesense/kubesense-browser-rum-core'\nimport { StringRole } from '../../../types'\nimport type { RecordingScope } from '../recordingScope'\nimport type { EmitRecordCallback, EmitResourceCallback, EmitStatsCallback } from '../record.types'\nimport type { NodeId, NodeIds, RoleAnnotatedAttributeChange } from '../encoding'\nimport { createAttributeAssignment, createAttributeAssignmentOrDeletion, createString } from '../encoding'\nimport { isCanvasElement, isCanvasSizeAttribute } from '../canvas/canvasUtils'\nimport { CanvasStatus } from '../canvas/canvasManager'\nimport type { SerializationTransaction } from './serializationTransaction'\nimport { SerializationKind, serializeInTransaction } from './serializationTransaction'\nimport { serializeNode } from './serializeNode'\nimport { createChildInsertionCursor } from './insertionCursor'\nimport { getElementInputValue, normalizedTagName } from './serializationUtils'\nimport { serializeAttribute } from './serializeAttribute'\n\nexport function serializeMutations(\n  timestamp: TimeStamp,\n  mutations: RumMutationRecord[],\n  emitRecord: EmitRecordCallback,\n  emitResource: EmitResourceCallback,\n  emitStats: EmitStatsCallback,\n  scope: RecordingScope\n): void {\n  serializeInTransaction(\n    SerializationKind.INCREMENTAL_SNAPSHOT,\n    emitRecord,\n    emitStats,\n    scope,\n    timestamp,\n    (transaction: SerializationTransaction) => processMutations(mutations, emitResource, transaction)\n  )\n}\n\ntype AttributeName = string\ntype OldValue = string | null\n\nfunction processMutations(\n  mutations: RumMutationRecord[],\n  emitResource: EmitResourceCallback,\n  transaction: SerializationTransaction\n): void {\n  const addedNodes = new Set<Node>()\n  const attributeMutations = new Map<Element, Map<AttributeName, OldValue>>()\n  const characterDataMutations = new Map<Node, OldValue>()\n  const removedNodes = new Set<Node>()\n\n  // Collect the changes made by this sequence of mutations. It's important to think of\n  // the mutations as telling us which parts of the tree are dirty, but not necessarily as\n  // specifying exactly which changes have occurred; trying to be too clever will result\n  // in incorrect behavior. For example, if we see a sequence of mutations where a node is\n  // removed and then added back in the same position, one might be tempted to \"cancel\n  // out\" these two changes and ignore both mutations, but that could cause us to miss\n  // changes to the node that occurred while it was detached.\n  for (const mutation of mutations) {\n    switch (mutation.type) {\n      case 'attributes': {\n        const node = mutation.target\n        let attributes = attributeMutations.get(node)\n        if (!attributes) {\n          attributes = new Map<AttributeName, OldValue>()\n          attributeMutations.set(node, attributes)\n        }\n        const attributeName = mutation.attributeName\n        if (!attributes.has(attributeName)) {\n          attributes.set(attributeName, mutation.oldValue)\n        }\n        break\n      }\n\n      case 'characterData':\n        if (!characterDataMutations.has(mutation.target)) {\n          characterDataMutations.set(mutation.target, mutation.oldValue)\n        }\n        break\n\n      case 'childList':\n        for (let index = 0; index < mutation.addedNodes.length; index++) {\n          addedNodes.add(mutation.addedNodes[index])\n        }\n        for (let index = 0; index < mutation.removedNodes.length; index++) {\n          removedNodes.add(mutation.removedNodes[index])\n        }\n        break\n    }\n  }\n\n  // Before we process any mutations, snapshot the id that the next newly-added node will\n  // receive. We know that any node with an id greater than or equal to this one is new\n  // and will have been serialized in its entirety in processAddedNodes(), so we can skip\n  // processing more fine-grained mutations for these nodes.\n  const firstNewNodeId = transaction.scope.nodeIds.nextId\n\n  // Because we process incremental mutations synchronously, we know that privacy levels\n  // cannot change during the process, so we use a single, shared privacy level cache.\n  const nodePrivacyLevelCache: NodePrivacyLevelCache = new Map()\n\n  processRemovedNodes(removedNodes, transaction)\n  processAddedNodes(addedNodes, nodePrivacyLevelCache, transaction)\n  processCharacterDataMutations(characterDataMutations, firstNewNodeId, nodePrivacyLevelCache, transaction)\n  processAttributeMutations(attributeMutations, firstNewNodeId, nodePrivacyLevelCache, transaction)\n  processCanvasContentMutations(nodePrivacyLevelCache, emitResource, transaction)\n}\n\nfunction processRemovedNodes(nodes: Set<Node>, transaction: SerializationTransaction): void {\n  const nodeIds = transaction.scope.nodeIds\n\n  for (const node of nodes) {\n    const nodeId = nodeIds.get(node)\n    if (nodeId === undefined) {\n      continue // This node wasn't serialized.\n    }\n\n    forNodeAndDescendants(node, (node: Node) => {\n      if (isCanvasElement(node)) {\n        transaction.scope.canvasManager.forgetCanvas(node)\n      }\n\n      if (isNodeShadowHost(node)) {\n        transaction.scope.shadowRootsController.removeShadowRoot(node.shadowRoot)\n      }\n\n      // Forget this node's identity. If it's added to the DOM again in another mutation,\n      // we'll treat it as a new node. This reduces the number of edge cases that we need\n      // to deal with; for example, changes in privacy level as a result of the different\n      // ancestor chain in the new position are handled without any special effort on our\n      // part.\n      nodeIds.delete(node)\n    })\n\n    transaction.removeNode(nodeId)\n  }\n}\n\nfunction processAddedNodes(\n  nodes: Set<Node>,\n  nodePrivacyLevelCache: NodePrivacyLevelCache,\n  transaction: SerializationTransaction\n): void {\n  const nodeIds = transaction.scope.nodeIds\n\n  for (const node of nodes) {\n    if (!node.isConnected) {\n      continue // This node is not in the DOM.\n    }\n\n    const existingNodeId = nodeIds.get(node)\n    if (existingNodeId !== undefined) {\n      continue // This node has already been serialized.\n    }\n\n    const parentNode = getParentNode(node)\n    if (!parentNode) {\n      continue // This node has no parent.\n    }\n\n    const parentId = nodeIds.get(parentNode)\n    if (parentId === undefined) {\n      // This node's parent hasn't been serialized (e.g. because it has privacy level\n      // HIDDEN), so we shouldn't serialize this node either.\n      continue\n    }\n\n    const parentNodePrivacyLevel = getNodePrivacyLevel(\n      parentNode,\n      transaction.scope.configuration.defaultPrivacyLevel,\n      nodePrivacyLevelCache\n    )\n\n    const nextSiblingId = getNextSiblingId(node, nodeIds)\n\n    serializeNode(\n      createChildInsertionCursor(parentId, nextSiblingId, nodeIds),\n      node,\n      parentNodePrivacyLevel,\n      transaction\n    )\n  }\n}\n\nfunction processCharacterDataMutations(\n  mutations: Map<Node, OldValue>,\n  firstNewNodeId: NodeId,\n  nodePrivacyLevelCache: NodePrivacyLevelCache,\n  transaction: SerializationTransaction\n): void {\n  const nodeIds = transaction.scope.nodeIds\n\n  for (const [node, oldValue] of mutations) {\n    if (node.textContent === oldValue) {\n      continue // No change since the last snapshot.\n    }\n\n    if (!node.isConnected) {\n      continue // This node is not in the DOM.\n    }\n\n    const nodeId = nodeIds.get(node)\n    if (nodeId === undefined) {\n      continue // This node was never serialized.\n    }\n    if (nodeId >= firstNewNodeId) {\n      // This node was just serialized, so we've already got an up-to-date copy of its\n      // text content.\n      continue\n    }\n\n    const parentNode = getParentNode(node)\n    if (!parentNode) {\n      continue // This node has no parent.\n    }\n\n    const parentNodePrivacyLevel = getNodePrivacyLevel(\n      parentNode,\n      transaction.scope.configuration.defaultPrivacyLevel,\n      nodePrivacyLevelCache\n    )\n    if (parentNodePrivacyLevel === NodePrivacyLevel.HIDDEN || parentNodePrivacyLevel === NodePrivacyLevel.IGNORE) {\n      continue // Mutations to this node should be ignored.\n    }\n\n    const content = getTextContent(node, parentNodePrivacyLevel)\n    transaction.setText(nodeId, createString(StringRole.TextContent, content))\n  }\n}\n\nfunction processAttributeMutations(\n  mutations: Map<Element, Map<AttributeName, OldValue>>,\n  firstNewNodeId: NodeId,\n  nodePrivacyLevelCache: NodePrivacyLevelCache,\n  transaction: SerializationTransaction\n): void {\n  const nodeIds = transaction.scope.nodeIds\n\n  for (const [node, attributeNames] of mutations) {\n    if (!node.isConnected) {\n      continue // This node is not in the DOM.\n    }\n\n    const nodeId = nodeIds.get(node)\n    if (nodeId === undefined) {\n      continue // This node was never serialized.\n    }\n    if (nodeId >= firstNewNodeId) {\n      // This node was just serialized, so we've already got an up-to-date copy of its\n      // attributes.\n      continue\n    }\n\n    const privacyLevel = getNodePrivacyLevel(\n      node,\n      transaction.scope.configuration.defaultPrivacyLevel,\n      nodePrivacyLevelCache\n    )\n    if (privacyLevel === NodePrivacyLevel.HIDDEN || privacyLevel === NodePrivacyLevel.IGNORE) {\n      continue // Mutations to this node should be ignored.\n    }\n\n    const tagName = normalizedTagName(node)\n\n    const change: RoleAnnotatedAttributeChange = [nodeId]\n    for (const [domAttributeName, oldValue] of attributeNames) {\n      if (isCanvasElement(node) && isCanvasSizeAttribute(domAttributeName)) {\n        // Assigning either dimension resets the bitmap even when the attribute value does not change,\n        // so this must run before the \"no change since the last snapshot\" check below.\n        transaction.scope.canvasManager.resetCanvasBitmap(node)\n      }\n\n      if (node.getAttribute(domAttributeName) === oldValue) {\n        continue // No change since the last snapshot.\n      }\n\n      if (domAttributeName === 'value') {\n        const domAttributeValue = getElementInputValue(node, privacyLevel)\n        if (domAttributeValue !== undefined) {\n          change.push(createAttributeAssignment(tagName, domAttributeName, domAttributeValue))\n        }\n        continue\n      }\n\n      const domAttributeValue = serializeAttribute(\n        node,\n        privacyLevel,\n        domAttributeName,\n        transaction.scope.configuration\n      )\n      change.push(createAttributeAssignmentOrDeletion(tagName, domAttributeName, domAttributeValue))\n    }\n\n    if (change.length > 1) {\n      transaction.setAttributes(change)\n    }\n  }\n}\n\nfunction processCanvasContentMutations(\n  nodePrivacyLevelCache: NodePrivacyLevelCache,\n  emitResource: EmitResourceCallback,\n  transaction: SerializationTransaction\n): void {\n  for (const { canvas, captureAttempt, hash, image } of transaction.scope.canvasManager.takeCanvasContentMutations()) {\n    if (!captureAttempt.isCurrent() || !canvas.isConnected) {\n      continue\n    }\n    const nodeId = transaction.scope.nodeIds.get(canvas)\n    if (nodeId === undefined) {\n      transaction.scope.canvasManager.forgetCanvas(canvas)\n      continue\n    }\n    const privacyLevel = getNodePrivacyLevel(\n      canvas,\n      transaction.scope.configuration.defaultPrivacyLevel,\n      nodePrivacyLevelCache\n    )\n    if (privacyLevel !== NodePrivacyLevel.ALLOW) {\n      transaction.scope.canvasManager.markCanvas(canvas, CanvasStatus.Dirty)\n      continue\n    }\n    try {\n      emitResource(hash, image, () => {\n        if (captureAttempt.isCurrent()) {\n          transaction.scope.canvasManager.retryCanvas(canvas)\n        }\n      })\n      transaction.setImageContent(nodeId, createString(StringRole.ResourceId, hash))\n      captureAttempt.setLastChangeHash(hash)\n    } catch {\n      transaction.scope.canvasManager.markCanvas(canvas, CanvasStatus.Dirty)\n    }\n  }\n}\n\nfunction getNextSiblingId(node: Node, nodeIds: NodeIds): NodeId | undefined {\n  let nextSibling = node.nextSibling\n  while (nextSibling) {\n    const id = nodeIds.get(nextSibling)\n    if (id !== undefined) {\n      return id\n    }\n    nextSibling = nextSibling.nextSibling\n  }\n\n  return undefined\n}\n\nfunction forNodeAndDescendants(node: Node, action: (node: Node) => void): void {\n  action(node)\n  forEachChildNodes(node, (childNode) => forNodeAndDescendants(childNode, action))\n}\n"],"mappings":"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"}

package/esm/domain/record/serialization/serializeNode.mjs

@@ -0,0 +1,126 @@
+import { MediaInteractionType, StringRole } from "../../../types/sessionReplayConstants.mjs";
+import { normalizedTagName } from "./serializationUtils.mjs";
+import { createAttributeAssignment, createString } from "../encoding/roles.mjs";
+import { isCanvasElement } from "../canvas/canvasUtils.mjs";
+import { serializeDOMAttributes, serializeVirtualAttributes } from "./serializeAttributes.mjs";
+import { NodePrivacyLevel, PRIVACY_ATTR_NAME, PRIVACY_ATTR_VALUE_HIDDEN, forEachChildNodes, getNodeSelfPrivacyLevel, getScrollX, getScrollY, getTextContent, isElementNode, isNodeShadowRoot, reducePrivacyLevel } from "@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 === NodePrivacyLevel.HIDDEN || parentPrivacyLevel === NodePrivacyLevel.IGNORE) return;
+	let privacyLevel;
+	const selfPrivacyLevel = getNodeSelfPrivacyLevel(node);
+	if (selfPrivacyLevel) privacyLevel = reducePrivacyLevel(selfPrivacyLevel, parentPrivacyLevel);
+	else privacyLevel = parentPrivacyLevel;
+	if (privacyLevel === NodePrivacyLevel.HIDDEN) {
+		serializeHiddenNodePlaceholder(cursor, node, transaction);
+		return;
+	}
+	if (privacyLevel === 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();
+	forEachChildNodes(node, (childNode) => {
+		serializeNode(cursor, childNode, privacyLevel, transaction);
+	});
+	cursor.ascend();
+}
+function serializeDocumentNode(cursor, document, transaction) {
+	const { nodeId, insertionPoint } = cursor.advance(document);
+	transaction.addNode(insertionPoint, createString(StringRole.NodeName, "#document"));
+	transaction.setScrollPosition(nodeId, getScrollX(), getScrollY());
+	serializeStyleSheets(document.adoptedStyleSheets, nodeId, transaction);
+}
+function serializeDocumentFragmentNode(cursor, documentFragment, transaction) {
+	const { nodeId, insertionPoint } = cursor.advance(documentFragment);
+	if (!isNodeShadowRoot(documentFragment)) {
+		transaction.addNode(insertionPoint, createString(StringRole.NodeName, "#document-fragment"));
+		return;
+	}
+	transaction.addNode(insertionPoint, createString(StringRole.NodeName, "#shadow-root"));
+	transaction.scope.shadowRootsController.addShadowRoot(documentFragment, transaction.scope);
+	serializeStyleSheets(documentFragment.adoptedStyleSheets, nodeId, transaction);
+}
+function serializeDocumentTypeNode(cursor, documentType, transaction) {
+	const { insertionPoint } = cursor.advance(documentType);
+	transaction.addNode(insertionPoint, createString(StringRole.NodeName, "#doctype"), createString(StringRole.AttributeValue, documentType.name), createString(StringRole.AttributeValue, documentType.publicId), createString(StringRole.Url, documentType.systemId));
+}
+function serializeElementNode(cursor, element, privacyLevel, transaction) {
+	const { nodeId, insertionPoint } = cursor.advance(element);
+	const domAttributes = serializeDOMAttributes(element, privacyLevel, transaction);
+	transaction.addNode(insertionPoint, encodedElementName(element), ...domAttributes);
+	if (isCanvasElement(element)) transaction.scope.canvasManager.markCanvas(element, 1);
+	const { _cssText: cssText, rr_mediaState: mediaState, rr_scrollLeft: scrollLeft, rr_scrollTop: scrollTop } = serializeVirtualAttributes(element, privacyLevel, transaction);
+	const linkOrStyle = element;
+	if (cssText !== void 0 && linkOrStyle.sheet) {
+		const sheetId = transaction.scope.styleSheetIds.getOrInsert(linkOrStyle.sheet);
+		transaction.addStyleSheet(createString(StringRole.Css, cssText));
+		transaction.attachStyleSheets(nodeId, [sheetId]);
+	}
+	if (mediaState === "played") transaction.setMediaPlaybackState(nodeId, MediaInteractionType.Play);
+	else if (mediaState === "paused") transaction.setMediaPlaybackState(nodeId, MediaInteractionType.Pause);
+	if (scrollLeft !== void 0 || scrollTop !== void 0) transaction.setScrollPosition(nodeId, scrollLeft || 0, scrollTop || 0);
+}
+function serializeTextNode(cursor, textNode, privacyLevel, transaction) {
+	const { insertionPoint } = cursor.advance(textNode);
+	const textContent = getTextContent(textNode, privacyLevel);
+	transaction.addNode(insertionPoint, createString(StringRole.NodeName, "#text"), createString(StringRole.TextContent, textContent));
+}
+function serializeCDataNode(cursor, cdataNode, transaction) {
+	const { insertionPoint } = cursor.advance(cdataNode);
+	transaction.addNode(insertionPoint, createString(StringRole.NodeName, "#cdata-section"));
+}
+function serializeHiddenNodePlaceholder(cursor, node, transaction) {
+	if (!isElementNode(node)) return;
+	const { nodeId, insertionPoint } = cursor.advance(node);
+	transaction.addNode(insertionPoint, encodedElementName(node), createAttributeAssignment(normalizedTagName(node), PRIVACY_ATTR_NAME, PRIVACY_ATTR_VALUE_HIDDEN));
+	const { width, height } = node.getBoundingClientRect();
+	transaction.setSize(nodeId, width, height);
+}
+function serializeStyleSheets(sheets, nodeId, transaction) {
+	if (!sheets || sheets.length === 0) return;
+	transaction.attachStyleSheets(nodeId, sheets.map((sheet) => serializeStyleSheet(sheet, transaction)));
+}
+function serializeStyleSheet(sheet, transaction) {
+	const rules = Array.from(sheet.cssRules || sheet.rules, (rule) => createString(StringRole.Css, rule.cssText));
+	const mediaList = sheet.media.length > 0 ? Array.from(sheet.media).map((medium) => createString(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 encodedElementName(element) {
+	const nodeName = element.nodeName;
+	if (isSVGElement(element)) return createString(StringRole.NodeName, `svg>${nodeName}`);
+	return createString(StringRole.NodeName, nodeName);
+}
+function isSVGElement(element) {
+	return element.namespaceURI === "http://www.w3.org/2000/svg";
+}
+//#endregion
+export { serializeNode };
+
+//# sourceMappingURL=serializeNode.mjs.map

package/esm/domain/record/serialization/serializeNode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeNode.mjs","names":[],"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/esm/domain/record/shadowRootsController.mjs

@@ -0,0 +1,40 @@
+import { trackScroll } from "./trackers/trackScroll.mjs";
+import { trackInput } from "./trackers/trackInput.mjs";
+import { trackMutation } from "./trackers/trackMutation.mjs";
+import "./trackers/index.mjs";
+//#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 = trackMutation(shadowRoot, emitRecord, emitResource, emitStats, scope);
+			const inputTracker = trackInput(shadowRoot, emitRecord, emitStats, scope);
+			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) return;
+			entry.stop();
+			controllerByShadowRoot.delete(shadowRoot);
+		},
+		stop: () => {
+			controllerByShadowRoot.forEach(({ stop }) => stop());
+		},
+		flush: () => {
+			controllerByShadowRoot.forEach(({ flush }) => flush());
+		}
+	};
+};
+//#endregion
+export { initShadowRootsController };
+
+//# sourceMappingURL=shadowRootsController.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadowRootsController.mjs","names":[],"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,kBAAkB,cAAc,YAAY,YAAY,cAAc,WAAW,KAAK;GAE5F,MAAM,eAAe,WAAW,YAAY,YAAY,WAAW,KAAK;GAExE,MAAM,gBAAgB,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/esm/domain/record/startFullSnapshots.mjs

@@ -0,0 +1,42 @@
+import { RecordType } from "../../types/sessionReplayConstants.mjs";
+import { serializeFullSnapshot } from "./serialization/serializeFullSnapshot.mjs";
+import "./serialization/index.mjs";
+import { getVisualViewport } from "./viewports.mjs";
+import { LifeCycleEventType, getViewportDimension } from "@kubesense/kubesense-browser-rum-core";
+import { timeStampNow } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/record/startFullSnapshots.ts
+function startFullSnapshots(lifeCycle, emitRecord, emitStats, flushMutations, scope) {
+	takeFullSnapshot(timeStampNow(), 0, emitRecord, emitStats, scope);
+	const { unsubscribe } = lifeCycle.subscribe(LifeCycleEventType.VIEW_CREATED, (view) => {
+		flushMutations();
+		takeFullSnapshot(view.startClocks.timeStamp, 1, emitRecord, emitStats, scope);
+	});
+	return { stop: unsubscribe };
+}
+function takeFullSnapshot(timestamp, kind, emitRecord, emitStats, scope) {
+	const { width, height } = getViewportDimension();
+	emitRecord({
+		data: {
+			height,
+			href: window.location.href,
+			width
+		},
+		type: RecordType.Meta,
+		timestamp
+	});
+	emitRecord({
+		data: { has_focus: document.hasFocus() },
+		type: RecordType.Focus,
+		timestamp
+	});
+	serializeFullSnapshot(timestamp, kind, document, emitRecord, emitStats, scope);
+	if (window.visualViewport) emitRecord({
+		data: getVisualViewport(window.visualViewport),
+		type: RecordType.VisualViewport,
+		timestamp
+	});
+}
+//#endregion
+export { startFullSnapshots, takeFullSnapshot };
+
+//# sourceMappingURL=startFullSnapshots.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"startFullSnapshots.mjs","names":[],"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,iBAAiB,aAAa,GAAA,GAA4C,YAAY,WAAW,KAAK;CAEtG,MAAM,EAAE,gBAAgB,UAAU,UAAU,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,WAAW,qBAAqB;CAC/C,WAAW;EACT,MAAM;GACJ;GACA,MAAM,OAAO,SAAS;GACtB;EACF;EACA,MAAM,WAAW;EACjB;CACF,CAAC;CAED,WAAW;EACT,MAAM,EACJ,WAAW,SAAS,SAAS,EAC/B;EACA,MAAM,WAAW;EACjB;CACF,CAAC;CAED,sBAAsB,WAAW,MAAM,UAAU,YAAY,WAAW,KAAK;CAE7E,IAAI,OAAO,gBACT,WAAW;EACT,MAAM,kBAAkB,OAAO,cAAc;EAC7C,MAAM,WAAW;EACjB;CACF,CAAC;AAEL"}

package/esm/domain/record/trackers/index.mjs

@@ -0,0 +1,13 @@
+import { trackMove } from "./trackMove.mjs";
+import { trackMouseInteraction } from "./trackMouseInteraction.mjs";
+import { trackScroll } from "./trackScroll.mjs";
+import { trackViewportResize, trackVisualViewportResize } from "./trackViewportResize.mjs";
+import { trackMediaInteraction } from "./trackMediaInteraction.mjs";
+import { trackStyleSheet } from "./trackStyleSheet.mjs";
+import { trackFocus } from "./trackFocus.mjs";
+import { trackViewEnd } from "./trackViewEnd.mjs";
+import { trackInput } from "./trackInput.mjs";
+import { trackMutation } from "./trackMutation.mjs";
+import { trackCanvasContent } from "./trackCanvasContent.mjs";
+import { trackCanvasCapture } from "./trackCanvasCapture.mjs";
+export { trackCanvasCapture, trackCanvasContent, trackFocus, trackInput, trackMediaInteraction, trackMouseInteraction, trackMove, trackMutation, trackScroll, trackStyleSheet, trackViewEnd, trackViewportResize, trackVisualViewportResize };