@akhilpulse/samadhaan-session-replay 0.2.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akhilpulse/samadhaan-session-replay",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React Native SDK for Samadhaan Guided Support — session recording, live remote screen-share, take-control, and guided-tour overlays.",
   "main": "src/index.ts",
   "module": "src/index.ts",

package/src/SessionReplayProvider.tsx

@@ -35,7 +35,7 @@ import AsyncStorage from "@react-native-async-storage/async-storage";
 import { captureRef } from "react-native-view-shot";
 
 const STORAGE_KEY = "@akhilpulse/samadhaan-session-replay/sessionId";
-const SDK_VERSION = "0.2.0";
+const SDK_VERSION = "0.2.1";
 
 /** Default Samadhaan production endpoint. Override via `config.serverUrl` for staging. */
 export const DEFAULT_SERVER_URL = "https://samadhaan.pulseenergy.io";
@@ -124,6 +124,8 @@ export function SessionReplayProvider({ config, children }: { config: Config; ch
   }, [flushEvents]);
 
   // ---- Session init / resume ----
+  // initTick is bumped whenever we recycle (sessionId went to null at runtime) so this effect re-fires.
+  const [initTick, setInitTick] = useState(0);
   useEffect(() => {
     let cancelled = false;
     (async () => {
@@ -134,8 +136,17 @@ export function SessionReplayProvider({ config, children }: { config: Config; ch
           const r = await fetch(`${serverUrl}/api/guided-support/sessions/${stored}/status`);
           if (r.ok) {
             const j = await r.json();
-            if (!cancelled) { setSessionId(stored); setStatus(j.status || "active"); setIngestToken(j.ingestToken); }
-            return;
+            // If the stored session was already ended (server-side idle timeout while app
+            // was backgrounded), drop it and fall through to create a fresh one.
+            if (j.status === "ended") {
+              try { await AsyncStorage.removeItem(STORAGE_KEY); } catch {}
+            } else {
+              if (!cancelled) { setSessionId(stored); setStatus(j.status || "active"); setIngestToken(j.ingestToken); }
+              return;
+            }
+          } else {
+            // 404 / not found — clear stale id and create fresh.
+            try { await AsyncStorage.removeItem(STORAGE_KEY); } catch {}
           }
         }
         const res = await fetch(`${serverUrl}/api/guided-support/sessions`, {
@@ -164,7 +175,7 @@ export function SessionReplayProvider({ config, children }: { config: Config; ch
       }
     })();
     return () => { cancelled = true; };
-  }, [config.appId, serverUrl, config.appVersion, config.user]);
+  }, [config.appId, serverUrl, config.appVersion, config.user, initTick]);
 
   // ---- Keyboard tracking (iOS auto-pause) ----
   useEffect(() => {
@@ -182,11 +193,12 @@ export function SessionReplayProvider({ config, children }: { config: Config; ch
         if (r.ok) {
           const j = await r.json();
           if (j.status === "ended") {
-            // Server idle-ended this session. Drop it and create a fresh one on next mount cycle.
+            // Server idle-ended this session. Drop it and immediately recycle (init effect re-fires via initTick).
             try { await AsyncStorage.removeItem(STORAGE_KEY); } catch {}
             setSessionId(null);
             setIngestToken(null);
             setStatus("idle");
+            setInitTick(t => t + 1);
           } else {
             setStatus(j.status);
           }
@@ -208,7 +220,14 @@ export function SessionReplayProvider({ config, children }: { config: Config; ch
       try {
         const ref = rootRef.current;
         if (ref) {
-          const uri = await captureRef(ref as any, { format: "jpg", quality: liveMode ? 0.4 : 0.7, result: "base64" });
+          // Cap capture width to keep payloads small. Dashboard viewport is 960px;
+          // 540px wide JPEGs render fine and load 4-6× faster than full-resolution captures.
+          const uri = await captureRef(ref as any, {
+            format: "jpg",
+            quality: liveMode ? 0.3 : 0.45,
+            result: "base64",
+            width: liveMode ? 480 : 540,
+          });
           // upload via request-url then PUT
           const blob = base64ToUint8Array(uri);
           let path: string | null = null;