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

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

@@ -0,0 +1,102 @@
+import { captureCanvasImage, createCanvasSnapshot } from "../canvas/canvasSnapshot.mjs";
+import { computeImageHash } from "../canvas/canvasHash.mjs";
+import { NodePrivacyLevel, getNodePrivacyLevel } from "@kubesense/kubesense-browser-rum-core";
+import { clearTimeout, noop, setTimeout } from "@kubesense/kubesense-browser-core";
+import { ONE_SECOND } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/record/trackers/trackCanvasCapture.ts
+const trackCanvasCapture = (scope, notifyContentMutated) => {
+	const canvasManager = scope.canvasManager;
+	const configuration = scope.configuration.sessionReplayCanvasRecording;
+	const maxFramesPerSecond = configuration?.maxFramesPerSecond ?? 0;
+	if (!configuration?.enable || maxFramesPerSecond === 0) return { stop: noop };
+	let stopped = false;
+	let captureTimeoutId;
+	const captureInterval = ONE_SECOND / maxFramesPerSecond;
+	function scheduleNextCapture(delay) {
+		if (!stopped) captureTimeoutId = setTimeout(() => {
+			runCaptureTask();
+		}, delay);
+	}
+	async function runCaptureTask() {
+		const startTime = performance.now();
+		try {
+			await captureDirtyCanvases();
+		} finally {
+			const taskDuration = performance.now() - startTime;
+			scheduleNextCapture(Math.max(captureInterval - taskDuration, captureInterval * .5));
+		}
+	}
+	async function captureDirtyCanvases() {
+		const capturableCanvases = canvasManager.takeCapturableCanvases();
+		if (stopped) return;
+		for (const canvas of capturableCanvases) {
+			if (scope.nodeIds.get(canvas) === void 0) {
+				canvasManager.forgetCanvas(canvas);
+				continue;
+			}
+			if (getNodePrivacyLevel(canvas, scope.configuration.defaultPrivacyLevel) !== NodePrivacyLevel.ALLOW) {
+				canvasManager.markCanvas(canvas, 1);
+				continue;
+			}
+			await captureCanvas(canvas);
+		}
+	}
+	function markDirtyIfCurrent(captureAttempt, canvas) {
+		if (captureAttempt.isCurrent()) canvasManager.markCanvas(canvas, 1);
+	}
+	async function captureCanvas(canvas) {
+		const captureAttempt = canvasManager.startCaptureAttempt(canvas);
+		const cancelled = () => stopped || !captureAttempt.isCurrent();
+		if (cancelled()) return;
+		try {
+			const snapshot = createCanvasSnapshot(canvas, configuration?.maxImageDimension ?? 1e3);
+			if (!snapshot) {
+				markDirtyIfCurrent(captureAttempt, canvas);
+				canvasManager.discardCaptureAttempt(canvas, captureAttempt);
+				return;
+			}
+			const hash = await computeImageHash(snapshot, configuration?.hashingMaxDimension ?? 100);
+			if (cancelled()) return;
+			if (hash === void 0) {
+				markDirtyIfCurrent(captureAttempt, canvas);
+				canvasManager.discardCaptureAttempt(canvas, captureAttempt);
+				return;
+			}
+			if (hash === captureAttempt.lastChangeHash) {
+				canvasManager.discardCaptureAttempt(canvas, captureAttempt);
+				return;
+			}
+			const image = await captureCanvasImage(snapshot, configuration?.encodeQuality ?? .5);
+			if (cancelled()) return;
+			if (!image) {
+				markDirtyIfCurrent(captureAttempt, canvas);
+				canvasManager.discardCaptureAttempt(canvas, captureAttempt);
+				return;
+			}
+			canvasManager.addCanvasContentMutation({
+				canvas,
+				captureAttempt,
+				hash,
+				image
+			});
+			notifyContentMutated();
+		} catch (error) {
+			if (!cancelled()) {
+				canvasManager.markCanvas(canvas, isSecurityError(error) ? 2 : 1);
+				canvasManager.discardCaptureAttempt(canvas, captureAttempt);
+			}
+		}
+	}
+	scheduleNextCapture(captureInterval);
+	return { stop: () => {
+		stopped = true;
+		clearTimeout(captureTimeoutId);
+	} };
+};
+function isSecurityError(error) {
+	return error instanceof DOMException && error.name === "SecurityError";
+}
+//#endregion
+export { trackCanvasCapture };
+
+//# sourceMappingURL=trackCanvasCapture.mjs.map

