@stream-io/video-client 1.0.9 → 1.0.10

package/dist/src/Call.d.ts

@@ -503,7 +503,12 @@ export declare class Call {
     sendCustomEvent: (payload: {
         [key: string]: any;
     }) => Promise<SendCallEventResponse>;
-    applyDeviceConfig: () => void;
+    /**
+     * Applies the device configuration from the backend.
+     *
+     * @internal
+     */
+    applyDeviceConfig: () => Promise<void>;
     private initCamera;
     private initMic;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-client",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "packageManager": "yarn@3.2.4",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/src/Call.ts

@@ -388,7 +388,9 @@ export class Call {
         const currentUserId = this.currentUserId;
         if (currentUserId && blockedUserIds.includes(currentUserId)) {
           this.logger('info', 'Leaving call because of being blocked');
-          await this.leave({ reason: 'user blocked' });
+          await this.leave({ reason: 'user blocked' }).catch((err) => {
+            this.logger('error', 'Error leaving call after being blocked', err);
+          });
         }
       }),
     );
@@ -600,7 +602,7 @@ export class Call {
       this.clientStore.registerCall(this);
     }
 
-    this.applyDeviceConfig();
+    await this.applyDeviceConfig();
 
     return response;
   };
@@ -629,7 +631,7 @@ export class Call {
       this.clientStore.registerCall(this);
     }
 
-    this.applyDeviceConfig();
+    await this.applyDeviceConfig();
 
     return response;
   };
@@ -2019,9 +2021,18 @@ export class Call {
     );
   };
 
-  applyDeviceConfig = () => {
-    this.initCamera({ setStatus: false });
-    this.initMic({ setStatus: false });
+  /**
+   * Applies the device configuration from the backend.
+   *
+   * @internal
+   */
+  applyDeviceConfig = async () => {
+    await this.initCamera({ setStatus: false }).catch((err) => {
+      this.logger('warn', 'Camera init failed', err);
+    });
+    await this.initMic({ setStatus: false }).catch((err) => {
+      this.logger('warn', 'Mic init failed', err);
+    });
   };
 
   private async initCamera(options: { setStatus: boolean }) {

package/src/StreamVideoClient.ts

@@ -345,7 +345,8 @@ export class StreamVideoClient {
       QueryCallsResponse,
       QueryCallsRequest
     >('/calls', data);
-    const calls = response.calls.map((c) => {
+    const calls = [];
+    for (const c of response.calls) {
       const call = new Call({
         streamClient: this.streamClient,
         id: c.call.id,
@@ -356,12 +357,12 @@ export class StreamVideoClient {
         clientStore: this.writeableStateStore,
       });
       call.state.updateFromCallResponse(c.call);
-      call.applyDeviceConfig();
+      await call.applyDeviceConfig();
       if (data.watch) {
         this.writeableStateStore.registerCall(call);
       }
-      return call;
-    });
+      calls.push(call);
+    }
     return {
       ...response,
       calls: calls,

package/src/devices/InputMediaDeviceManager.ts

@@ -381,42 +381,49 @@ export abstract class InputMediaDeviceManager<
           this.state.selectedDevice$,
         ]),
         async ([[prevDevices, currentDevices], deviceId]) => {
-          if (!deviceId) {
-            return;
-          }
-          if (this.statusChangePromise) {
+          try {
+            if (!deviceId) return;
             await this.statusChangePromise;
-          }
 
-          let isDeviceDisconnected = false;
-          let isDeviceReplaced = false;
-          const currentDevice = this.findDeviceInList(currentDevices, deviceId);
-          const prevDevice = this.findDeviceInList(prevDevices, deviceId);
-          if (!currentDevice && prevDevice) {
-            isDeviceDisconnected = true;
-          } else if (
-            currentDevice &&
-            prevDevice &&
-            currentDevice.deviceId === prevDevice.deviceId &&
-            currentDevice.groupId !== prevDevice.groupId
-          ) {
-            isDeviceReplaced = true;
-          }
-
-          if (isDeviceDisconnected) {
-            await this.disable();
-            this.select(undefined);
-          }
-          if (isDeviceReplaced) {
-            if (
-              this.isTrackStoppedDueToTrackEnd &&
-              this.state.status === 'disabled'
+            let isDeviceDisconnected = false;
+            let isDeviceReplaced = false;
+            const currentDevice = this.findDeviceInList(
+              currentDevices,
+              deviceId,
+            );
+            const prevDevice = this.findDeviceInList(prevDevices, deviceId);
+            if (!currentDevice && prevDevice) {
+              isDeviceDisconnected = true;
+            } else if (
+              currentDevice &&
+              prevDevice &&
+              currentDevice.deviceId === prevDevice.deviceId &&
+              currentDevice.groupId !== prevDevice.groupId
             ) {
-              await this.enable();
-              this.isTrackStoppedDueToTrackEnd = false;
-            } else {
-              await this.applySettingsToStream();
+              isDeviceReplaced = true;
+            }
+
+            if (isDeviceDisconnected) {
+              await this.disable();
+              await this.select(undefined);
+            }
+            if (isDeviceReplaced) {
+              if (
+                this.isTrackStoppedDueToTrackEnd &&
+                this.state.status === 'disabled'
+              ) {
+                await this.enable();
+                this.isTrackStoppedDueToTrackEnd = false;
+              } else {
+                await this.applySettingsToStream();
+              }
             }
+          } catch (err) {
+            this.logger(
+              'warn',
+              'Unexpected error while handling disconnected or replaced device',
+              err,
+            );
           }
         },
       ),

package/src/devices/MicrophoneManager.ts

@@ -41,20 +41,24 @@ export class MicrophoneManager extends InputMediaDeviceManager<MicrophoneManager
           this.state.status$,
         ]),
         async ([callingState, ownCapabilities, deviceId, status]) => {
-          if (callingState === CallingState.LEFT) {
-            await this.stopSpeakingWhileMutedDetection();
-          }
-          if (callingState !== CallingState.JOINED) return;
-          if (!this.speakingWhileMutedNotificationEnabled) return;
+          try {
+            if (callingState === CallingState.LEFT) {
+              await this.stopSpeakingWhileMutedDetection();
+            }
+            if (callingState !== CallingState.JOINED) return;
+            if (!this.speakingWhileMutedNotificationEnabled) return;
 
-          if (ownCapabilities.includes(OwnCapability.SEND_AUDIO)) {
-            if (status === 'disabled') {
-              await this.startSpeakingWhileMutedDetection(deviceId);
+            if (ownCapabilities.includes(OwnCapability.SEND_AUDIO)) {
+              if (status === 'disabled') {
+                await this.startSpeakingWhileMutedDetection(deviceId);
+              } else {
+                await this.stopSpeakingWhileMutedDetection();
+              }
             } else {
               await this.stopSpeakingWhileMutedDetection();
             }
-          } else {
-            await this.stopSpeakingWhileMutedDetection();
+          } catch (err) {
+            this.logger('warn', 'Could not enable speaking while muted', err);
           }
         },
       ),

package/src/devices/devices.ts

@@ -172,7 +172,7 @@ const getStream = async (constraints: MediaStreamConstraints) => {
   try {
     return await navigator.mediaDevices.getUserMedia(constraints);
   } catch (e) {
-    getLogger(['devices'])('error', `Failed get user media`, {
+    getLogger(['devices'])('error', `Failed to getUserMedia`, {
       error: e,
       constraints: constraints,
     });