@ai-matrx/meet 0.7.9 → 0.7.10

package/dist/react.cjs

@@ -4600,6 +4600,15 @@ function createLiveKitDriver(handlers, options = {}) {
       handlers.participants([local, ...remotes]);
     };
     projectRoster = roster;
+    created.on(RoomEvent.TrackSubscribed, (track) => {
+      if (track.kind !== Track.Kind.Audio || typeof document === "undefined") return;
+      const element = track.attach();
+      element.setAttribute("data-mx-meet-audio", "");
+      audioSink().appendChild(element);
+    }).on(RoomEvent.TrackUnsubscribed, (track) => {
+      if (track.kind !== Track.Kind.Audio) return;
+      for (const element of track.detach()) element.remove();
+    });
     created.on(RoomEvent.ParticipantConnected, roster).on(RoomEvent.ParticipantDisconnected, roster).on(RoomEvent.TrackSubscribed, roster).on(RoomEvent.TrackUnsubscribed, roster).on(RoomEvent.TrackMuted, roster).on(RoomEvent.TrackUnmuted, roster).on(RoomEvent.LocalTrackPublished, roster).on(RoomEvent.LocalTrackUnpublished, roster).on(RoomEvent.ParticipantNameChanged, roster).on(RoomEvent.ParticipantAttributesChanged, roster).on(RoomEvent.ParticipantMetadataChanged, roster).on(RoomEvent.RoomMetadataChanged, (metadata) => {
       handlers.roomMetadata?.(metadata ?? "");
     }).on(RoomEvent.ActiveSpeakersChanged, (speakers) => {
@@ -4615,6 +4624,8 @@ function createLiveKitDriver(handlers, options = {}) {
         participant?.identity ?? null
       );
     }).on(RoomEvent.Disconnected, (reason) => {
+      audioContainer?.remove();
+      audioContainer = null;
       handlers.disconnected(reason === void 0 ? null : String(reason));
     });
     try {
@@ -4656,10 +4667,26 @@ function createLiveKitDriver(handlers, options = {}) {
       microphone: Track.Source.Microphone,
       screen: Track.Source.ScreenShare
     };
+    trackEvents = {
+      subscribed: RoomEvent.TrackSubscribed,
+      localPublished: RoomEvent.LocalTrackPublished
+    };
     room = created;
     return created;
   }
   let sources = null;
+  let trackEvents = null;
+  let audioContainer = null;
+  function audioSink() {
+    if (audioContainer !== null && audioContainer.isConnected) return audioContainer;
+    const container = document.createElement("div");
+    container.setAttribute("data-mx-meet-audio-sink", "");
+    container.setAttribute("aria-hidden", "true");
+    container.style.display = "none";
+    document.body.appendChild(container);
+    audioContainer = container;
+    return container;
+  }
   function requireRoom(operation) {
     if (room === null) {
       throw new MeetError(
@@ -4690,6 +4717,8 @@ function createLiveKitDriver(handlers, options = {}) {
       } catch {
       }
       projectRoster = null;
+      audioContainer?.remove();
+      audioContainer = null;
       await target.disconnect();
     },
     async setMicrophoneEnabled(enabled) {
@@ -4755,14 +4784,33 @@ function createLiveKitDriver(handlers, options = {}) {
     attach(identity, kind, element) {
       const target = requireRoom("attach");
       const source = sources?.[kind];
-      const participant = target.localParticipant.identity === identity ? target.localParticipant : target.remoteParticipants.get(identity);
-      if (participant === void 0 || source === void 0) return () => void 0;
-      const publication = participant.getTrackPublication(source);
-      const track = publication?.track;
-      if (track === void 0) return () => void 0;
-      track.attach(element);
+      if (source === void 0) return () => void 0;
+      let current = null;
+      const sync = () => {
+        const participant = target.localParticipant.identity === identity ? target.localParticipant : target.remoteParticipants.get(identity);
+        const track = participant?.getTrackPublication(source)?.track;
+        if (track === void 0 || track === current) return;
+        current?.detach(element);
+        track.attach(element);
+        current = track;
+      };
+      const onTrack = (...args) => {
+        const who = args[args.length - 1];
+        if (who?.identity === identity) sync();
+      };
+      sync();
+      const events = trackEvents;
+      if (events !== null) {
+        target.on(events.subscribed, onTrack);
+        target.on(events.localPublished, onTrack);
+      }
       return () => {
-        track.detach(element);
+        if (events !== null) {
+          target.off(events.subscribed, onTrack);
+          target.off(events.localPublished, onTrack);
+        }
+        current?.detach(element);
+        current = null;
       };
     },
     activeDevices() {
@@ -6352,6 +6400,7 @@ function kindOf(person) {
   if (person.role === "host") return "host";
   if (person.role === "cohost") return "cohost";
   if (person.role === "guest") return person.userId !== null ? "signed-in guest" : "guest";
+  if (person.userId === null) return "guest";
   return "member";
 }
 function ms(iso) {