@spotify-confidence/session-recording 0.18.7 → 0.18.8

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## [0.18.8](https://github.com/spotify/confidence-sdk-js/compare/session-recording-v0.18.7...session-recording-v0.18.8) (2026-08-18)
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @spotify-confidence/csr-common bumped to 0.18.7
+    * @spotify-confidence/csr-recorder bumped to 0.17.13
+
 ## [0.18.7](https://github.com/spotify/confidence-sdk-js/compare/session-recording-v0.18.6...session-recording-v0.18.7) (2026-08-18)
 
 

package/dist/index.cjs

@@ -11128,6 +11128,49 @@ const ALL_CONSOLE_LEVELS = [
 	"info"
 ];
 /**
+* 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
+* event emitted during the same browser event dispatch.
+*/
+function clickModifiersPlugin() {
+	let pendingClick = null;
+	return {
+		name: "csr/click-modifiers@1",
+		options: {},
+		observer: (_callback, win) => {
+			const onClick = (event) => {
+				const click = event;
+				pendingClick = {
+					button: click.button,
+					altKey: click.altKey,
+					ctrlKey: click.ctrlKey,
+					metaKey: click.metaKey,
+					shiftKey: click.shiftKey
+				};
+				queueMicrotask(() => {
+					pendingClick = null;
+				});
+			};
+			win.addEventListener("click", onClick, true);
+			return () => win.removeEventListener("click", onClick, true);
+		},
+		eventProcessor: (event) => {
+			if (pendingClick && event.type === EventType.IncrementalSnapshot && event.data.source === IncrementalSource.MouseInteraction && event.data.type === MouseInteractions.Click) {
+				const click = pendingClick;
+				pendingClick = null;
+				return {
+					...event,
+					data: {
+						...event.data,
+						...click
+					}
+				};
+			}
+			return event;
+		}
+	};
+}
+/**
 * rrweb adapter — bundles rrweb so consumers don't take a peer-dep on it.
 */
 var RrwebEngine = class {
@@ -11135,7 +11178,7 @@ var RrwebEngine = class {
 	start(config, onEvent) {
 		const maskSelectors = config.maskSelectors ?? DEFAULT_MASK_SELECTORS;
 		const blockSelectors = config.blockSelectors ?? DEFAULT_BLOCK_SELECTORS;
-		const plugins = [];
+		const plugins = [clickModifiersPlugin()];
 		const { captureConsoleLogs } = config;
 		if (captureConsoleLogs) {
 			const levels = captureConsoleLogs === true ? ALL_CONSOLE_LEVELS : captureConsoleLogs.levels;
@@ -11207,7 +11250,7 @@ function observeFlags(onFlagWrite) {
 }
 //#endregion
 //#region src/version.ts
-const SDK_VERSION = "0.18.7";
+const SDK_VERSION = "0.18.8";
 //#endregion
 //#region src/index.ts
 const DEFAULT_API_URL = "https://recording.confidence.dev";

package/dist/index.js

@@ -11109,6 +11109,49 @@ const ALL_CONSOLE_LEVELS = [
 	"info"
 ];
 /**
+* 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
+* event emitted during the same browser event dispatch.
+*/
+function clickModifiersPlugin() {
+	let pendingClick = null;
+	return {
+		name: "csr/click-modifiers@1",
+		options: {},
+		observer: (_callback, win) => {
+			const onClick = (event) => {
+				const click = event;
+				pendingClick = {
+					button: click.button,
+					altKey: click.altKey,
+					ctrlKey: click.ctrlKey,
+					metaKey: click.metaKey,
+					shiftKey: click.shiftKey
+				};
+				queueMicrotask(() => {
+					pendingClick = null;
+				});
+			};
+			win.addEventListener("click", onClick, true);
+			return () => win.removeEventListener("click", onClick, true);
+		},
+		eventProcessor: (event) => {
+			if (pendingClick && event.type === EventType.IncrementalSnapshot && event.data.source === IncrementalSource.MouseInteraction && event.data.type === MouseInteractions.Click) {
+				const click = pendingClick;
+				pendingClick = null;
+				return {
+					...event,
+					data: {
+						...event.data,
+						...click
+					}
+				};
+			}
+			return event;
+		}
+	};
+}
+/**
 * rrweb adapter — bundles rrweb so consumers don't take a peer-dep on it.
 */
 var RrwebEngine = class {
@@ -11116,7 +11159,7 @@ var RrwebEngine = class {
 	start(config, onEvent) {
 		const maskSelectors = config.maskSelectors ?? DEFAULT_MASK_SELECTORS;
 		const blockSelectors = config.blockSelectors ?? DEFAULT_BLOCK_SELECTORS;
-		const plugins = [];
+		const plugins = [clickModifiersPlugin()];
 		const { captureConsoleLogs } = config;
 		if (captureConsoleLogs) {
 			const levels = captureConsoleLogs === true ? ALL_CONSOLE_LEVELS : captureConsoleLogs.levels;
@@ -11188,7 +11231,7 @@ function observeFlags(onFlagWrite) {
 }
 //#endregion
 //#region src/version.ts
-const SDK_VERSION = "0.18.7";
+const SDK_VERSION = "0.18.8";
 //#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.7",
+  "version": "0.18.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/spotify/confidence-sdk-js.git",
@@ -41,8 +41,8 @@
     }
   },
   "dependencies": {
-    "@spotify-confidence/csr-common": "0.18.6",
-    "@spotify-confidence/csr-recorder": "0.17.12"
+    "@spotify-confidence/csr-common": "0.18.7",
+    "@spotify-confidence/csr-recorder": "0.17.13"
   },
   "module": "./dist/index.js",
   "exports": {

package/src/version.ts

@@ -1 +1 @@
-export const SDK_VERSION = '0.18.7';
+export const SDK_VERSION = '0.18.8';