package/esm/domain/record/trackers/trackCanvasCapture.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackCanvasCapture.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackCanvasCapture.ts"],"sourcesContent":["import { clearTimeout, noop, setTimeout } from '@kubesense/kubesense-browser-core'\nimport type { TimeoutId } from '@kubesense/kubesense-browser-core'\nimport { getNodePrivacyLevel, NodePrivacyLevel } from '@kubesense/kubesense-browser-rum-core'\nimport { ONE_SECOND } from '@kubesense/kubesense-js-core/time'\nimport type { RecordingScope } from '../recordingScope'\nimport type { CanvasCaptureAttempt } from '../canvas/canvasManager'\nimport { CanvasStatus } from '../canvas/canvasManager'\nimport { captureCanvasImage, createCanvasSnapshot } from '../canvas/canvasSnapshot'\nimport { computeImageHash } from '../canvas/canvasHash'\nimport type { Tracker } from './tracker.types'\n\nexport const trackCanvasCapture = (scope: RecordingScope, notifyContentMutated: () => void): Tracker => {\n  const canvasManager = scope.canvasManager\n  const configuration = scope.configuration.sessionReplayCanvasRecording\n  const maxFramesPerSecond = configuration?.maxFramesPerSecond ?? 0\n\n  if (!configuration?.enable || maxFramesPerSecond === 0) {\n    return { stop: noop }\n  }\n\n  let stopped = false\n  let captureTimeoutId: TimeoutId | undefined\n  const captureInterval = ONE_SECOND / maxFramesPerSecond\n\n  function scheduleNextCapture(delay: number) {\n    if (!stopped) {\n      captureTimeoutId = setTimeout(() => {\n        void runCaptureTask()\n      }, delay)\n    }\n  }\n\n  async function runCaptureTask() {\n    const startTime = performance.now()\n\n    try {\n      await captureDirtyCanvases()\n    } finally {\n      const taskDuration = performance.now() - startTime\n      const nextDelay = Math.max(captureInterval - taskDuration, captureInterval * 0.5)\n\n      scheduleNextCapture(nextDelay)\n    }\n  }\n\n  async function captureDirtyCanvases() {\n    const capturableCanvases = canvasManager.takeCapturableCanvases()\n\n    if (stopped) {\n      return\n    }\n\n    for (const canvas of capturableCanvases) {\n      const nodeId = scope.nodeIds.get(canvas)\n      if (nodeId === undefined) {\n        canvasManager.forgetCanvas(canvas)\n        continue\n      }\n      if (getNodePrivacyLevel(canvas, scope.configuration.defaultPrivacyLevel) !== NodePrivacyLevel.ALLOW) {\n        canvasManager.markCanvas(canvas, CanvasStatus.Dirty)\n        continue\n      }\n      await captureCanvas(canvas)\n    }\n  }\n\n  function markDirtyIfCurrent(captureAttempt: CanvasCaptureAttempt, canvas: HTMLCanvasElement) {\n    if (captureAttempt.isCurrent()) {\n      canvasManager.markCanvas(canvas, CanvasStatus.Dirty)\n    }\n  }\n\n  async function captureCanvas(canvas: HTMLCanvasElement) {\n    const captureAttempt = canvasManager.startCaptureAttempt(canvas)\n    const cancelled = () => stopped || !captureAttempt.isCurrent()\n\n    if (cancelled()) {\n      return\n    }\n\n    try {\n      const snapshot = createCanvasSnapshot(canvas, configuration?.maxImageDimension ?? 1000)\n      if (!snapshot) {\n        markDirtyIfCurrent(captureAttempt, canvas)\n        canvasManager.discardCaptureAttempt(canvas, captureAttempt)\n        return // snapshot failed; leave it dirty\n      }\n\n      const hash = await computeImageHash(snapshot, configuration?.hashingMaxDimension ?? 100)\n\n      if (cancelled()) {\n        return\n      }\n      if (hash === undefined) {\n        markDirtyIfCurrent(captureAttempt, canvas)\n        canvasManager.discardCaptureAttempt(canvas, captureAttempt)\n        return // hashing failed; leave it dirty\n      }\n\n      if (hash === captureAttempt.lastChangeHash) {\n        canvasManager.discardCaptureAttempt(canvas, captureAttempt)\n        return // unchanged: no capture/output\n      }\n\n      const image = await captureCanvasImage(snapshot, configuration?.encodeQuality ?? 0.5)\n      if (cancelled()) {\n        return\n      }\n      if (!image) {\n        markDirtyIfCurrent(captureAttempt, canvas)\n        canvasManager.discardCaptureAttempt(canvas, captureAttempt)\n        return // encoding failed; leave it dirty\n      }\n\n      canvasManager.addCanvasContentMutation({ canvas, captureAttempt, hash, image })\n      notifyContentMutated()\n    } catch (error) {\n      if (!cancelled()) {\n        canvasManager.markCanvas(canvas, isSecurityError(error) ? CanvasStatus.Tainted : CanvasStatus.Dirty)\n        canvasManager.discardCaptureAttempt(canvas, captureAttempt)\n      }\n    }\n  }\n\n  scheduleNextCapture(captureInterval)\n\n  return {\n    stop: () => {\n      stopped = true\n      clearTimeout(captureTimeoutId)\n    },\n  }\n}\n\nfunction isSecurityError(error: unknown): boolean {\n  return error instanceof DOMException && error.name === 'SecurityError'\n}\n"],"mappings":";;;;;;AAWA,MAAa,sBAAsB,OAAuB,yBAA8C;CACtG,MAAM,gBAAgB,MAAM;CAC5B,MAAM,gBAAgB,MAAM,cAAc;CAC1C,MAAM,qBAAqB,eAAe,sBAAsB;CAEhE,IAAI,CAAC,eAAe,UAAU,uBAAuB,GACnD,OAAO,EAAE,MAAM,KAAK;CAGtB,IAAI,UAAU;CACd,IAAI;CACJ,MAAM,kBAAkB,aAAa;CAErC,SAAS,oBAAoB,OAAe;EAC1C,IAAI,CAAC,SACH,mBAAmB,iBAAiB;GAClC,eAAoB;EACtB,GAAG,KAAK;CAEZ;CAEA,eAAe,iBAAiB;EAC9B,MAAM,YAAY,YAAY,IAAI;EAElC,IAAI;GACF,MAAM,qBAAqB;EAC7B,UAAU;GACR,MAAM,eAAe,YAAY,IAAI,IAAI;GAGzC,oBAFkB,KAAK,IAAI,kBAAkB,cAAc,kBAAkB,EAEjD,CAAC;EAC/B;CACF;CAEA,eAAe,uBAAuB;EACpC,MAAM,qBAAqB,cAAc,uBAAuB;EAEhE,IAAI,SACF;EAGF,KAAK,MAAM,UAAU,oBAAoB;GAEvC,IADe,MAAM,QAAQ,IAAI,MACxB,MAAM,KAAA,GAAW;IACxB,cAAc,aAAa,MAAM;IACjC;GACF;GACA,IAAI,oBAAoB,QAAQ,MAAM,cAAc,mBAAmB,MAAM,iBAAiB,OAAO;IACnG,cAAc,WAAW,QAAA,CAA0B;IACnD;GACF;GACA,MAAM,cAAc,MAAM;EAC5B;CACF;CAEA,SAAS,mBAAmB,gBAAsC,QAA2B;EAC3F,IAAI,eAAe,UAAU,GAC3B,cAAc,WAAW,QAAA,CAA0B;CAEvD;CAEA,eAAe,cAAc,QAA2B;EACtD,MAAM,iBAAiB,cAAc,oBAAoB,MAAM;EAC/D,MAAM,kBAAkB,WAAW,CAAC,eAAe,UAAU;EAE7D,IAAI,UAAU,GACZ;EAGF,IAAI;GACF,MAAM,WAAW,qBAAqB,QAAQ,eAAe,qBAAqB,GAAI;GACtF,IAAI,CAAC,UAAU;IACb,mBAAmB,gBAAgB,MAAM;IACzC,cAAc,sBAAsB,QAAQ,cAAc;IAC1D;GACF;GAEA,MAAM,OAAO,MAAM,iBAAiB,UAAU,eAAe,uBAAuB,GAAG;GAEvF,IAAI,UAAU,GACZ;GAEF,IAAI,SAAS,KAAA,GAAW;IACtB,mBAAmB,gBAAgB,MAAM;IACzC,cAAc,sBAAsB,QAAQ,cAAc;IAC1D;GACF;GAEA,IAAI,SAAS,eAAe,gBAAgB;IAC1C,cAAc,sBAAsB,QAAQ,cAAc;IAC1D;GACF;GAEA,MAAM,QAAQ,MAAM,mBAAmB,UAAU,eAAe,iBAAiB,EAAG;GACpF,IAAI,UAAU,GACZ;GAEF,IAAI,CAAC,OAAO;IACV,mBAAmB,gBAAgB,MAAM;IACzC,cAAc,sBAAsB,QAAQ,cAAc;IAC1D;GACF;GAEA,cAAc,yBAAyB;IAAE;IAAQ;IAAgB;IAAM;GAAM,CAAC;GAC9E,qBAAqB;EACvB,SAAS,OAAO;GACd,IAAI,CAAC,UAAU,GAAG;IAChB,cAAc,WAAW,QAAQ,gBAAgB,KAAK,IAAA,IAAA,CAA6C;IACnG,cAAc,sBAAsB,QAAQ,cAAc;GAC5D;EACF;CACF;CAEA,oBAAoB,eAAe;CAEnC,OAAO,EACL,YAAY;EACV,UAAU;EACV,aAAa,gBAAgB;CAC/B,EACF;AACF;AAEA,SAAS,gBAAgB,OAAyB;CAChD,OAAO,iBAAiB,gBAAgB,MAAM,SAAS;AACzD"}

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

@@ -0,0 +1,31 @@
+import { instrumentMethod, noop } from "@kubesense/kubesense-browser-core";
+//#region src/domain/record/trackers/trackCanvasContent.ts
+const CANVAS_2D_DRAWING_METHODS = [
+	"clearRect",
+	"fillRect",
+	"strokeRect",
+	"fill",
+	"stroke",
+	"fillText",
+	"strokeText",
+	"drawImage",
+	"putImageData",
+	"drawFocusIfNeeded",
+	"reset"
+];
+function trackCanvasContent(scope) {
+	if (!scope.configuration.sessionReplayCanvasRecording?.enable || scope.configuration.sessionReplayCanvasRecording.maxFramesPerSecond === 0 || typeof CanvasRenderingContext2D === "undefined") return { stop: noop };
+	const instrumentationStoppers = [];
+	CANVAS_2D_DRAWING_METHODS.forEach((method) => {
+		instrumentationStoppers.push(instrumentMethod(CanvasRenderingContext2D.prototype, method, ({ target: context, onPostCall }) => {
+			onPostCall(() => {
+				if (scope.nodeIds.get(context.canvas) !== void 0) scope.canvasManager.markCanvas(context.canvas, 1);
+			});
+		}));
+	});
+	return { stop: () => instrumentationStoppers.forEach((stopper) => stopper.stop()) };
+}
+//#endregion
+export { trackCanvasContent };
+
+//# sourceMappingURL=trackCanvasContent.mjs.map

package/esm/domain/record/trackers/trackCanvasContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackCanvasContent.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackCanvasContent.ts"],"sourcesContent":["import { instrumentMethod, noop } from '@kubesense/kubesense-browser-core'\nimport type { RecordingScope } from '../recordingScope'\nimport { CanvasStatus } from '../canvas/canvasManager'\nimport type { Tracker } from './tracker.types'\n\nconst CANVAS_2D_DRAWING_METHODS = [\n  'clearRect',\n  'fillRect',\n  'strokeRect',\n  'fill',\n  'stroke',\n  'fillText',\n  'strokeText',\n  'drawImage',\n  'putImageData',\n  'drawFocusIfNeeded',\n  'reset',\n] as const\n\nexport function trackCanvasContent(scope: RecordingScope): Tracker {\n  if (\n    !scope.configuration.sessionReplayCanvasRecording?.enable ||\n    scope.configuration.sessionReplayCanvasRecording.maxFramesPerSecond === 0 ||\n    typeof CanvasRenderingContext2D === 'undefined'\n  ) {\n    return { stop: noop }\n  }\n\n  const instrumentationStoppers: Tracker[] = []\n\n  CANVAS_2D_DRAWING_METHODS.forEach((method) => {\n    instrumentationStoppers.push(\n      instrumentMethod(CanvasRenderingContext2D.prototype, method, ({ target: context, onPostCall }) => {\n        onPostCall(() => {\n          if (scope.nodeIds.get(context.canvas) !== undefined) {\n            scope.canvasManager.markCanvas(context.canvas, CanvasStatus.Dirty)\n          }\n        })\n      })\n    )\n  })\n\n  return {\n    stop: () => instrumentationStoppers.forEach((stopper) => stopper.stop()),\n  }\n}\n"],"mappings":";;AAKA,MAAM,4BAA4B;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAgB,mBAAmB,OAAgC;CACjE,IACE,CAAC,MAAM,cAAc,8BAA8B,UACnD,MAAM,cAAc,6BAA6B,uBAAuB,KACxE,OAAO,6BAA6B,aAEpC,OAAO,EAAE,MAAM,KAAK;CAGtB,MAAM,0BAAqC,CAAC;CAE5C,0BAA0B,SAAS,WAAW;EAC5C,wBAAwB,KACtB,iBAAiB,yBAAyB,WAAW,SAAS,EAAE,QAAQ,SAAS,iBAAiB;GAChG,iBAAiB;IACf,IAAI,MAAM,QAAQ,IAAI,QAAQ,MAAM,MAAM,KAAA,GACxC,MAAM,cAAc,WAAW,QAAQ,QAAA,CAA0B;GAErE,CAAC;EACH,CAAC,CACH;CACF,CAAC;CAED,OAAO,EACL,YAAY,wBAAwB,SAAS,YAAY,QAAQ,KAAK,CAAC,EACzE;AACF"}

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

@@ -0,0 +1,17 @@
+import { RecordType } from "../../../types/sessionReplayConstants.mjs";
+import { DOM_EVENT, addEventListeners } from "@kubesense/kubesense-browser-core";
+import { timeStampNow } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/record/trackers/trackFocus.ts
+function trackFocus(emitRecord) {
+	return addEventListeners(window, [DOM_EVENT.FOCUS, DOM_EVENT.BLUR], () => {
+		emitRecord({
+			data: { has_focus: document.hasFocus() },
+			type: RecordType.Focus,
+			timestamp: timeStampNow()
+		});
+	});
+}
+//#endregion
+export { trackFocus };
+
+//# sourceMappingURL=trackFocus.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trackFocus.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackFocus.ts"],"sourcesContent":["import { DOM_EVENT, addEventListeners } from '@kubesense/kubesense-browser-core'\nimport { timeStampNow } from '@kubesense/kubesense-js-core/time'\nimport type { FocusRecord } from '../../../types'\nimport { RecordType } from '../../../types'\nimport type { EmitRecordCallback } from '../record.types'\nimport type { Tracker } from './tracker.types'\n\nexport function trackFocus(emitRecord: EmitRecordCallback<FocusRecord>): Tracker {\n  return addEventListeners(window, [DOM_EVENT.FOCUS, DOM_EVENT.BLUR], () => {\n    emitRecord({\n      data: { has_focus: document.hasFocus() },\n      type: RecordType.Focus,\n      timestamp: timeStampNow(),\n    })\n  })\n}\n"],"mappings":";;;;AAOA,SAAgB,WAAW,YAAsD;CAC/E,OAAO,kBAAkB,QAAQ,CAAC,UAAU,OAAO,UAAU,IAAI,SAAS;EACxE,WAAW;GACT,MAAM,EAAE,WAAW,SAAS,SAAS,EAAE;GACvC,MAAM,WAAW;GACjB,WAAW,aAAa;EAC1B,CAAC;CACH,CAAC;AACH"}

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

@@ -0,0 +1,131 @@
+import { InputSelectionState, StringRole } from "../../../types/sessionReplayConstants.mjs";
+import { getElementInputValue } from "../serialization/serializationUtils.mjs";
+import { createString } from "../encoding/roles.mjs";
+import { serializeInTransaction } from "../serialization/serializationTransaction.mjs";
+import "../serialization/index.mjs";
+import { getEventTarget } from "../eventsUtils.mjs";
+import { NodePrivacyLevel, getNodePrivacyLevel, shouldMaskNode } from "@kubesense/kubesense-browser-rum-core";
+import { DOM_EVENT, addEventListeners, instrumentSetter, noop } from "@kubesense/kubesense-browser-core";
+import { timeStampNow } from "@kubesense/kubesense-js-core/time";
+//#region src/domain/record/trackers/trackInput.ts
+/** The state every radio button of a group but the selected one changes to. */
+const DESELECTED_INPUT_STATE = {
+	type: 1,
+	selection: InputSelectionState.Deselected
+};
+function trackInput(target, emitRecord, emitStats, scope) {
+	const defaultPrivacyLevel = scope.configuration.defaultPrivacyLevel;
+	const lastInputStateMap = /* @__PURE__ */ new WeakMap();
+	const isShadowRoot = target.nodeType !== target.DOCUMENT_NODE;
+	const targetGlobal = (isShadowRoot ? target.ownerDocument : target).defaultView;
+	if (!targetGlobal) return { stop: noop };
+	const { stop: stopEventListeners } = addEventListeners(target, isShadowRoot ? [DOM_EVENT.CHANGE] : [DOM_EVENT.INPUT, DOM_EVENT.CHANGE], (event) => {
+		const target = getEventTarget(event);
+		if (target instanceof targetGlobal.HTMLInputElement || target instanceof targetGlobal.HTMLTextAreaElement || target instanceof targetGlobal.HTMLSelectElement) onElementChange(target);
+	}, {
+		capture: true,
+		passive: true
+	});
+	let stopPropertySetterInstrumentation;
+	if (!isShadowRoot) {
+		const instrumentationStoppers = [
+			instrumentSetter(targetGlobal.HTMLInputElement.prototype, "value", onElementChange),
+			instrumentSetter(targetGlobal.HTMLInputElement.prototype, "checked", onElementChange),
+			instrumentSetter(targetGlobal.HTMLSelectElement.prototype, "value", onElementChange),
+			instrumentSetter(targetGlobal.HTMLTextAreaElement.prototype, "value", onElementChange),
+			instrumentSetter(targetGlobal.HTMLSelectElement.prototype, "selectedIndex", onElementChange)
+		];
+		stopPropertySetterInstrumentation = () => {
+			instrumentationStoppers.forEach((stopper) => stopper.stop());
+		};
+	} else stopPropertySetterInstrumentation = noop;
+	return { stop: () => {
+		stopPropertySetterInstrumentation();
+		stopEventListeners();
+	} };
+	function onElementChange(target) {
+		const nodePrivacyLevel = getNodePrivacyLevel(target, defaultPrivacyLevel);
+		if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) return;
+		const type = target.type;
+		let changedNode = target;
+		let inputState;
+		if (type === "radio" || type === "checkbox") {
+			if (shouldMaskNode(target, nodePrivacyLevel)) return;
+			inputState = {
+				type: 1,
+				selection: selectionStateOf(target)
+			};
+		} else if (isSelectElement(target)) {
+			if (shouldMaskNode(target, nodePrivacyLevel)) return;
+			const selectedOption = target.options[target.selectedIndex];
+			if (!selectedOption) return;
+			changedNode = selectedOption;
+			inputState = {
+				type: 1,
+				selection: InputSelectionState.Selected
+			};
+		} else {
+			const value = getElementInputValue(target, nodePrivacyLevel);
+			if (value === void 0) return;
+			inputState = {
+				type: 0,
+				value
+			};
+		}
+		const changedNodeId = affectedNodeIdForChange(changedNode, inputState);
+		const deselectedNodeIds = [];
+		if (type === "radio" && target.checked) forEachOtherRadioInGroup(target, (radio) => {
+			const deselectedNodeId = affectedNodeIdForChange(radio, DESELECTED_INPUT_STATE);
+			if (deselectedNodeId !== void 0) deselectedNodeIds.push(deselectedNodeId);
+		});
+		if (isSelectElement(target)) for (let i = 0; i < target.options.length; i++) {
+			const option = target.options[i];
+			if (option !== changedNode) lastInputStateMap.delete(option);
+		}
+		if (changedNodeId === void 0 && deselectedNodeIds.length === 0) return;
+		serializeInTransaction(2, emitRecord, emitStats, scope, timeStampNow(), (transaction) => {
+			if (changedNodeId !== void 0) {
+				if (inputState.type === 0) transaction.setInputValue(changedNodeId, createString(StringRole.FormInput, inputState.value));
+				else transaction.setInputSelection(inputState.selection, [changedNodeId]);
+			}
+			if (deselectedNodeIds.length > 0) transaction.setInputSelection(InputSelectionState.Deselected, deselectedNodeIds);
+		});
+	}
+	/**
+	* Given a form input change, returns the affected node id, if any. It's possible for
+	* there to be no affected node id if the change was redundant, or if the node has not
+	* yet been snapshotted (in which case a future snapshot will pick up the change
+	* instead), or if the node is not being recorded due to its privacy level.
+	*/
+	function affectedNodeIdForChange(target, inputState) {
+		const id = scope.nodeIds.get(target);
+		if (id === void 0) return;
+		const lastInputState = lastInputStateMap.get(target);
+		if (lastInputState && isSameInputState(lastInputState, inputState)) return;
+		lastInputStateMap.set(target, inputState);
+		return id;
+	}
+}
+function isSelectElement(element) {
+	return element.tagName === "SELECT";
+}
+/** The selection state of a checkbox or radio button. */
+function selectionStateOf(input) {
+	return input.checked ? InputSelectionState.Selected : InputSelectionState.Deselected;
+}
+/** Runs the given callback for every other radio button in the same group as the given one. */
+function forEachOtherRadioInGroup(radio, callback) {
+	if (!radio.name) return;
+	radio.ownerDocument.querySelectorAll(`input[type="radio"][name="${CSS.escape(radio.name)}"]`).forEach((element) => {
+		const otherRadio = element;
+		if (otherRadio !== radio) callback(otherRadio);
+	});
+}
+function isSameInputState(a, b) {
+	if (a.type === 0) return b.type === 0 && a.value === b.value;
+	return b.type === 1 && a.selection === b.selection;
+}
+//#endregion
+export { trackInput };
+
+//# sourceMappingURL=trackInput.mjs.map

package/esm/domain/record/trackers/trackInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackInput.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackInput.ts"],"sourcesContent":["import { instrumentSetter, DOM_EVENT, addEventListeners, noop } from '@kubesense/kubesense-browser-core'\nimport { timeStampNow } from '@kubesense/kubesense-js-core/time'\nimport { NodePrivacyLevel, getNodePrivacyLevel, shouldMaskNode } from '@kubesense/kubesense-browser-rum-core'\nimport { InputSelectionState, StringRole } from '../../../types'\nimport { getEventTarget } from '../eventsUtils'\nimport { createString } from '../encoding'\nimport type { NodeId } from '../encoding'\nimport type { RecordingScope } from '../recordingScope'\nimport type { SerializationTransaction } from '../serialization'\nimport { getElementInputValue, SerializationKind, serializeInTransaction } from '../serialization'\nimport type { EmitRecordCallback, EmitStatsCallback } from '../record.types'\nimport type { Tracker } from './tracker.types'\n\nconst enum InputStateType {\n  VALUE,\n  SELECTION,\n}\n\n/**\n * The state of a form element: either a value, for an element whose state can be\n * reconstructed from its `value` property, or a selection state, for an element the user\n * selects rather than fills in.\n */\ntype InputState =\n  { type: InputStateType.VALUE; value: string } | { type: InputStateType.SELECTION; selection: InputSelectionState }\n\n/** The state every radio button of a group but the selected one changes to. */\nconst DESELECTED_INPUT_STATE: InputState = {\n  type: InputStateType.SELECTION,\n  selection: InputSelectionState.Deselected,\n}\n\nexport function trackInput(\n  target: Document | ShadowRoot,\n  emitRecord: EmitRecordCallback,\n  emitStats: EmitStatsCallback,\n  scope: RecordingScope\n): Tracker {\n  const defaultPrivacyLevel = scope.configuration.defaultPrivacyLevel\n  const lastInputStateMap: WeakMap<Node, InputState> = new WeakMap()\n\n  const isShadowRoot = target.nodeType !== target.DOCUMENT_NODE\n\n  const targetGlobal = (isShadowRoot ? (target as ShadowRoot).ownerDocument : (target as Document)).defaultView\n  if (!targetGlobal) {\n    // A document with no global object, such as one created by DOMParser, produces no input events.\n    return { stop: noop }\n  }\n\n  const { stop: stopEventListeners } = addEventListeners(\n    target,\n    // The 'input' event bubbles across shadow roots, so we don't have to listen for it on shadow\n    // roots since it will be handled by the event listener that we did add to the document. Only\n    // the 'change' event is blocked and needs to be handled on shadow roots.\n    isShadowRoot ? [DOM_EVENT.CHANGE] : [DOM_EVENT.INPUT, DOM_EVENT.CHANGE],\n    (event) => {\n      const target = getEventTarget(event)\n      if (\n        target instanceof targetGlobal.HTMLInputElement ||\n        target instanceof targetGlobal.HTMLTextAreaElement ||\n        target instanceof targetGlobal.HTMLSelectElement\n      ) {\n        onElementChange(target)\n      }\n    },\n    {\n      capture: true,\n      passive: true,\n    }\n  )\n\n  let stopPropertySetterInstrumentation: () => void\n  if (!isShadowRoot) {\n    const instrumentationStoppers = [\n      instrumentSetter(targetGlobal.HTMLInputElement.prototype, 'value', onElementChange),\n      instrumentSetter(targetGlobal.HTMLInputElement.prototype, 'checked', onElementChange),\n      instrumentSetter(targetGlobal.HTMLSelectElement.prototype, 'value', onElementChange),\n      instrumentSetter(targetGlobal.HTMLTextAreaElement.prototype, 'value', onElementChange),\n      instrumentSetter(targetGlobal.HTMLSelectElement.prototype, 'selectedIndex', onElementChange),\n    ]\n    stopPropertySetterInstrumentation = () => {\n      instrumentationStoppers.forEach((stopper) => stopper.stop())\n    }\n  } else {\n    stopPropertySetterInstrumentation = noop\n  }\n\n  return {\n    stop: () => {\n      stopPropertySetterInstrumentation()\n      stopEventListeners()\n    },\n  }\n\n  function onElementChange(target: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement) {\n    const nodePrivacyLevel = getNodePrivacyLevel(target, defaultPrivacyLevel)\n    if (nodePrivacyLevel === NodePrivacyLevel.HIDDEN) {\n      return\n    }\n\n    const type = target.type\n\n    // The changed node. Usually the target; for <select>, the now-selected <option>.\n    let changedNode: Node = target\n    let inputState: InputState\n    if (type === 'radio' || type === 'checkbox') {\n      if (shouldMaskNode(target, nodePrivacyLevel)) {\n        return\n      }\n      inputState = { type: InputStateType.SELECTION, selection: selectionStateOf(target as HTMLInputElement) }\n    } else if (isSelectElement(target)) {\n      if (shouldMaskNode(target, nodePrivacyLevel)) {\n        return\n      }\n      // TODO: Record every selected <option> of a <select multiple>, not just the first.\n      const selectedOption = target.options[target.selectedIndex]\n      if (!selectedOption) {\n        return\n      }\n      changedNode = selectedOption\n      inputState = { type: InputStateType.SELECTION, selection: InputSelectionState.Selected }\n    } else {\n      const value = getElementInputValue(target, nodePrivacyLevel)\n      if (value === undefined) {\n        return\n      }\n      inputState = { type: InputStateType.VALUE, value }\n    }\n\n    const changedNodeId = affectedNodeIdForChange(changedNode, inputState)\n\n    // Selecting a radio button deselects every other radio button in its group.\n    const deselectedNodeIds: NodeId[] = []\n    if (type === 'radio' && (target as HTMLInputElement).checked) {\n      forEachOtherRadioInGroup(target as HTMLInputElement, (radio: HTMLInputElement) => {\n        // TODO: Consider the privacy implications for various differing input privacy levels\n        const deselectedNodeId = affectedNodeIdForChange(radio, DESELECTED_INPUT_STATE)\n        if (deselectedNodeId !== undefined) {\n          deselectedNodeIds.push(deselectedNodeId)\n        }\n      })\n    }\n\n    if (isSelectElement(target)) {\n      // Update the state of now-deselected options.\n      // TODO: Record the deselections once <select multiple> is supported.\n      for (let i = 0; i < target.options.length; i++) {\n        const option = target.options[i]\n        if (option !== changedNode) {\n          lastInputStateMap.delete(option)\n        }\n      }\n    }\n\n    if (changedNodeId === undefined && deselectedNodeIds.length === 0) {\n      return\n    }\n\n    serializeInTransaction(\n      SerializationKind.INCREMENTAL_SNAPSHOT,\n      emitRecord,\n      emitStats,\n      scope,\n      timeStampNow(),\n      (transaction: SerializationTransaction) => {\n        if (changedNodeId !== undefined) {\n          if (inputState.type === InputStateType.VALUE) {\n            transaction.setInputValue(changedNodeId, createString(StringRole.FormInput, inputState.value))\n          } else {\n            transaction.setInputSelection(inputState.selection, [changedNodeId])\n          }\n        }\n        if (deselectedNodeIds.length > 0) {\n          transaction.setInputSelection(InputSelectionState.Deselected, deselectedNodeIds)\n        }\n      }\n    )\n  }\n\n  /**\n   * Given a form input change, returns the affected node id, if any. It's possible for\n   * there to be no affected node id if the change was redundant, or if the node has not\n   * yet been snapshotted (in which case a future snapshot will pick up the change\n   * instead), or if the node is not being recorded due to its privacy level.\n   */\n  function affectedNodeIdForChange(target: Node, inputState: InputState): NodeId | undefined {\n    const id = scope.nodeIds.get(target)\n    if (id === undefined) {\n      return undefined\n    }\n    const lastInputState = lastInputStateMap.get(target)\n    if (lastInputState && isSameInputState(lastInputState, inputState)) {\n      return undefined\n    }\n    lastInputStateMap.set(target, inputState)\n    return id\n  }\n}\n\nfunction isSelectElement(element: Element): element is HTMLSelectElement {\n  return element.tagName === 'SELECT'\n}\n\n/** The selection state of a checkbox or radio button. */\nfunction selectionStateOf(input: HTMLInputElement): InputSelectionState {\n  // TODO: Record indeterminate checkboxes as InputSelectionState.Indeterminate.\n  return input.checked ? InputSelectionState.Selected : InputSelectionState.Deselected\n}\n\n/** Runs the given callback for every other radio button in the same group as the given one. */\nfunction forEachOtherRadioInGroup(radio: HTMLInputElement, callback: (radio: HTMLInputElement) => void): void {\n  if (!radio.name) {\n    // A radio button with no name isn't part of a group at all.\n    return\n  }\n\n  // TODO: Correctly scope by form and shadow tree.\n  radio.ownerDocument\n    .querySelectorAll(`input[type=\"radio\"][name=\"${CSS.escape(radio.name)}\"]`)\n    .forEach((element: Element) => {\n      const otherRadio = element as HTMLInputElement\n      if (otherRadio !== radio) {\n        callback(otherRadio)\n      }\n    })\n}\n\nfunction isSameInputState(a: InputState, b: InputState): boolean {\n  if (a.type === InputStateType.VALUE) {\n    return b.type === InputStateType.VALUE && a.value === b.value\n  }\n  return b.type === InputStateType.SELECTION && a.selection === b.selection\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import { IncrementalSource, MediaInteractionType } from "../../../types/sessionReplayConstants.mjs";
+import { getEventTarget } from "../eventsUtils.mjs";
+import { assembleIncrementalSnapshot } from "../assembly.mjs";
+import { NodePrivacyLevel, getNodePrivacyLevel } from "@kubesense/kubesense-browser-rum-core";
+import { DOM_EVENT, addEventListeners } from "@kubesense/kubesense-browser-core";
+//#region src/domain/record/trackers/trackMediaInteraction.ts
+function trackMediaInteraction(emitRecord, scope) {
+	return addEventListeners(document, [DOM_EVENT.PLAY, DOM_EVENT.PAUSE], (event) => {
+		const target = getEventTarget(event);
+		if (!target) return;
+		const id = scope.nodeIds.get(target);
+		if (id === void 0 || getNodePrivacyLevel(target, scope.configuration.defaultPrivacyLevel) === NodePrivacyLevel.HIDDEN) return;
+		emitRecord(assembleIncrementalSnapshot(IncrementalSource.MediaInteraction, {
+			id,
+			type: event.type === DOM_EVENT.PLAY ? MediaInteractionType.Play : MediaInteractionType.Pause
+		}));
+	}, {
+		capture: true,
+		passive: true
+	});
+}
+//#endregion
+export { trackMediaInteraction };
+
+//# sourceMappingURL=trackMediaInteraction.mjs.map

package/esm/domain/record/trackers/trackMediaInteraction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackMediaInteraction.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackMediaInteraction.ts"],"sourcesContent":["import { DOM_EVENT, addEventListeners } from '@kubesense/kubesense-browser-core'\nimport { NodePrivacyLevel, getNodePrivacyLevel } from '@kubesense/kubesense-browser-rum-core'\nimport type { MediaInteractionData, BrowserIncrementalSnapshotRecord } from '../../../types'\nimport { IncrementalSource, MediaInteractionType } from '../../../types'\nimport { getEventTarget } from '../eventsUtils'\nimport { assembleIncrementalSnapshot } from '../assembly'\nimport type { EmitRecordCallback } from '../record.types'\nimport type { RecordingScope } from '../recordingScope'\nimport type { Tracker } from './tracker.types'\n\nexport function trackMediaInteraction(\n  emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>,\n  scope: RecordingScope\n): Tracker {\n  return addEventListeners(\n    document,\n    [DOM_EVENT.PLAY, DOM_EVENT.PAUSE],\n    (event) => {\n      const target = getEventTarget(event)\n      if (!target) {\n        return\n      }\n      const id = scope.nodeIds.get(target)\n      if (\n        id === undefined ||\n        getNodePrivacyLevel(target, scope.configuration.defaultPrivacyLevel) === NodePrivacyLevel.HIDDEN\n      ) {\n        return\n      }\n      emitRecord(\n        assembleIncrementalSnapshot<MediaInteractionData>(IncrementalSource.MediaInteraction, {\n          id,\n          type: event.type === DOM_EVENT.PLAY ? MediaInteractionType.Play : MediaInteractionType.Pause,\n        })\n      )\n    },\n    {\n      capture: true,\n      passive: true,\n    }\n  )\n}\n"],"mappings":";;;;;;AAUA,SAAgB,sBACd,YACA,OACS;CACT,OAAO,kBACL,UACA,CAAC,UAAU,MAAM,UAAU,KAAK,IAC/B,UAAU;EACT,MAAM,SAAS,eAAe,KAAK;EACnC,IAAI,CAAC,QACH;EAEF,MAAM,KAAK,MAAM,QAAQ,IAAI,MAAM;EACnC,IACE,OAAO,KAAA,KACP,oBAAoB,QAAQ,MAAM,cAAc,mBAAmB,MAAM,iBAAiB,QAE1F;EAEF,WACE,4BAAkD,kBAAkB,kBAAkB;GACpF;GACA,MAAM,MAAM,SAAS,UAAU,OAAO,qBAAqB,OAAO,qBAAqB;EACzF,CAAC,CACH;CACF,GACA;EACE,SAAS;EACT,SAAS;CACX,CACF;AACF"}

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

@@ -0,0 +1,52 @@
+import { IncrementalSource, MouseInteractionType } from "../../../types/sessionReplayConstants.mjs";
+import { getEventTarget } from "../eventsUtils.mjs";
+import { assembleIncrementalSnapshot } from "../assembly.mjs";
+import { tryToComputeCoordinates } from "./trackMove.mjs";
+import { NodePrivacyLevel, getNodePrivacyLevel } from "@kubesense/kubesense-browser-rum-core";
+import { DOM_EVENT, addEventListeners } from "@kubesense/kubesense-browser-core";
+//#region src/domain/record/trackers/trackMouseInteraction.ts
+const eventTypeToMouseInteraction = {
+	[DOM_EVENT.POINTER_UP]: MouseInteractionType.MouseUp,
+	[DOM_EVENT.MOUSE_DOWN]: MouseInteractionType.MouseDown,
+	[DOM_EVENT.CLICK]: MouseInteractionType.Click,
+	[DOM_EVENT.CONTEXT_MENU]: MouseInteractionType.ContextMenu,
+	[DOM_EVENT.DBL_CLICK]: MouseInteractionType.DblClick,
+	[DOM_EVENT.FOCUS]: MouseInteractionType.Focus,
+	[DOM_EVENT.BLUR]: MouseInteractionType.Blur,
+	[DOM_EVENT.TOUCH_START]: MouseInteractionType.TouchStart,
+	[DOM_EVENT.TOUCH_END]: MouseInteractionType.TouchEnd
+};
+function trackMouseInteraction(emitRecord, scope) {
+	const handler = (event) => {
+		const target = getEventTarget(event);
+		const id = scope.nodeIds.get(target);
+		if (id === void 0 || getNodePrivacyLevel(target, scope.configuration.defaultPrivacyLevel) === NodePrivacyLevel.HIDDEN) return;
+		const type = eventTypeToMouseInteraction[event.type];
+		let interaction;
+		if (type !== MouseInteractionType.Blur && type !== MouseInteractionType.Focus) {
+			const coordinates = tryToComputeCoordinates(event);
+			if (!coordinates) return;
+			interaction = {
+				id,
+				type,
+				x: coordinates.x,
+				y: coordinates.y
+			};
+		} else interaction = {
+			id,
+			type
+		};
+		emitRecord({
+			id: scope.eventIds.getOrInsert(event),
+			...assembleIncrementalSnapshot(IncrementalSource.MouseInteraction, interaction)
+		});
+	};
+	return addEventListeners(document, Object.keys(eventTypeToMouseInteraction), handler, {
+		capture: true,
+		passive: true
+	});
+}
+//#endregion
+export { trackMouseInteraction };
+
+//# sourceMappingURL=trackMouseInteraction.mjs.map

package/esm/domain/record/trackers/trackMouseInteraction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackMouseInteraction.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackMouseInteraction.ts"],"sourcesContent":["import { addEventListeners, DOM_EVENT } from '@kubesense/kubesense-browser-core'\nimport { getNodePrivacyLevel, NodePrivacyLevel } from '@kubesense/kubesense-browser-rum-core'\nimport type { MouseInteraction, MouseInteractionData, BrowserIncrementalSnapshotRecord } from '../../../types'\nimport { IncrementalSource, MouseInteractionType } from '../../../types'\nimport { assembleIncrementalSnapshot } from '../assembly'\nimport { getEventTarget } from '../eventsUtils'\nimport type { RecordingScope } from '../recordingScope'\nimport type { EmitRecordCallback } from '../record.types'\nimport { tryToComputeCoordinates } from './trackMove'\nimport type { Tracker } from './tracker.types'\n\nconst eventTypeToMouseInteraction = {\n  // Listen for pointerup DOM events instead of mouseup for MouseInteraction/MouseUp records. This\n  // allows to reference such records from Frustration records.\n  //\n  // In the context of supporting Mobile Session Replay, we introduced `PointerInteraction` records\n  // used by the Mobile SDKs in place of `MouseInteraction`. In the future, we should replace\n  // `MouseInteraction` by `PointerInteraction` in the Browser SDK so we have an uniform way to\n  // convey such interaction. This would cleanly solve the issue since we would have\n  // `PointerInteraction/Up` records that we could reference from `Frustration` records.\n  [DOM_EVENT.POINTER_UP]: MouseInteractionType.MouseUp,\n\n  [DOM_EVENT.MOUSE_DOWN]: MouseInteractionType.MouseDown,\n  [DOM_EVENT.CLICK]: MouseInteractionType.Click,\n  [DOM_EVENT.CONTEXT_MENU]: MouseInteractionType.ContextMenu,\n  [DOM_EVENT.DBL_CLICK]: MouseInteractionType.DblClick,\n  [DOM_EVENT.FOCUS]: MouseInteractionType.Focus,\n  [DOM_EVENT.BLUR]: MouseInteractionType.Blur,\n  [DOM_EVENT.TOUCH_START]: MouseInteractionType.TouchStart,\n  [DOM_EVENT.TOUCH_END]: MouseInteractionType.TouchEnd,\n}\n\nexport function trackMouseInteraction(\n  emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>,\n  scope: RecordingScope\n): Tracker {\n  const handler = (event: MouseEvent | TouchEvent | FocusEvent) => {\n    const target = getEventTarget(event)\n    const id = scope.nodeIds.get(target)\n    if (\n      id === undefined ||\n      getNodePrivacyLevel(target, scope.configuration.defaultPrivacyLevel) === NodePrivacyLevel.HIDDEN\n    ) {\n      return\n    }\n    const type = eventTypeToMouseInteraction[event.type as keyof typeof eventTypeToMouseInteraction]\n\n    let interaction: MouseInteraction\n    if (type !== MouseInteractionType.Blur && type !== MouseInteractionType.Focus) {\n      const coordinates = tryToComputeCoordinates(event as MouseEvent | TouchEvent)\n      if (!coordinates) {\n        return\n      }\n      interaction = { id, type, x: coordinates.x, y: coordinates.y }\n    } else {\n      interaction = { id, type }\n    }\n\n    emitRecord({\n      id: scope.eventIds.getOrInsert(event),\n      ...assembleIncrementalSnapshot<MouseInteractionData>(IncrementalSource.MouseInteraction, interaction),\n    })\n  }\n  return addEventListeners(\n    document,\n    Object.keys(eventTypeToMouseInteraction) as Array<keyof typeof eventTypeToMouseInteraction>,\n    handler,\n    {\n      capture: true,\n      passive: true,\n    }\n  )\n}\n"],"mappings":";;;;;;;AAWA,MAAM,8BAA8B;EASjC,UAAU,aAAa,qBAAqB;EAE5C,UAAU,aAAa,qBAAqB;EAC5C,UAAU,QAAQ,qBAAqB;EACvC,UAAU,eAAe,qBAAqB;EAC9C,UAAU,YAAY,qBAAqB;EAC3C,UAAU,QAAQ,qBAAqB;EACvC,UAAU,OAAO,qBAAqB;EACtC,UAAU,cAAc,qBAAqB;EAC7C,UAAU,YAAY,qBAAqB;AAC9C;AAEA,SAAgB,sBACd,YACA,OACS;CACT,MAAM,WAAW,UAAgD;EAC/D,MAAM,SAAS,eAAe,KAAK;EACnC,MAAM,KAAK,MAAM,QAAQ,IAAI,MAAM;EACnC,IACE,OAAO,KAAA,KACP,oBAAoB,QAAQ,MAAM,cAAc,mBAAmB,MAAM,iBAAiB,QAE1F;EAEF,MAAM,OAAO,4BAA4B,MAAM;EAE/C,IAAI;EACJ,IAAI,SAAS,qBAAqB,QAAQ,SAAS,qBAAqB,OAAO;GAC7E,MAAM,cAAc,wBAAwB,KAAgC;GAC5E,IAAI,CAAC,aACH;GAEF,cAAc;IAAE;IAAI;IAAM,GAAG,YAAY;IAAG,GAAG,YAAY;GAAE;EAC/D,OACE,cAAc;GAAE;GAAI;EAAK;EAG3B,WAAW;GACT,IAAI,MAAM,SAAS,YAAY,KAAK;GACpC,GAAG,4BAAkD,kBAAkB,kBAAkB,WAAW;EACtG,CAAC;CACH;CACA,OAAO,kBACL,UACA,OAAO,KAAK,2BAA2B,GACvC,SACA;EACE,SAAS;EACT,SAAS;CACX,CACF;AACF"}

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

@@ -0,0 +1,48 @@
+import { IncrementalSource } from "../../../types/sessionReplayConstants.mjs";
+import { convertMouseEventToLayoutCoordinates } from "../viewports.mjs";
+import { getEventTarget, isTouchEvent } from "../eventsUtils.mjs";
+import { assembleIncrementalSnapshot } from "../assembly.mjs";
+import { DOM_EVENT, addEventListeners, throttle } from "@kubesense/kubesense-browser-core";
+//#region src/domain/record/trackers/trackMove.ts
+const MOUSE_MOVE_OBSERVER_THRESHOLD = 50;
+function trackMove(emitRecord, scope) {
+	const { throttled: updatePosition, cancel: cancelThrottle } = throttle((event) => {
+		const target = getEventTarget(event);
+		const id = scope.nodeIds.get(target);
+		if (id === void 0) return;
+		const coordinates = tryToComputeCoordinates(event);
+		if (!coordinates) return;
+		const position = {
+			id,
+			timeOffset: 0,
+			x: coordinates.x,
+			y: coordinates.y
+		};
+		emitRecord(assembleIncrementalSnapshot(isTouchEvent(event) ? IncrementalSource.TouchMove : IncrementalSource.MouseMove, { positions: [position] }));
+	}, MOUSE_MOVE_OBSERVER_THRESHOLD, { trailing: false });
+	const { stop: removeListener } = addEventListeners(document, [DOM_EVENT.MOUSE_MOVE, DOM_EVENT.TOUCH_MOVE], updatePosition, {
+		capture: true,
+		passive: true
+	});
+	return { stop: () => {
+		removeListener();
+		cancelThrottle();
+	} };
+}
+function tryToComputeCoordinates(event) {
+	let { clientX: x, clientY: y } = isTouchEvent(event) ? event.changedTouches[0] : event;
+	if (window.visualViewport) {
+		const { visualViewportX, visualViewportY } = convertMouseEventToLayoutCoordinates(x, y);
+		x = visualViewportX;
+		y = visualViewportY;
+	}
+	if (!Number.isFinite(x) || !Number.isFinite(y)) return;
+	return {
+		x,
+		y
+	};
+}
+//#endregion
+export { trackMove, tryToComputeCoordinates };
+
+//# sourceMappingURL=trackMove.mjs.map

package/esm/domain/record/trackers/trackMove.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackMove.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackMove.ts"],"sourcesContent":["import { addEventListeners, DOM_EVENT, throttle } from '@kubesense/kubesense-browser-core'\nimport type { BrowserIncrementalSnapshotRecord, MousemoveData, MousePosition } from '../../../types'\nimport { IncrementalSource } from '../../../types'\nimport { getEventTarget, isTouchEvent } from '../eventsUtils'\nimport { convertMouseEventToLayoutCoordinates } from '../viewports'\nimport { assembleIncrementalSnapshot } from '../assembly'\nimport type { RecordingScope } from '../recordingScope'\nimport type { EmitRecordCallback } from '../record.types'\nimport type { Tracker } from './tracker.types'\n\nconst MOUSE_MOVE_OBSERVER_THRESHOLD = 50\n\nexport function trackMove(\n  emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>,\n  scope: RecordingScope\n): Tracker {\n  const { throttled: updatePosition, cancel: cancelThrottle } = throttle(\n    (event: MouseEvent | TouchEvent) => {\n      const target = getEventTarget(event)\n      const id = scope.nodeIds.get(target)\n      if (id === undefined) {\n        return\n      }\n      const coordinates = tryToComputeCoordinates(event)\n      if (!coordinates) {\n        return\n      }\n      const position: MousePosition = {\n        id,\n        timeOffset: 0,\n        x: coordinates.x,\n        y: coordinates.y,\n      }\n\n      emitRecord(\n        assembleIncrementalSnapshot<MousemoveData>(\n          isTouchEvent(event) ? IncrementalSource.TouchMove : IncrementalSource.MouseMove,\n          { positions: [position] }\n        )\n      )\n    },\n    MOUSE_MOVE_OBSERVER_THRESHOLD,\n    {\n      trailing: false,\n    }\n  )\n\n  const { stop: removeListener } = addEventListeners(\n    document,\n    [DOM_EVENT.MOUSE_MOVE, DOM_EVENT.TOUCH_MOVE],\n    updatePosition,\n    {\n      capture: true,\n      passive: true,\n    }\n  )\n\n  return {\n    stop: () => {\n      removeListener()\n      cancelThrottle()\n    },\n  }\n}\n\nexport function tryToComputeCoordinates(event: MouseEvent | TouchEvent) {\n  let { clientX: x, clientY: y } = isTouchEvent(event) ? event.changedTouches[0] : event\n  if (window.visualViewport) {\n    const { visualViewportX, visualViewportY } = convertMouseEventToLayoutCoordinates(x, y)\n    x = visualViewportX\n    y = visualViewportY\n  }\n  if (!Number.isFinite(x) || !Number.isFinite(y)) {\n    return undefined\n  }\n  return { x, y }\n}\n"],"mappings":";;;;;;AAUA,MAAM,gCAAgC;AAEtC,SAAgB,UACd,YACA,OACS;CACT,MAAM,EAAE,WAAW,gBAAgB,QAAQ,mBAAmB,UAC3D,UAAmC;EAClC,MAAM,SAAS,eAAe,KAAK;EACnC,MAAM,KAAK,MAAM,QAAQ,IAAI,MAAM;EACnC,IAAI,OAAO,KAAA,GACT;EAEF,MAAM,cAAc,wBAAwB,KAAK;EACjD,IAAI,CAAC,aACH;EAEF,MAAM,WAA0B;GAC9B;GACA,YAAY;GACZ,GAAG,YAAY;GACf,GAAG,YAAY;EACjB;EAEA,WACE,4BACE,aAAa,KAAK,IAAI,kBAAkB,YAAY,kBAAkB,WACtE,EAAE,WAAW,CAAC,QAAQ,EAAE,CAC1B,CACF;CACF,GACA,+BACA,EACE,UAAU,MACZ,CACF;CAEA,MAAM,EAAE,MAAM,mBAAmB,kBAC/B,UACA,CAAC,UAAU,YAAY,UAAU,UAAU,GAC3C,gBACA;EACE,SAAS;EACT,SAAS;CACX,CACF;CAEA,OAAO,EACL,YAAY;EACV,eAAe;EACf,eAAe;CACjB,EACF;AACF;AAEA,SAAgB,wBAAwB,OAAgC;CACtE,IAAI,EAAE,SAAS,GAAG,SAAS,MAAM,aAAa,KAAK,IAAI,MAAM,eAAe,KAAK;CACjF,IAAI,OAAO,gBAAgB;EACzB,MAAM,EAAE,iBAAiB,oBAAoB,qCAAqC,GAAG,CAAC;EACtF,IAAI;EACJ,IAAI;CACN;CACA,IAAI,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,OAAO,SAAS,CAAC,GAC3C;CAEF,OAAO;EAAE;EAAG;CAAE;AAChB"}

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

@@ -0,0 +1,45 @@
+import { createMutationBatch } from "../mutationBatch.mjs";
+import { serializeMutations } from "../serialization/serializeMutations.mjs";
+import "../serialization/index.mjs";
+import { getMutationObserverConstructor } from "@kubesense/kubesense-browser-rum-core";
+import { noop } from "@kubesense/kubesense-browser-core";
+import { timeStampNow } from "@kubesense/kubesense-js-core/time";
+import { monitor } from "@kubesense/kubesense-js-core/monitor";
+//#region src/domain/record/trackers/trackMutation.ts
+/**
+* Buffers and aggregate mutations generated by a MutationObserver into MutationPayload
+*/
+function trackMutation(target, emitRecord, emitResource, emitStats, scope) {
+	const MutationObserver = getMutationObserverConstructor();
+	if (!MutationObserver) return {
+		stop: noop,
+		flush: noop,
+		notifyContentMutated: noop
+	};
+	const mutationBatch = createMutationBatch((mutations) => {
+		serializeMutations(timeStampNow(), mutations.concat(observer.takeRecords()), emitRecord, emitResource, emitStats, scope);
+	});
+	const observer = new MutationObserver(monitor(mutationBatch.addMutations));
+	observer.observe(target, {
+		attributeOldValue: true,
+		attributes: true,
+		characterData: true,
+		characterDataOldValue: true,
+		childList: true,
+		subtree: true
+	});
+	return {
+		stop: () => {
+			observer.disconnect();
+			mutationBatch.stop();
+		},
+		flush: () => {
+			mutationBatch.flush();
+		},
+		notifyContentMutated: mutationBatch.notifyContentMutated
+	};
+}
+//#endregion
+export { trackMutation };
+
+//# sourceMappingURL=trackMutation.mjs.map

package/esm/domain/record/trackers/trackMutation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackMutation.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackMutation.ts"],"sourcesContent":["import { monitor } from '@kubesense/kubesense-js-core/monitor'\nimport { noop } from '@kubesense/kubesense-browser-core'\nimport { timeStampNow } from '@kubesense/kubesense-js-core/time'\nimport type { RumMutationRecord } from '@kubesense/kubesense-browser-rum-core'\nimport { getMutationObserverConstructor } from '@kubesense/kubesense-browser-rum-core'\nimport type { RecordingScope } from '../recordingScope'\nimport { createMutationBatch } from '../mutationBatch'\nimport type { EmitRecordCallback, EmitResourceCallback, EmitStatsCallback } from '../record.types'\nimport { serializeMutations } from '../serialization'\nimport type { Tracker } from './tracker.types'\n\nexport type MutationTracker = Tracker & { flush: () => void; notifyContentMutated: () => void }\n\n/**\n * Buffers and aggregate mutations generated by a MutationObserver into MutationPayload\n */\nexport function trackMutation(\n  target: Node,\n  emitRecord: EmitRecordCallback,\n  emitResource: EmitResourceCallback,\n  emitStats: EmitStatsCallback,\n  scope: RecordingScope\n): MutationTracker {\n  const MutationObserver = getMutationObserverConstructor()\n  if (!MutationObserver) {\n    return { stop: noop, flush: noop, notifyContentMutated: noop }\n  }\n\n  const mutationBatch = createMutationBatch((mutations) => {\n    serializeMutations(\n      timeStampNow(),\n      mutations.concat(observer.takeRecords() as RumMutationRecord[]),\n      emitRecord,\n      emitResource,\n      emitStats,\n      scope\n    )\n  })\n\n  const observer = new MutationObserver(monitor(mutationBatch.addMutations))\n\n  observer.observe(target, {\n    attributeOldValue: true,\n    attributes: true,\n    characterData: true,\n    characterDataOldValue: true,\n    childList: true,\n    subtree: true,\n  })\n\n  return {\n    stop: () => {\n      observer.disconnect()\n      mutationBatch.stop()\n    },\n    flush: () => {\n      mutationBatch.flush()\n    },\n    notifyContentMutated: mutationBatch.notifyContentMutated,\n  }\n}\n"],"mappings":";;;;;;;;;;;AAgBA,SAAgB,cACd,QACA,YACA,cACA,WACA,OACiB;CACjB,MAAM,mBAAmB,+BAA+B;CACxD,IAAI,CAAC,kBACH,OAAO;EAAE,MAAM;EAAM,OAAO;EAAM,sBAAsB;CAAK;CAG/D,MAAM,gBAAgB,qBAAqB,cAAc;EACvD,mBACE,aAAa,GACb,UAAU,OAAO,SAAS,YAAY,CAAwB,GAC9D,YACA,cACA,WACA,KACF;CACF,CAAC;CAED,MAAM,WAAW,IAAI,iBAAiB,QAAQ,cAAc,YAAY,CAAC;CAEzE,SAAS,QAAQ,QAAQ;EACvB,mBAAmB;EACnB,YAAY;EACZ,eAAe;EACf,uBAAuB;EACvB,WAAW;EACX,SAAS;CACX,CAAC;CAED,OAAO;EACL,YAAY;GACV,SAAS,WAAW;GACpB,cAAc,KAAK;EACrB;EACA,aAAa;GACX,cAAc,MAAM;EACtB;EACA,sBAAsB,cAAc;CACtC;AACF"}

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

@@ -0,0 +1,40 @@
+import { IncrementalSource } from "../../../types/sessionReplayConstants.mjs";
+import { getEventTarget } from "../eventsUtils.mjs";
+import { assembleIncrementalSnapshot } from "../assembly.mjs";
+import { NodePrivacyLevel, getNodePrivacyLevel, getScrollX, getScrollY } from "@kubesense/kubesense-browser-rum-core";
+import { DOM_EVENT, addEventListener, throttle } from "@kubesense/kubesense-browser-core";
+//#region src/domain/record/trackers/trackScroll.ts
+const SCROLL_OBSERVER_THRESHOLD = 100;
+function trackScroll(target, emitRecord, scope) {
+	const { throttled: updatePosition, cancel: cancelThrottle } = throttle((event) => {
+		const target = getEventTarget(event);
+		if (!target) return;
+		const id = scope.nodeIds.get(target);
+		if (id === void 0 || getNodePrivacyLevel(target, scope.configuration.defaultPrivacyLevel) === NodePrivacyLevel.HIDDEN) return;
+		const scrollPositions = target === document ? {
+			scrollTop: getScrollY(),
+			scrollLeft: getScrollX()
+		} : {
+			scrollTop: Math.round(target.scrollTop),
+			scrollLeft: Math.round(target.scrollLeft)
+		};
+		scope.elementsScrollPositions.set(target, scrollPositions);
+		emitRecord(assembleIncrementalSnapshot(IncrementalSource.Scroll, {
+			id,
+			x: scrollPositions.scrollLeft,
+			y: scrollPositions.scrollTop
+		}));
+	}, SCROLL_OBSERVER_THRESHOLD);
+	const { stop: removeListener } = addEventListener(target, DOM_EVENT.SCROLL, updatePosition, {
+		capture: true,
+		passive: true
+	});
+	return { stop: () => {
+		removeListener();
+		cancelThrottle();
+	} };
+}
+//#endregion
+export { trackScroll };
+
+//# sourceMappingURL=trackScroll.mjs.map

package/esm/domain/record/trackers/trackScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackScroll.mjs","names":[],"sources":["../../../../src/domain/record/trackers/trackScroll.ts"],"sourcesContent":["import { DOM_EVENT, throttle, addEventListener } from '@kubesense/kubesense-browser-core'\nimport { getScrollX, getScrollY, getNodePrivacyLevel, NodePrivacyLevel } from '@kubesense/kubesense-browser-rum-core'\nimport { getEventTarget } from '../eventsUtils'\nimport { IncrementalSource } from '../../../types'\nimport type { BrowserIncrementalSnapshotRecord, ScrollData } from '../../../types'\nimport { assembleIncrementalSnapshot } from '../assembly'\nimport type { RecordingScope } from '../recordingScope'\nimport type { EmitRecordCallback } from '../record.types'\nimport type { Tracker } from './tracker.types'\n\nconst SCROLL_OBSERVER_THRESHOLD = 100\n\nexport function trackScroll(\n  target: Document | ShadowRoot,\n  emitRecord: EmitRecordCallback<BrowserIncrementalSnapshotRecord>,\n  scope: RecordingScope\n): Tracker {\n  const { throttled: updatePosition, cancel: cancelThrottle } = throttle((event: Event) => {\n    const target = getEventTarget(event) as HTMLElement | Document\n    if (!target) {\n      return\n    }\n    const id = scope.nodeIds.get(target)\n    if (\n      id === undefined ||\n      getNodePrivacyLevel(target, scope.configuration.defaultPrivacyLevel) === NodePrivacyLevel.HIDDEN\n    ) {\n      return\n    }\n    const scrollPositions =\n      target === document\n        ? {\n            scrollTop: getScrollY(),\n            scrollLeft: getScrollX(),\n          }\n        : {\n            scrollTop: Math.round((target as HTMLElement).scrollTop),\n            scrollLeft: Math.round((target as HTMLElement).scrollLeft),\n          }\n    scope.elementsScrollPositions.set(target, scrollPositions)\n    emitRecord(\n      assembleIncrementalSnapshot<ScrollData>(IncrementalSource.Scroll, {\n        id,\n        x: scrollPositions.scrollLeft,\n        y: scrollPositions.scrollTop,\n      })\n    )\n  }, SCROLL_OBSERVER_THRESHOLD)\n\n  const { stop: removeListener } = addEventListener(target, DOM_EVENT.SCROLL, updatePosition, {\n    capture: true,\n    passive: true,\n  })\n\n  return {\n    stop: () => {\n      removeListener()\n      cancelThrottle()\n    },\n  }\n}\n"],"mappings":";;;;;;AAUA,MAAM,4BAA4B;AAElC,SAAgB,YACd,QACA,YACA,OACS;CACT,MAAM,EAAE,WAAW,gBAAgB,QAAQ,mBAAmB,UAAU,UAAiB;EACvF,MAAM,SAAS,eAAe,KAAK;EACnC,IAAI,CAAC,QACH;EAEF,MAAM,KAAK,MAAM,QAAQ,IAAI,MAAM;EACnC,IACE,OAAO,KAAA,KACP,oBAAoB,QAAQ,MAAM,cAAc,mBAAmB,MAAM,iBAAiB,QAE1F;EAEF,MAAM,kBACJ,WAAW,WACP;GACE,WAAW,WAAW;GACtB,YAAY,WAAW;EACzB,IACA;GACE,WAAW,KAAK,MAAO,OAAuB,SAAS;GACvD,YAAY,KAAK,MAAO,OAAuB,UAAU;EAC3D;EACN,MAAM,wBAAwB,IAAI,QAAQ,eAAe;EACzD,WACE,4BAAwC,kBAAkB,QAAQ;GAChE;GACA,GAAG,gBAAgB;GACnB,GAAG,gBAAgB;EACrB,CAAC,CACH;CACF,GAAG,yBAAyB;CAE5B,MAAM,EAAE,MAAM,mBAAmB,iBAAiB,QAAQ,UAAU,QAAQ,gBAAgB;EAC1F,SAAS;EACT,SAAS;CACX,CAAC;CAED,OAAO,EACL,YAAY;EACV,eAAe;EACf,eAAe;CACjB,EACF;AACF"}