@stream-io/video-client 0.4.6 → 0.4.8

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.4.8](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.4.7...@stream-io/video-client-0.4.8) (2023-11-16)
+
+
+### Bug Fixes
+
+* **device-api:** check for Permissions API availability ([#1193](https://github.com/GetStream/stream-video-js/issues/1193)) ([5ffeaa0](https://github.com/GetStream/stream-video-js/commit/5ffeaa0d2abdab401f9028a14b114d00723605c1)), closes [#1184](https://github.com/GetStream/stream-video-js/issues/1184)
+
+### [0.4.7](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.4.6...@stream-io/video-client-0.4.7) (2023-11-13)
+
+
+### Features
+
+* **device-api:** Browser Permissions API ([#1184](https://github.com/GetStream/stream-video-js/issues/1184)) ([a0b3573](https://github.com/GetStream/stream-video-js/commit/a0b3573b630ff8450953cdf1102fe722aea83f6f))
+
 ### [0.4.6](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.4.5...@stream-io/video-client-0.4.6) (2023-11-13)
 
 

package/dist/index.browser.es.js

@@ -10255,11 +10255,10 @@ class InputMediaDeviceManager {
         this.state.setDefaultConstraints(constraints);
     }
     /**
-     * Select device
+     * Selects a device.
      *
      * Note: this method is not supported in React Native
-     *
-     * @param deviceId
+     * @param deviceId the device id to select.
      */
     async select(deviceId) {
         if (isReactNative()) {
@@ -10426,8 +10425,16 @@ class InputMediaDeviceManager {
 }
 
 class InputMediaDeviceManagerState {
-    constructor(disableMode = 'stop-tracks') {
+    /**
+     * Constructs new InputMediaDeviceManagerState instance.
+     *
+     * @param disableMode the disable mode to use.
+     * @param permissionName the permission name to use for querying.
+     * `undefined` means no permission is required.
+     */
+    constructor(disableMode = 'stop-tracks', permissionName = undefined) {
         this.disableMode = disableMode;
+        this.permissionName = permissionName;
         this.statusSubject = new BehaviorSubject(undefined);
         this.mediaStreamSubject = new BehaviorSubject(undefined);
         this.selectedDeviceSubject = new BehaviorSubject(undefined);
@@ -10451,6 +10458,36 @@ class InputMediaDeviceManagerState {
          * The default constraints for the device.
          */
         this.defaultConstraints$ = this.defaultConstraintsSubject.asObservable();
+        /**
+         * An observable that will emit `true` if browser/system permission
+         * is granted, `false` otherwise.
+         */
+        this.hasBrowserPermission$ = new Observable((subscriber) => {
+            const notifyGranted = () => subscriber.next(true);
+            const permissionsAPIAvailable = !!navigator?.permissions?.query;
+            if (isReactNative() || !this.permissionName || !permissionsAPIAvailable) {
+                getLogger(['devices'])('warn', `Permissions can't be queried. Assuming granted.`);
+                return notifyGranted();
+            }
+            let permissionState;
+            const notify = () => subscriber.next(permissionState.state === 'granted');
+            navigator.permissions
+                .query({ name: this.permissionName })
+                .then((permissionStatus) => {
+                permissionState = permissionStatus;
+                permissionState.addEventListener('change', notify);
+                notify();
+            })
+                .catch(() => {
+                // permission doesn't exist or can't be queried -> assume it's granted
+                // an example would be Firefox,
+                // where neither camera microphone permission can be queried
+                notifyGranted();
+            });
+            return () => {
+                permissionState?.removeEventListener('change', notify);
+            };
+        }).pipe(shareReplay(1));
         /**
          * Gets the current value of an observable, or undefined if the observable has
          * not emitted a value yet.
@@ -10532,7 +10569,10 @@ class InputMediaDeviceManagerState {
 
 class CameraManagerState extends InputMediaDeviceManagerState {
     constructor() {
-        super('stop-tracks');
+        super('stop-tracks', 
+        // `camera` is not in the W3C standard yet,
+        // but it's supported by Chrome and Safari.
+        'camera');
         this.directionSubject = new BehaviorSubject(undefined);
         this.direction$ = this.directionSubject
             .asObservable()
@@ -10662,7 +10702,10 @@ class CameraManager extends InputMediaDeviceManager {
 
 class MicrophoneManagerState extends InputMediaDeviceManagerState {
     constructor() {
-        super('disable-tracks');
+        super('disable-tracks', 
+        // `microphone` is not in the W3C standard yet,
+        // but it's supported by Chrome and Safari.
+        'microphone');
         this.speakingWhileMutedSubject = new BehaviorSubject(false);
         this.speakingWhileMuted$ = this.speakingWhileMutedSubject
             .asObservable()
@@ -12230,13 +12273,13 @@ class Call {
                             this.camera.state.status === 'enabled') {
                             this.camera
                                 .disable()
-                                .catch((err) => this.logger('error', `Error disabling camera after pemission revoked`, err));
+                                .catch((err) => this.logger('error', `Error disabling camera after permission revoked`, err));
                         }
                         if (trackType === TrackType.AUDIO &&
                             this.microphone.state.status === 'enabled') {
                             this.microphone
                                 .disable()
-                                .catch((err) => this.logger('error', `Error disabling microphone after pemission revoked`, err));
+                                .catch((err) => this.logger('error', `Error disabling microphone after permission revoked`, err));
                         }
                     });
                 }
@@ -13970,7 +14013,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "0.4.6" ;
+            const version = "0.4.8" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };