Use a heartbeat to allow the client to reconnect after network failures.

1 files changed, 6 insertions, 2 deletions

diff --git a/ui/lib/state/remote/state.svelte.js b/ui/lib/state/remote/state.svelte.js
index 6cbe124..29831a0 100644
--- a/ui/lib/state/remote/state.svelte.js
+++ b/ui/lib/state/remote/state.svelte.js
@@ -8,9 +8,10 @@ export class State {
   channels = $state();
   messages = $state();
 
-  static boot({ currentUser, users, channels, messages, resumePoint }) {
+  static boot({ currentUser, heartbeat, users, channels, messages, resumePoint }) {
     return new State({
       currentUser,
+      heartbeat,
       users: Users.boot(users),
       channels: Channels.boot(channels),
       messages: Messages.boot(messages),
@@ -18,8 +19,9 @@ export class State {
     });
   }
 
-  constructor({ currentUser, users, channels, messages, resumePoint }) {
+  constructor({ currentUser, heartbeat, users, channels, messages, resumePoint }) {
     this.currentUser = currentUser;
+    this.heartbeat = heartbeat;
     this.users = users;
     this.channels = channels;
     this.messages = messages;
@@ -27,6 +29,8 @@ export class State {
   }
 
   onEvent(event) {
+    // Heartbeats are actually completely ignored here. They're handled in `Session`, but not as a
+    // special case; _any_ event is a heartbeat event.
     switch (event.type) {
       case 'channel':
         return this.onChannelEvent(event);