livekit-client 2.3.0 → 2.3.2

package/dist/livekit-client.esm.mjs

@@ -3782,6 +3782,15 @@ const ParticipantInfo = /*@__PURE__*/proto3.makeMessageType("livekit.Participant
   name: "kind",
   kind: "enum",
   T: proto3.getEnumType(ParticipantInfo_Kind)
+}, {
+  no: 15,
+  name: "attributes",
+  kind: "map",
+  K: 9 /* ScalarType.STRING */,
+  V: {
+    kind: "scalar",
+    T: 9 /* ScalarType.STRING */
+  }
 }]);
 
 /**
@@ -4161,7 +4170,7 @@ const SipDTMF = /*@__PURE__*/proto3.makeMessageType("livekit.SipDTMF", () => [{
  */
 const Transcription = /*@__PURE__*/proto3.makeMessageType("livekit.Transcription", () => [{
   no: 2,
-  name: "participant_identity",
+  name: "transcribed_participant_identity",
   kind: "scalar",
   T: 9 /* ScalarType.STRING */
 }, {
@@ -5171,6 +5180,15 @@ const UpdateParticipantMetadata = /*@__PURE__*/proto3.makeMessageType("livekit.U
   name: "name",
   kind: "scalar",
   T: 9 /* ScalarType.STRING */
+}, {
+  no: 3,
+  name: "attributes",
+  kind: "map",
+  K: 9 /* ScalarType.STRING */,
+  V: {
+    kind: "scalar",
+    T: 9 /* ScalarType.STRING */
+  }
 }]);
 
 /**
@@ -6571,6 +6589,19 @@ function detectBrowser(window) {
   const {
     navigator
   } = window;
+
+  // Prefer navigator.userAgentData.
+  if (navigator.userAgentData && navigator.userAgentData.brands) {
+    const chromium = navigator.userAgentData.brands.find(brand => {
+      return brand.brand === 'Chromium';
+    });
+    if (chromium) {
+      return {
+        browser: 'chrome',
+        version: parseInt(chromium.version, 10)
+      };
+    }
+  }
   if (navigator.mozGetUserMedia) {
     // Firefox.
     result.browser = 'firefox';
@@ -6846,51 +6877,6 @@ function shimGetUserMedia$2(window, browserDetails) {
   }
 }
 
-/*
- *  Copyright (c) 2018 The adapter.js project authors. All Rights Reserved.
- *
- *  Use of this source code is governed by a BSD-style license
- *  that can be found in the LICENSE file in the root of the source
- *  tree.
- */
-/* eslint-env node */
-
-function shimGetDisplayMedia$1(window, getSourceId) {
-  if (window.navigator.mediaDevices && 'getDisplayMedia' in window.navigator.mediaDevices) {
-    return;
-  }
-  if (!window.navigator.mediaDevices) {
-    return;
-  }
-  // getSourceId is a function that returns a promise resolving with
-  // the sourceId of the screen/window/tab to be shared.
-  if (typeof getSourceId !== 'function') {
-    console.error('shimGetDisplayMedia: getSourceId argument is not ' + 'a function');
-    return;
-  }
-  window.navigator.mediaDevices.getDisplayMedia = function getDisplayMedia(constraints) {
-    return getSourceId(constraints).then(sourceId => {
-      const widthSpecified = constraints.video && constraints.video.width;
-      const heightSpecified = constraints.video && constraints.video.height;
-      const frameRateSpecified = constraints.video && constraints.video.frameRate;
-      constraints.video = {
-        mandatory: {
-          chromeMediaSource: 'desktop',
-          chromeMediaSourceId: sourceId,
-          maxFrameRate: frameRateSpecified || 3
-        }
-      };
-      if (widthSpecified) {
-        constraints.video.mandatory.maxWidth = widthSpecified;
-      }
-      if (heightSpecified) {
-        constraints.video.mandatory.maxHeight = heightSpecified;
-      }
-      return window.navigator.mediaDevices.getUserMedia(constraints);
-    });
-  };
-}
-
 /*
  *  Copyright (c) 2016 The WebRTC project authors. All Rights Reserved.
  *
@@ -7065,64 +7051,6 @@ function shimGetSendersWithDtmf(window) {
     });
   }
 }
-function shimGetStats(window) {
-  if (!window.RTCPeerConnection) {
-    return;
-  }
-  const origGetStats = window.RTCPeerConnection.prototype.getStats;
-  window.RTCPeerConnection.prototype.getStats = function getStats() {
-    const [selector, onSucc, onErr] = arguments;
-
-    // If selector is a function then we are in the old style stats so just
-    // pass back the original getStats format to avoid breaking old users.
-    if (arguments.length > 0 && typeof selector === 'function') {
-      return origGetStats.apply(this, arguments);
-    }
-
-    // When spec-style getStats is supported, return those when called with
-    // either no arguments or the selector argument is null.
-    if (origGetStats.length === 0 && (arguments.length === 0 || typeof selector !== 'function')) {
-      return origGetStats.apply(this, []);
-    }
-    const fixChromeStats_ = function (response) {
-      const standardReport = {};
-      const reports = response.result();
-      reports.forEach(report => {
-        const standardStats = {
-          id: report.id,
-          timestamp: report.timestamp,
-          type: {
-            localcandidate: 'local-candidate',
-            remotecandidate: 'remote-candidate'
-          }[report.type] || report.type
-        };
-        report.names().forEach(name => {
-          standardStats[name] = report.stat(name);
-        });
-        standardReport[standardStats.id] = standardStats;
-      });
-      return standardReport;
-    };
-
-    // shim getStats with maplike support
-    const makeMapStats = function (stats) {
-      return new Map(Object.keys(stats).map(key => [key, stats[key]]));
-    };
-    if (arguments.length >= 2) {
-      const successCallbackWrapper_ = function (response) {
-        onSucc(makeMapStats(fixChromeStats_(response)));
-      };
-      return origGetStats.apply(this, [successCallbackWrapper_, selector]);
-    }
-
-    // promise-support
-    return new Promise((resolve, reject) => {
-      origGetStats.apply(this, [function (response) {
-        resolve(makeMapStats(fixChromeStats_(response)));
-      }, reject]);
-    }).then(onSucc, onErr);
-  };
-}
 function shimSenderReceiverGetStats(window) {
   if (!(typeof window === 'object' && window.RTCPeerConnection && window.RTCRtpSender && window.RTCRtpReceiver)) {
     return;
@@ -7506,9 +7434,7 @@ var chromeShim = /*#__PURE__*/Object.freeze({
     fixNegotiationNeeded: fixNegotiationNeeded,
     shimAddTrackRemoveTrack: shimAddTrackRemoveTrack,
     shimAddTrackRemoveTrackWithNative: shimAddTrackRemoveTrackWithNative,
-    shimGetDisplayMedia: shimGetDisplayMedia$1,
     shimGetSendersWithDtmf: shimGetSendersWithDtmf,
-    shimGetStats: shimGetStats,
     shimGetUserMedia: shimGetUserMedia$2,
     shimMediaStream: shimMediaStream,
     shimOnTrack: shimOnTrack$1,
@@ -9451,7 +9377,6 @@ function adapterFactory() {
       shimOnTrack$1(window);
       shimAddTrackRemoveTrack(window, browserDetails);
       shimGetSendersWithDtmf(window);
-      shimGetStats(window);
       shimSenderReceiverGetStats(window);
       fixNegotiationNeeded(window, browserDetails);
       shimRTCIceCandidate(window);
@@ -10529,7 +10454,7 @@ function getOSVersion(ua) {
   return ua.includes('mac os') ? getMatch(/\(.+?(\d+_\d+(:?_\d+)?)/, ua, 1).replace(/_/g, '.') : undefined;
 }
 
-var version$1 = "2.3.0";
+var version$1 = "2.3.2";
 
 const version = version$1;
 const protocolVersion = 13;
@@ -10734,7 +10659,7 @@ class Track extends eventsExports.EventEmitter {
     if (this.kind === Track.Kind.Video) {
       elementType = 'video';
     }
-    if (this.attachedElements.length === 0 && Track.Kind.Video) {
+    if (this.attachedElements.length === 0 && this.kind === Track.Kind.Video) {
       this.addAppVisibilityListener();
     }
     if (!element) {
@@ -15998,7 +15923,7 @@ class RTCEngine extends eventsExports.EventEmitter {
     this.maxJoinAttempts = 1;
     this.shouldFailNext = false;
     this.log = livekitLogger;
-    this.handleDataChannel = _b => __awaiter(this, [_b], void 0, function (_ref) {
+    this.handleDataChannel = _a => __awaiter(this, [_a], void 0, function (_ref) {
       var _this = this;
       let {
         channel
@@ -16019,7 +15944,7 @@ class RTCEngine extends eventsExports.EventEmitter {
       }();
     });
     this.handleDataMessage = message => __awaiter(this, void 0, void 0, function* () {
-      var _c, _d;
+      var _a, _b;
       // make sure to respect incoming data message order by processing message events one after the other
       const unlock = yield this.dataProcessLock.lock();
       try {
@@ -16036,11 +15961,11 @@ class RTCEngine extends eventsExports.EventEmitter {
           return;
         }
         const dp = DataPacket.fromBinary(new Uint8Array(buffer));
-        if (((_c = dp.value) === null || _c === void 0 ? void 0 : _c.case) === 'speaker') {
+        if (((_a = dp.value) === null || _a === void 0 ? void 0 : _a.case) === 'speaker') {
           // dispatch speaker updates
           this.emit(EngineEvent.ActiveSpeakersUpdate, dp.value.value.speakers);
         } else {
-          if (((_d = dp.value) === null || _d === void 0 ? void 0 : _d.case) === 'user') {
+          if (((_b = dp.value) === null || _b === void 0 ? void 0 : _b.case) === 'user') {
             // compatibility
             applyUserDataCompat(dp, dp.value.value);
           }
@@ -19038,6 +18963,13 @@ class LocalParticipant extends Participant {
   unpublishTrack(track, stopOnUnpublish) {
     return __awaiter(this, void 0, void 0, function* () {
       var _a, _b;
+      if (track instanceof LocalTrack) {
+        const publishPromise = this.pendingPublishPromises.get(track);
+        if (publishPromise) {
+          this.log.info('awaiting publish promise before attempting to unpublish', Object.assign(Object.assign({}, this.logContext), getLogContextFromTrack(track)));
+          yield publishPromise;
+        }
+      }
       // look through all published tracks to find the right ones
       const publication = this.getPublicationForTrack(track);
       const pubLogContext = publication ? getLogContextFromTrack(publication) : undefined;
@@ -19796,7 +19728,7 @@ class Room extends eventsExports.EventEmitter {
     this.bufferedEvents = [];
     this.isResuming = false;
     this.connect = (url, token, opts) => __awaiter(this, void 0, void 0, function* () {
-      var _c;
+      var _a;
       if (!isBrowserSupported()) {
         if (isReactNative()) {
           throw Error("WebRTC isn't detected, have you called registerGlobals?");
@@ -19817,7 +19749,7 @@ class Room extends eventsExports.EventEmitter {
         return this.connectFuture.promise;
       }
       this.setAndEmitConnectionState(ConnectionState.Connecting);
-      if (((_c = this.regionUrlProvider) === null || _c === void 0 ? void 0 : _c.getServerUrl().toString()) !== url) {
+      if (((_a = this.regionUrlProvider) === null || _a === void 0 ? void 0 : _a.getServerUrl().toString()) !== url) {
         this.regionUrl = undefined;
         this.regionUrlProvider = undefined;
       }
@@ -19837,7 +19769,7 @@ class Room extends eventsExports.EventEmitter {
         });
       }
       const connectFn = (resolve, reject, regionUrl) => __awaiter(this, void 0, void 0, function* () {
-        var _d;
+        var _a;
         if (this.abortController) {
           this.abortController.abort();
         }
@@ -19854,7 +19786,7 @@ class Room extends eventsExports.EventEmitter {
           if (this.regionUrlProvider && e instanceof ConnectionError && e.reason !== 3 /* ConnectionErrorReason.Cancelled */ && e.reason !== 0 /* ConnectionErrorReason.NotAllowed */) {
             let nextUrl = null;
             try {
-              nextUrl = yield this.regionUrlProvider.getNextBestRegionUrl((_d = this.abortController) === null || _d === void 0 ? void 0 : _d.signal);
+              nextUrl = yield this.regionUrlProvider.getNextBestRegionUrl((_a = this.abortController) === null || _a === void 0 ? void 0 : _a.signal);
             } catch (error) {
               if (error instanceof ConnectionError && (error.status === 401 || error.reason === 3 /* ConnectionErrorReason.Cancelled */)) {
                 this.handleDisconnect(this.options.stopLocalTrackOnUnpublish);
@@ -19886,7 +19818,7 @@ class Room extends eventsExports.EventEmitter {
       return this.connectFuture.promise;
     });
     this.connectSignal = (url, token, engine, connectOptions, roomOptions, abortController) => __awaiter(this, void 0, void 0, function* () {
-      var _e, _f, _g;
+      var _a, _b, _c;
       const joinResponse = yield engine.join(url, token, {
         autoSubscribe: connectOptions.autoSubscribe,
         adaptiveStream: typeof roomOptions.adaptiveStream === 'object' ? true : roomOptions.adaptiveStream,
@@ -19905,9 +19837,9 @@ class Room extends eventsExports.EventEmitter {
         let [key, value] = _ref;
         return "".concat(key, ": ").concat(value);
       }).join(', ')), {
-        room: (_e = joinResponse.room) === null || _e === void 0 ? void 0 : _e.name,
-        roomSid: (_f = joinResponse.room) === null || _f === void 0 ? void 0 : _f.sid,
-        identity: (_g = joinResponse.participant) === null || _g === void 0 ? void 0 : _g.identity
+        room: (_a = joinResponse.room) === null || _a === void 0 ? void 0 : _a.name,
+        roomSid: (_b = joinResponse.room) === null || _b === void 0 ? void 0 : _b.sid,
+        identity: (_c = joinResponse.participant) === null || _c === void 0 ? void 0 : _c.identity
       });
       if (!joinResponse.serverVersion) {
         throw new UnsupportedServer('unknown server version');
@@ -19939,8 +19871,8 @@ class Room extends eventsExports.EventEmitter {
       }
     };
     this.attemptConnection = (url, token, opts, abortController) => __awaiter(this, void 0, void 0, function* () {
-      var _h, _j, _k;
-      if (this.state === ConnectionState.Reconnecting || this.isResuming || ((_h = this.engine) === null || _h === void 0 ? void 0 : _h.pendingReconnect)) {
+      var _a, _b, _c;
+      if (this.state === ConnectionState.Reconnecting || this.isResuming || ((_a = this.engine) === null || _a === void 0 ? void 0 : _a.pendingReconnect)) {
         this.log.info('Reconnection attempt replaced by new connection attempt', this.logContext);
         // make sure we close and recreate the existing engine in order to get rid of any potentially ongoing reconnection attempts
         this.recreateEngine();
@@ -19948,7 +19880,7 @@ class Room extends eventsExports.EventEmitter {
         // create engine if previously disconnected
         this.maybeCreateEngine();
       }
-      if ((_j = this.regionUrlProvider) === null || _j === void 0 ? void 0 : _j.isCloud()) {
+      if ((_b = this.regionUrlProvider) === null || _b === void 0 ? void 0 : _b.isCloud()) {
         this.engine.setRegionUrlProvider(this.regionUrlProvider);
       }
       this.acquireAudioContext();
@@ -20001,7 +19933,7 @@ class Room extends eventsExports.EventEmitter {
       }
       if (isWeb()) {
         document.addEventListener('freeze', this.onPageLeave);
-        (_k = navigator.mediaDevices) === null || _k === void 0 ? void 0 : _k.addEventListener('devicechange', this.handleDeviceChange);
+        (_c = navigator.mediaDevices) === null || _c === void 0 ? void 0 : _c.addEventListener('devicechange', this.handleDeviceChange);
       }
       this.setAndEmitConnectionState(ConnectionState.Connected);
       this.emit(RoomEvent.Connected);
@@ -20018,7 +19950,7 @@ class Room extends eventsExports.EventEmitter {
         var _this2 = this;
         let stopTracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
         return function* () {
-          var _l, _m, _o, _p;
+          var _a, _b, _c, _d;
           const unlock = yield _this2.disconnectLock.lock();
           try {
             if (_this2.state === ConnectionState.Disconnected) {
@@ -20029,13 +19961,13 @@ class Room extends eventsExports.EventEmitter {
             if (_this2.state === ConnectionState.Connecting || _this2.state === ConnectionState.Reconnecting || _this2.isResuming) {
               // try aborting pending connection attempt
               _this2.log.warn('abort connection attempt', _this2.logContext);
-              (_l = _this2.abortController) === null || _l === void 0 ? void 0 : _l.abort();
+              (_a = _this2.abortController) === null || _a === void 0 ? void 0 : _a.abort();
               // in case the abort controller didn't manage to cancel the connection attempt, reject the connect promise explicitly
-              (_o = (_m = _this2.connectFuture) === null || _m === void 0 ? void 0 : _m.reject) === null || _o === void 0 ? void 0 : _o.call(_m, new ConnectionError('Client initiated disconnect'));
+              (_c = (_b = _this2.connectFuture) === null || _b === void 0 ? void 0 : _b.reject) === null || _c === void 0 ? void 0 : _c.call(_b, new ConnectionError('Client initiated disconnect'));
               _this2.connectFuture = undefined;
             }
             // send leave
-            if (!((_p = _this2.engine) === null || _p === void 0 ? void 0 : _p.client.isDisconnected)) {
+            if (!((_d = _this2.engine) === null || _d === void 0 ? void 0 : _d.client.isDisconnected)) {
               yield _this2.engine.client.sendLeave();
             }
             // close engine (also closes client)
@@ -20177,7 +20109,7 @@ class Room extends eventsExports.EventEmitter {
         this.log.debug("fully reconnected to server", Object.assign(Object.assign({}, this.logContext), {
           region: joinResponse.serverRegion
         }));
-      } catch (_q) {
+      } catch (_a) {
         // reconnection failed, handleDisconnect is being invoked already, just return here
         return;
       }
@@ -20245,6 +20177,10 @@ class Room extends eventsExports.EventEmitter {
     this.handleSpeakersChanged = speakerUpdates => {
       const lastSpeakers = new Map();
       this.activeSpeakers.forEach(p => {
+        const remoteParticipant = this.remoteParticipants.get(p.identity);
+        if (remoteParticipant && remoteParticipant.sid !== p.sid) {
+          return;
+        }
         lastSpeakers.set(p.sid, p);
       });
       speakerUpdates.forEach(speaker => {
@@ -20327,9 +20263,9 @@ class Room extends eventsExports.EventEmitter {
       participant === null || participant === void 0 ? void 0 : participant.emit(ParticipantEvent.SipDTMFReceived, dtmf);
     };
     this.bufferedSegments = new Map();
-    this.handleTranscription = (remoteParticipant, transcription) => {
+    this.handleTranscription = (_remoteParticipant, transcription) => {
       // find the participant
-      const participant = transcription.participantIdentity === this.localParticipant.identity ? this.localParticipant : remoteParticipant;
+      const participant = transcription.transcribedParticipantIdentity === this.localParticipant.identity ? this.localParticipant : this.getParticipantByIdentity(transcription.transcribedParticipantIdentity);
       const publication = participant === null || participant === void 0 ? void 0 : participant.trackPublications.get(transcription.trackId);
       const segments = extractTranscriptionSegments(transcription);
       publication === null || publication === void 0 ? void 0 : publication.emit(TrackEvent.TranscriptionReceived, segments);
@@ -20407,9 +20343,9 @@ class Room extends eventsExports.EventEmitter {
       (_a = processor === null || processor === void 0 ? void 0 : processor.onPublish) === null || _a === void 0 ? void 0 : _a.call(processor, this);
     };
     this.onLocalTrackPublished = pub => __awaiter(this, void 0, void 0, function* () {
-      var _r, _s, _t, _u, _v;
-      (_r = pub.track) === null || _r === void 0 ? void 0 : _r.on(TrackEvent.TrackProcessorUpdate, this.onTrackProcessorUpdate);
-      (_u = (_t = (_s = pub.track) === null || _s === void 0 ? void 0 : _s.getProcessor()) === null || _t === void 0 ? void 0 : _t.onPublish) === null || _u === void 0 ? void 0 : _u.call(_t, this);
+      var _a, _b, _c, _d, _e;
+      (_a = pub.track) === null || _a === void 0 ? void 0 : _a.on(TrackEvent.TrackProcessorUpdate, this.onTrackProcessorUpdate);
+      (_d = (_c = (_b = pub.track) === null || _b === void 0 ? void 0 : _b.getProcessor()) === null || _c === void 0 ? void 0 : _c.onPublish) === null || _d === void 0 ? void 0 : _d.call(_c, this);
       this.emit(RoomEvent.LocalTrackPublished, pub, this.localParticipant);
       if (pub.track instanceof LocalAudioTrack) {
         const trackIsSilent = yield pub.track.checkForSilence();
@@ -20417,7 +20353,7 @@ class Room extends eventsExports.EventEmitter {
           this.emit(RoomEvent.LocalAudioSilenceDetected, pub);
         }
       }
-      const deviceId = yield (_v = pub.track) === null || _v === void 0 ? void 0 : _v.getDeviceId();
+      const deviceId = yield (_e = pub.track) === null || _e === void 0 ? void 0 : _e.getDeviceId();
       const deviceKind = sourceToKind(pub.source);
       if (deviceKind && deviceId && deviceId !== this.localParticipant.activeDeviceMap.get(deviceKind)) {
         this.localParticipant.activeDeviceMap.set(deviceKind, deviceId);