Simplify local transport connection state tracking

src/state/Connection.ts

@@ -21,7 +21,7 @@ import {
   type CallMembership,
   type LivekitTransport,
 } from "matrix-js-sdk/lib/matrixrtc";
-import { BehaviorSubject, combineLatest } from "rxjs";
+import { BehaviorSubject, combineLatest, type Observable } from "rxjs";
 
 import {
   getSFUConfigWithOpenID,
@@ -60,7 +60,7 @@ export type TransportState =
   | { state: "FailedToStart"; error: Error; transport: LivekitTransport }
   | {
       state: "ConnectedToLkRoom";
-      connectionState: ConnectionState;
+      connectionState$: Observable<ConnectionState>;
       transport: LivekitTransport;
     }
   | { state: "Stopped"; transport: LivekitTransport };
@@ -159,7 +159,7 @@ export class Connection {
       this._transportState$.next({
         state: "ConnectedToLkRoom",
         transport: this.transport,
-        connectionState: this.livekitRoom.state,
+        connectionState$: connectionStateObserver(this.livekitRoom),
       });
     } catch (error) {
       this._transportState$.next({
@@ -250,20 +250,6 @@ export class Connection {
       [],
     );
 
-    scope
-      .behavior<ConnectionState>(connectionStateObserver(this.livekitRoom))
-      .subscribe((connectionState) => {
-        const current = this._transportState$.value;
-        // Only update the state if we are already connected to the LiveKit room.
-        if (current.state === "ConnectedToLkRoom") {
-          this._transportState$.next({
-            state: "ConnectedToLkRoom",
-            connectionState,
-            transport: current.transport,
-          });
-        }
-      });
-
     scope.onEnd(() => void this.stop());
   }
 }