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

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

@@ -1,27 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.trackMutation = exports.trackInput = exports.trackViewEnd = exports.trackFrustration = exports.trackFocus = exports.trackStyleSheet = exports.trackMediaInteraction = exports.trackVisualViewportResize = exports.trackViewportResize = exports.trackScroll = exports.trackMouseInteraction = exports.trackMove = void 0;
-var trackMove_1 = require("./trackMove");
-Object.defineProperty(exports, "trackMove", { enumerable: true, get: function () { return trackMove_1.trackMove; } });
-var trackMouseInteraction_1 = require("./trackMouseInteraction");
-Object.defineProperty(exports, "trackMouseInteraction", { enumerable: true, get: function () { return trackMouseInteraction_1.trackMouseInteraction; } });
-var trackScroll_1 = require("./trackScroll");
-Object.defineProperty(exports, "trackScroll", { enumerable: true, get: function () { return trackScroll_1.trackScroll; } });
-var trackViewportResize_1 = require("./trackViewportResize");
-Object.defineProperty(exports, "trackViewportResize", { enumerable: true, get: function () { return trackViewportResize_1.trackViewportResize; } });
-Object.defineProperty(exports, "trackVisualViewportResize", { enumerable: true, get: function () { return trackViewportResize_1.trackVisualViewportResize; } });
-var trackMediaInteraction_1 = require("./trackMediaInteraction");
-Object.defineProperty(exports, "trackMediaInteraction", { enumerable: true, get: function () { return trackMediaInteraction_1.trackMediaInteraction; } });
-var trackStyleSheet_1 = require("./trackStyleSheet");
-Object.defineProperty(exports, "trackStyleSheet", { enumerable: true, get: function () { return trackStyleSheet_1.trackStyleSheet; } });
-var trackFocus_1 = require("./trackFocus");
-Object.defineProperty(exports, "trackFocus", { enumerable: true, get: function () { return trackFocus_1.trackFocus; } });
-var trackFrustration_1 = require("./trackFrustration");
-Object.defineProperty(exports, "trackFrustration", { enumerable: true, get: function () { return trackFrustration_1.trackFrustration; } });
-var trackViewEnd_1 = require("./trackViewEnd");
-Object.defineProperty(exports, "trackViewEnd", { enumerable: true, get: function () { return trackViewEnd_1.trackViewEnd; } });
-var trackInput_1 = require("./trackInput");
-Object.defineProperty(exports, "trackInput", { enumerable: true, get: function () { return trackInput_1.trackInput; } });
-var trackMutation_1 = require("./trackMutation");
-Object.defineProperty(exports, "trackMutation", { enumerable: true, get: function () { return trackMutation_1.trackMutation; } });
-//# sourceMappingURL=index.js.map
+const require_trackMove = require("./trackMove.js");
+const require_trackMouseInteraction = require("./trackMouseInteraction.js");
+const require_trackScroll = require("./trackScroll.js");
+const require_trackViewportResize = require("./trackViewportResize.js");
+const require_trackMediaInteraction = require("./trackMediaInteraction.js");
+const require_trackStyleSheet = require("./trackStyleSheet.js");
+const require_trackFocus = require("./trackFocus.js");
+const require_trackViewEnd = require("./trackViewEnd.js");
+const require_trackInput = require("./trackInput.js");
+const require_trackMutation = require("./trackMutation.js");
+const require_trackCanvasContent = require("./trackCanvasContent.js");
+const require_trackCanvasCapture = require("./trackCanvasCapture.js");
+exports.trackCanvasCapture = require_trackCanvasCapture.trackCanvasCapture;
+exports.trackCanvasContent = require_trackCanvasContent.trackCanvasContent;
+exports.trackFocus = require_trackFocus.trackFocus;
+exports.trackInput = require_trackInput.trackInput;
+exports.trackMediaInteraction = require_trackMediaInteraction.trackMediaInteraction;
+exports.trackMouseInteraction = require_trackMouseInteraction.trackMouseInteraction;
+exports.trackMove = require_trackMove.trackMove;
+exports.trackMutation = require_trackMutation.trackMutation;
+exports.trackScroll = require_trackScroll.trackScroll;
+exports.trackStyleSheet = require_trackStyleSheet.trackStyleSheet;
+exports.trackViewEnd = require_trackViewEnd.trackViewEnd;
+exports.trackViewportResize = require_trackViewportResize.trackViewportResize;
+exports.trackVisualViewportResize = require_trackViewportResize.trackVisualViewportResize;

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

