@fluxstack/live-client 0.5.1 → 0.6.1

package/dist/index.cjs

@@ -37,7 +37,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/connection.ts
-var LiveConnection = class {
+var LiveConnection = class _LiveConnection {
   ws = null;
   options;
   reconnectAttempts = 0;
@@ -199,18 +199,34 @@ var LiveConnection = class {
       this.setState({ error: "Max reconnection attempts reached" });
     }
   }
+  consecutiveHeartbeatFailures = 0;
+  static MAX_HEARTBEAT_FAILURES = 3;
   startHeartbeat() {
     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(() => {
+            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);
   }
@@ -438,6 +454,10 @@ function deepMerge(target, source, seen) {
   const result = { ...target };
   for (const key of Object.keys(source)) {
     const newVal = source[key];
+    if (newVal === null) {
+      delete result[key];
+      continue;
+    }
     const oldVal = result[key];
     if (isPlainObject(oldVal) && isPlainObject(newVal)) {
       result[key] = deepMerge(oldVal, newVal, seen);
@@ -718,6 +738,10 @@ function deepMerge2(target, source, seen) {
   const result = { ...target };
   for (const key of Object.keys(source)) {
     const newVal = source[key];
+    if (newVal === null) {
+      delete result[key];
+      continue;
+    }
     const oldVal = result[key];
     if (isPlainObject2(oldVal) && isPlainObject2(newVal)) {
       result[key] = deepMerge2(oldVal, newVal, seen);
@@ -1424,7 +1448,10 @@ function persistState(enabled, name, signedState, room, userId) {
       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);
+    }
   }
 }
 function getPersistedState(enabled, name) {