@sailfish-ai/recorder 1.7.42 → 1.7.47

package/dist/types/inAppReportIssueModal.d.ts

@@ -1,4 +1,26 @@
+type ShortcutConfig = {
+    key: string;
+    requireCmdCtrl?: boolean;
+};
+export type ShortcutsConfig = {
+    enabled: boolean;
+    openModalExistingMode: ShortcutConfig;
+    openModalCaptureNewMode: ShortcutConfig;
+    closeModal: ShortcutConfig;
+    submitReport: ShortcutConfig;
+    startRecording: ShortcutConfig;
+    stopRecording: ShortcutConfig;
+};
 export declare const ReportIssueContext: {
+    shortcuts: {
+        enabled: boolean;
+        openModalExistingMode: ShortcutConfig;
+        openModalCaptureNewMode: ShortcutConfig;
+        closeModal: ShortcutConfig;
+        submitReport: ShortcutConfig;
+        startRecording: ShortcutConfig;
+        stopRecording: ShortcutConfig;
+    };
     resolveSessionId: (() => string) | null;
     apiKey: string | null;
     backendApi: string | null;
@@ -8,6 +30,7 @@ export declare function setupIssueReporting(options: {
     apiKey: string;
     backendApi: string;
     getSessionId: () => string;
-    enableShortcuts?: boolean;
+    shortcuts?: Partial<ShortcutsConfig>;
 }): void;
 export declare function openReportIssueModal(customBaseUrl?: string): void;
+export {};

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 import { LogRecordOptions } from "@sailfish-rrweb/rrweb-plugin-console-record";
+import { ShortcutsConfig } from "./inAppReportIssueModal";
 import { CaptureSettings } from "./types";
 export declare const STORAGE_VERSION = 1;
 export declare const DYNAMIC_PASSED_HOSTS_KEY = "dynamicPassedHosts";
@@ -30,7 +31,7 @@ export declare const initRecorder: (options: {
     backendApi?: string;
     domainsToPropagateHeaderTo?: string[];
     domainsToNotPropagateHeaderTo?: string[];
-    enableShortcuts?: boolean;
+    reportIssueShortcuts?: Partial<ShortcutsConfig>;
     serviceVersion?: string;
     serviceIdentifier?: string;
     gitSha?: string;

package/dist/websocket.js

@@ -7,6 +7,9 @@ const MAX_MESSAGE_SIZE_MB = 50;
 const MAX_MESSAGE_SIZE_BYTES = MAX_MESSAGE_SIZE_MB * 1024 * 1024;
 const DEBUG = import.meta.env.VITE_DEBUG ? import.meta.env.VITE_DEBUG : false;
 let webSocket = null;
+let isDraining = false;
+let inFlightFlush = null;
+let flushIntervalId = null;
 function isWebSocketOpen(ws) {
     return ws?.readyState === WebSocket.OPEN;
 }
@@ -25,51 +28,64 @@ async function flushNotifyQueue() {
 export async function flushBufferedEvents() {
     if (!isWebSocketOpen(webSocket))
         return;
-    const persisted = await getAllIndexedEvents();
-    const groupedBySession = {};
-    for (const event of persisted) {
-        const sessionId = event?.data?.data?.sessionId ?? "unknown-session";
-        if (!groupedBySession[sessionId])
-            groupedBySession[sessionId] = [];
-        groupedBySession[sessionId].push(event);
+    // ensure only one flush at a time
+    if (inFlightFlush) {
+        await inFlightFlush;
+        return;
     }
-    for (const groupedEvents of Object.values(groupedBySession)) {
-        const idbBatches = buildBatches(groupedEvents, (e) => eventSize(e.data), MAX_MESSAGE_SIZE_BYTES);
-        for (const batch of idbBatches) {
-            if (!isWebSocketOpen(webSocket))
-                break;
-            const eventsToSend = batch.map((e) => e.data);
-            const idsToDelete = batch
-                .map((e) => e.id)
-                .filter((id) => id != null);
-            try {
-                const message = JSON.stringify({
-                    type: "events",
-                    events: eventsToSend,
-                    mapUuid: window.sfMapUuid,
-                });
-                webSocket.send(message);
-                await deleteEventsByIds(idsToDelete);
+    inFlightFlush = (async () => {
+        const persisted = await getAllIndexedEvents();
+        const groupedBySession = {};
+        for (const event of persisted) {
+            const sessionId = event?.data?.data?.sessionId ?? "unknown-session";
+            if (!groupedBySession[sessionId])
+                groupedBySession[sessionId] = [];
+            groupedBySession[sessionId].push(event);
+        }
+        for (const groupedEvents of Object.values(groupedBySession)) {
+            const idbBatches = buildBatches(groupedEvents, (e) => eventSize(e.data), MAX_MESSAGE_SIZE_BYTES);
+            for (const batch of idbBatches) {
+                if (!isWebSocketOpen(webSocket))
+                    break;
+                const eventsToSend = batch.map((e) => e.data);
+                const idsToDelete = batch
+                    .map((e) => e.id)
+                    .filter((id) => id != null);
+                try {
+                    const message = JSON.stringify({
+                        type: "events",
+                        events: eventsToSend,
+                        mapUuid: window.sfMapUuid,
+                    });
+                    webSocket.send(message);
+                    await deleteEventsByIds(idsToDelete);
+                }
+                catch (err) { }
             }
-            catch (err) { }
         }
+    })();
+    try {
+        await inFlightFlush;
+    }
+    finally {
+        inFlightFlush = null;
     }
 }
 export function sendEvent(event) {
+    // while draining, never send live—persist so flush preserves order
+    if (isDraining || !isWebSocketOpen(webSocket)) {
+        saveEventToIDB(event);
+        return;
+    }
     const msg = JSON.stringify({
         type: "event",
         event,
         mapUuid: window.sfMapUuid,
     });
-    if (isWebSocketOpen(webSocket)) {
-        try {
-            webSocket.send(msg);
-        }
-        catch (err) {
-            saveEventToIDB(event);
-        }
+    try {
+        webSocket.send(msg);
     }
-    else {
+    catch (err) {
         saveEventToIDB(event);
     }
 }
@@ -86,8 +102,21 @@ export function initializeWebSocket(backendApi, apiKey, sessionId) {
         if (DEBUG)
             console.log("WebSocket opened.");
         (async () => {
-            await flushNotifyQueue();
-            setInterval(() => flushBufferedEvents(), 10000);
+            try {
+                isDraining = true; //  begin drain (blocks live sends)
+                await flushNotifyQueue(); // notify messages can go first
+                await flushBufferedEvents(); //  ordered drain of IDB events
+            }
+            finally {
+                isDraining = false; //  resume live sends
+            }
+            // start periodic top-up flush after initial drain
+            if (flushIntervalId != null)
+                clearInterval(flushIntervalId);
+            flushIntervalId = window.setInterval(() => {
+                // fire-and-forget; single-flight guard prevents overlaps
+                void flushBufferedEvents();
+            }, 2000);
         })();
     });
     webSocket.addEventListener("close", () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sailfish-ai/recorder",
-  "version": "1.7.42",
+  "version": "1.7.47",
   "publishPublicly": true,
   "main": "dist/sailfish-recorder.umd.js",
   "types": "dist/types/index.d.ts",
@@ -39,7 +39,7 @@
   "devDependencies": {
     "@rollup/plugin-terser": "^0.4.4",
     "@types/jest": "^30.0.0",
-    "@types/node": "^18.0.0",
+    "@types/node": "^20.19.10",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@types/uuid": "^10.0.0",