@stream-io/video-client 0.3.1 → 0.3.3

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.3.3](https://github.com/GetStream/stream-video-js/compare/client0.3.2...client0.3.3) (2023-08-18)
+
+
+### Features
+
+* Disable doesn't stop audio tracks ([#950](https://github.com/GetStream/stream-video-js/issues/950)) ([c348f34](https://github.com/GetStream/stream-video-js/commit/c348f34818f0e123e70b9471637ddd64411ebc08))
+
+### [0.3.2](https://github.com/GetStream/stream-video-js/compare/client0.3.1...client0.3.2) (2023-08-16)
+
+
+### Features
+
+* use new device API in RN SDK and move to @stream-io/react-native-webrtc ([#925](https://github.com/GetStream/stream-video-js/issues/925)) ([8442d82](https://github.com/GetStream/stream-video-js/commit/8442d821a8eb97cb4be6e6d71b64337c04a86a15))
+
+
+### Bug Fixes
+
+* **client:** export missing classes ([#943](https://github.com/GetStream/stream-video-js/issues/943)) ([2964eb1](https://github.com/GetStream/stream-video-js/commit/2964eb16c405b7b7020ef9bfda81183f28e40b6b))
+
 ### [0.3.1](https://github.com/GetStream/stream-video-js/compare/client0.3.0...client0.3.1) (2023-08-16)
 
 

package/dist/index.browser.es.js

@@ -6,9 +6,9 @@ export { AxiosError } from 'axios';
 import { TwirpFetchTransport } from '@protobuf-ts/twirp-transport';
 import { ReplaySubject, BehaviorSubject, distinctUntilChanged as distinctUntilChanged$1, Observable, debounceTime, concatMap, from, shareReplay, merge, map as map$2, combineLatest, filter, pairwise, takeWhile, tap, debounce, timer } from 'rxjs';
 import * as SDP from 'sdp-transform';
+import { UAParser } from 'ua-parser-js';
 import WebSocket from 'isomorphic-ws';
 import { take, map as map$1, distinctUntilChanged } from 'rxjs/operators';
-import { UAParser } from 'ua-parser-js';
 import { fromByteArray } from 'base64-js';
 
 /**
@@ -6266,6 +6266,56 @@ function getIceCandidate(candidate) {
     }
 }
 
+let sdkInfo;
+let osInfo;
+let deviceInfo;
+const setSdkInfo = (info) => {
+    sdkInfo = info;
+};
+const getSdkInfo = () => {
+    return sdkInfo;
+};
+const setOSInfo = (info) => {
+    osInfo = info;
+};
+const getOSInfo = () => {
+    return osInfo;
+};
+const setDeviceInfo = (info) => {
+    deviceInfo = info;
+};
+const getDeviceInfo = () => {
+    return deviceInfo;
+};
+const getClientDetails = () => {
+    if (isReactNative()) {
+        // Since RN doesn't support web, sharing browser info is not required
+        return {
+            sdk: getSdkInfo(),
+            os: getOSInfo(),
+            device: getDeviceInfo(),
+        };
+    }
+    const userAgent = new UAParser(navigator.userAgent);
+    const { browser, os, device, cpu } = userAgent.getResult();
+    return {
+        sdk: getSdkInfo(),
+        browser: {
+            name: browser.name || navigator.userAgent,
+            version: browser.version || '',
+        },
+        os: {
+            name: os.name || '',
+            version: os.version || '',
+            architecture: cpu.architecture || '',
+        },
+        device: {
+            name: `${device.vendor || ''} ${device.model || ''} ${device.type || ''}`,
+            version: '',
+        },
+    };
+};
+
 const DEFAULT_BITRATE = 1250000;
 const defaultTargetResolution = {
     bitrate: DEFAULT_BITRATE,
@@ -6280,9 +6330,11 @@ const defaultTargetResolution = {
  * @param targetResolution the expected target resolution.
  */
 const findOptimalVideoLayers = (videoTrack, targetResolution = defaultTargetResolution) => {
+    var _a;
     const optimalVideoLayers = [];
     const settings = videoTrack.getSettings();
     const { width: w = 0, height: h = 0 } = settings;
+    const isRNIos = isReactNative() && ((_a = getOSInfo()) === null || _a === void 0 ? void 0 : _a.name.toLowerCase()) === 'ios';
     const maxBitrate = getComputedMaxBitrate(targetResolution, w, h);
     let downscaleFactor = 1;
     ['f', 'h', 'q'].forEach((rid) => {
@@ -6296,10 +6348,11 @@ const findOptimalVideoLayers = (videoTrack, targetResolution = defaultTargetReso
             height: Math.round(h / downscaleFactor),
             maxBitrate: Math.round(maxBitrate / downscaleFactor),
             scaleResolutionDownBy: downscaleFactor,
+            // Simulcast on iOS React-Native requires all encodings to share the same framerate
             maxFramerate: {
                 f: 30,
-                h: 25,
-                q: 20,
+                h: isRNIos ? 30 : 25,
+                q: isRNIos ? 30 : 20,
             }[rid],
         });
         downscaleFactor *= 2;
@@ -6498,6 +6551,7 @@ class Publisher {
          * @param opts
          */
         this.publishStream = (mediaStream, track, trackType, opts = {}) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
             if (track.readyState === 'ended') {
                 throw new Error(`Can't publish a track that has ended already.`);
             }
@@ -6525,7 +6579,14 @@ class Publisher {
                 const videoEncodings = trackType === TrackType.VIDEO
                     ? findOptimalVideoLayers(track, targetResolution)
                     : undefined;
-                const codecPreferences = this.getCodecPreferences(trackType, opts.preferredCodec);
+                let preferredCodec = opts.preferredCodec;
+                if (!preferredCodec && trackType === TrackType.VIDEO) {
+                    const isRNAndroid = isReactNative() && ((_a = getOSInfo()) === null || _a === void 0 ? void 0 : _a.name.toLowerCase()) === 'android';
+                    if (isRNAndroid) {
+                        preferredCodec = 'VP8';
+                    }
+                }
+                const codecPreferences = this.getCodecPreferences(trackType, preferredCodec);
                 // listen for 'ended' event on the track as it might be ended abruptly
                 // by an external factor as permission revokes, device disconnected, etc.
                 // keep in mind that `track.stop()` doesn't trigger this event.
@@ -6553,6 +6614,9 @@ class Publisher {
                     previousTrack.removeEventListener('ended', handleTrackEnded);
                     track.addEventListener('ended', handleTrackEnded);
                 }
+                if (!track.enabled) {
+                    track.enabled = true;
+                }
                 yield transceiver.sender.replaceTrack(track);
             }
             yield this.notifyTrackMuteStateChanged(mediaStream, track, trackType, false);
@@ -6561,15 +6625,18 @@ class Publisher {
          * Stops publishing the given track type to the SFU, if it is currently being published.
          * Underlying track will be stopped and removed from the publisher.
          * @param trackType the track type to unpublish.
+         * @param stopTrack specifies whether track should be stopped or just disabled
          */
-        this.unpublishStream = (trackType) => __awaiter(this, void 0, void 0, function* () {
+        this.unpublishStream = (trackType, stopTrack) => __awaiter(this, void 0, void 0, function* () {
             const transceiver = this.pc
                 .getTransceivers()
                 .find((t) => t === this.transceiverRegistry[trackType] && t.sender.track);
             if (transceiver &&
                 transceiver.sender.track &&
                 transceiver.sender.track.readyState === 'live') {
-                transceiver.sender.track.stop();
+                stopTrack
+                    ? transceiver.sender.track.stop()
+                    : (transceiver.sender.track.enabled = false);
                 return this.notifyTrackMuteStateChanged(undefined, transceiver.sender.track, trackType, true);
             }
         });
@@ -6619,9 +6686,9 @@ class Publisher {
             });
         };
         this.updateVideoPublishQuality = (enabledRids) => __awaiter(this, void 0, void 0, function* () {
-            var _a;
+            var _b;
             logger$3('info', 'Update publish quality, requested rids by SFU:', enabledRids);
-            const videoSender = (_a = this.transceiverRegistry[TrackType.VIDEO]) === null || _a === void 0 ? void 0 : _a.sender;
+            const videoSender = (_b = this.transceiverRegistry[TrackType.VIDEO]) === null || _b === void 0 ? void 0 : _b.sender;
             if (!videoSender) {
                 logger$3('warn', 'Update publish quality, no video sender found.');
                 return;
@@ -6719,8 +6786,8 @@ class Publisher {
          * @param options the optional offer options to use.
          */
         this.negotiate = (options) => __awaiter(this, void 0, void 0, function* () {
-            var _b;
-            this.isIceRestarting = (_b = options === null || options === void 0 ? void 0 : options.iceRestart) !== null && _b !== void 0 ? _b : false;
+            var _c;
+            this.isIceRestarting = (_c = options === null || options === void 0 ? void 0 : options.iceRestart) !== null && _c !== void 0 ? _c : false;
             const offer = yield this.pc.createOffer(options);
             offer.sdp = this.mungeCodecs(offer.sdp);
             const trackInfos = this.getCurrentTrackInfos(offer.sdp);
@@ -6758,15 +6825,6 @@ class Publisher {
         this.mungeCodecs = (sdp) => {
             if (sdp) {
                 sdp = toggleDtx(sdp, this.isDtxEnabled);
-                if (isReactNative()) {
-                    if (this.preferredVideoCodec) {
-                        sdp = setPreferredCodec(sdp, 'video', this.preferredVideoCodec);
-                    }
-                    sdp = setPreferredCodec(sdp, 'audio', this.isRedEnabled ? 'red' : 'opus');
-                    if (!this.isRedEnabled) {
-                        sdp = removeCodec(sdp, 'audio', 'red');
-                    }
-                }
             }
             return sdp;
         };
@@ -9464,58 +9522,9 @@ const CallTypes = new CallTypesRegistry([
     }),
 ]);
 
-let sdkInfo;
-let osInfo;
-let deviceInfo;
-const setSdkInfo = (info) => {
-    sdkInfo = info;
-};
-const getSdkInfo = () => {
-    return sdkInfo;
-};
-const setOSInfo = (info) => {
-    osInfo = info;
-};
-const getOSInfo = () => {
-    return osInfo;
-};
-const setDeviceInfo = (info) => {
-    deviceInfo = info;
-};
-const getDeviceInfo = () => {
-    return deviceInfo;
-};
-const getClientDetails = () => {
-    if (isReactNative()) {
-        // Since RN doesn't support web, sharing browser info is not required
-        return {
-            sdk: getSdkInfo(),
-            os: getOSInfo(),
-            device: getDeviceInfo(),
-        };
-    }
-    const userAgent = new UAParser(navigator.userAgent);
-    const { browser, os, device, cpu } = userAgent.getResult();
-    return {
-        sdk: getSdkInfo(),
-        browser: {
-            name: browser.name || navigator.userAgent,
-            version: browser.version || '',
-        },
-        os: {
-            name: os.name || '',
-            version: os.version || '',
-            architecture: cpu.architecture || '',
-        },
-        device: {
-            name: `${device.vendor || ''} ${device.model || ''} ${device.type || ''}`,
-            version: '',
-        },
-    };
-};
-
 class InputMediaDeviceManagerState {
-    constructor() {
+    constructor(disableMode = 'stop-tracks') {
+        this.disableMode = disableMode;
         this.statusSubject = new BehaviorSubject(undefined);
         this.mediaStreamSubject = new BehaviorSubject(undefined);
         this.selectedDeviceSubject = new BehaviorSubject(undefined);
@@ -9542,7 +9551,9 @@ class InputMediaDeviceManagerState {
         this.selectedDevice$ = this.selectedDeviceSubject
             .asObservable()
             .pipe(distinctUntilChanged$1());
-        this.status$ = this.statusSubject.asObservable();
+        this.status$ = this.statusSubject
+            .asObservable()
+            .pipe(distinctUntilChanged$1());
     }
     /**
      * The device status
@@ -9590,7 +9601,7 @@ class InputMediaDeviceManagerState {
 
 class CameraManagerState extends InputMediaDeviceManagerState {
     constructor() {
-        super();
+        super('stop-tracks');
         this.directionSubject = new BehaviorSubject(undefined);
         this.direction$ = this.directionSubject
             .asObservable()
@@ -9903,12 +9914,13 @@ class InputMediaDeviceManager {
             if (this.state.status === 'enabled') {
                 return;
             }
-            yield this.startStream();
+            yield this.unmuteStream();
             this.state.setStatus('enabled');
         });
     }
     /**
      * Stops camera/microphone
+     *
      * @returns
      */
     disable() {
@@ -9916,12 +9928,25 @@ class InputMediaDeviceManager {
             if (this.state.status === 'disabled') {
                 return;
             }
-            yield this.stopStream();
+            this.state.prevStatus = this.state.status;
+            yield this.muteStream(this.state.disableMode === 'stop-tracks');
             this.state.setStatus('disabled');
         });
     }
+    /**
+     * If status was previously enabled, it will reenable the device.
+     */
+    resume() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.state.prevStatus === 'enabled' &&
+                this.state.status === 'disabled') {
+                this.enable();
+            }
+        });
+    }
     /**
      * If current device statis is disabled, it will enable the device, else it will disable it.
+     *
      * @returns
      */
     toggle() {
@@ -9956,32 +9981,40 @@ class InputMediaDeviceManager {
     applySettingsToStream() {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.state.status === 'enabled') {
-                yield this.stopStream();
-                yield this.startStream();
+                yield this.muteStream();
+                yield this.unmuteStream();
             }
         });
     }
-    stopStream() {
+    muteStream(stopTracks = true) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!this.state.mediaStream) {
                 return;
             }
             if (this.call.state.callingState === CallingState.JOINED) {
-                yield this.stopPublishStream();
+                yield this.stopPublishStream(stopTracks);
             }
             else if (this.state.mediaStream) {
-                disposeOfMediaStream(this.state.mediaStream);
+                stopTracks
+                    ? disposeOfMediaStream(this.state.mediaStream)
+                    : this.muteTracks();
+            }
+            if (stopTracks) {
+                this.state.setMediaStream(undefined);
             }
-            this.state.setMediaStream(undefined);
         });
     }
-    startStream() {
+    unmuteStream() {
         return __awaiter(this, void 0, void 0, function* () {
+            let stream;
             if (this.state.mediaStream) {
-                return;
+                stream = this.state.mediaStream;
+                this.unmuteTracks();
+            }
+            else {
+                const constraints = { deviceId: this.state.selectedDevice };
+                stream = yield this.getStream(constraints);
             }
-            const constraints = { deviceId: this.state.selectedDevice };
-            const stream = yield this.getStream(constraints);
             if (this.call.state.callingState === CallingState.JOINED) {
                 yield this.publishStream(stream);
             }
@@ -10033,30 +10066,23 @@ class CameraManager extends InputMediaDeviceManager {
     publishStream(stream) {
         return this.call.publishVideoStream(stream);
     }
-    stopPublishStream() {
-        return this.call.stopPublish(TrackType.VIDEO);
+    stopPublishStream(stopTracks) {
+        return this.call.stopPublish(TrackType.VIDEO, stopTracks);
     }
-    /**
-     * Disables the video tracks of the camera
-     */
-    pause() {
+    muteTracks() {
         var _a;
-        (_a = this.state.mediaStream) === null || _a === void 0 ? void 0 : _a.getVideoTracks().forEach((track) => {
-            track.enabled = false;
-        });
+        (_a = this.state.mediaStream) === null || _a === void 0 ? void 0 : _a.getVideoTracks().forEach((t) => (t.enabled = false));
     }
-    /**
-     * (Re)enables the video tracks of the camera
-     */
-    resume() {
+    unmuteTracks() {
         var _a;
-        (_a = this.state.mediaStream) === null || _a === void 0 ? void 0 : _a.getVideoTracks().forEach((track) => {
-            track.enabled = true;
-        });
+        (_a = this.state.mediaStream) === null || _a === void 0 ? void 0 : _a.getVideoTracks().forEach((t) => (t.enabled = true));
     }
 }
 
 class MicrophoneManagerState extends InputMediaDeviceManagerState {
+    constructor() {
+        super('disable-tracks');
+    }
     getDeviceIdFromStream(stream) {
         var _a;
         return (_a = stream.getAudioTracks()[0]) === null || _a === void 0 ? void 0 : _a.getSettings().deviceId;
@@ -10076,26 +10102,16 @@ class MicrophoneManager extends InputMediaDeviceManager {
     publishStream(stream) {
         return this.call.publishAudioStream(stream);
     }
-    stopPublishStream() {
-        return this.call.stopPublish(TrackType.AUDIO);
+    stopPublishStream(stopTracks) {
+        return this.call.stopPublish(TrackType.AUDIO, stopTracks);
     }
-    /**
-     * Disables the audio tracks of the microphone
-     */
-    pause() {
+    muteTracks() {
         var _a;
-        (_a = this.state.mediaStream) === null || _a === void 0 ? void 0 : _a.getAudioTracks().forEach((track) => {
-            track.enabled = false;
-        });
+        (_a = this.state.mediaStream) === null || _a === void 0 ? void 0 : _a.getAudioTracks().forEach((t) => (t.enabled = false));
     }
-    /**
-     * (Re)enables the audio tracks of the microphone
-     */
-    resume() {
+    unmuteTracks() {
         var _a;
-        (_a = this.state.mediaStream) === null || _a === void 0 ? void 0 : _a.getAudioTracks().forEach((track) => {
-            track.enabled = true;
-        });
+        (_a = this.state.mediaStream) === null || _a === void 0 ? void 0 : _a.getAudioTracks().forEach((t) => (t.enabled = true));
     }
 }
 
@@ -10659,11 +10675,12 @@ class Call {
          *
          *
          * @param trackType the track type to stop publishing.
+         * @param stopTrack if `true` the track will be stopped, else it will be just disabled
          */
-        this.stopPublish = (trackType) => __awaiter(this, void 0, void 0, function* () {
+        this.stopPublish = (trackType, stopTrack = true) => __awaiter(this, void 0, void 0, function* () {
             var _j;
             this.logger('info', `stopPublish ${TrackType[trackType]}`);
-            yield ((_j = this.publisher) === null || _j === void 0 ? void 0 : _j.unpublishStream(trackType));
+            yield ((_j = this.publisher) === null || _j === void 0 ? void 0 : _j.unpublishStream(trackType, stopTrack));
         });
         /**
          * Update track subscription configuration for one or more participants.
@@ -12435,7 +12452,7 @@ class WSConnectionFallback {
     }
 }
 
-const version = '0.3.1';
+const version = '0.3.3';
 
 const logger = getLogger(['location']);
 const HINT_URL = `https://hint.stream-io-video.com/`;
@@ -13489,5 +13506,5 @@ var browsers = /*#__PURE__*/Object.freeze({
     isSafari: isSafari
 });
 
-export { AudioSettingsDefaultDeviceEnum, AudioSettingsRequestDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CreateDeviceRequestPushProviderEnum, DebounceType, ErrorFromResponse, InputMediaDeviceManager, InputMediaDeviceManagerState, MicrophoneManager, OwnCapability, RecordSettingsModeEnum, RecordSettingsQualityEnum, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, events as SfuEvents, models as SfuModels, 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, 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, ErrorFromResponse, InputMediaDeviceManager, InputMediaDeviceManagerState, MicrophoneManager, MicrophoneManagerState, OwnCapability, RecordSettingsModeEnum, RecordSettingsQualityEnum, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, events as SfuEvents, models as SfuModels, 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, 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