fix: should now sync with other devices

toju-app/src/app/infrastructure/realtime/realtime-session.service.ts

@@ -17,9 +17,15 @@ import {
   inject,
   OnDestroy
 } from '@angular/core';
-import { Observable, Subject } from 'rxjs';
+import { Observable, Subject, merge } from 'rxjs';
 import { ChatEvent } from '../../shared-kernel';
 import type { SignalingMessage } from '../../shared-kernel';
+import {
+  isRelayableAccountSyncEvent,
+  shouldApplyAccountSyncPayload,
+  unwrapAccountSyncPayload,
+  type AccountSyncSignalingMessage
+} from './account-sync/account-sync.rules';
 import { TimeSyncService } from '../../core/services/time-sync.service';
 import { DebuggingService } from '../../core/services/debugging';
 import { ScreenShareSourcePickerService } from '../../domains/screen-share';
@@ -83,12 +89,14 @@ export class WebRTCService implements OnDestroy {
   private readonly signalingMessage$ = new Subject<IncomingSignalingMessage>();
   readonly onSignalingMessage = this.signalingMessage$.asObservable();
 
+  private readonly accountSyncRelay$ = new Subject<ChatEvent>();
+
   private readonly signalingReconnectedSubject$ = new Subject<string>();
   readonly signalingReconnected$ = this.signalingReconnectedSubject$.asObservable();
 
   // Delegates to managers
   get onMessageReceived(): Observable<ChatEvent> {
-    return this.peerMediaFacade.onMessageReceived;
+    return merge(this.peerMediaFacade.onMessageReceived, this.accountSyncRelay$);
   }
   get onPeerConnected(): Observable<string> {
     return this.peerMediaFacade.onPeerConnected;
@@ -304,6 +312,19 @@ export class WebRTCService implements OnDestroy {
       return;
     }
 
+    if (message.type === 'account_sync') {
+      const accountMessage = message as AccountSyncSignalingMessage;
+
+      if (shouldApplyAccountSyncPayload(
+        accountMessage.clientInstanceId,
+        this.clientInstance.getClientInstanceId()
+      )) {
+        this.accountSyncRelay$.next(unwrapAccountSyncPayload(accountMessage));
+      }
+
+      return;
+    }
+
     this.signalingMessage$.next(message);
     this.signalingMessageHandler.handleMessage(message, signalUrl);
   }
@@ -451,6 +472,24 @@ export class WebRTCService implements OnDestroy {
     this.relayBroadcastEvent(event);
   }
 
+  /** Relay account-owned state to the user's other connected devices. */
+  relayAccountSync(event: ChatEvent): void {
+    if (!isRelayableAccountSyncEvent(event)) {
+      return;
+    }
+
+    const clientInstanceId = this.clientInstance.getClientInstanceId();
+
+    this.signalingTransportHandler.sendRawMessage({
+      type: 'account_sync',
+      clientInstanceId,
+      payload: {
+        ...event,
+        clientInstanceId
+      }
+    });
+  }
+
   /**
    * Send a {@link ChatEvent} to a specific peer.
    *
@@ -742,7 +781,11 @@ export class WebRTCService implements OnDestroy {
         },
         clientInstanceId
       });
+
+      return;
     }
+
+    this.relayAccountSync(event);
   }
 
   requestVoiceClientTakeover(): void {