@stream-io/video-client 0.3.36 → 0.4.1

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [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)
+
+
+### ⚠ BREAKING CHANGES
+
+* **react-sdk:** Universal Device Management API (#1127)
+
+### Features
+
+* **react-sdk:** Universal Device Management API ([#1127](https://github.com/GetStream/stream-video-js/issues/1127)) ([aeb3561](https://github.com/GetStream/stream-video-js/commit/aeb35612745f45254b536281c5f81d1bcac2bab5))
+
 ### [0.3.36](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.3.35...@stream-io/video-client-0.3.36) (2023-10-25)
 
 

package/dist/index.browser.es.js

@@ -5736,9 +5736,6 @@ var DebounceType;
     DebounceType[DebounceType["MEDIUM"] = 600] = "MEDIUM";
     DebounceType[DebounceType["SLOW"] = 1200] = "SLOW";
 })(DebounceType || (DebounceType = {}));
-const isStreamVideoLocalParticipant = (p) => {
-    return !!p.isLocalParticipant;
-};
 
 /**
  * @generated from protobuf service stream.video.sfu.signal.SignalServer
@@ -6222,21 +6219,6 @@ const trackTypeToParticipantStreamKey = (trackType) => {
             throw new Error(`Unknown track type: ${exhaustiveTrackTypeCheck}`);
     }
 };
-const trackTypeToDeviceIdKey = (trackType) => {
-    switch (trackType) {
-        case TrackType.AUDIO:
-            return 'audioDeviceId';
-        case TrackType.VIDEO:
-            return 'videoDeviceId';
-        case TrackType.SCREEN_SHARE:
-        case TrackType.SCREEN_SHARE_AUDIO:
-        case TrackType.UNSPECIFIED:
-            return undefined;
-        default:
-            const exhaustiveTrackTypeCheck = trackType;
-            throw new Error(`Unknown track type: ${exhaustiveTrackTypeCheck}`);
-    }
-};
 const muteTypeToTrackType = (muteType) => {
     switch (muteType) {
         case 'audio':
@@ -6628,14 +6610,11 @@ class Publisher {
                 }));
             }
             else {
-                const deviceId = track.getSettings().deviceId;
-                const audioOrVideoDeviceKey = trackTypeToDeviceIdKey(trackType);
                 this.state.updateParticipant(this.sfuClient.sessionId, (p) => {
                     return {
                         publishedTracks: p.publishedTracks.includes(trackType)
                             ? p.publishedTracks
                             : [...p.publishedTracks, trackType],
-                        ...(audioOrVideoDeviceKey && { [audioOrVideoDeviceKey]: deviceId }),
                         [audioOrVideoOrScreenShareStream]: mediaStream,
                     };
                 });
@@ -8477,7 +8456,7 @@ class CallState {
         // maintain stable-sort by mutating the participants stored
         // in the original subject
         map$1((ps) => ps.sort(this.sortParticipantsBy)), shareReplay({ bufferSize: 1, refCount: true }));
-        this.localParticipant$ = this.participants$.pipe(map$1((participants) => participants.find(isStreamVideoLocalParticipant)), shareReplay({ bufferSize: 1, refCount: true }));
+        this.localParticipant$ = this.participants$.pipe(map$1((participants) => participants.find((p) => p.isLocalParticipant)), shareReplay({ bufferSize: 1, refCount: true }));
         this.remoteParticipants$ = this.participants$.pipe(map$1((participants) => participants.filter((p) => !p.isLocalParticipant)), shareReplay({ bufferSize: 1, refCount: true }));
         this.pinnedParticipants$ = this.participants$.pipe(map$1((participants) => participants.filter((p) => !!p.pin)), shareReplay({ bufferSize: 1, refCount: true }));
         this.dominantSpeaker$ = this.participants$.pipe(map$1((participants) => participants.find((p) => p.isDominantSpeaker)), shareReplay({ bufferSize: 1, refCount: true }));
@@ -9212,14 +9191,7 @@ const reconcileParticipantLocalState = (target, source) => {
     if (!source)
         return target;
     // copy everything from source to target
-    Object.assign(target, source);
-    if (isStreamVideoLocalParticipant(source) &&
-        isStreamVideoLocalParticipant(target)) {
-        target.audioDeviceId = source.audioDeviceId;
-        target.videoDeviceId = source.videoDeviceId;
-        target.audioOutputDeviceId = source.audioOutputDeviceId;
-    }
-    return target;
+    return Object.assign(target, source);
 };
 
 /**
@@ -9822,24 +9794,20 @@ class DynascaleManager {
                     }
                 });
             });
-            const sinkIdSubscription = combineLatest([
-                this.call.state.localParticipant$,
-                this.call.speaker.state.selectedDevice$,
-            ]).subscribe(([p, selectedDevice]) => {
-                const deviceId = getSdkInfo()?.type === SdkType.REACT
-                    ? p?.audioOutputDeviceId
-                    : selectedDevice;
-                if ('setSinkId' in audioElement && typeof deviceId === 'string') {
-                    // @ts-expect-error setSinkId is not yet in the lib
-                    audioElement.setSinkId(deviceId);
-                }
-            });
+            const sinkIdSubscription = !('setSinkId' in audioElement)
+                ? null
+                : this.call.speaker.state.selectedDevice$.subscribe((deviceId) => {
+                    if (deviceId) {
+                        // @ts-expect-error setSinkId is not yet in the lib
+                        audioElement.setSinkId(deviceId);
+                    }
+                });
             const volumeSubscription = this.call.speaker.state.volume$.subscribe((volume) => {
                 audioElement.volume = volume;
             });
             audioElement.autoplay = true;
             return () => {
-                sinkIdSubscription.unsubscribe();
+                sinkIdSubscription?.unsubscribe();
                 volumeSubscription.unsubscribe();
                 updateMediaStreamSubscription.unsubscribe();
             };
@@ -9888,11 +9856,12 @@ class PermissionsContext {
          * within the call.
          *
          * @param permission the permission to check for.
+         * @param settings the call settings to check against (optional).
          */
-        this.canRequest = (permission) => {
-            if (!this.settings)
+        this.canRequest = (permission, settings = this.settings) => {
+            if (!settings)
                 return false;
-            const { audio, video, screensharing } = this.settings;
+            const { audio, video, screensharing } = settings;
             switch (permission) {
                 case OwnCapability.SEND_AUDIO:
                     return audio.access_request_enabled;
@@ -10300,6 +10269,7 @@ class InputMediaDeviceManager {
         try {
             await this.enablePromise;
             this.state.setStatus('enabled');
+            this.enablePromise = undefined;
         }
         catch (error) {
             this.enablePromise = undefined;
@@ -11145,6 +11115,7 @@ class Call {
                 this.watching = true;
                 this.clientStore.registerCall(this);
             }
+            this.applyDeviceConfig();
             return response;
         };
         /**
@@ -11164,6 +11135,7 @@ class Call {
                 this.watching = true;
                 this.clientStore.registerCall(this);
             }
+            this.applyDeviceConfig();
             return response;
         };
         /**
@@ -11495,15 +11467,12 @@ class Call {
                 this.state.setServerSidePins(pins);
                 this.reconnectAttempts = 0; // reset the reconnect attempts counter
                 this.state.setCallingState(CallingState.JOINED);
-                // React uses a different device management for now
-                if (getSdkInfo()?.type !== SdkType.REACT) {
-                    try {
-                        await this.initCamera();
-                        await this.initMic();
-                    }
-                    catch (error) {
-                        this.logger('warn', 'Camera and/or mic init failed during join call');
-                    }
+                try {
+                    await this.initCamera({ setStatus: true });
+                    await this.initMic({ setStatus: true });
+                }
+                catch (error) {
+                    this.logger('warn', 'Camera and/or mic init failed during join call');
                 }
                 // 3. once we have the "joinResponse", and possibly reconciled the local state
                 // we schedule a fast subscription update for all remote participants
@@ -11730,56 +11699,6 @@ class Call {
         this.stopReportingStatsFor = (sessionId) => {
             return this.statsReporter?.stopReportingStatsFor(sessionId);
         };
-        /**
-         * Sets the used audio output device (`audioOutputDeviceId` of the [`localParticipant$`](./StreamVideoClient.md/#readonlystatestore).
-         *
-         * This method only stores the selection, if you're using custom UI components, you'll have to implement the audio switching, for more information see: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/sinkId.
-         *
-         *
-         * @param deviceId the selected device, `undefined` means the user wants to use the system's default audio output
-         *
-         * @deprecated use `call.speaker` instead
-         */
-        this.setAudioOutputDevice = (deviceId) => {
-            if (!this.sfuClient)
-                return;
-            this.state.updateParticipant(this.sfuClient.sessionId, {
-                audioOutputDeviceId: deviceId,
-            });
-        };
-        /**
-         * Sets the `audioDeviceId` property of the [`localParticipant$`](./StreamVideoClient.md/#readonlystatestore)).
-         *
-         * This method only stores the selection, if you want to start publishing a media stream call the [`publishAudioStream` method](#publishaudiostream) that will set `audioDeviceId` as well.
-         *
-         *
-         * @param deviceId the selected device, pass `undefined` to clear the device selection
-         *
-         * @deprecated use call.microphone.select
-         */
-        this.setAudioDevice = (deviceId) => {
-            if (!this.sfuClient)
-                return;
-            this.state.updateParticipant(this.sfuClient.sessionId, {
-                audioDeviceId: deviceId,
-            });
-        };
-        /**
-         * Sets the `videoDeviceId` property of the [`localParticipant$`](./StreamVideoClient.md/#readonlystatestore).
-         *
-         * This method only stores the selection, if you want to start publishing a media stream call the [`publishVideoStream` method](#publishvideostream) that will set `videoDeviceId` as well.
-         *
-         * @param deviceId the selected device, pass `undefined` to clear the device selection
-         *
-         * @deprecated use call.camera.select
-         */
-        this.setVideoDevice = (deviceId) => {
-            if (!this.sfuClient)
-                return;
-            this.state.updateParticipant(this.sfuClient.sessionId, {
-                videoDeviceId: deviceId,
-            });
-        };
         /**
          * Resets the last sent reaction for the user holding the given `sessionId`. This is a local action, it won't reset the reaction on the backend.
          *
@@ -12126,6 +12045,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`).
@@ -12371,7 +12294,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;
@@ -12397,19 +12320,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;
@@ -12421,16 +12346,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();
+            }
         }
     }
 }
@@ -14015,7 +13942,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "0.3.36" ;
+            const version = "0.4.1" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };
@@ -14263,6 +14190,7 @@ class StreamVideoClient {
                     clientStore: this.writeableStateStore,
                 });
                 call.state.updateFromCallResponse(c.call);
+                call.applyDeviceConfig();
                 if (data.watch) {
                     this.writeableStateStore.registerCall(call);
                 }
@@ -14549,5 +14477,5 @@ class StreamVideoServerClient extends StreamVideoClient {
     }
 }
 
-export { AudioSettingsDefaultDeviceEnum, AudioSettingsRequestDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DynascaleManager, ErrorFromResponse, InputMediaDeviceManager, InputMediaDeviceManagerState, LayoutSettingsNameEnum, LayoutSettingsRequestNameEnum, MicrophoneManager, MicrophoneManagerState, OwnCapability, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, ScreenShareManager, ScreenShareState, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, StreamSfuClient, StreamVideoClient, StreamVideoReadOnlyStateStore, StreamVideoServerClient, StreamVideoWriteableStateStore, TranscriptionSettingsModeEnum, TranscriptionSettingsRequestModeEnum, VideoSettingsCameraFacingEnum, VideoSettingsRequestCameraFacingEnum, ViewportTracker, VisibilityState, checkIfAudioOutputChangeSupported, combineComparators, conditional, createSoundDetector, defaultSortPreset, descending, disposeOfMediaStream, dominantSpeaker, getAudioDevices, getAudioOutputDevices, getAudioStream, getClientDetails, getDeviceInfo, getLogger, getOSInfo, getScreenShareStream, getSdkInfo, getVideoDevices, getVideoStream, isStreamVideoLocalParticipant, livestreamOrAudioRoomSortPreset, logLevels, logToConsole, name, noopComparator, paginatedLayoutSortPreset, pinned, publishingAudio, publishingVideo, reactionType, role, screenSharing, setDeviceInfo, setLogLevel, setLogger, setOSInfo, setSdkInfo, speakerLayoutSortPreset, speaking, watchForAddedDefaultAudioDevice, watchForAddedDefaultAudioOutputDevice, watchForAddedDefaultVideoDevice, watchForDisconnectedAudioDevice, watchForDisconnectedAudioOutputDevice, watchForDisconnectedVideoDevice };
+export { AudioSettingsDefaultDeviceEnum, AudioSettingsRequestDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DynascaleManager, ErrorFromResponse, InputMediaDeviceManager, InputMediaDeviceManagerState, LayoutSettingsNameEnum, LayoutSettingsRequestNameEnum, MicrophoneManager, MicrophoneManagerState, OwnCapability, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, ScreenShareManager, ScreenShareState, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, StreamSfuClient, StreamVideoClient, StreamVideoReadOnlyStateStore, StreamVideoServerClient, StreamVideoWriteableStateStore, TranscriptionSettingsModeEnum, TranscriptionSettingsRequestModeEnum, VideoSettingsCameraFacingEnum, VideoSettingsRequestCameraFacingEnum, ViewportTracker, VisibilityState, checkIfAudioOutputChangeSupported, combineComparators, conditional, createSoundDetector, defaultSortPreset, descending, disposeOfMediaStream, dominantSpeaker, getAudioDevices, getAudioOutputDevices, getAudioStream, getClientDetails, getDeviceInfo, getLogger, getOSInfo, getScreenShareStream, getSdkInfo, getVideoDevices, getVideoStream, livestreamOrAudioRoomSortPreset, logLevels, logToConsole, name, noopComparator, paginatedLayoutSortPreset, pinned, publishingAudio, publishingVideo, reactionType, role, screenSharing, setDeviceInfo, setLogLevel, setLogger, setOSInfo, setSdkInfo, speakerLayoutSortPreset, speaking, watchForAddedDefaultAudioDevice, watchForAddedDefaultAudioOutputDevice, watchForAddedDefaultVideoDevice, watchForDisconnectedAudioDevice, watchForDisconnectedAudioOutputDevice, watchForDisconnectedVideoDevice };
 //# sourceMappingURL=index.browser.es.js.map