livekit-client 2.2.0 → 2.3.0

package/README.md

@@ -11,9 +11,7 @@
 # JavaScript/TypeScript client SDK for LiveKit
 
 <!--BEGIN_DESCRIPTION-->
-
 Use this SDK to add real-time video, audio and data features to your JavaScript/TypeScript app. By connecting to a self- or cloud-hosted <a href="https://livekit.io/">LiveKit</a> server, you can quickly build applications like interactive live streaming or video calls with just a few lines of code.
-
 <!--END_DESCRIPTION-->
 
 ## Docs
@@ -329,13 +327,11 @@ If you are targeting legacy browsers, but still want adaptiveStream functionalit
 Also when targeting legacy browsers, older than the ones specified in our browserslist target, make sure to transpile the library code to your desired target and include required polyfills with babel and/or corejs.
 
 <!--BEGIN_REPO_NAV-->
-
 <br/><table>
-
 <thead><tr><th colspan="2">LiveKit Ecosystem</th></tr></thead>
 <tbody>
-<tr><td>Real-time SDKs</td><td><a href="https://github.com/livekit/components-js">React Components</a> · <b>JavaScript</b> · <a href="https://github.com/livekit/client-sdk-swift">iOS/macOS</a> · <a href="https://github.com/livekit/client-sdk-android">Android</a> · <a href="https://github.com/livekit/client-sdk-flutter">Flutter</a> · <a href="https://github.com/livekit/client-sdk-react-native">React Native</a> · <a href="https://github.com/livekit/client-sdk-rust">Rust</a> · <a href="https://github.com/livekit/client-sdk-python">Python</a> · <a href="https://github.com/livekit/client-sdk-unity-web">Unity (web)</a> · <a href="https://github.com/livekit/client-sdk-unity">Unity (beta)</a></td></tr><tr></tr>
-<tr><td>Server APIs</td><td><a href="https://github.com/livekit/server-sdk-js">Node.js</a> · <a href="https://github.com/livekit/server-sdk-go">Golang</a> · <a href="https://github.com/livekit/server-sdk-ruby">Ruby</a> · <a href="https://github.com/livekit/server-sdk-kotlin">Java/Kotlin</a> · <a href="https://github.com/livekit/client-sdk-python">Python</a> · <a href="https://github.com/livekit/client-sdk-rust">Rust</a> · <a href="https://github.com/agence104/livekit-server-sdk-php">PHP (community)</a></td></tr><tr></tr>
+<tr><td>Real-time SDKs</td><td><a href="https://github.com/livekit/components-js">React Components</a> · <b>Browser</b> · <a href="https://github.com/livekit/client-sdk-swift">iOS/macOS</a> · <a href="https://github.com/livekit/client-sdk-android">Android</a> · <a href="https://github.com/livekit/client-sdk-flutter">Flutter</a> · <a href="https://github.com/livekit/client-sdk-react-native">React Native</a> · <a href="https://github.com/livekit/rust-sdks">Rust</a> · <a href="https://github.com/livekit/node-sdks">Node.js</a> · <a href="https://github.com/livekit/python-sdks">Python</a> · <a href="https://github.com/livekit/client-sdk-unity-web">Unity (web)</a> · <a href="https://github.com/livekit/client-sdk-unity">Unity (beta)</a></td></tr><tr></tr>
+<tr><td>Server APIs</td><td><a href="https://github.com/livekit/node-sdks">Node.js</a> · <a href="https://github.com/livekit/server-sdk-go">Golang</a> · <a href="https://github.com/livekit/server-sdk-ruby">Ruby</a> · <a href="https://github.com/livekit/server-sdk-kotlin">Java/Kotlin</a> · <a href="https://github.com/livekit/python-sdks">Python</a> · <a href="https://github.com/livekit/rust-sdks">Rust</a> · <a href="https://github.com/agence104/livekit-server-sdk-php">PHP (community)</a></td></tr><tr></tr>
 <tr><td>Agents Frameworks</td><td><a href="https://github.com/livekit/agents">Python</a> · <a href="https://github.com/livekit/agent-playground">Playground</a></td></tr><tr></tr>
 <tr><td>Services</td><td><a href="https://github.com/livekit/livekit">Livekit server</a> · <a href="https://github.com/livekit/egress">Egress</a> · <a href="https://github.com/livekit/ingress">Ingress</a> · <a href="https://github.com/livekit/sip">SIP</a></td></tr><tr></tr>
 <tr><td>Resources</td><td><a href="https://docs.livekit.io">Docs</a> · <a href="https://github.com/livekit-examples">Example apps</a> · <a href="https://livekit.io/cloud">Cloud</a> · <a href="https://docs.livekit.io/oss/deployment">Self-hosting</a> · <a href="https://github.com/livekit/livekit-cli">CLI</a></td></tr>