@@ -0,0 +1,3 @@
+import type { RecordingScope } from '../recordingScope';
+import type { Tracker } from './tracker.types';
+export declare const trackCanvasCapture: (scope: RecordingScope, notifyContentMutated: () => void) => Tracker;

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

@@ -0,0 +1,102 @@
+const require_canvasSnapshot = require("../canvas/canvasSnapshot.js");
+const require_canvasHash = require("../canvas/canvasHash.js");
+let _kubesense_kubesense_browser_rum_core = require("@kubesense/kubesense-browser-rum-core");
+let _kubesense_kubesense_browser_core = require("@kubesense/kubesense-browser-core");
+let _kubesense_kubesense_js_core_time = require("@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: _kubesense_kubesense_browser_core.noop };
+	let stopped = false;
+	let captureTimeoutId;
+	const captureInterval = _kubesense_kubesense_js_core_time.ONE_SECOND / maxFramesPerSecond;
+	function scheduleNextCapture(delay) {
+		if (!stopped) captureTimeoutId = (0, _kubesense_kubesense_browser_core.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 ((0, _kubesense_kubesense_browser_rum_core.getNodePrivacyLevel)(canvas, scope.configuration.defaultPrivacyLevel) !== _kubesense_kubesense_browser_rum_core.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 = require_canvasSnapshot.createCanvasSnapshot(canvas, configuration?.maxImageDimension ?? 1e3);
+			if (!snapshot) {
+				markDirtyIfCurrent(captureAttempt, canvas);
+				canvasManager.discardCaptureAttempt(canvas, captureAttempt);
+				return;
+			}
+			const hash = await require_canvasHash.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 require_canvasSnapshot.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;
+		(0, _kubesense_kubesense_browser_core.clearTimeout)(captureTimeoutId);
+	} };
+};
+function isSecurityError(error) {
+	return error instanceof DOMException && error.name === "SecurityError";
+}
+//#endregion
+exports.trackCanvasCapture = trackCanvasCapture;
+
+//# sourceMappingURL=trackCanvasCapture.js.map

package/cjs/domain/record/trackers/trackCanvasCapture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackCanvasCapture.js","names":["noop","ONE_SECOND","setTimeout","getNodePrivacyLevel","NodePrivacyLevel","createCanvasSnapshot","computeImageHash","captureCanvasImage"],"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,MAAMA,kCAAAA,KAAK;CAGtB,IAAI,UAAU;CACd,IAAI;CACJ,MAAM,kBAAkBC,kCAAAA,aAAa;CAErC,SAAS,oBAAoB,OAAe;EAC1C,IAAI,CAAC,SACH,oBAAA,GAAmBC,kCAAAA,WAAAA,OAAiB;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,KAAA,GAAIC,sCAAAA,oBAAAA,CAAoB,QAAQ,MAAM,cAAc,mBAAmB,MAAMC,sCAAAA,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,WAAWC,uBAAAA,qBAAqB,QAAQ,eAAe,qBAAqB,GAAI;GACtF,IAAI,CAAC,UAAU;IACb,mBAAmB,gBAAgB,MAAM;IACzC,cAAc,sBAAsB,QAAQ,cAAc;IAC1D;GACF;GAEA,MAAM,OAAO,MAAMC,mBAAAA,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,MAAMC,uBAAAA,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,CAAA,GAAA,kCAAA,aAAA,CAAa,gBAAgB;CAC/B,EACF;AACF;AAEA,SAAS,gBAAgB,OAAyB;CAChD,OAAO,iBAAiB,gBAAgB,MAAM,SAAS;AACzD"}

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

@@ -0,0 +1,3 @@
+import type { RecordingScope } from '../recordingScope';
+import type { Tracker } from './tracker.types';
+export declare function trackCanvasContent(scope: RecordingScope): Tracker;

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

@@ -0,0 +1,31 @@
+let _kubesense_kubesense_browser_core = require("@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: _kubesense_kubesense_browser_core.noop };
+	const instrumentationStoppers = [];
+	CANVAS_2D_DRAWING_METHODS.forEach((method) => {
+		instrumentationStoppers.push((0, _kubesense_kubesense_browser_core.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
+exports.trackCanvasContent = trackCanvasContent;
+
+//# sourceMappingURL=trackCanvasContent.js.map

package/cjs/domain/record/trackers/trackCanvasContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackCanvasContent.js","names":["noop","instrumentMethod"],"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,MAAMA,kCAAAA,KAAK;CAGtB,MAAM,0BAAqC,CAAC;CAE5C,0BAA0B,SAAS,WAAW;EAC5C,wBAAwB,MAAA,GACtBC,kCAAAA,iBAAAA,CAAiB,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/cjs/domain/record/trackers/trackFocus.d.ts

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

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

@@ -1,15 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.trackFocus = trackFocus;
-const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
-const types_1 = require("../../../types");
-function trackFocus(emitRecord, scope) {
-    return (0, kubesense_browser_core_1.addEventListeners)(scope.configuration, window, ["focus" /* DOM_EVENT.FOCUS */, "blur" /* DOM_EVENT.BLUR */], () => {
-        emitRecord({
-            data: { has_focus: document.hasFocus() },
-            type: types_1.RecordType.Focus,
-            timestamp: (0, kubesense_browser_core_1.timeStampNow)(),
-        });
-    });
+const require_sessionReplayConstants = require("../../../types/sessionReplayConstants.js");
+let _kubesense_kubesense_browser_core = require("@kubesense/kubesense-browser-core");
+let _kubesense_kubesense_js_core_time = require("@kubesense/kubesense-js-core/time");
+//#region src/domain/record/trackers/trackFocus.ts
+function trackFocus(emitRecord) {
+	return (0, _kubesense_kubesense_browser_core.addEventListeners)(window, [_kubesense_kubesense_browser_core.DOM_EVENT.FOCUS, _kubesense_kubesense_browser_core.DOM_EVENT.BLUR], () => {
+		emitRecord({
+			data: { has_focus: document.hasFocus() },
+			type: require_sessionReplayConstants.RecordType.Focus,
+			timestamp: (0, _kubesense_kubesense_js_core_time.timeStampNow)()
+		});
+	});
 }
+//#endregion
+exports.trackFocus = trackFocus;
+
 //# sourceMappingURL=trackFocus.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"trackFocus.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackFocus.ts"],"names":[],"mappings":";;AAOA,gCAQC;AAfD,8EAA8F;AAE9F,0CAA2C;AAK3C,SAAgB,UAAU,CAAC,UAA2C,EAAE,KAAqB;IAC3F,OAAO,IAAA,0CAAiB,EAAC,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,4DAAiC,EAAE,GAAG,EAAE;QAC5F,UAAU,CAAC;YACT,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE;YACxC,IAAI,EAAE,kBAAU,CAAC,KAAK;YACtB,SAAS,EAAE,IAAA,qCAAY,GAAE;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC"}
+{"version":3,"file":"trackFocus.js","names":["addEventListeners","DOM_EVENT","RecordType","timeStampNow"],"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,QAAA,GAAOA,kCAAAA,kBAAAA,CAAkB,QAAQ,CAACC,kCAAAA,UAAU,OAAOA,kCAAAA,UAAU,IAAI,SAAS;EACxE,WAAW;GACT,MAAM,EAAE,WAAW,SAAS,SAAS,EAAE;GACvC,MAAMC,+BAAAA,WAAW;GACjB,YAAA,GAAWC,kCAAAA,aAAAA,CAAa;EAC1B,CAAC;CACH,CAAC;AACH"}

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

@@ -1,4 +1,4 @@
 import type { RecordingScope } from '../recordingScope';
-import type { EmitRecordCallback } from '../record.types';
+import type { EmitRecordCallback, EmitStatsCallback } from '../record.types';
 import type { Tracker } from './tracker.types';
-export declare function trackInput(target: Document | ShadowRoot, emitRecord: EmitRecordCallback, scope: RecordingScope): Tracker;
+export declare function trackInput(target: Document | ShadowRoot, emitRecord: EmitRecordCallback, emitStats: EmitStatsCallback, scope: RecordingScope): Tracker;

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

@@ -1,104 +1,131 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.trackInput = trackInput;
-const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
-const kubesense_browser_rum_core_1 = require("@kubesense/kubesense-browser-rum-core");
-const types_1 = require("../../../types");
-const eventsUtils_1 = require("../eventsUtils");
-const serialization_1 = require("../serialization");
-const assembly_1 = require("../assembly");
-function trackInput(target, emitRecord, scope) {
-    const defaultPrivacyLevel = scope.configuration.defaultPrivacyLevel;
-    const lastInputStateMap = new WeakMap();
-    const isShadowRoot = target !== document;
-    const { stop: stopEventListeners } = (0, kubesense_browser_core_1.addEventListeners)(scope.configuration, target, 
-    // The 'input' event bubbles across shadow roots, so we don't have to listen for it on shadow
-    // roots since it will be handled by the event listener that we did add to the document. Only
-    // the 'change' event is blocked and needs to be handled on shadow roots.
-    isShadowRoot ? ["change" /* DOM_EVENT.CHANGE */] : ["input" /* DOM_EVENT.INPUT */, "change" /* DOM_EVENT.CHANGE */], (event) => {
-        const target = (0, eventsUtils_1.getEventTarget)(event);
-        if (target instanceof HTMLInputElement ||
-            target instanceof HTMLTextAreaElement ||
-            target instanceof HTMLSelectElement) {
-            onElementChange(target);
-        }
-    }, {
-        capture: true,
-        passive: true,
-    });
-    let stopPropertySetterInstrumentation;
-    if (!isShadowRoot) {
-        const instrumentationStoppers = [
-            (0, kubesense_browser_core_1.instrumentSetter)(HTMLInputElement.prototype, 'value', onElementChange),
-            (0, kubesense_browser_core_1.instrumentSetter)(HTMLInputElement.prototype, 'checked', onElementChange),
-            (0, kubesense_browser_core_1.instrumentSetter)(HTMLSelectElement.prototype, 'value', onElementChange),
-            (0, kubesense_browser_core_1.instrumentSetter)(HTMLTextAreaElement.prototype, 'value', onElementChange),
-            (0, kubesense_browser_core_1.instrumentSetter)(HTMLSelectElement.prototype, 'selectedIndex', onElementChange),
-        ];
-        stopPropertySetterInstrumentation = () => {
-            instrumentationStoppers.forEach((stopper) => stopper.stop());
-        };
-    }
-    else {
-        stopPropertySetterInstrumentation = kubesense_browser_core_1.noop;
-    }
-    return {
-        stop: () => {
-            stopPropertySetterInstrumentation();
-            stopEventListeners();
-        },
-    };
-    function onElementChange(target) {
-        const nodePrivacyLevel = (0, kubesense_browser_rum_core_1.getNodePrivacyLevel)(target, defaultPrivacyLevel);
-        if (nodePrivacyLevel === kubesense_browser_rum_core_1.NodePrivacyLevel.HIDDEN) {
-            return;
-        }
-        const type = target.type;
-        let inputState;
-        if (type === 'radio' || type === 'checkbox') {
-            if ((0, kubesense_browser_rum_core_1.shouldMaskNode)(target, nodePrivacyLevel)) {
-                return;
-            }
-            inputState = { isChecked: target.checked };
-        }
-        else {
-            const value = (0, serialization_1.getElementInputValue)(target, nodePrivacyLevel);
-            if (value === undefined) {
-                return;
-            }
-            inputState = { text: value };
-        }
-        // Can be multiple changes on the same node within the same batched mutation observation.
-        createRecordIfStateChanged(target, inputState);
-        // If a radio was checked, other radios with the same name attribute will be unchecked.
-        const name = target.name;
-        if (type === 'radio' && name && target.checked) {
-            document.querySelectorAll(`input[type="radio"][name="${CSS.escape(name)}"]`).forEach((el) => {
-                if (el !== target) {
-                    // TODO: Consider the privacy implications for various differing input privacy levels
-                    createRecordIfStateChanged(el, { isChecked: false });
-                }
-            });
-        }
-    }
-    /**
-     * There can be multiple changes on the same node within the same batched mutation observation.
-     */
-    function createRecordIfStateChanged(target, inputState) {
-        const id = scope.nodeIds.get(target);
-        if (id === undefined) {
-            return;
-        }
-        const lastInputState = lastInputStateMap.get(target);
-        if (!lastInputState ||
-            lastInputState.text !== inputState.text ||
-            lastInputState.isChecked !== inputState.isChecked) {
-            lastInputStateMap.set(target, inputState);
-            emitRecord((0, assembly_1.assembleIncrementalSnapshot)(types_1.IncrementalSource.Input, {
-                id,
-                ...inputState,
-            }));
-        }
-    }
+const require_sessionReplayConstants = require("../../../types/sessionReplayConstants.js");
+const require_serializationUtils = require("../serialization/serializationUtils.js");
+const require_roles = require("../encoding/roles.js");
+const require_serializationTransaction = require("../serialization/serializationTransaction.js");
+require("../serialization/index.js");
+const require_eventsUtils = require("../eventsUtils.js");
+let _kubesense_kubesense_browser_rum_core = require("@kubesense/kubesense-browser-rum-core");
+let _kubesense_kubesense_browser_core = require("@kubesense/kubesense-browser-core");
+let _kubesense_kubesense_js_core_time = require("@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: require_sessionReplayConstants.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: _kubesense_kubesense_browser_core.noop };
+	const { stop: stopEventListeners } = (0, _kubesense_kubesense_browser_core.addEventListeners)(target, isShadowRoot ? [_kubesense_kubesense_browser_core.DOM_EVENT.CHANGE] : [_kubesense_kubesense_browser_core.DOM_EVENT.INPUT, _kubesense_kubesense_browser_core.DOM_EVENT.CHANGE], (event) => {
+		const target = require_eventsUtils.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 = [
+			(0, _kubesense_kubesense_browser_core.instrumentSetter)(targetGlobal.HTMLInputElement.prototype, "value", onElementChange),
+			(0, _kubesense_kubesense_browser_core.instrumentSetter)(targetGlobal.HTMLInputElement.prototype, "checked", onElementChange),
+			(0, _kubesense_kubesense_browser_core.instrumentSetter)(targetGlobal.HTMLSelectElement.prototype, "value", onElementChange),
+			(0, _kubesense_kubesense_browser_core.instrumentSetter)(targetGlobal.HTMLTextAreaElement.prototype, "value", onElementChange),
+			(0, _kubesense_kubesense_browser_core.instrumentSetter)(targetGlobal.HTMLSelectElement.prototype, "selectedIndex", onElementChange)
+		];
+		stopPropertySetterInstrumentation = () => {
+			instrumentationStoppers.forEach((stopper) => stopper.stop());
+		};
+	} else stopPropertySetterInstrumentation = _kubesense_kubesense_browser_core.noop;
+	return { stop: () => {
+		stopPropertySetterInstrumentation();
+		stopEventListeners();
+	} };
+	function onElementChange(target) {
+		const nodePrivacyLevel = (0, _kubesense_kubesense_browser_rum_core.getNodePrivacyLevel)(target, defaultPrivacyLevel);
+		if (nodePrivacyLevel === _kubesense_kubesense_browser_rum_core.NodePrivacyLevel.HIDDEN) return;
+		const type = target.type;
+		let changedNode = target;
+		let inputState;
+		if (type === "radio" || type === "checkbox") {
+			if ((0, _kubesense_kubesense_browser_rum_core.shouldMaskNode)(target, nodePrivacyLevel)) return;
+			inputState = {
+				type: 1,
+				selection: selectionStateOf(target)
+			};
+		} else if (isSelectElement(target)) {
+			if ((0, _kubesense_kubesense_browser_rum_core.shouldMaskNode)(target, nodePrivacyLevel)) return;
+			const selectedOption = target.options[target.selectedIndex];
+			if (!selectedOption) return;
+			changedNode = selectedOption;
+			inputState = {
+				type: 1,
+				selection: require_sessionReplayConstants.InputSelectionState.Selected
+			};
+		} else {
+			const value = require_serializationUtils.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;
+		require_serializationTransaction.serializeInTransaction(2, emitRecord, emitStats, scope, (0, _kubesense_kubesense_js_core_time.timeStampNow)(), (transaction) => {
+			if (changedNodeId !== void 0) {
+				if (inputState.type === 0) transaction.setInputValue(changedNodeId, require_roles.createString(require_sessionReplayConstants.StringRole.FormInput, inputState.value));
+				else transaction.setInputSelection(inputState.selection, [changedNodeId]);
+			}
+			if (deselectedNodeIds.length > 0) transaction.setInputSelection(require_sessionReplayConstants.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 ? require_sessionReplayConstants.InputSelectionState.Selected : require_sessionReplayConstants.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
+exports.trackInput = trackInput;
+
 //# sourceMappingURL=trackInput.js.map

package/cjs/domain/record/trackers/trackInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"trackInput.js","sourceRoot":"","sources":["../../../../src/domain/record/trackers/trackInput.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"trackInput.js","names":["InputSelectionState","noop","addEventListeners","DOM_EVENT","getEventTarget","instrumentSetter","getNodePrivacyLevel","NodePrivacyLevel","shouldMaskNode","getElementInputValue","timeStampNow","createString","StringRole"],"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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"}