@spotify-confidence/session-recording 0.18.11 → 0.18.12

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [0.18.12](https://github.com/spotify/confidence-sdk-js/compare/session-recording-v0.18.11...session-recording-v0.18.12) (2026-09-07)
+
+
+### 🐛 Bug Fixes
+
+* stop passive recording frames extending sessions ([#449](https://github.com/spotify/confidence-sdk-js/issues/449)) ([df763a1](https://github.com/spotify/confidence-sdk-js/commit/df763a10d6f16ce5b871530ca3fe8b5c153c16d7))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * dependencies
+    * @spotify-confidence/csr-common bumped to 0.18.9
+    * @spotify-confidence/csr-recorder bumped to 0.17.17
+
 ## [0.18.11](https://github.com/spotify/confidence-sdk-js/compare/session-recording-v0.18.10...session-recording-v0.18.11) (2026-08-28)
 
 

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_uploader = require("./uploader-CcDy4aME.cjs");
+const require_uploader = require("./uploader-B6-mcWdA.cjs");
 const VALID_KEY_PATTERN = /^[a-zA-Z0-9_.-]+$/;
 function validateKey(key) {
 	if (typeof key !== "string" || key.length === 0) return "key is empty";
@@ -118,7 +118,7 @@ var Recorder = class Recorder {
 		if (typeof document !== "undefined") {
 			this.visibilityHandler = () => {
 				const data = {
-					plugin: "csr:tabVisibility",
+					plugin: require_uploader.RecordingPluginName.TabVisibility,
 					payload: { hidden: document.hidden }
 				};
 				this.onEvent({
@@ -140,7 +140,7 @@ var Recorder = class Recorder {
 	}
 	emitNetworkRequest(payload) {
 		const data = {
-			plugin: "csr:networkRequest",
+			plugin: require_uploader.RecordingPluginName.NetworkRequest,
 			payload
 		};
 		this.onEvent({
@@ -248,7 +248,7 @@ var Recorder = class Recorder {
 		const paramTo = this.parameterizeRoute(to);
 		if (paramFrom === paramTo) return;
 		const data = {
-			plugin: "csr:routeChange",
+			plugin: require_uploader.RecordingPluginName.RouteChange,
 			payload: {
 				from: paramFrom,
 				to: paramTo,
@@ -11153,7 +11153,7 @@ function labelBlockedElement(node) {
 */
 function blockedElementLabelsPlugin() {
 	return {
-		name: "csr/blocked-element-labels@1",
+		name: require_uploader.RecordingPluginName.BlockedElementLabels,
 		options: {},
 		observer: () => () => {},
 		eventProcessor: (event) => {
@@ -11171,7 +11171,7 @@ function blockedElementLabelsPlugin() {
 function clipboardActionsPlugin() {
 	let getId;
 	return {
-		name: "csr/clipboard@1",
+		name: require_uploader.RecordingPluginName.Clipboard,
 		options: {},
 		getMirror: ({ nodeMirror }) => {
 			getId = (node) => nodeMirror.getId(node);
@@ -11203,7 +11203,7 @@ function clipboardActionsPlugin() {
 function clickModifiersPlugin() {
 	let pendingClick = null;
 	return {
-		name: "csr/click-modifiers@1",
+		name: require_uploader.RecordingPluginName.ClickModifiers,
 		options: {},
 		observer: (_callback, win) => {
 			const onClick = (event) => {
@@ -11326,7 +11326,7 @@ function observeFlags(onFlagWrite) {
 }
 //#endregion
 //#region src/version.ts
-const SDK_VERSION = "0.18.11";
+const SDK_VERSION = "0.18.12";
 //#endregion
 //#region src/index.ts
 const DEFAULT_API_URL = "https://recording.confidence.dev";
@@ -11404,7 +11404,7 @@ function initSessionRecorder(options) {
 			stopRecorder = record(sendEvent, recordingConfig);
 			stopObservingFlags = observeFlags(({ flagKey, variant, assignmentOrigin }) => {
 				const data = {
-					plugin: "csr:flagEvaluation",
+					plugin: require_uploader.RecordingPluginName.FlagEvaluation,
 					payload: {
 						flagKey,
 						variant,
@@ -11454,7 +11454,7 @@ function initSessionRecorder(options) {
 				return;
 			}
 			const data = {
-				plugin: "csr:tag",
+				plugin: require_uploader.RecordingPluginName.Tag,
 				payload: value !== void 0 ? {
 					key,
 					value
@@ -11478,7 +11478,7 @@ function initSessionRecorder(options) {
 				return;
 			}
 			const data = {
-				plugin: "csr:measure",
+				plugin: require_uploader.RecordingPluginName.Measure,
 				payload: value !== void 0 ? {
 					key,
 					value

package/dist/index.js

@@ -1,4 +1,4 @@
-import { t as createUploader } from "./uploader-CkAqZXJP.js";
+import { r as RecordingPluginName, t as createUploader } from "./uploader-vqAzevKI.js";
 const VALID_KEY_PATTERN = /^[a-zA-Z0-9_.-]+$/;
 function validateKey(key) {
 	if (typeof key !== "string" || key.length === 0) return "key is empty";
@@ -117,7 +117,7 @@ var Recorder = class Recorder {
 		if (typeof document !== "undefined") {
 			this.visibilityHandler = () => {
 				const data = {
-					plugin: "csr:tabVisibility",
+					plugin: RecordingPluginName.TabVisibility,
 					payload: { hidden: document.hidden }
 				};
 				this.onEvent({
@@ -139,7 +139,7 @@ var Recorder = class Recorder {
 	}
 	emitNetworkRequest(payload) {
 		const data = {
-			plugin: "csr:networkRequest",
+			plugin: RecordingPluginName.NetworkRequest,
 			payload
 		};
 		this.onEvent({
@@ -247,7 +247,7 @@ var Recorder = class Recorder {
 		const paramTo = this.parameterizeRoute(to);
 		if (paramFrom === paramTo) return;
 		const data = {
-			plugin: "csr:routeChange",
+			plugin: RecordingPluginName.RouteChange,
 			payload: {
 				from: paramFrom,
 				to: paramTo,
@@ -11134,7 +11134,7 @@ function labelBlockedElement(node) {
 */
 function blockedElementLabelsPlugin() {
 	return {
-		name: "csr/blocked-element-labels@1",
+		name: RecordingPluginName.BlockedElementLabels,
 		options: {},
 		observer: () => () => {},
 		eventProcessor: (event) => {
@@ -11152,7 +11152,7 @@ function blockedElementLabelsPlugin() {
 function clipboardActionsPlugin() {
 	let getId;
 	return {
-		name: "csr/clipboard@1",
+		name: RecordingPluginName.Clipboard,
 		options: {},
 		getMirror: ({ nodeMirror }) => {
 			getId = (node) => nodeMirror.getId(node);
@@ -11184,7 +11184,7 @@ function clipboardActionsPlugin() {
 function clickModifiersPlugin() {
 	let pendingClick = null;
 	return {
-		name: "csr/click-modifiers@1",
+		name: RecordingPluginName.ClickModifiers,
 		options: {},
 		observer: (_callback, win) => {
 			const onClick = (event) => {
@@ -11307,7 +11307,7 @@ function observeFlags(onFlagWrite) {
 }
 //#endregion
 //#region src/version.ts
-const SDK_VERSION = "0.18.11";
+const SDK_VERSION = "0.18.12";
 //#endregion
 //#region src/index.ts
 const DEFAULT_API_URL = "https://recording.confidence.dev";
@@ -11385,7 +11385,7 @@ function initSessionRecorder(options) {
 			stopRecorder = record(sendEvent, recordingConfig);
 			stopObservingFlags = observeFlags(({ flagKey, variant, assignmentOrigin }) => {
 				const data = {
-					plugin: "csr:flagEvaluation",
+					plugin: RecordingPluginName.FlagEvaluation,
 					payload: {
 						flagKey,
 						variant,
@@ -11435,7 +11435,7 @@ function initSessionRecorder(options) {
 				return;
 			}
 			const data = {
-				plugin: "csr:tag",
+				plugin: RecordingPluginName.Tag,
 				payload: value !== void 0 ? {
 					key,
 					value
@@ -11459,7 +11459,7 @@ function initSessionRecorder(options) {
 				return;
 			}
 			const data = {
-				plugin: "csr:measure",
+				plugin: RecordingPluginName.Measure,
 				payload: value !== void 0 ? {
 					key,
 					value

package/dist/{uploader-CkAqZXJP.js → uploader-B6-mcWdA.cjs}

@@ -21,6 +21,93 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
+//#region ../csr-common/src/events.ts
+const RecordingCustomEventTag = {
+	RageClick: "csr:rageClick",
+	FormFieldReEdit: "csr:formFieldReEdit",
+	ScrollBack: "csr:scrollBack",
+	Click: "csr:click",
+	Input: "csr:input",
+	DeadClick: "csr:deadClick",
+	TabUnfocus: "csr:tabUnfocus",
+	TabRefocus: "csr:tabRefocus",
+	RouteChange: "csr:routeChange",
+	ErrorMessage: "csr:errorMessage",
+	DialogOpened: "csr:dialogOpened",
+	IdleGap: "csr:idleGap",
+	AwayGap: "csr:awayGap"
+};
+const RecordingPluginName = {
+	BlockedElementLabels: "csr/blocked-element-labels@1",
+	Clipboard: "csr/clipboard@1",
+	ClickModifiers: "csr/click-modifiers@1",
+	TabVisibility: "csr:tabVisibility",
+	ConsoleLog: "rrweb/console@1",
+	NetworkRequest: "csr:networkRequest",
+	RouteChange: "csr:routeChange",
+	Tag: "csr:tag",
+	Measure: "csr:measure",
+	FlagEvaluation: "csr:flagEvaluation"
+};
+//#endregion
+//#region ../csr-common/src/metrics.ts
+const RecordingMetricKey = {
+	Click: "clicks",
+	Input: "inputs",
+	RageClick: "rageClicks",
+	DeadClick: "deadClicks",
+	ScrollBack: "scrollBacks",
+	TabUnfocus: "tabUnfocuses",
+	ErrorMessage: "errorMessages",
+	FailedNetworkRequest: "networkRequestsFailed",
+	NetworkRequest: "networkRequests",
+	ConsoleLog: "consoleLogs",
+	ConsoleWarning: "consoleWarnings",
+	ConsoleError: "consoleErrors",
+	RouteChange: "routeChanges"
+};
+//#endregion
+//#region ../csr-common/src/session-activity.ts
+const USER_INTERACTION_SOURCES = new Set([
+	1,
+	2,
+	3,
+	5,
+	6,
+	7,
+	12,
+	14
+]);
+const USER_INTERACTION_TAGS = new Set([
+	RecordingCustomEventTag.Click,
+	RecordingCustomEventTag.Input,
+	RecordingCustomEventTag.RageClick,
+	RecordingCustomEventTag.DeadClick,
+	RecordingCustomEventTag.ScrollBack,
+	RecordingCustomEventTag.TabUnfocus,
+	RecordingCustomEventTag.TabRefocus,
+	RecordingCustomEventTag.FormFieldReEdit,
+	RecordingCustomEventTag.RouteChange
+]);
+const USER_INTERACTION_PLUGINS = new Set([RecordingPluginName.RouteChange]);
+new Set([
+	RecordingMetricKey.Click,
+	RecordingMetricKey.Input,
+	RecordingMetricKey.RageClick,
+	RecordingMetricKey.DeadClick,
+	RecordingMetricKey.ScrollBack,
+	RecordingMetricKey.TabUnfocus,
+	RecordingMetricKey.RouteChange
+]);
+const isObject = (value) => typeof value === "object" && value !== null;
+const isUserInteractionEvent = (event) => {
+	if (!isObject(event) || !isObject(event.data)) return false;
+	if (event.type === 3) return typeof event.data.source === "number" && USER_INTERACTION_SOURCES.has(event.data.source);
+	if (event.type === 5) return typeof event.data.tag === "string" && USER_INTERACTION_TAGS.has(event.data.tag);
+	return event.type === 6 && typeof event.data.plugin === "string" && USER_INTERACTION_PLUGINS.has(event.data.plugin);
+};
+const isSessionActivityEvent = (event) => isObject(event) && event.type === 4 || isUserInteractionEvent(event);
+//#endregion
 //#region ../csr-common/src/uploader/client-context.ts
 var import_es5 = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
 	(function(e, t) {
@@ -1897,6 +1984,7 @@ async function createUploader(opts) {
 			tabId: effectiveTabId,
 			eventCounter: counter,
 			data: event,
+			userActivity: isSessionActivityEvent(event),
 			...nextAdoptionMeta ?? {}
 		};
 		counter += 1;
@@ -2060,4 +2148,21 @@ function writeCounter(counter) {
 	sessionStorage.setItem(STORAGE_COUNTER, String(counter));
 }
 //#endregion
-export { workerScript as n, createUploader as t };
+Object.defineProperty(exports, "RecordingPluginName", {
+	enumerable: true,
+	get: function() {
+		return RecordingPluginName;
+	}
+});
+Object.defineProperty(exports, "createUploader", {
+	enumerable: true,
+	get: function() {
+		return createUploader;
+	}
+});
+Object.defineProperty(exports, "workerScript", {
+	enumerable: true,
+	get: function() {
+		return workerScript;
+	}
+});

package/dist/{uploader-CcDy4aME.cjs → uploader-vqAzevKI.js}

@@ -21,6 +21,93 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
+//#region ../csr-common/src/events.ts
+const RecordingCustomEventTag = {
+	RageClick: "csr:rageClick",
+	FormFieldReEdit: "csr:formFieldReEdit",
+	ScrollBack: "csr:scrollBack",
+	Click: "csr:click",
+	Input: "csr:input",
+	DeadClick: "csr:deadClick",
+	TabUnfocus: "csr:tabUnfocus",
+	TabRefocus: "csr:tabRefocus",
+	RouteChange: "csr:routeChange",
+	ErrorMessage: "csr:errorMessage",
+	DialogOpened: "csr:dialogOpened",
+	IdleGap: "csr:idleGap",
+	AwayGap: "csr:awayGap"
+};
+const RecordingPluginName = {
+	BlockedElementLabels: "csr/blocked-element-labels@1",
+	Clipboard: "csr/clipboard@1",
+	ClickModifiers: "csr/click-modifiers@1",
+	TabVisibility: "csr:tabVisibility",
+	ConsoleLog: "rrweb/console@1",
+	NetworkRequest: "csr:networkRequest",
+	RouteChange: "csr:routeChange",
+	Tag: "csr:tag",
+	Measure: "csr:measure",
+	FlagEvaluation: "csr:flagEvaluation"
+};
+//#endregion
+//#region ../csr-common/src/metrics.ts
+const RecordingMetricKey = {
+	Click: "clicks",
+	Input: "inputs",
+	RageClick: "rageClicks",
+	DeadClick: "deadClicks",
+	ScrollBack: "scrollBacks",
+	TabUnfocus: "tabUnfocuses",
+	ErrorMessage: "errorMessages",
+	FailedNetworkRequest: "networkRequestsFailed",
+	NetworkRequest: "networkRequests",
+	ConsoleLog: "consoleLogs",
+	ConsoleWarning: "consoleWarnings",
+	ConsoleError: "consoleErrors",
+	RouteChange: "routeChanges"
+};
+//#endregion
+//#region ../csr-common/src/session-activity.ts
+const USER_INTERACTION_SOURCES = new Set([
+	1,
+	2,
+	3,
+	5,
+	6,
+	7,
+	12,
+	14
+]);
+const USER_INTERACTION_TAGS = new Set([
+	RecordingCustomEventTag.Click,
+	RecordingCustomEventTag.Input,
+	RecordingCustomEventTag.RageClick,
+	RecordingCustomEventTag.DeadClick,
+	RecordingCustomEventTag.ScrollBack,
+	RecordingCustomEventTag.TabUnfocus,
+	RecordingCustomEventTag.TabRefocus,
+	RecordingCustomEventTag.FormFieldReEdit,
+	RecordingCustomEventTag.RouteChange
+]);
+const USER_INTERACTION_PLUGINS = new Set([RecordingPluginName.RouteChange]);
+new Set([
+	RecordingMetricKey.Click,
+	RecordingMetricKey.Input,
+	RecordingMetricKey.RageClick,
+	RecordingMetricKey.DeadClick,
+	RecordingMetricKey.ScrollBack,
+	RecordingMetricKey.TabUnfocus,
+	RecordingMetricKey.RouteChange
+]);
+const isObject = (value) => typeof value === "object" && value !== null;
+const isUserInteractionEvent = (event) => {
+	if (!isObject(event) || !isObject(event.data)) return false;
+	if (event.type === 3) return typeof event.data.source === "number" && USER_INTERACTION_SOURCES.has(event.data.source);
+	if (event.type === 5) return typeof event.data.tag === "string" && USER_INTERACTION_TAGS.has(event.data.tag);
+	return event.type === 6 && typeof event.data.plugin === "string" && USER_INTERACTION_PLUGINS.has(event.data.plugin);
+};
+const isSessionActivityEvent = (event) => isObject(event) && event.type === 4 || isUserInteractionEvent(event);
+//#endregion
 //#region ../csr-common/src/uploader/client-context.ts
 var import_es5 = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
 	(function(e, t) {
@@ -1897,6 +1984,7 @@ async function createUploader(opts) {
 			tabId: effectiveTabId,
 			eventCounter: counter,
 			data: event,
+			userActivity: isSessionActivityEvent(event),
 			...nextAdoptionMeta ?? {}
 		};
 		counter += 1;
@@ -2060,15 +2148,4 @@ function writeCounter(counter) {
 	sessionStorage.setItem(STORAGE_COUNTER, String(counter));
 }
 //#endregion
-Object.defineProperty(exports, "createUploader", {
-	enumerable: true,
-	get: function() {
-		return createUploader;
-	}
-});
-Object.defineProperty(exports, "workerScript", {
-	enumerable: true,
-	get: function() {
-		return workerScript;
-	}
-});
+export { workerScript as n, RecordingPluginName as r, createUploader as t };

package/dist/worker.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_uploader = require("./uploader-CcDy4aME.cjs");
+const require_uploader = require("./uploader-B6-mcWdA.cjs");
 exports.workerScript = require_uploader.workerScript;

package/dist/worker.js

@@ -1,2 +1,2 @@
-import { n as workerScript } from "./uploader-CkAqZXJP.js";
+import { n as workerScript } from "./uploader-vqAzevKI.js";
 export { workerScript };

package/package.json

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

package/src/index.ts

@@ -2,6 +2,7 @@ import { record } from '@spotify-confidence/csr-recorder';
 import type { ConsoleLogLevel } from '@spotify-confidence/csr-common';
 import {
   RecordingEventType,
+  RecordingPluginName,
   type TagPluginData,
   type MeasurePluginData,
   type FlagEvaluationPluginData,
@@ -175,7 +176,7 @@ export function initSessionRecorder(options: InitSessionRecorderOptions): Sessio
 
       stopObservingFlags = observeFlags(({ flagKey, variant, assignmentOrigin }) => {
         const data: FlagEvaluationPluginData = {
-          plugin: 'csr:flagEvaluation',
+          plugin: RecordingPluginName.FlagEvaluation,
           payload: { flagKey, variant, assignmentOrigin },
         };
         sendEvent?.({
@@ -225,7 +226,7 @@ export function initSessionRecorder(options: InitSessionRecorderOptions): Sessio
         return;
       }
       const data: TagPluginData = {
-        plugin: 'csr:tag',
+        plugin: RecordingPluginName.Tag,
         payload: value !== undefined ? { key, value } : { key },
       };
       sendEvent?.({
@@ -246,7 +247,7 @@ export function initSessionRecorder(options: InitSessionRecorderOptions): Sessio
         return;
       }
       const data: MeasurePluginData = {
-        plugin: 'csr:measure',
+        plugin: RecordingPluginName.Measure,
         payload: value !== undefined ? { key, value } : { key },
       };
       sendEvent?.({

package/src/version.ts

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