package/dist/livekit-client.esm.mjs

@@ -9891,6 +9891,12 @@ var RoomEvent;
    * to reconnect.
    */
   RoomEvent["Reconnecting"] = "reconnecting";
+  /**
+   * When the signal connection to the server has been interrupted. This isn't noticeable to users most of the time.
+   * It will resolve with a `RoomEvent.Reconnected` once the signal connection has been re-established.
+   * If media fails additionally it an additional `RoomEvent.Reconnecting` will be emitted.
+   */
+  RoomEvent["SignalReconnecting"] = "signalReconnecting";
   /**
    * Fires when a reconnection has been successful.
    */
@@ -10523,7 +10529,7 @@ function getOSVersion(ua) {
   return ua.includes('mac os') ? getMatch(/\(.+?(\d+_\d+(:?_\d+)?)/, ua, 1).replace(/_/g, '.') : undefined;
 }
 
-var version$1 = "2.2.0";
+var version$1 = "2.3.0";
 
 const version = version$1;
 const protocolVersion = 13;
@@ -11717,16 +11723,16 @@ class DeviceManager {
       // resolve actual device id if it's 'default': Chrome returns it when no
       // device has been chosen
       const devices = yield this.getDevices(kind);
-      // `default` devices will have the same groupId as the entry with the actual device id so we store the counts for each group id
-      const groupIdCounts = new Map(devices.map(d => [d.groupId, 0]));
-      devices.forEach(d => {
-        var _a;
-        return groupIdCounts.set(d.groupId, ((_a = groupIdCounts.get(d.groupId)) !== null && _a !== void 0 ? _a : 0) + 1);
-      });
-      const device = devices.find(d => {
-        var _a;
-        return (groupId === d.groupId || ((_a = groupIdCounts.get(d.groupId)) !== null && _a !== void 0 ? _a : 0) > 1) && d.deviceId !== defaultId;
-      });
+      const defaultDevice = devices.find(d => d.deviceId === defaultId);
+      if (!defaultDevice) {
+        livekitLogger.warn('could not reliably determine default device');
+        return undefined;
+      }
+      const device = devices.find(d => d.deviceId !== defaultId && d.groupId === (groupId !== null && groupId !== void 0 ? groupId : defaultDevice.groupId));
+      if (!device) {
+        livekitLogger.warn('could not reliably determine default device');
+        return undefined;
+      }
       return device === null || device === void 0 ? void 0 : device.deviceId;
     });
   }
@@ -12101,7 +12107,7 @@ class LocalTrack extends Track {
         this._isUpstreamPaused = false;
         this.emit(TrackEvent.UpstreamResumed, this);
         // this operation is noop if mediastreamtrack is already being sent
-        yield this.sender.replaceTrack(this._mediaStreamTrack);
+        yield this.sender.replaceTrack(this.mediaStreamTrack);
       } finally {
         unlock();
       }
@@ -14467,7 +14473,7 @@ const roomOptionDefaults = {
   stopLocalTrackOnUnpublish: true,
   reconnectPolicy: new DefaultReconnectPolicy(),
   disconnectOnPageLeave: true,
-  webAudioMix: true
+  webAudioMix: false
 };
 const roomConnectOptionDefaults = {
   autoSubscribe: true,
@@ -19755,8 +19761,9 @@ var ConnectionState;
   ConnectionState["Connecting"] = "connecting";
   ConnectionState["Connected"] = "connected";
   ConnectionState["Reconnecting"] = "reconnecting";
+  ConnectionState["SignalReconnecting"] = "signalReconnecting";
 })(ConnectionState || (ConnectionState = {}));
-const connectionReconcileFrequency = 2 * 1000;
+const connectionReconcileFrequency = 4 * 1000;
 /**
  * In LiveKit, a room is the logical grouping for a list of participants.
  * Participants in a room can publish tracks, and subscribe to others' tracks.
@@ -20558,12 +20565,18 @@ class Room extends eventsExports.EventEmitter {
       this.clearConnectionReconcile();
       this.isResuming = true;
       this.log.info('Resuming signal connection', this.logContext);
+      if (this.setAndEmitConnectionState(ConnectionState.SignalReconnecting)) {
+        this.emit(RoomEvent.SignalReconnecting);
+      }
     }).on(EngineEvent.Resumed, () => {
       this.registerConnectionReconcile();
       this.isResuming = false;
       this.log.info('Resumed signal connection', this.logContext);
       this.updateSubscriptions();
       this.emitBufferedEvents();
+      if (this.setAndEmitConnectionState(ConnectionState.Connected)) {
+        this.emit(RoomEvent.Reconnected);
+      }
     }).on(EngineEvent.SignalResumed, () => {
       this.bufferedEvents = [];
       if (this.state === ConnectionState.Reconnecting || this.isResuming) {