@fluxstack/live-client 0.5.0 → 0.6.0

package/dist/live-client.browser.global.js

@@ -39,7 +39,7 @@ var FluxstackLive = (() => {
   });
 
   // src/connection.ts
-  var LiveConnection = class {
+  var _LiveConnection = class _LiveConnection {
     constructor(options = {}) {
       __publicField(this, "ws", null);
       __publicField(this, "options");
@@ -59,6 +59,7 @@ var FluxstackLive = (() => {
         authenticated: false,
         auth: { authenticated: false, session: null }
       });
+      __publicField(this, "consecutiveHeartbeatFailures", 0);
       this.options = {
         url: options.url,
         auth: options.auth,
@@ -203,16 +204,30 @@ var FluxstackLive = (() => {
     }
     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);
     }
@@ -396,8 +411,15 @@ var FluxstackLive = (() => {
           { type: "AUTH", payload: credentials },
           5e3
         );
-        const success = response.authenticated || false;
-        this.setState({ authenticated: success });
+        const payload = response.payload;
+        const success = payload?.authenticated || false;
+        this.setState({
+          authenticated: success,
+          auth: {
+            authenticated: success,
+            session: success ? payload?.session || null : null
+          }
+        });
         return success;
       } catch {
         return false;
@@ -421,6 +443,8 @@ var FluxstackLive = (() => {
       this.stateListeners.clear();
     }
   };
+  __publicField(_LiveConnection, "MAX_HEARTBEAT_FAILURES", 3);
+  var LiveConnection = _LiveConnection;
 
   // src/component.ts
   function isPlainObject(v) {
@@ -1419,7 +1443,10 @@ var FluxstackLive = (() => {
         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) {