Make calls automatically disconnect if the widget disappears

src/models/Call.ts

@@ -255,6 +255,7 @@ export abstract class Call extends TypedEventEmitter<CallEvent, CallEventHandler
  }
 
  this.room.on(RoomEvent.MyMembership, this.onMyMembership);
+ WidgetMessagingStore.instance.on(WidgetMessagingStoreEvent.StopMessaging, this.onStopMessaging);
  window.addEventListener("beforeunload", this.beforeUnload);
  this.connectionState = ConnectionState.Connected;
  }
@@ -275,6 +276,7 @@ export abstract class Call extends TypedEventEmitter<CallEvent, CallEventHandler
  */
  public setDisconnected() {
  this.room.off(RoomEvent.MyMembership, this.onMyMembership);
+ WidgetMessagingStore.instance.off(WidgetMessagingStoreEvent.StopMessaging, this.onStopMessaging);
  window.removeEventListener("beforeunload", this.beforeUnload);
  this.messaging = null;
  this.connectionState = ConnectionState.Disconnected;
@@ -292,6 +294,13 @@ export abstract class Call extends TypedEventEmitter<CallEvent, CallEventHandler
  if (membership !== "join") this.setDisconnected();
  };
 
+ private onStopMessaging = (uid: string) => {
+ if (uid === this.widgetUid) {
+ logger.log("The widget died; treating this as a user hangup");
+ this.setDisconnected();
+ }
+ };
+
  private beforeUnload = () => this.setDisconnected();
 }
 

test/models/Call-test.ts

@@ -784,6 +784,13 @@ describe("ElementCall", () => {
  expect(call.connectionState).toBe(ConnectionState.Connected);
  });
 
+ it("disconnects if the widget dies", async () => {
+ await call.connect();
+ expect(call.connectionState).toBe(ConnectionState.Connected);
+ WidgetMessagingStore.instance.stopMessaging(widget, room.roomId);
+ expect(call.connectionState).toBe(ConnectionState.Disconnected);
+ });
+
  it("tracks participants in room state", async () => {
  expect(call.participants).toEqual(new Map());