@sailfish-ai/recorder 1.0.0-beta-2 → 1.0.2

package/dist/sendSailfishMessages.js

@@ -0,0 +1,37 @@
+import { sendMessage } from "./websocket";
+// Internal state to track the last sent messages
+let lastIdentifyMessage = null;
+let lastMetadataMessage = null;
+let deviceInfoSent = false;
+// Function to send identify message
+export function identify(userId, traits = {}, overwrite = false) {
+    const message = {
+        type: "identify",
+        userId,
+        traits,
+    };
+    // Check if the message is the same as the last one
+    if (lastIdentifyMessage &&
+        lastIdentifyMessage.userId === userId &&
+        JSON.stringify(lastIdentifyMessage.traits) === JSON.stringify(traits)) {
+        return;
+    }
+    // Update the last sent identify message
+    lastIdentifyMessage = { userId, traits, overwrite };
+    sendMessage(message);
+}
+// Function to send addOrUpdateMetadata message
+export function addOrUpdateMetadata(metadata) {
+    const message = {
+        type: "addOrUpdateMetadata",
+        metadata,
+    };
+    // Check if the message is the same as the last one
+    if (lastMetadataMessage &&
+        JSON.stringify(lastMetadataMessage) === JSON.stringify(metadata)) {
+        return;
+    }
+    // Update the last sent metadata message
+    lastMetadataMessage = metadata;
+    sendMessage(message);
+}

package/dist/types/deviceInfo.d.ts

@@ -0,0 +1 @@
+export declare function gatherAndCacheDeviceInfo(): Promise<void>;

package/dist/types/eventCache.d.ts

@@ -1,3 +1,2 @@
-import ReconnectingWebSocket from "reconnecting-websocket";
 export declare function cacheEvents(event: any): void;
-export declare function sendRecordingEvents(webSocket: ReconnectingWebSocket, sessionId: string): void;
+export declare function sendRecordingEvents(webSocket: any): void;

package/dist/types/exponentialBackoff.d.ts

@@ -0,0 +1,4 @@
+export declare function silentFetch(input: RequestInfo, init?: RequestInit): Promise<Response>;
+export declare function exponentialBackoff<T>(fn: () => Promise<T>, action: string, retries?: number, // Max retry attempts
+initialDelay?: number, // Initial delay in ms
+backoffFactor?: number): Promise<T>;

package/dist/types/graphql.d.ts

@@ -1,4 +1,6 @@
 import { CaptureSettingsResponse, GraphQLResponse, StartSessionResponse } from "./types";
-export declare function sendGraphQLRequest<T>(operationName: string, query: string, variables: object): Promise<GraphQLResponse<T>>;
+export declare function sendGraphQLRequest<T>(operationName: string, query: string, variables: object, retries?: number, // Number of retries before giving up
+initialBackoff?: number, // Initial backoff in milliseconds
+backoffFactor?: number): Promise<GraphQLResponse<T>>;
 export declare function fetchCaptureSettings(apiKey: string, backendApi: string): Promise<GraphQLResponse<CaptureSettingsResponse>>;
 export declare function startRecordingSession(apiKey: string, recordingId: string, backendApi: string): Promise<GraphQLResponse<StartSessionResponse>>;

package/dist/types/index.d.ts

