@sailfish-ai/recorder 1.8.10 → 1.8.11

package/dist/session.js

@@ -1,12 +1,49 @@
 import { v4 as uuidv4 } from "uuid";
 import { HAS_WINDOW } from "./runtimeEnv";
-// Storing the sailfishSessionId in window.name, as window.name retains its value after a page refresh
-// but resets when a new tab (including a duplicated tab) is opened.
+// Hybrid approach: use window.name as a temporary "refresh flag" and sessionStorage for persistence
+// - window.name flag is removed immediately after reading, preserving customer's data
+// - sessionStorage stores the actual session ID
+// - beforeunload sets a flag in window.name to detect page refresh vs duplicate tab
+const SESSION_ID_KEY = "sailfishSessionId";
+const REFRESH_FLAG = "__sailfish_refresh__";
+// Cache the resolved session ID to avoid regenerating on multiple calls
+let resolvedSessionId = null;
 export function getOrSetSessionId() {
     if (!HAS_WINDOW)
         return uuidv4();
-    if (!window.name) {
-        window.name = uuidv4();
+    // Return cached session ID if already resolved
+    if (resolvedSessionId) {
+        return resolvedSessionId;
     }
-    return window.name;
+    // Check if window.name contains our refresh flag
+    const isRefresh = window.name.startsWith(REFRESH_FLAG);
+    // Remove our flag and restore customer's original window.name
+    if (isRefresh) {
+        window.name = window.name.substring(REFRESH_FLAG.length);
+    }
+    if (isRefresh) {
+        // Page refresh - reuse existing session ID from sessionStorage
+        const existingSessionId = window.sessionStorage.getItem(SESSION_ID_KEY);
+        if (existingSessionId) {
+            resolvedSessionId = existingSessionId;
+            return existingSessionId;
+        }
+    }
+    // New tab or duplicate tab - generate new session ID
+    const sessionId = uuidv4();
+    resolvedSessionId = sessionId;
+    try {
+        window.sessionStorage.setItem(SESSION_ID_KEY, sessionId);
+    }
+    catch (error) {
+        // Ignore storage errors, use in-memory session ID
+    }
+    return sessionId;
+}
+// Set up beforeunload listener to mark page refresh
+if (HAS_WINDOW) {
+    window.addEventListener("beforeunload", () => {
+        // Prepend our flag to preserve customer's window.name
+        window.name = REFRESH_FLAG + window.name;
+    });
 }

package/dist/types/index.d.ts

@@ -31,6 +31,7 @@ export * from "./graphql";
 export { openReportIssueModal } from "./inAppReportIssueModal";
 export * from "./recording";
 export * from "./sendSailfishMessages";
+export { getOrSetSessionId } from "./session";
 export * from "./types";
 export * from "./utils";
 export * from "./websocket";

package/dist/websocket.js

@@ -364,7 +364,12 @@ export function sendMessage(message) {
         ...message,
         app_url: message?.app_url ?? window?.location?.href,
     });
-    if (isWebSocketOpen(webSocket)) {
+    // Check isDraining to prevent out-of-order delivery during reconnection
+    // When draining buffered events, queue new messages to maintain order
+    if (isDraining || !isWebSocketOpen(webSocket)) {
+        saveNotifyMessageToIDB(msg);
+    }
+    else {
         try {
             webSocket.send(msg);
         }
@@ -372,9 +377,6 @@ export function sendMessage(message) {
             saveNotifyMessageToIDB(msg);
         }
     }
-    else {
-        saveNotifyMessageToIDB(msg);
-    }
 }
 function getWebSocketHost(url) {
     const parser = document.createElement("a");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sailfish-ai/recorder",
-  "version": "1.8.10",
+  "version": "1.8.11",
   "publishPublicly": true,
   "type": "module",
   "main": "dist/recorder.cjs",