@monkvision/camera-web 5.1.2 → 5.1.4

package/lib/Camera/hooks/useUserMedia.js

@@ -196,6 +196,7 @@ function getStreamDimensions(stream, checkOrientation) {
  */
 function useUserMedia(constraints, videoRef) {
     var _this = this;
+    var streamRef = (0, react_1.useRef)(null);
     var _a = (0, react_1.useState)(null), stream = _a[0], setStream = _a[1];
     var _b = (0, react_1.useState)(null), dimensions = _b[0], setDimensions = _b[1];
     var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
@@ -265,6 +266,7 @@ function useUserMedia(constraints, videoRef) {
                     str === null || str === void 0 ? void 0 : str.addEventListener('inactive', onStreamInactive);
                     if (isMounted()) {
                         setStream(str);
+                        streamRef.current = str;
                         setDimensions(getStreamDimensions(str, true));
                         setIsLoading(false);
                         setAvailableCameraDevices(deviceDetails.availableDevices);
@@ -343,6 +345,14 @@ function useUserMedia(constraints, videoRef) {
             };
         }
     }, [stream, videoRef]);
+    (0, react_1.useEffect)(function () {
+        return function () {
+            var _a;
+            (_a = streamRef.current) === null || _a === void 0 ? void 0 : _a.getTracks().forEach(function (track) {
+                track.stop();
+            });
+        };
+    }, []);
     return (0, common_1.useObjectMemo)({
         getUserMedia: getUserMedia,
         stream: stream,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monkvision/camera-web",
-  "version": "5.1.2",
+  "version": "5.1.4",
   "license": "BSD-3-Clause-Clear",
   "packageManager": "yarn@3.2.4",
   "description": "MonkJs camera package for React (web) used to display a camera preview and take pictures",
@@ -28,9 +28,9 @@
     "lint:fix": "yarn run prettier:fix && yarn run eslint:fix"
   },
   "dependencies": {
-    "@monkvision/common": "5.1.2",
-    "@monkvision/common-ui-web": "5.1.2",
-    "@monkvision/monitoring": "5.1.2",
+    "@monkvision/common": "5.1.4",
+    "@monkvision/common-ui-web": "5.1.4",
+    "@monkvision/monitoring": "5.1.4",
     "fast-deep-equal": "^3.1.3",
     "i18next": "^23.4.5",
     "react-i18next": "^13.2.0"
@@ -42,13 +42,13 @@
     "react-router-dom": "^6.22.3"
   },
   "devDependencies": {
-    "@monkvision/eslint-config-base": "5.1.2",
-    "@monkvision/eslint-config-typescript": "5.1.2",
-    "@monkvision/eslint-config-typescript-react": "5.1.2",
-    "@monkvision/jest-config": "5.1.2",
-    "@monkvision/prettier-config": "5.1.2",
-    "@monkvision/test-utils": "5.1.2",
-    "@monkvision/typescript-config": "5.1.2",
+    "@monkvision/eslint-config-base": "5.1.4",
+    "@monkvision/eslint-config-typescript": "5.1.4",
+    "@monkvision/eslint-config-typescript-react": "5.1.4",
+    "@monkvision/jest-config": "5.1.4",
+    "@monkvision/prettier-config": "5.1.4",
+    "@monkvision/test-utils": "5.1.4",
+    "@monkvision/typescript-config": "5.1.4",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/fscreen": "^1.0.1",
@@ -90,5 +90,5 @@
     "url": "https://github.com/monkvision/monkjs/issues"
   },
   "homepage": "https://github.com/monkvision/monkjs",
-  "gitHead": "1ac73a2cae564f8e42b207b01dc909f1ee04f878"
+  "gitHead": "d6235358964c496cecbe3932fc00b03ac69e79eb"
 }