@spotify-confidence/session-recording 0.18.9 → 0.18.11

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [0.18.11](https://github.com/spotify/confidence-sdk-js/compare/session-recording-v0.18.10...session-recording-v0.18.11) (2026-08-28)
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @spotify-confidence/csr-common bumped to 0.18.8
+    * @spotify-confidence/csr-recorder bumped to 0.17.16
+
+## [0.18.10](https://github.com/spotify/confidence-sdk-js/compare/session-recording-v0.18.9...session-recording-v0.18.10) (2026-08-20)
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @spotify-confidence/csr-recorder bumped to 0.17.15
+
 ## [0.18.9](https://github.com/spotify/confidence-sdk-js/compare/session-recording-v0.18.8...session-recording-v0.18.9) (2026-08-20)
 
 

package/dist/index.cjs

@@ -21,7 +21,7 @@ function validateMeasureValue(value) {
 //#endregion
 //#region ../csr-recorder/src/types.ts
 const DEFAULT_MASK_SELECTORS = ["[data-csr-mask]"];
-const DEFAULT_BLOCK_SELECTORS = ["[data-csr-block]"];
+const DEFAULT_BLOCK_SELECTORS = ["[data-csr-block]", "video"];
 //#endregion
 //#region ../csr-recorder/src/route-parameterizer.ts
 const SEGMENT_PATTERNS = [
@@ -83,6 +83,7 @@ var Recorder = class Recorder {
 	onEvent;
 	state = "idle";
 	visibilityHandler = null;
+	pageShowHandler = null;
 	originalFetch = null;
 	originalXhrOpen = null;
 	originalXhrSend = null;
@@ -128,6 +129,12 @@ var Recorder = class Recorder {
 			};
 			document.addEventListener("visibilitychange", this.visibilityHandler);
 		}
+		if (typeof window !== "undefined") {
+			this.pageShowHandler = (event) => {
+				if (event.persisted) this.engine.takeFullSnapshot();
+			};
+			window.addEventListener("pageshow", this.pageShowHandler);
+		}
 		if (config?.captureNetworkRequests) this.patchNetwork();
 		if (config?.captureRouteChanges !== false) this.patchRouting();
 	}
@@ -314,6 +321,10 @@ var Recorder = class Recorder {
 			document.removeEventListener("visibilitychange", this.visibilityHandler);
 			this.visibilityHandler = null;
 		}
+		if (this.pageShowHandler) {
+			window.removeEventListener("pageshow", this.pageShowHandler);
+			this.pageShowHandler = null;
+		}
 		this.restoreNetwork();
 		this.restoreRouting();
 		this.engine.stop();
@@ -11127,6 +11138,63 @@ const ALL_CONSOLE_LEVELS = [
 	"debug",
 	"info"
 ];
+const BLOCKED_ELEMENT_ATTRIBUTE = "data-csr-blocked-element";
+function labelBlockedElement(node) {
+	if (node.type === 2 && node.tagName !== void 0 && node.attributes !== void 0 && typeof node.attributes.rr_width === "string" && typeof node.attributes.rr_height === "string") {
+		node.attributes[BLOCKED_ELEMENT_ATTRIBUTE] = node.tagName;
+		node.tagName = "div";
+	}
+	node.childNodes?.forEach(labelBlockedElement);
+}
+/**
+* rrweb strips blocked elements down to their dimensions, but retains their
+* original tag name. Rebuild them as inert divs and keep the tag name as safe
+* metadata so players can render a useful placeholder label.
+*/
+function blockedElementLabelsPlugin() {
+	return {
+		name: "csr/blocked-element-labels@1",
+		options: {},
+		observer: () => () => {},
+		eventProcessor: (event) => {
+			if (event.type === EventType.FullSnapshot) labelBlockedElement(event.data.node);
+			else if (event.type === EventType.IncrementalSnapshot && event.data.source === IncrementalSource.Mutation) event.data.adds.forEach((add) => labelBlockedElement(add.node));
+			return event;
+		}
+	};
+}
+/**
+* Record clipboard actions and their DOM target without reading clipboard
+* contents. The resulting rrweb Plugin events can explain otherwise
+* surprising input changes during analysis.
+*/
+function clipboardActionsPlugin() {
+	let getId;
+	return {
+		name: "csr/clipboard@1",
+		options: {},
+		getMirror: ({ nodeMirror }) => {
+			getId = (node) => nodeMirror.getId(node);
+		},
+		observer: (callback, win) => {
+			const handlers = [
+				"copy",
+				"cut",
+				"paste"
+			].map((action) => {
+				const handler = (event) => {
+					callback({
+						action,
+						targetId: event.target instanceof win.Node ? getId?.(event.target) ?? -1 : -1
+					});
+				};
+				win.document.addEventListener(action, handler, true);
+				return () => win.document.removeEventListener(action, handler, true);
+			});
+			return () => handlers.forEach((remove) => remove());
+		}
+	};
+}
 /**
 * rrweb does not include modifier keys in mouse-interaction events. Capture
 * the native click first, then add its safe, non-text metadata to the rrweb
@@ -11179,7 +11247,11 @@ var RrwebEngine = class {
 	start(config, onEvent) {
 		const maskSelectors = config.maskSelectors ?? DEFAULT_MASK_SELECTORS;
 		const blockSelectors = config.blockSelectors ?? DEFAULT_BLOCK_SELECTORS;
-		const plugins = [clickModifiersPlugin()];
+		const plugins = [
+			clickModifiersPlugin(),
+			clipboardActionsPlugin(),
+			blockedElementLabelsPlugin()
+		];
 		const { captureConsoleLogs } = config;
 		if (captureConsoleLogs) {
 			const levels = captureConsoleLogs === true ? ALL_CONSOLE_LEVELS : captureConsoleLogs.levels;
@@ -11201,6 +11273,9 @@ var RrwebEngine = class {
 			slimDOMOptions: "all"
 		}) ?? null;
 	}
+	takeFullSnapshot() {
+		takeFullSnapshot(true);
+	}
 	stop() {
 		this.stopFn?.();
 		this.stopFn = null;
@@ -11251,7 +11326,7 @@ function observeFlags(onFlagWrite) {
 }
 //#endregion
 //#region src/version.ts
-const SDK_VERSION = "0.18.9";
+const SDK_VERSION = "0.18.11";
 //#endregion
 //#region src/index.ts
 const DEFAULT_API_URL = "https://recording.confidence.dev";

package/dist/index.js

@@ -20,7 +20,7 @@ function validateMeasureValue(value) {
 //#endregion
 //#region ../csr-recorder/src/types.ts
 const DEFAULT_MASK_SELECTORS = ["[data-csr-mask]"];
-const DEFAULT_BLOCK_SELECTORS = ["[data-csr-block]"];
+const DEFAULT_BLOCK_SELECTORS = ["[data-csr-block]", "video"];
 //#endregion
 //#region ../csr-recorder/src/route-parameterizer.ts
 const SEGMENT_PATTERNS = [
@@ -82,6 +82,7 @@ var Recorder = class Recorder {
 	onEvent;
 	state = "idle";
 	visibilityHandler = null;
+	pageShowHandler = null;
 	originalFetch = null;
 	originalXhrOpen = null;
 	originalXhrSend = null;
@@ -127,6 +128,12 @@ var Recorder = class Recorder {
 			};
 			document.addEventListener("visibilitychange", this.visibilityHandler);
 		}
+		if (typeof window !== "undefined") {
+			this.pageShowHandler = (event) => {
+				if (event.persisted) this.engine.takeFullSnapshot();
+			};
+			window.addEventListener("pageshow", this.pageShowHandler);
+		}
 		if (config?.captureNetworkRequests) this.patchNetwork();
 		if (config?.captureRouteChanges !== false) this.patchRouting();
 	}
@@ -313,6 +320,10 @@ var Recorder = class Recorder {
 			document.removeEventListener("visibilitychange", this.visibilityHandler);
 			this.visibilityHandler = null;
 		}
+		if (this.pageShowHandler) {
+			window.removeEventListener("pageshow", this.pageShowHandler);
+			this.pageShowHandler = null;
+		}
 		this.restoreNetwork();
 		this.restoreRouting();
 		this.engine.stop();
@@ -11108,6 +11119,63 @@ const ALL_CONSOLE_LEVELS = [
 	"debug",
 	"info"
 ];
+const BLOCKED_ELEMENT_ATTRIBUTE = "data-csr-blocked-element";
+function labelBlockedElement(node) {
+	if (node.type === 2 && node.tagName !== void 0 && node.attributes !== void 0 && typeof node.attributes.rr_width === "string" && typeof node.attributes.rr_height === "string") {
+		node.attributes[BLOCKED_ELEMENT_ATTRIBUTE] = node.tagName;
+		node.tagName = "div";
+	}
+	node.childNodes?.forEach(labelBlockedElement);
+}
+/**
+* rrweb strips blocked elements down to their dimensions, but retains their
+* original tag name. Rebuild them as inert divs and keep the tag name as safe
+* metadata so players can render a useful placeholder label.
+*/
+function blockedElementLabelsPlugin() {
+	return {
+		name: "csr/blocked-element-labels@1",
+		options: {},
+		observer: () => () => {},
+		eventProcessor: (event) => {
+			if (event.type === EventType.FullSnapshot) labelBlockedElement(event.data.node);
+			else if (event.type === EventType.IncrementalSnapshot && event.data.source === IncrementalSource.Mutation) event.data.adds.forEach((add) => labelBlockedElement(add.node));
+			return event;
+		}
+	};
+}
+/**
+* Record clipboard actions and their DOM target without reading clipboard
+* contents. The resulting rrweb Plugin events can explain otherwise
+* surprising input changes during analysis.
+*/
+function clipboardActionsPlugin() {
+	let getId;
+	return {
+		name: "csr/clipboard@1",
+		options: {},
+		getMirror: ({ nodeMirror }) => {
+			getId = (node) => nodeMirror.getId(node);
+		},
+		observer: (callback, win) => {
+			const handlers = [
+				"copy",
+				"cut",
+				"paste"
+			].map((action) => {
+				const handler = (event) => {
+					callback({
+						action,
+						targetId: event.target instanceof win.Node ? getId?.(event.target) ?? -1 : -1
+					});
+				};
+				win.document.addEventListener(action, handler, true);
+				return () => win.document.removeEventListener(action, handler, true);
+			});
+			return () => handlers.forEach((remove) => remove());
+		}
+	};
+}
 /**
 * rrweb does not include modifier keys in mouse-interaction events. Capture
 * the native click first, then add its safe, non-text metadata to the rrweb
@@ -11160,7 +11228,11 @@ var RrwebEngine = class {
 	start(config, onEvent) {
 		const maskSelectors = config.maskSelectors ?? DEFAULT_MASK_SELECTORS;
 		const blockSelectors = config.blockSelectors ?? DEFAULT_BLOCK_SELECTORS;
-		const plugins = [clickModifiersPlugin()];
+		const plugins = [
+			clickModifiersPlugin(),
+			clipboardActionsPlugin(),
+			blockedElementLabelsPlugin()
+		];
 		const { captureConsoleLogs } = config;
 		if (captureConsoleLogs) {
 			const levels = captureConsoleLogs === true ? ALL_CONSOLE_LEVELS : captureConsoleLogs.levels;
@@ -11182,6 +11254,9 @@ var RrwebEngine = class {
 			slimDOMOptions: "all"
 		}) ?? null;
 	}
+	takeFullSnapshot() {
+		takeFullSnapshot(true);
+	}
 	stop() {
 		this.stopFn?.();
 		this.stopFn = null;
@@ -11232,7 +11307,7 @@ function observeFlags(onFlagWrite) {
 }
 //#endregion
 //#region src/version.ts
-const SDK_VERSION = "0.18.9";
+const SDK_VERSION = "0.18.11";
 //#endregion
 //#region src/index.ts
 const DEFAULT_API_URL = "https://recording.confidence.dev";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spotify-confidence/session-recording",
   "license": "Apache-2.0",
-  "version": "0.18.9",
+  "version": "0.18.11",
   "repository": {
     "type": "git",
     "url": "https://github.com/spotify/confidence-sdk-js.git",
@@ -41,8 +41,8 @@
     }
   },
   "dependencies": {
-    "@spotify-confidence/csr-common": "0.18.7",
-    "@spotify-confidence/csr-recorder": "0.17.14"
+    "@spotify-confidence/csr-common": "0.18.8",
+    "@spotify-confidence/csr-recorder": "0.17.16"
   },
   "module": "./dist/index.js",
   "exports": {

package/src/version.ts

@@ -1 +1 @@
-export const SDK_VERSION = '0.18.9';
+export const SDK_VERSION = '0.18.11';