subscribable-things - npm Package Compare versions

Comparing version 1.1.1 to 1.2.0

build/es2019/module.d.ts

 export * from './interfaces/index';
 export * from './types/index';
+export declare const mediaDevices: import("./types").TMediaDevicesFunction;
 export declare const mediaQueryMatch: import("./types").TMediaQueryMatchFunction;
@@ -4,0 +5,0 @@ export declare const mutations: import("./types").TMutationsFunction;

build/es2019/module.js

 import { patch, toObserver } from 'rxjs-interop';
+import { createMediaDevices } from './factories/media-devices';
 import { createMediaQueryMatch } from './factories/media-query-match';
@@ -17,2 +18,3 @@ import { createMutations } from './factories/mutations';
 const wrapSubscribeFunction = createWrapSubscribeFunction(patch, toObserver);
+export const mediaDevices = createMediaDevices(emitNotSupportedError, window, wrapSubscribeFunction);
 export const mediaQueryMatch = createMediaQueryMatch(emitNotSupportedError, window, wrapSubscribeFunction);
@@ -19,0 +21,0 @@ export const mutations = createMutations(emitNotSupportedError, window, wrapSubscribeFunction);

build/es2019/types/index.d.ts

 export * from './emit-not-supported-error-function';
 export * from './flexible-subscribe-function';
+export * from './media-devices-factory';
+export * from './media-devices-function';
 export * from './media-query-match-factory';
@@ -4,0 +6,0 @@ export * from './media-query-match-function';

build/es2019/types/index.js

 export * from './emit-not-supported-error-function';
 export * from './flexible-subscribe-function';
+export * from './media-devices-factory';
+export * from './media-devices-function';
 export * from './media-query-match-factory';
@@ -4,0 +6,0 @@ export * from './media-query-match-function';

build/es5/bundle.js

@@ -7,2 +7,36 @@ (function (global, factory) {
 
+    var createMediaDevices = function createMediaDevices(emitNotSupportedError, window, wrapSubscribeFunction) {
+      return function () {
+        return wrapSubscribeFunction(function (observer) {
+          if (window === null || window.navigator === undefined || window.navigator.mediaDevices === undefined || window.navigator.mediaDevices.enumerateDevices === undefined) {
+            return emitNotSupportedError(observer);
+          }
+
+          var isActive = true;
+
+          var enumerateDevices = function enumerateDevices() {
+            window.navigator.mediaDevices.enumerateDevices().then(function (mediaDevices) {
+              if (isActive) {
+                observer.next(mediaDevices);
+              }
+            })["catch"](function (err) {
+              if (isActive) {
+                unsubscribe();
+                observer.error(err);
+              }
+            });
+          };
+
+          var unsubscribe = function unsubscribe() {
+            isActive = false;
+            window.navigator.mediaDevices.removeEventListener('devicechange', enumerateDevices);
+          };
+
+          enumerateDevices();
+          window.navigator.mediaDevices.addEventListener('devicechange', enumerateDevices);
+          return unsubscribe;
+        });
+      };
+    };
+
     var createMediaQueryMatch = function createMediaQueryMatch(emitNotSupportedError, window, wrapSubscribeFunction) {
@@ -149,2 +183,3 @@ return function (mediaQueryString) {
     var wrapSubscribeFunction = createWrapSubscribeFunction(rxjsInterop.patch, rxjsInterop.toObserver);
+    var mediaDevices = createMediaDevices(emitNotSupportedError, window$1, wrapSubscribeFunction);
     var mediaQueryMatch = createMediaQueryMatch(emitNotSupportedError, window$1, wrapSubscribeFunction);
@@ -155,2 +190,3 @@ var mutations = createMutations(emitNotSupportedError, window$1, wrapSubscribeFunction);
 
+    exports.mediaDevices = mediaDevices;
     exports.mediaQueryMatch = mediaQueryMatch;
@@ -157,0 +193,0 @@ exports.mutations = mutations;

package.json

@@ -46,4 +46,4 @@ {
     "mocha": "^7.1.0",
-    "rollup": "^1.32.1",
-    "rollup-plugin-babel": "^4.3.3",
+    "rollup": "^2.0.2",
+    "rollup-plugin-babel": "^4.4.0",
     "rxjs": "^6.5.4",
@@ -91,3 +91,3 @@ "sinon": "^9.0.0",
   "types": "build/es2019/module.d.ts",
-  "version": "1.1.1"
+  "version": "1.2.0"
 }

README.md

@@ -95,5 +95,9 @@ # subscribable-things
 
+### mediaDevices(): SubscribableThing\<MediaDeviceInfo[]>
+
+This function is a wrapper for the [`enumerateDevices()`](https://developer.mozilla.org/docs/Web/API/MediaDevices/enumerateDevices) method of the [Media Capture and Streams specification](https://w3c.github.io/mediacapture-main). It will also listen for the [`devicechange` event](https://developer.mozilla.org/docs/Web/API/MediaDevices/devicechange_event) to emit a fresh list of devices whenever they change.
+
 ### mediaQueryMatch(mediaQueryString: string): SubscribableThing\<boolean>
 
-This function is a wrapper for the [`matchMedia()`](https://developer.mozilla.org/docs/Web/API/Window/matchMedia) method.
+This function is a wrapper for the [`matchMedia()`](https://developer.mozilla.org/docs/Web/API/Window/matchMedia) method. It will emit a new value whenever the result of `matchMedia()` changes.
 
@@ -106,3 +110,3 @@ ### mutations(htmlElement: HTMLElement, options: MutationObserverInit): SubscribableThing\<MutationRecord[]>
 
-This function is a wrapper for the [`query()`](https://developer.mozilla.org/docs/Web/API/Permissions/query) method of the [Permissions API](https://w3c.github.io/permissions).
+This function is a wrapper for the [`query()`](https://developer.mozilla.org/docs/Web/API/Permissions/query) method of the [Permissions API](https://w3c.github.io/permissions). It will monitor the permission status to emit a new state whenever it gets updated.
 
@@ -109,0 +113,0 @@ ### reports(options: IReportingObserverOptions): SubscribableThing\<IReport[]>

src/module.ts

 import { patch, toObserver } from 'rxjs-interop';
+import { createMediaDevices } from './factories/media-devices';
 import { createMediaQueryMatch } from './factories/media-query-match';
@@ -20,2 +21,4 @@ import { createMutations } from './factories/mutations';
 
+export const mediaDevices = createMediaDevices(emitNotSupportedError, window, wrapSubscribeFunction);
+
 export const mediaQueryMatch = createMediaQueryMatch(emitNotSupportedError, window, wrapSubscribeFunction);
@@ -22,0 +25,0 @@

src/types/index.ts

 export * from './emit-not-supported-error-function';
 export * from './flexible-subscribe-function';
+export * from './media-devices-factory';
+export * from './media-devices-function';
 export * from './media-query-match-factory';
@@ -4,0 +6,0 @@ export * from './media-query-match-function';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

73281

increased by15.31%

Number of package files

185

increased by8.82%

Lines of code

752

increased by20.71%

Number of lines in readme file

114

increased by3.64%

No dependency changes