@stream-io/video-client 1.0.8 → 1.0.10

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [1.0.10](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.0.9...@stream-io/video-client-1.0.10) (2024-05-31)
+
+
+### Bug Fixes
+
+* improved input device error handling ([#1378](https://github.com/GetStream/stream-video-js/issues/1378)) ([90abc38](https://github.com/GetStream/stream-video-js/commit/90abc38762acc4b8095c281b3b06b1fc8237ec15))
+
+### [1.0.9](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.0.8...@stream-io/video-client-1.0.9) (2024-05-29)
+
+
+### Bug Fixes
+
+* prevent double sound detectors set up ([#1371](https://github.com/GetStream/stream-video-js/issues/1371)) ([51c9198](https://github.com/GetStream/stream-video-js/commit/51c9198a96b956884554bc508e38c90af0cee30f))
+
 ### [1.0.8](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.0.7...@stream-io/video-client-1.0.8) (2024-05-23)
 
 

package/dist/index.browser.es.js

@@ -10808,7 +10808,7 @@ const getStream = async (constraints) => {
         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,
         });
@@ -11226,39 +11226,41 @@ class InputMediaDeviceManager {
             deviceIds$.pipe(pairwise()),
             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') {
-                    await this.enable();
-                    this.isTrackStoppedDueToTrackEnd = false;
+                let isDeviceDisconnected = false;
+                let isDeviceReplaced = false;
+                const currentDevice = this.findDeviceInList(currentDevices, deviceId);
+                const prevDevice = this.findDeviceInList(prevDevices, deviceId);
+                if (!currentDevice && prevDevice) {
+                    isDeviceDisconnected = true;
                 }
-                else {
-                    await this.applySettingsToStream();
+                else if (currentDevice &&
+                    prevDevice &&
+                    currentDevice.deviceId === prevDevice.deviceId &&
+                    currentDevice.groupId !== prevDevice.groupId) {
+                    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);
+            }
         }));
     }
     findDeviceInList(devices, deviceId) {
@@ -11762,23 +11764,28 @@ class MicrophoneManager extends InputMediaDeviceManager {
             this.state.selectedDevice$,
             this.state.status$,
         ]), async ([callingState, ownCapabilities, deviceId, status]) => {
-            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);
+            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);
+                    }
+                    else {
+                        await this.stopSpeakingWhileMutedDetection();
+                    }
                 }
                 else {
                     await this.stopSpeakingWhileMutedDetection();
                 }
             }
-            else {
-                await this.stopSpeakingWhileMutedDetection();
+            catch (err) {
+                this.logger('warn', 'Could not enable speaking while muted', err);
             }
         }));
         this.subscriptions.push(createSubscription(this.call.state.callingState$, (callingState) => {
@@ -11904,39 +11911,43 @@ class MicrophoneManager extends InputMediaDeviceManager {
         return this.call.stopPublish(TrackType.AUDIO, stopTracks);
     }
     async startSpeakingWhileMutedDetection(deviceId) {
-        await this.stopSpeakingWhileMutedDetection();
-        if (isReactNative()) {
-            this.rnSpeechDetector = new RNSpeechDetector();
-            await this.rnSpeechDetector.start();
-            const unsubscribe = this.rnSpeechDetector?.onSpeakingDetectedStateChange((event) => {
-                this.state.setSpeakingWhileMuted(event.isSoundDetected);
-            });
-            this.soundDetectorCleanup = () => {
-                unsubscribe();
-                this.rnSpeechDetector?.stop();
-                this.rnSpeechDetector = undefined;
-            };
-        }
-        else {
-            // Need to start a new stream that's not connected to publisher
-            const stream = await this.getStream({
-                deviceId,
-            });
-            this.soundDetectorCleanup = createSoundDetector(stream, (event) => {
-                this.state.setSpeakingWhileMuted(event.isSoundDetected);
-            });
-        }
+        const startPromise = (async () => {
+            await this.stopSpeakingWhileMutedDetection();
+            if (isReactNative()) {
+                this.rnSpeechDetector = new RNSpeechDetector();
+                await this.rnSpeechDetector.start();
+                const unsubscribe = this.rnSpeechDetector?.onSpeakingDetectedStateChange((event) => {
+                    this.state.setSpeakingWhileMuted(event.isSoundDetected);
+                });
+                return () => {
+                    unsubscribe();
+                    this.rnSpeechDetector?.stop();
+                    this.rnSpeechDetector = undefined;
+                };
+            }
+            else {
+                // Need to start a new stream that's not connected to publisher
+                const stream = await this.getStream({
+                    deviceId,
+                });
+                return createSoundDetector(stream, (event) => {
+                    this.state.setSpeakingWhileMuted(event.isSoundDetected);
+                });
+            }
+        })();
+        this.soundDetectorCleanup = async () => {
+            const cleanup = await startPromise;
+            await cleanup();
+        };
+        await startPromise;
     }
     async stopSpeakingWhileMutedDetection() {
         if (!this.soundDetectorCleanup)
             return;
+        const soundDetectorCleanup = this.soundDetectorCleanup;
+        this.soundDetectorCleanup = undefined;
         this.state.setSpeakingWhileMuted(false);
-        try {
-            await this.soundDetectorCleanup();
-        }
-        finally {
-            this.soundDetectorCleanup = undefined;
-        }
+        await soundDetectorCleanup();
     }
 }
 
@@ -12375,7 +12386,7 @@ class Call {
                 this.watching = true;
                 this.clientStore.registerCall(this);
             }
-            this.applyDeviceConfig();
+            await this.applyDeviceConfig();
             return response;
         };
         /**
@@ -12395,7 +12406,7 @@ class Call {
                 this.watching = true;
                 this.clientStore.registerCall(this);
             }
-            this.applyDeviceConfig();
+            await this.applyDeviceConfig();
             return response;
         };
         /**
@@ -13457,9 +13468,18 @@ class Call {
         this.sendCustomEvent = async (payload) => {
             return this.streamClient.post(`${this.streamClientBasePath}/event`, { custom: payload });
         };
-        this.applyDeviceConfig = () => {
-            this.initCamera({ setStatus: false });
-            this.initMic({ setStatus: false });
+        /**
+         * Applies the device configuration from the backend.
+         *
+         * @internal
+         */
+        this.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);
+            });
         };
         /**
          * Will begin tracking the given element for visibility changes within the
@@ -13638,7 +13658,9 @@ 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);
+                });
             }
         }));
         this.leaveCallHooks.add(
@@ -15265,7 +15287,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "1.0.8" ;
+            const version = "1.0.10" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };
@@ -15475,7 +15497,8 @@ class StreamVideoClient {
          */
         this.queryCalls = async (data = {}) => {
             const response = await this.streamClient.post('/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,
@@ -15486,12 +15509,12 @@ 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,