@spotify-confidence/session-recording 0.18.10 → 0.18.11

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # 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)
 
 

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 = [
@@ -11138,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
@@ -11190,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;
@@ -11265,7 +11326,7 @@ function observeFlags(onFlagWrite) {
 }
 //#endregion
 //#region src/version.ts
-const SDK_VERSION = "0.18.10";
+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 = [
@@ -11119,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
@@ -11171,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;
@@ -11246,7 +11307,7 @@ function observeFlags(onFlagWrite) {
 }
 //#endregion
 //#region src/version.ts
-const SDK_VERSION = "0.18.10";
+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.10",
+  "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.15"
+    "@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.10';
+export const SDK_VERSION = '0.18.11';