Almost running

- NEVER use undefined as the default for behaviors (FOOTGUN)

src/state/CallViewModel/remoteMembers/ConnectionManager.ts

@@ -13,7 +13,7 @@ import {
   type LivekitTransport,
   type ParticipantId,
 } from "matrix-js-sdk/lib/matrixrtc";
-import { BehaviorSubject, combineLatest, map, switchMap } from "rxjs";
+import { BehaviorSubject, combineLatest, map, of, switchMap } from "rxjs";
 import { logger as rootLogger } from "matrix-js-sdk/lib/logger";
 import { type LocalParticipant, type RemoteParticipant } from "livekit-client";
 
@@ -191,6 +191,11 @@ export function createConnectionManager$({
             );
           });
 
+        // probably not required
+        if (listOfConnectionsWithPublishingParticipants.length === 0) {
+          return of(new Epoch(new ConnectionManagerData(), epoch));
+        }
+
         // combineLatest the several streams into a single stream with the ConnectionManagerData
         return combineLatest(listOfConnectionsWithPublishingParticipants).pipe(
           map(
@@ -206,6 +211,7 @@ export function createConnectionManager$({
         );
       }),
     ),
+    new Epoch(new ConnectionManagerData()),
   );
 
   return { transports$, connectionManagerData$, connections$ };

src/state/CallViewModel/remoteMembers/MatrixLivekitMembers.ts

@@ -17,7 +17,6 @@ import { combineLatest, filter, map } from "rxjs";
 // eslint-disable-next-line rxjs/no-internal
 import { type NodeStyleEventEmitter } from "rxjs/internal/observable/fromEvent";
 import { type Room as MatrixRoom, type RoomMember } from "matrix-js-sdk";
-import { logger } from "matrix-js-sdk/lib/logger";
 
 import { type Behavior } from "../../Behavior";
 import { type IConnectionManager } from "./ConnectionManager";
@@ -56,6 +55,7 @@ interface Props {
   // => Extract an AvatarService instead?
   // Better with just `getMember`
   matrixRoom: Pick<MatrixRoom, "getMember"> & NodeStyleEventEmitter;
+  roomMember$: Behavior<Pick<RoomMember, "userId" | "getMxcAvatarUrl">>;
 }
 // Alternative structure idea:
 // const livekitMatrixMember$ = (callMemberships$,connectionManager,scope): Observable<MatrixLivekitMember[]> => {

src/state/CallViewModel/remoteMembers/displayname.ts

@@ -26,6 +26,17 @@ import {
 } from "../../../utils/displayname";
 import { type Behavior } from "../../Behavior";
 
+export function createRoomMembers$(
+  scope: ObservableScope,
+  matrixRoom: MatrixRoom,
+): Behavior<Pick<RoomMember, "userId" | "getMxcAvatarUrl">[]> {
+  return scope.behavior(
+    fromEvent(matrixRoom, RoomStateEvent.Members).pipe(
+      map(() => matrixRoom.getMembers()),
+    ),
+    [],
+  );
+}
 /**
  * Displayname for each member of the call. This will disambiguate
  * any displayname that clashes with another member. Only members
@@ -37,6 +48,7 @@ import { type Behavior } from "../../Behavior";
 export const memberDisplaynames$ = (
   scope: ObservableScope,
   matrixRoom: Pick<MatrixRoom, "getMember"> & NodeStyleEventEmitter,
+  // roomMember$: Behavior<Pick<RoomMember, "userId" | "getMxcAvatarUrl">>;
   memberships$: Observable<Epoch<CallMembership[]>>,
 ): Behavior<Epoch<Map<string, string>>> =>
   scope.behavior(