@signalwire/js 3.7.1-dev.202201131750.6d234cc.0 → 3.8.0

package/dist/index.esm.js

@@ -38,16 +38,16 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// src/video.ts
-var video_exports = {};
-__export(video_exports, {
-  RoomSession: () => RoomSession,
-  createClient: () => createClient,
-  createRoomObject: () => createRoomObject,
-  joinRoom: () => joinRoom
+// src/chat/index.ts
+var chat_exports = {};
+__export(chat_exports, {
+  ChatMember: () => ChatMember,
+  ChatMessage: () => ChatMessage,
+  Client: () => Client2
 });
+import { Chat } from "@signalwire/core";
 
-// src/createRoomObject.ts
+// src/chat/Client.ts
 import { getLogger as getLogger3 } from "@signalwire/core";
 
 // src/createClient.ts
@@ -474,6 +474,117 @@ var RoomSessionDeviceAPI = extendComponent2(RoomSessionDeviceConnection, {
   setInputSensitivity: Rooms2.setInputSensitivityMember
 });
 
+// src/video/memberListUpdatedWorker.ts
+import {
+  sagaEffects as sagaEffects2,
+  toSyntheticEvent,
+  validateEventsToSubscribe,
+  toInternalEventName
+} from "@signalwire/core";
+var noop = () => {
+};
+var EXTERNAL_MEMBER_LIST_UPDATED_EVENT = "video.memberList.updated";
+var INTERNAL_MEMBER_LIST_UPDATED_EVENT = toInternalEventName({
+  event: EXTERNAL_MEMBER_LIST_UPDATED_EVENT
+});
+var SYNTHETIC_MEMBER_LIST_UPDATED_EVENT = toSyntheticEvent(INTERNAL_MEMBER_LIST_UPDATED_EVENT);
+var MEMBER_LIST_EVENTS = [
+  "video.room.joined",
+  "video.member.joined",
+  "video.member.left",
+  "video.member.updated"
+];
+var isMemberListEvent = (event) => {
+  return MEMBER_LIST_EVENTS.includes(event);
+};
+var getMemberListEventsToSubscribe = (subscriptions) => {
+  return validateEventsToSubscribe(MEMBER_LIST_EVENTS).filter((event) => {
+    return !subscriptions.includes(event);
+  });
+};
+var shouldHandleMemberList = (subscriptions) => {
+  return subscriptions.some((event) => event.includes(INTERNAL_MEMBER_LIST_UPDATED_EVENT));
+};
+var getMembersFromAction = (action) => {
+  if (action.type === "video.room.joined") {
+    return action.payload.room_session.members;
+  }
+  return [action.payload.member];
+};
+var getUpdatedMembers = ({
+  action,
+  memberList
+}) => {
+  const actionMembers = getMembersFromAction(action);
+  switch (action.type) {
+    case "video.member.left":
+      actionMembers.forEach((member) => {
+        memberList.delete(member.id);
+      });
+      break;
+    default:
+      actionMembers.forEach((member) => {
+        memberList.set(member.id, member);
+      });
+  }
+  return Array.from(memberList.values());
+};
+var initMemberListSubscriptions = (room, subscriptions) => {
+  const events = getMemberListEventsToSubscribe(subscriptions);
+  events.forEach((event) => {
+    room.once(event, noop);
+  });
+  const eventBridgeHandler = ({ members }) => {
+    room.emit(EXTERNAL_MEMBER_LIST_UPDATED_EVENT, { members });
+  };
+  room.on(SYNTHETIC_MEMBER_LIST_UPDATED_EVENT, eventBridgeHandler);
+  const cleanup = () => {
+    room.off(SYNTHETIC_MEMBER_LIST_UPDATED_EVENT, eventBridgeHandler);
+  };
+  return {
+    cleanup
+  };
+};
+function* membersListUpdatedWatcher({
+  pubSubChannel
+}) {
+  const memberList = /* @__PURE__ */ new Map();
+  function* worker(pubSubAction) {
+    const roomSessionId = pubSubAction.type === "video.room.joined" ? pubSubAction.payload.room_session.id : pubSubAction.payload.room_session_id;
+    const members = getUpdatedMembers({ action: pubSubAction, memberList });
+    const memberListPayload = {
+      room_session_id: roomSessionId,
+      members
+    };
+    yield sagaEffects2.put(pubSubChannel, {
+      type: SYNTHETIC_MEMBER_LIST_UPDATED_EVENT,
+      payload: memberListPayload
+    });
+  }
+  while (true) {
+    const pubSubAction = yield sagaEffects2.take(pubSubChannel, ({ type }) => {
+      return isMemberListEvent(type);
+    });
+    yield sagaEffects2.fork(worker, pubSubAction);
+  }
+}
+var memberListUpdatedWorker = function* membersChangedWorker({
+  channels: { pubSubChannel },
+  instance
+}) {
+  const subscriptions = instance.getSubscriptions();
+  if (!shouldHandleMemberList(subscriptions)) {
+    return;
+  }
+  const { cleanup } = initMemberListSubscriptions(instance, subscriptions);
+  yield sagaEffects2.fork(membersListUpdatedWatcher, {
+    pubSubChannel
+  });
+  instance.once("destroy", () => {
+    cleanup();
+  });
+};
+
 // src/BaseRoomSession.ts
 var RoomSessionConnection = class extends BaseConnection3 {
   constructor() {
@@ -535,6 +646,12 @@ var RoomSessionConnection = class extends BaseConnection3 {
       ]
     ]);
   }
+  attachPreConnectWorkers() {
+    this.setWorker("memberListUpdated", {
+      worker: memberListUpdatedWorker
+    });
+    this.attachWorkers();
+  }
   async createScreenShareObject(opts = {}) {
     return this.startScreenShare(opts);
   }
@@ -848,7 +965,7 @@ var JWTSession = class extends BaseJWTSession {
   constructor() {
     super(...arguments);
     __publicField(this, "WebSocketConstructor", WebSocket);
-    __publicField(this, "agent", "@signalwire/js/3.7.1-dev.202201131750.6d234cc.0");
+    __publicField(this, "agent", "@signalwire/js/3.8.0");
   }
 };
 
@@ -872,7 +989,47 @@ var createClient = (userOptions) => {
   return client;
 };
 
+// src/chat/Client.ts
+var Client2 = function(chatOptions) {
+  if (process.env.NODE_ENV === "production") {
+    getLogger3().warn("`Chat` is still under development and may change in the future without prior notice.");
+  }
+  const client = createClient(chatOptions);
+  const subscribe = async (channels) => {
+    await client.connect();
+    return client.chat.subscribe(channels);
+  };
+  const publish = async (params) => {
+    await client.connect();
+    return client.chat.publish(params);
+  };
+  return new Proxy(client.chat, {
+    get(target, prop, receiver) {
+      if (prop === "subscribe") {
+        return subscribe;
+      } else if (prop === "publish") {
+        return publish;
+      }
+      return Reflect.get(target, prop, receiver);
+    }
+  });
+};
+
+// src/chat/index.ts
+var ChatMember = Chat.ChatMember;
+var ChatMessage = Chat.ChatMessage;
+
+// src/video.ts
+var video_exports = {};
+__export(video_exports, {
+  RoomSession: () => RoomSession,
+  createClient: () => createClient,
+  createRoomObject: () => createRoomObject,
+  joinRoom: () => joinRoom
+});
+
 // src/createRoomObject.ts
+import { getLogger as getLogger4 } from "@signalwire/core";
 var VIDEO_CONSTRAINTS = {
   aspectRatio: { ideal: 16 / 9 }
 };
@@ -911,7 +1068,7 @@ var createRoomObject = (roomOptions) => {
         rootElement = el;
       } else {
         rootElement = document.body;
-        getLogger3().warn(`We couldn't find an element with id: ${rootElementId}: using 'document.body' instead.`);
+        getLogger4().warn(`We couldn't find an element with id: ${rootElementId}: using 'document.body' instead.`);
       }
     }
     const room = client.rooms.makeRoomObject({
@@ -950,7 +1107,9 @@ var joinRoom = (roomOptions) => {
 };
 
 // src/RoomSession.ts
-import { getLogger as getLogger4 } from "@signalwire/core";
+import {
+  getLogger as getLogger5
+} from "@signalwire/core";
 var VIDEO_CONSTRAINTS2 = {
   aspectRatio: { ideal: 16 / 9 }
 };
@@ -1019,21 +1178,25 @@ var RoomSession = function(roomOptions) {
   const join = () => {
     return new Promise(async (resolve, reject) => {
       try {
+        room.attachPreConnectWorkers();
         await client.connect();
         room.once("room.subscribed", () => {
           resolve(room);
         });
         await room.join();
       } catch (error) {
-        getLogger4().error("RoomSession Join", error);
+        getLogger5().error("RoomSession Join", error);
         reject(error);
       }
     });
   };
+  const interceptors = {
+    join
+  };
   return new Proxy(room, {
     get(target, prop, receiver) {
-      if (prop === "join") {
-        return join;
+      if (prop in interceptors) {
+        return interceptors[prop];
       }
       if (!target.active && UNSAFE_PROP_ACCESS.includes(prop)) {
         throw new Error(`Tried to access the property/method "${prop}" before the room was connected. Please call roomSession.join() first.`);
@@ -1105,42 +1268,9 @@ import {
   stopStream,
   stopTrack
 } from "@signalwire/webrtc";
-
-// src/chat/index.ts
-var chat_exports = {};
-__export(chat_exports, {
-  Client: () => Client2
-});
-
-// src/chat/Client.ts
-import { getLogger as getLogger5 } from "@signalwire/core";
-var Client2 = function(chatOptions) {
-  if (process.env.NODE_ENV === "production") {
-    getLogger5().warn("`Chat` is still under development and may change in the future without prior notice.");
-  }
-  const client = createClient(chatOptions);
-  const subscribe = async (channels) => {
-    await client.connect();
-    return client.chat.subscribe(channels);
-  };
-  const publish = async (params) => {
-    await client.connect();
-    return client.chat.publish(params);
-  };
-  return new Proxy(client.chat, {
-    get(target, prop, receiver) {
-      if (prop === "subscribe") {
-        return subscribe;
-      } else if (prop === "publish") {
-        return publish;
-      }
-      return Reflect.get(target, prop, receiver);
-    }
-  });
-};
 export {
+  chat_exports as Chat,
   video_exports as Video,
-  webrtc_exports as WebRTC,
-  chat_exports as __sw__Chat
+  webrtc_exports as WebRTC
 };
 //# sourceMappingURL=index.esm.js.map