@@ -12,5 +12,6 @@ export declare function startRecording({ apiKey, backendApi, }: {
 export * from "./eventCache";
 export * from "./graphql";
 export * from "./recording";
+export * from "./sendSailfishMessages";
 export * from "./types";
 export * from "./websocket";

package/dist/types/recording.d.ts

@@ -1,4 +1,5 @@
 import { LogRecordOptions } from "@sailfish-rrweb/rrweb-plugin-console-record";
 import { NetworkRecordOptions } from "@sailfish-rrweb/rrweb-plugin-network-record";
-export declare function initializeRecording(captureSettings: any, // TODO - Sibyl launch - replace type
-consoleRecordSettings: LogRecordOptions, networkRecordSettings: NetworkRecordOptions, backendApi: string, apiKey: string, sessionId: string): Promise<void>;
+import ReconnectingWebSocket from "reconnecting-websocket";
+export declare function initializeRecording(captureSettings: any, // TODO - Sibyl post-launch - replace type
+consoleRecordSettings: LogRecordOptions, networkRecordSettings: NetworkRecordOptions, backendApi: string, apiKey: string, sessionId: string): Promise<ReconnectingWebSocket>;

package/dist/types/sendSailfishMessages.d.ts

@@ -0,0 +1,2 @@
+export declare function identify(userId: string, traits?: Record<string, any>, overwrite?: boolean): void;
+export declare function addOrUpdateMetadata(metadata: Record<string, any>): void;

package/dist/types/websocket.d.ts

@@ -1,2 +1,3 @@
 import ReconnectingWebSocket from "reconnecting-websocket";
 export declare function initializeWebSocket(backendApi: string, apiKey: string, sessionId: string): ReconnectingWebSocket;
+export declare function sendMessage(message: Record<string, any>): void;

package/dist/websocket.js

@@ -1,27 +1,45 @@
 import ReconnectingWebSocket from "reconnecting-websocket";
 import version from "./version";
+// Internal WebSocket instance
+let webSocket = null;
+const messageQueue = [];
+// Helper function to send queued messages
+function flushMessageQueue() {
+    if (webSocket && webSocket.readyState === WebSocket.OPEN) {
+        while (messageQueue.length > 0) {
+            const message = messageQueue.shift();
+            if (message) {
+                webSocket.send(message);
+            }
+        }
+    }
+}
 export function initializeWebSocket(backendApi, apiKey, sessionId) {
     const wsHost = getWebSocketHost(backendApi);
     const wsScheme = window.location.protocol === "https:" ? "wss" : "ws";
     const wsUrl = `${wsScheme}://${wsHost}/ws/notify/?apiKey=${apiKey}&sessionId=${sessionId}&sender=JS%2FTS&version=${version}`;
     const options = {
-        connectionTimeout: 5000,
+        connectionTimeout: 10000,
     };
-    const webSocket = new ReconnectingWebSocket(wsUrl, [], options);
-    // This is done automatically via ReconnectingWebSocket
-    // webSocket.addEventListener("close", (event: any) => {
-    //   console.log("WebSocket closed:", event);
-    //   if (event.wasClean) {
-    //     console.log(`Closed cleanly, code=${event.code}, reason=${event.reason}`);
-    //   } else {
-    //     console.log("Connection died");
-    //   }
-    // });
-    // webSocket.addEventListener("error", (error: any) => {
-    //   console.error("WebSocket error:", error);
-    // });
+    webSocket = new ReconnectingWebSocket(wsUrl, [], options);
+    webSocket.addEventListener("open", () => {
+        flushMessageQueue();
+    });
+    webSocket.addEventListener("close", () => {
+        // Handle reconnect logic or cleanup here if needed
+        webSocket = null;
+    });
     return webSocket;
 }
+export function sendMessage(message) {
+    const messageString = JSON.stringify(message);
+    if (webSocket && webSocket.readyState === WebSocket.OPEN) {
+        webSocket.send(messageString);
+    }
+    else {
+        messageQueue.push(messageString);
+    }
+}
 function getWebSocketHost(url) {
     const parser = document.createElement("a");
     parser.href = url;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sailfish-ai/recorder",
-  "version": "1.0.0-beta-2",
+  "version": "1.0.2",
   "publishPublicly": true,
   "main": "dist/sailfish-recorder.umd.js",
   "types": "dist/types/index.d.ts",
@@ -11,20 +11,19 @@
     "test:watch": "vitest watch",
     "check-types": "tsc --noEmit",
     "prepublish": "npm run check-types && npm run build",
-    "artifactregistry-login": "npx google-artifactregistry-auth"
+    "artifactregistry-login": "npx google-artifactregistry-auth",
+    "publish-local": "npm publish --registry http://localhost:4873 --//localhost:4873/:_authToken=none"
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@sailfish-rrweb/record": "^0.1.1-sailfish",
-    "@sailfish-rrweb/rrweb": "^0.1.1-sailfish",
-    "@sailfish-rrweb/rrweb-plugin-console-record": "^0.1.1-sailfish",
-    "@sailfish-rrweb/rrweb-plugin-network-record": "^0.1.1-sailfish",
-    "@sailfish-rrweb/rrweb-snapshot": "^0.1.1-sailfish",
-    "@sailfish-rrweb/types": "^0.1.1-sailfish",
-    "@vitejs/plugin-react": "^4.3.1",
-    "@vitejs/plugin-vue": "^5.0.5",
+    "@sailfish-rrweb/record": "0.2.5",
+    "@sailfish-rrweb/rrweb": "0.2.5",
+    "@sailfish-rrweb/rrweb-plugin-console-record": "0.2.5",
+    "@sailfish-rrweb/rrweb-plugin-network-record": "0.2.5",
+    "@sailfish-rrweb/rrweb-snapshot": "0.2.5",
+    "@sailfish-rrweb/types": "0.2.5",
     "reconnecting-websocket": "^4.4.0",
     "uuid": "^10.0.0",
     "vite": "^5.3.4",
@@ -34,6 +33,8 @@
     "@types/jest": "^29.5.12",
     "@types/node": "^18.0.0",
     "@types/uuid": "^10.0.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "@vitejs/plugin-vue": "^5.1.3",
     "jest": "^29.7.0",
     "jest-transform-stub": "^2.0.0",
     "ts-jest": "^29.2.3",