comments

packages/sdks/web/src/replay/recorder.ts

@@ -48,8 +48,9 @@ export function startReplayRecorder(
     if (buffer.length === 0) return;
 
     const payloadJson = JSON.stringify(buffer);
+    const payloadBytes = new TextEncoder().encode(payloadJson).length;
 
-    if (payloadJson.length > maxPayloadBytes) {
+    if (payloadBytes > maxPayloadBytes) {
       if (buffer.length > 1) {
         const mid = Math.floor(buffer.length / 2);
         const firstHalf = buffer.slice(0, mid);
@@ -70,17 +71,21 @@ export function startReplayRecorder(
     const startedAt = buffer[0]!.timestamp;
     const endedAt = buffer[buffer.length - 1]!.timestamp;
 
-    sendChunk({
-      chunk_index: chunkIndex,
-      events_count: buffer.length,
-      is_full_snapshot: isFullSnapshot,
-      started_at: new Date(startedAt).toISOString(),
-      ended_at: new Date(endedAt).toISOString(),
-      payload: payloadJson,
-    });
-
-    chunkIndex += 1;
-    buffer = [];
+    try {
+      sendChunk({
+        chunk_index: chunkIndex,
+        events_count: buffer.length,
+        is_full_snapshot: isFullSnapshot,
+        started_at: new Date(startedAt).toISOString(),
+        ended_at: new Date(endedAt).toISOString(),
+        payload: payloadJson,
+      });
+      chunkIndex += 1;
+      buffer = [];
+    } catch (err) {
+      console.error('[ReplayRecorder] sendChunk failed', err);
+      throw err;
+    }
   }
 
   function flushIfNeeded(isCheckout: boolean): void {
@@ -132,6 +137,11 @@ export function startReplayRecorder(
   window.addEventListener('pagehide', onPageHide);
 
   stopRecording = () => {
+    // Flush any buffered events before tearing down (same logic as flushTimer)
+    if (buffer.length > 0) {
+      const hasFullSnapshot = buffer.some((e) => e.type === 2);
+      flush(hasFullSnapshot);
+    }
     if (flushTimer) {
       clearInterval(flushTimer);
       flushTimer = null;

packages/sdks/web/src/types.d.ts

@@ -14,7 +14,9 @@ type ExposedMethodsNames =
   | 'clearRevenue'
   | 'pendingRevenue'
   | 'screenView'
-  | 'fetchDeviceId';
+  | 'fetchDeviceId'
+  | 'getDeviceId'
+  | 'getSessionId';
 
 export type ExposedMethods = {
   [K in ExposedMethodsNames]: OpenPanel[K] extends (...args: any[]) => any
@@ -38,7 +40,7 @@ type OpenPanelMethodSignatures = {
 } & {
   screenView(
     pathOrProperties?: string | TrackProperties,
-    properties?: TrackProperties,
+    properties?: TrackProperties
   ): void;
 };
 

packages/sdks/web/src/types.debug.ts

@@ -1,4 +1,5 @@
 // Test callable function API
+/** biome-ignore-all lint/correctness/noUnusedVariables: test */
 function testCallableAPI() {
   // ✅ Should work - correct callable syntax
   window.op('track', 'button_clicked', { location: 'header' });
@@ -29,6 +30,7 @@ function testDirectMethodAPI() {
   window.op.flushRevenue();
   window.op.clearRevenue();
   window.op.fetchDeviceId();
+  window.op.getDeviceId();
 
   // ❌ Should error - wrong arguments for track
   // @ts-expect-error - track expects (name: string, properties?: TrackProperties)