@fluxstack/live-client 0.5.1 → 0.6.1

package/src/connection.ts

@@ -245,16 +245,32 @@ export class LiveConnection {
     }
   }
 
+  private consecutiveHeartbeatFailures = 0
+  private static readonly MAX_HEARTBEAT_FAILURES = 3
+
   private startHeartbeat(): void {
     this.stopHeartbeat()
+    this.consecutiveHeartbeatFailures = 0
     this.heartbeatInterval = setInterval(() => {
       if (this.ws?.readyState === WebSocket.OPEN) {
+        let failed = false
         for (const componentId of this.componentCallbacks.keys()) {
           this.sendMessage({
             type: 'COMPONENT_PING',
             componentId,
             timestamp: Date.now(),
-          }).catch(() => {})
+          }).catch(() => { failed = true })
+        }
+        if (failed) {
+          this.consecutiveHeartbeatFailures++
+          this.log(`Heartbeat failed (${this.consecutiveHeartbeatFailures}/${LiveConnection.MAX_HEARTBEAT_FAILURES})`)
+          if (this.consecutiveHeartbeatFailures >= LiveConnection.MAX_HEARTBEAT_FAILURES) {
+            this.log('Too many heartbeat failures, reconnecting...')
+            this.setState({ error: 'Heartbeat failed' })
+            this.reconnect()
+          }
+        } else {
+          this.consecutiveHeartbeatFailures = 0
         }
       }
     }, this.options.heartbeatInterval)

package/src/persistence.ts

@@ -25,7 +25,11 @@ export function persistState(
     localStorage.setItem(`${STORAGE_KEY_PREFIX}${name}`, JSON.stringify({
       componentName: name, signedState, room, userId, lastUpdate: Date.now(),
     }))
-  } catch {}
+  } catch (e) {
+    if (typeof console !== 'undefined') {
+      console.warn(`[fluxstack] Failed to persist state for '${name}':`, e instanceof Error ? e.message : e)
+    }
+  }
 }
 
 export function getPersistedState(enabled: boolean, name: string): PersistedState | null {

package/src/rooms.ts

@@ -18,6 +18,10 @@ function deepMerge<T extends Record<string, any>>(target: T, source: Partial<T>,
   const result = { ...target }
   for (const key of Object.keys(source) as Array<keyof T>) {
     const newVal = source[key]
+    if (newVal === null) {
+      delete result[key]
+      continue
+    }
     const oldVal = result[key]
     if (isPlainObject(oldVal) && isPlainObject(newVal)) {
       result[key] = deepMerge(oldVal as any, newVal as any, seen)