@stream-io/video-client 0.4.0 → 0.4.2

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.4.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.4.1...@stream-io/video-client-0.4.2) (2023-11-01)
+
+
+### Bug Fixes
+
+* respect server-side settings in the lobby ([#1175](https://github.com/GetStream/stream-video-js/issues/1175)) ([b722a0a](https://github.com/GetStream/stream-video-js/commit/b722a0a4f8fd4e4e56787db3d9a56e45ee195974))
+
+### [0.4.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.4.0...@stream-io/video-client-0.4.1) (2023-10-30)
+
+
+### Features
+
+* Apply device config settings when call state becomes available ([#1167](https://github.com/GetStream/stream-video-js/issues/1167)) ([38e8ba4](https://github.com/GetStream/stream-video-js/commit/38e8ba459b60d9705af96ad7b9a2a7fa1827ad1e))
+
 ## [0.4.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.3.36...@stream-io/video-client-0.4.0) (2023-10-27)
 
 

package/dist/index.browser.es.js

@@ -10262,13 +10262,13 @@ class InputMediaDeviceManager {
      * Starts stream.
      */
     async enable() {
-        if (this.state.status === 'enabled') {
+        if (this.state.status === 'enabled')
             return;
-        }
         this.enablePromise = this.unmuteStream();
         try {
             await this.enablePromise;
             this.state.setStatus('enabled');
+            this.enablePromise = undefined;
         }
         catch (error) {
             this.enablePromise = undefined;
@@ -10280,10 +10280,10 @@ class InputMediaDeviceManager {
      */
     async disable() {
         this.state.prevStatus = this.state.status;
-        if (this.state.status === 'disabled') {
+        if (this.state.status === 'disabled')
             return;
-        }
-        this.disablePromise = this.muteStream(this.state.disableMode === 'stop-tracks');
+        const stopTracks = this.state.disableMode === 'stop-tracks';
+        this.disablePromise = this.muteStream(stopTracks);
         try {
             await this.disablePromise;
             this.state.setStatus('disabled');
@@ -10320,7 +10320,7 @@ class InputMediaDeviceManager {
      *
      * @param constraints the constraints to set.
      */
-    async setDefaultConstraints(constraints) {
+    setDefaultConstraints(constraints) {
         this.state.setDefaultConstraints(constraints);
     }
     /**
@@ -10350,25 +10350,23 @@ class InputMediaDeviceManager {
         return this.state.mediaStream?.getTracks() ?? [];
     }
     async muteStream(stopTracks = true) {
-        if (!this.state.mediaStream) {
+        if (!this.state.mediaStream)
             return;
-        }
         this.logger('debug', `${stopTracks ? 'Stopping' : 'Disabling'} stream`);
         if (this.call.state.callingState === CallingState.JOINED) {
             await this.stopPublishStream(stopTracks);
         }
         this.muteLocalStream(stopTracks);
-        this.getTracks().forEach((track) => {
-            if (track.readyState === 'ended') {
+        const allEnded = this.getTracks().every((t) => t.readyState === 'ended');
+        if (allEnded) {
+            if (this.state.mediaStream &&
                 // @ts-expect-error release() is present in react-native-webrtc
-                // and must be called to dispose the stream
-                if (typeof this.state.mediaStream.release === 'function') {
-                    // @ts-expect-error
-                    this.state.mediaStream.release();
-                }
-                this.state.setMediaStream(undefined);
+                typeof this.state.mediaStream.release === 'function') {
+                // @ts-expect-error called to dispose the stream in RN
+                this.state.mediaStream.release();
             }
-        });
+            this.state.setMediaStream(undefined);
+        }
     }
     muteTracks() {
         this.getTracks().forEach((track) => {
@@ -11114,6 +11112,7 @@ class Call {
                 this.watching = true;
                 this.clientStore.registerCall(this);
             }
+            this.applyDeviceConfig();
             return response;
         };
         /**
@@ -11133,6 +11132,7 @@ class Call {
                 this.watching = true;
                 this.clientStore.registerCall(this);
             }
+            this.applyDeviceConfig();
             return response;
         };
         /**
@@ -11465,8 +11465,8 @@ class Call {
                 this.reconnectAttempts = 0; // reset the reconnect attempts counter
                 this.state.setCallingState(CallingState.JOINED);
                 try {
-                    await this.initCamera();
-                    await this.initMic();
+                    await this.initCamera({ setStatus: true });
+                    await this.initMic({ setStatus: true });
                 }
                 catch (error) {
                     this.logger('warn', 'Camera and/or mic init failed during join call');
@@ -12042,6 +12042,10 @@ 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 });
+        };
         /**
          * Will begin tracking the given element for visibility changes within the
          * configured viewport element (`call.setViewport`).
@@ -12287,7 +12291,7 @@ class Call {
     get isCreatedByMe() {
         return this.state.createdBy?.id === this.currentUserId;
     }
-    async initCamera() {
+    async initCamera(options) {
         // Wait for any in progress camera operation
         if (this.camera.enablePromise) {
             await this.camera.enablePromise;
@@ -12313,19 +12317,21 @@ class Call {
         if (targetResolution) {
             await this.camera.selectTargetResolution(targetResolution);
         }
-        // Publish already that was set before we joined
-        if (this.camera.state.status === 'enabled' &&
-            this.camera.state.mediaStream &&
-            !this.publisher?.isPublishing(TrackType.VIDEO)) {
-            await this.publishVideoStream(this.camera.state.mediaStream);
-        }
-        // Start camera if backend config speicifies, and there is no local setting
-        if (this.camera.state.status === undefined &&
-            this.state.settings?.video.camera_default_on) {
-            await this.camera.enable();
+        if (options.setStatus) {
+            // Publish already that was set before we joined
+            if (this.camera.state.status === 'enabled' &&
+                this.camera.state.mediaStream &&
+                !this.publisher?.isPublishing(TrackType.VIDEO)) {
+                await this.publishVideoStream(this.camera.state.mediaStream);
+            }
+            // Start camera if backend config speicifies, and there is no local setting
+            if (this.camera.state.status === undefined &&
+                this.state.settings?.video.camera_default_on) {
+                await this.camera.enable();
+            }
         }
     }
-    async initMic() {
+    async initMic(options) {
         // Wait for any in progress mic operation
         if (this.microphone.enablePromise) {
             await this.microphone.enablePromise;
@@ -12337,16 +12343,18 @@ class Call {
             !this.permissionsContext.hasPermission('send-audio')) {
             return;
         }
-        // Publish media stream that was set before we joined
-        if (this.microphone.state.status === 'enabled' &&
-            this.microphone.state.mediaStream &&
-            !this.publisher?.isPublishing(TrackType.AUDIO)) {
-            await this.publishAudioStream(this.microphone.state.mediaStream);
-        }
-        // Start mic if backend config specifies, and there is no local setting
-        if (this.microphone.state.status === undefined &&
-            this.state.settings?.audio.mic_default_on) {
-            await this.microphone.enable();
+        if (options.setStatus) {
+            // Publish media stream that was set before we joined
+            if (this.microphone.state.status === 'enabled' &&
+                this.microphone.state.mediaStream &&
+                !this.publisher?.isPublishing(TrackType.AUDIO)) {
+                await this.publishAudioStream(this.microphone.state.mediaStream);
+            }
+            // Start mic if backend config specifies, and there is no local setting
+            if (this.microphone.state.status === undefined &&
+                this.state.settings?.audio.mic_default_on) {
+                await this.microphone.enable();
+            }
         }
     }
 }
@@ -13931,7 +13939,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "0.4.0" ;
+            const version = "0.4.2" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };
@@ -14179,6 +14187,7 @@ class StreamVideoClient {
                     clientStore: this.writeableStateStore,
                 });
                 call.state.updateFromCallResponse(c.call);
+                call.applyDeviceConfig();
                 if (data.watch) {
                     this.writeableStateStore.registerCall(call);
                 }