@sailfish-ai/recorder 1.8.11 → 1.8.12

package/README.md

@@ -7,3 +7,5 @@
 ## Trigger build - 06112025 0854PM GMT+4
 
 ## Trigger build - 11182025 1125AM GMT+4
+
+## Trigger build - 02122025 0330PM GMT+4

package/dist/index.js

@@ -788,6 +788,7 @@ export async function startRecording({ apiKey, backendApi = "https://api-service
     g.sessionId = sessionId;
     g.apiKey = apiKey;
     g.backendApi = backendApi;
+    g.serviceAdditionalMetadata = serviceAdditionalMetadata;
     // Already fully initialized for this session with an open socket? No-op.
     if (g.initialized &&
         g.sessionId === sessionId &&
@@ -842,7 +843,9 @@ export async function startRecording({ apiKey, backendApi = "https://api-service
         // Create/ensure a server-side recording session once per browser session
         const sessionResponse = await startRecordingSession(apiKey, sessionId, backendApi, effectiveServiceIdentifier, effectiveServiceVersion, effectiveMapUuid, effectiveGitSha, effectiveLibrary, metadataWithAppUrl);
         if (sessionResponse.data?.startRecordingSession) {
-            const websocket = await initializeRecording(captureSettings, backendApi, apiKey, sessionId);
+            // Extract env value from serviceAdditionalMetadata
+            const envValue = serviceAdditionalMetadata?.env || serviceAdditionalMetadata?.environment;
+            const websocket = await initializeRecording(captureSettings, backendApi, apiKey, sessionId, envValue);
             g.ws = websocket;
             g.initialized = true;
             if (!g.sentMapUuidOnce) {

package/dist/recorder.cjs

@@ -457,12 +457,14 @@ function sendEvent(e) {
     saveEventToIDB(a);
   }
 }
-function initializeWebSocket(e, a, u) {
-  const m2 = (function getWebSocketHost(e2) {
+function initializeWebSocket(e, a, u, m2) {
+  const w2 = (function getWebSocketHost(e2) {
     const a2 = document.createElement("a");
     return a2.href = e2, `${a2.hostname}${a2.port ? `:${a2.port}` : ""}`;
-  })(e), w2 = new URL(e).protocol;
-  return se = new $(`${"https:" === w2 ? "wss" : "ws"}://${m2}/ws/notify/?apiKey=${a}&sessionId=${u}&sender=JS%2FTS&version=1.8.11`, [], { connectionTimeout: 3e4 }), se.addEventListener("open", () => {
+  })(e);
+  let b2 = `${"https:" === new URL(e).protocol ? "wss" : "ws"}://${w2}/ws/notify/?apiKey=${a}&sessionId=${u}&sender=JS%2FTS&version=1.8.12`;
+  m2 && (b2 += `&envValue=${encodeURIComponent(m2)}`);
+  return se = new $(b2, [], { connectionTimeout: 3e4 }), se.addEventListener("open", () => {
     ne && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (pe ? "ENABLED" : "DISABLED"))), (async () => {
       try {
         ie = true, await flushNotifyQueue(), await flushBufferedEvents();
@@ -7113,8 +7115,8 @@ function initializeConsolePlugin(e, a) {
     sendEvent({ type: pp.Plugin, timestamp: Date.now(), data: { plugin: u, payload: e2 }, sessionId: a, ...getUrlAndStoredUuids() });
   }, window, e);
 }
-async function initializeRecording(e, a, u, m2) {
-  const w2 = initializeWebSocket(a, u, m2);
+async function initializeRecording(e, a, u, m2, w2) {
+  const b2 = initializeWebSocket(a, u, m2, w2);
   try {
     ae({ emit(e2) {
       Object.assign(e2, getUrlAndStoredUuids()), e2.sessionId = m2, sendEvent(e2);
@@ -7143,7 +7145,7 @@ async function initializeRecording(e, a, u, m2) {
   } catch (e2) {
     console.error("Error importing plugins!", e2);
   }
-  return w2;
+  return b2;
 }
 let fp = null, mp = null;
 const gp = readDebugFlag(), yp = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], wp = [400, 403], Sp = "CORS", bp = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {} }, vp = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
@@ -7337,7 +7339,7 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
     } catch {
     }
   })(), F2 = getOrSetSessionId(), U2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
-  if (U2.sessionId = F2, U2.apiKey = e, U2.backendApi = a, U2.initialized && U2.sessionId === F2 && U2.ws && 1 === U2.ws.readyState) trackDomainChangesOnce();
+  if (U2.sessionId = F2, U2.apiKey = e, U2.backendApi = a, U2.serviceAdditionalMetadata = I2, U2.initialized && U2.sessionId === F2 && U2.ws && 1 === U2.ws.readyState) trackDomainChangesOnce();
   else {
     U2.domEventsInit || (initializeDomContentEvents(F2), U2.domEventsInit = true), U2.consoleInit || (initializeConsolePlugin(vp, F2), U2.consoleInit = true), U2.errorInit || (!(function initializeErrorInterceptor() {
       window.addEventListener("error", (e2) => {
@@ -7415,8 +7417,8 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
       if (U2.ws && 1 === U2.ws.readyState) return;
       const b2 = withAppUrlMetadata(I2), x3 = await startRecordingSession(e, F2, a, O2, E2, D2, _2, "JS/TS", b2);
       if ((_b = x3.data) == null ? void 0 : _b.startRecordingSession) {
-        const u3 = await initializeRecording(m3, a, e, F2);
-        U2.ws = u3, U2.initialized = true, U2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e2 = "", a2 = "") {
+        const u3 = (I2 == null ? void 0 : I2.env) || (I2 == null ? void 0 : I2.environment), b3 = await initializeRecording(m3, a, e, F2, u3);
+        U2.ws = b3, U2.initialized = true, U2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e2 = "", a2 = "") {
           window.sfMapUuid && sendMessage({ type: "mapUuid", data: { mapUuid: window.sfMapUuid, serviceIdentifier: e2, serviceVersion: a2 } });
         })(C2, w2), U2.sentMapUuidOnce = true);
       } else console.error("Failed to start recording session:", x3.errors || x3);

package/dist/recorder.js

@@ -457,12 +457,14 @@ function sendEvent(e) {
     saveEventToIDB(a);
   }
 }
-function initializeWebSocket(e, a, u) {
-  const m2 = (function getWebSocketHost(e2) {
+function initializeWebSocket(e, a, u, m2) {
+  const w2 = (function getWebSocketHost(e2) {
     const a2 = document.createElement("a");
     return a2.href = e2, `${a2.hostname}${a2.port ? `:${a2.port}` : ""}`;
-  })(e), w2 = new URL(e).protocol;
-  return ie = new $(`${"https:" === w2 ? "wss" : "ws"}://${m2}/ws/notify/?apiKey=${a}&sessionId=${u}&sender=JS%2FTS&version=1.8.11`, [], { connectionTimeout: 3e4 }), ie.addEventListener("open", () => {
+  })(e);
+  let b2 = `${"https:" === new URL(e).protocol ? "wss" : "ws"}://${w2}/ws/notify/?apiKey=${a}&sessionId=${u}&sender=JS%2FTS&version=1.8.12`;
+  m2 && (b2 += `&envValue=${encodeURIComponent(m2)}`);
+  return ie = new $(b2, [], { connectionTimeout: 3e4 }), ie.addEventListener("open", () => {
     re && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (de ? "ENABLED" : "DISABLED"))), (async () => {
       try {
         le = true, await flushNotifyQueue(), await flushBufferedEvents();
@@ -7116,8 +7118,8 @@ function initializeConsolePlugin(e, a) {
     sendEvent({ type: dp.Plugin, timestamp: Date.now(), data: { plugin: u, payload: e2 }, sessionId: a, ...getUrlAndStoredUuids() });
   }, window, e);
 }
-async function initializeRecording(e, a, u, m2) {
-  const w2 = initializeWebSocket(a, u, m2);
+async function initializeRecording(e, a, u, m2, w2) {
+  const b2 = initializeWebSocket(a, u, m2, w2);
   try {
     ae({ emit(e2) {
       Object.assign(e2, getUrlAndStoredUuids()), e2.sessionId = m2, sendEvent(e2);
@@ -7146,7 +7148,7 @@ async function initializeRecording(e, a, u, m2) {
   } catch (e2) {
     console.error("Error importing plugins!", e2);
   }
-  return w2;
+  return b2;
 }
 let mp = null, gp = null;
 function identify(e, a = {}, u = false) {
@@ -7351,7 +7353,7 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
     } catch {
     }
   })(), F2 = getOrSetSessionId(), U2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
-  if (U2.sessionId = F2, U2.apiKey = e, U2.backendApi = a, U2.initialized && U2.sessionId === F2 && U2.ws && 1 === U2.ws.readyState) trackDomainChangesOnce();
+  if (U2.sessionId = F2, U2.apiKey = e, U2.backendApi = a, U2.serviceAdditionalMetadata = I2, U2.initialized && U2.sessionId === F2 && U2.ws && 1 === U2.ws.readyState) trackDomainChangesOnce();
   else {
     U2.domEventsInit || (initializeDomContentEvents(F2), U2.domEventsInit = true), U2.consoleInit || (initializeConsolePlugin(kp, F2), U2.consoleInit = true), U2.errorInit || (!(function initializeErrorInterceptor() {
       window.addEventListener("error", (e2) => {
@@ -7429,8 +7431,8 @@ async function startRecording({ apiKey: e, backendApi: a = "https://api-service.
       if (U2.ws && 1 === U2.ws.readyState) return;
       const b2 = withAppUrlMetadata(I2), x3 = await startRecordingSession(e, F2, a, O2, E2, D2, _2, "JS/TS", b2);
       if ((_b = x3.data) == null ? void 0 : _b.startRecordingSession) {
-        const u3 = await initializeRecording(m3, a, e, F2);
-        U2.ws = u3, U2.initialized = true, U2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e2 = "", a2 = "") {
+        const u3 = (I2 == null ? void 0 : I2.env) || (I2 == null ? void 0 : I2.environment), b3 = await initializeRecording(m3, a, e, F2, u3);
+        U2.ws = b3, U2.initialized = true, U2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e2 = "", a2 = "") {
           window.sfMapUuid && sendMessage({ type: "mapUuid", data: { mapUuid: window.sfMapUuid, serviceIdentifier: e2, serviceVersion: a2 } });
         })(C2, w2), U2.sentMapUuidOnce = true);
       } else console.error("Failed to start recording session:", x3.errors || x3);

package/dist/recorder.umd.cjs

@@ -459,12 +459,14 @@
       saveEventToIDB(a2);
     }
   }
-  function initializeWebSocket(e2, a2, u2) {
-    const m2 = (function getWebSocketHost(e3) {
+  function initializeWebSocket(e2, a2, u2, m2) {
+    const w2 = (function getWebSocketHost(e3) {
       const a3 = document.createElement("a");
       return a3.href = e3, `${a3.hostname}${a3.port ? `:${a3.port}` : ""}`;
-    })(e2), w2 = new URL(e2).protocol;
-    return ie = new z(`${"https:" === w2 ? "wss" : "ws"}://${m2}/ws/notify/?apiKey=${a2}&sessionId=${u2}&sender=JS%2FTS&version=1.8.11`, [], { connectionTimeout: 3e4 }), ie.addEventListener("open", () => {
+    })(e2);
+    let b2 = `${"https:" === new URL(e2).protocol ? "wss" : "ws"}://${w2}/ws/notify/?apiKey=${a2}&sessionId=${u2}&sender=JS%2FTS&version=1.8.12`;
+    m2 && (b2 += `&envValue=${encodeURIComponent(m2)}`);
+    return ie = new z(b2, [], { connectionTimeout: 3e4 }), ie.addEventListener("open", () => {
       re && (console.log("[Sailfish] WebSocket connection opened"), console.log("[Sailfish] Function span tracking state: " + (de ? "ENABLED" : "DISABLED"))), (async () => {
         try {
           le = true, await flushNotifyQueue(), await flushBufferedEvents();
@@ -7115,8 +7117,8 @@
       sendEvent({ type: dp.Plugin, timestamp: Date.now(), data: { plugin: u2, payload: e3 }, sessionId: a2, ...getUrlAndStoredUuids() });
     }, window, e2);
   }
-  async function initializeRecording(e2, a2, u2, m2) {
-    const w2 = initializeWebSocket(a2, u2, m2);
+  async function initializeRecording(e2, a2, u2, m2, w2) {
+    const b2 = initializeWebSocket(a2, u2, m2, w2);
     try {
       ae({ emit(e3) {
         Object.assign(e3, getUrlAndStoredUuids()), e3.sessionId = m2, sendEvent(e3);
@@ -7145,7 +7147,7 @@
     } catch (e3) {
       console.error("Error importing plugins!", e3);
     }
-    return w2;
+    return b2;
   }
   let mp = null, gp = null;
   const yp = readDebugFlag(), wp = ["t.co", "*.twitter.com", "*.gravatar.com", "*.googleapis.com", "*.amazonaws.com", "*.smooch.io", "*.zendesk.com", "*.zdassets.com"], Sp = [400, 403], bp = "CORS", vp = { recordCanvas: false, recordCrossOriginIframes: false, collectFonts: false, inlineImages: false, recordPassword: false, recordRealName: true, recordCreditCardInfo: false, recordSsn: false, recordDob: false, sampling: {} }, Cp = { level: ["info", "log", "warn", "error"], lengthThreshold: 1e4, stringifyOptions: { stringLengthLimit: 1e3, numOfKeysLimit: 20, depthOfLimit: 4 }, logger: "console" };
@@ -7339,7 +7341,7 @@
       } catch {
       }
     })(), F2 = getOrSetSessionId(), U2 = window.__sailfish_recorder || (window.__sailfish_recorder = {});
-    if (U2.sessionId = F2, U2.apiKey = e2, U2.backendApi = a2, U2.initialized && U2.sessionId === F2 && U2.ws && 1 === U2.ws.readyState) trackDomainChangesOnce();
+    if (U2.sessionId = F2, U2.apiKey = e2, U2.backendApi = a2, U2.serviceAdditionalMetadata = I2, U2.initialized && U2.sessionId === F2 && U2.ws && 1 === U2.ws.readyState) trackDomainChangesOnce();
     else {
       U2.domEventsInit || (initializeDomContentEvents(F2), U2.domEventsInit = true), U2.consoleInit || (initializeConsolePlugin(Cp, F2), U2.consoleInit = true), U2.errorInit || (!(function initializeErrorInterceptor() {
         window.addEventListener("error", (e3) => {
@@ -7417,8 +7419,8 @@
         if (U2.ws && 1 === U2.ws.readyState) return;
         const C2 = withAppUrlMetadata(I2), x3 = await startRecordingSession(e2, F2, a2, O2, E2, D2, _2, "JS/TS", C2);
         if ((_b = x3.data) == null ? void 0 : _b.startRecordingSession) {
-          const u4 = await initializeRecording(m3, a2, e2, F2);
-          U2.ws = u4, U2.initialized = true, U2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e3 = "", a3 = "") {
+          const u4 = (I2 == null ? void 0 : I2.env) || (I2 == null ? void 0 : I2.environment), C3 = await initializeRecording(m3, a2, e2, F2, u4);
+          U2.ws = C3, U2.initialized = true, U2.sentMapUuidOnce || (!(function sendMapUuidIfAvailable(e3 = "", a3 = "") {
             window.sfMapUuid && sendMessage({ type: "mapUuid", data: { mapUuid: window.sfMapUuid, serviceIdentifier: e3, serviceVersion: a3 } });
           })(b2, w2), U2.sentMapUuidOnce = true);
         } else console.error("Failed to start recording session:", x3.errors || x3);

package/dist/recording.js

@@ -155,8 +155,8 @@ export function initializeConsolePlugin(consoleRecordSettings, sessionId) {
 }
 export async function initializeRecording(captureSettings, // TODO - Sibyl post-launch - replace type
 // networkRecordSettings: NetworkRecordOptions,
-backendApi, apiKey, sessionId) {
-    const webSocket = initializeWebSocket(backendApi, apiKey, sessionId);
+backendApi, apiKey, sessionId, envValue) {
+    const webSocket = initializeWebSocket(backendApi, apiKey, sessionId, envValue);
     try {
         record({
             emit(event) {

package/dist/types/recording.d.ts

@@ -10,4 +10,4 @@ export declare const getUrlAndStoredUuids: () => {
 export declare function initializeDomContentEvents(sessionId: string): void;
 export declare function initializeConsolePlugin(consoleRecordSettings: LogRecordOptions, sessionId: string): void;
 export declare function initializeRecording(captureSettings: any, // TODO - Sibyl post-launch - replace type
-backendApi: string, apiKey: string, sessionId: string): Promise<ReconnectingWebSocket>;
+backendApi: string, apiKey: string, sessionId: string, envValue?: string): Promise<ReconnectingWebSocket>;

package/dist/types/websocket.d.ts

@@ -1,7 +1,7 @@
 import ReconnectingWebSocket from "reconnecting-websocket";
 export declare function flushBufferedEvents(): Promise<void>;
 export declare function sendEvent(event: any): void;
-export declare function initializeWebSocket(backendApi: string, apiKey: string, sessionId: string): ReconnectingWebSocket;
+export declare function initializeWebSocket(backendApi: string, apiKey: string, sessionId: string, envValue?: string): ReconnectingWebSocket;
 export declare function sendMessage(message: Record<string, any>): void;
 /**
  * Enable function span tracking for this session (e.g., when report issue recording starts)

package/dist/websocket.js

@@ -203,14 +203,18 @@ export function sendEvent(event) {
         saveEventToIDB(enrichedEvent);
     }
 }
-export function initializeWebSocket(backendApi, apiKey, sessionId) {
+export function initializeWebSocket(backendApi, apiKey, sessionId, envValue) {
     // Note: Global function span tracking state is now loaded at module initialization time
     // (see IIFE above) so headers work immediately, even before WebSocket connects.
     // The WebSocket "funcSpanTrackingControl" message will update the state if needed.
     const wsHost = getWebSocketHost(backendApi);
     const apiProtocol = new URL(backendApi).protocol;
     const wsScheme = apiProtocol === "https:" ? "wss" : "ws";
-    const wsUrl = `${wsScheme}://${wsHost}/ws/notify/?apiKey=${apiKey}&sessionId=${sessionId}&sender=JS%2FTS&version=${version}`;
+    let wsUrl = `${wsScheme}://${wsHost}/ws/notify/?apiKey=${apiKey}&sessionId=${sessionId}&sender=JS%2FTS&version=${version}`;
+    // Append envValue if provided
+    if (envValue) {
+        wsUrl += `&envValue=${encodeURIComponent(envValue)}`;
+    }
     const options = {
         connectionTimeout: 30000,
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sailfish-ai/recorder",
-  "version": "1.8.11",
+  "version": "1.8.12",
   "publishPublicly": true,
   "type": "module",
   "main": "dist/recorder.cjs",
@@ -37,7 +37,7 @@
     "dist"
   ],
   "dependencies": {
-    "@sailfish-ai/sf-map-utils": "0.4.3",
+    "@sailfish-ai/sf-map-utils": "0.4.4",
     "@sailfish-rrweb/rrweb-plugin-console-record": "0.5.2",
     "@sailfish-rrweb/rrweb-record-only": "0.5.2",
     "@sailfish-rrweb/types": "0.5.2",