@mostajs/face 1.3.0 → 1.3.2

package/dist/components/FaceDetector.js

@@ -71,15 +71,18 @@ function FaceDetector({ photo, onCapture, onClear, verifyDescriptor, onVerifyRes
             const stream = await navigator.mediaDevices.getUserMedia({
                 video: { width: 320, height: 240, facingMode: 'user' },
             });
-            if (videoRef.current) {
-                videoRef.current.srcObject = stream;
-                videoRef.current.play();
-                setStreaming(true);
-                if (enabled && modelsReady) {
-                    videoRef.current.onloadeddata = () => {
-                        animFrameRef.current = requestAnimationFrame(detectLoop);
-                    };
-                }
+            // If component unmounted while awaiting getUserMedia, stop tracks immediately
+            if (!videoRef.current) {
+                stream.getTracks().forEach((track) => track.stop());
+                return;
+            }
+            videoRef.current.srcObject = stream;
+            await videoRef.current.play().catch(() => { });
+            setStreaming(true);
+            if (enabled && modelsReady) {
+                videoRef.current.onloadeddata = () => {
+                    animFrameRef.current = requestAnimationFrame(detectLoop);
+                };
             }
         }
         catch {
@@ -96,13 +99,20 @@ function FaceDetector({ photo, onCapture, onClear, verifyDescriptor, onVerifyRes
         setStreaming(false);
         setFaceDetected(false);
     }, []);
-    // Cleanup on unmount
+    // Cleanup on unmount — stop all tracks and detach stream
     (0, react_1.useEffect)(() => {
         return () => {
             cancelAnimationFrame(animFrameRef.current);
-            if (videoRef.current?.srcObject) {
-                const tracks = videoRef.current.srcObject.getTracks();
-                tracks.forEach((track) => track.stop());
+            const video = videoRef.current;
+            if (video) {
+                video.pause();
+                const stream = video.srcObject;
+                if (stream) {
+                    stream.getTracks().forEach((track) => track.stop());
+                }
+                video.srcObject = null;
+                video.removeAttribute('src');
+                video.load();
             }
         };
     }, []);

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { createRecognizeHandler } from './api/recognize.route';
 export { createDetectHandler } from './api/detect.route';
 export { default as FaceDetector } from './components/FaceDetector';
 export type { FaceDetectorProps } from './components/FaceDetector';
+export { faceMenuContribution } from './lib/menu';
 export type { MostaFaceConfig, FaceDetectionResult, FaceMatchResult, FaceDescriptor, FaceSettings } from './types';
 export { DEFAULT_FACE_SETTINGS } from './types';
 export type { FaceCandidate, RecognizeHandlerConfig } from './api/recognize.route';

package/dist/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_FACE_SETTINGS = exports.FaceDetector = exports.createDetectHandler = exports.createRecognizeHandler = exports.useFaceDetection = exports.useCamera = exports.drawDetection = exports.isValidDescriptor = exports.arrayToDescriptor = exports.descriptorToArray = exports.findAllMatches = exports.findMatch = exports.compareFaces = exports.extractDescriptor = exports.detectAllFaces = exports.detectFace = exports.isLoaded = exports.loadModels = void 0;
+exports.DEFAULT_FACE_SETTINGS = exports.faceMenuContribution = exports.FaceDetector = exports.createDetectHandler = exports.createRecognizeHandler = exports.useFaceDetection = exports.useCamera = exports.drawDetection = exports.isValidDescriptor = exports.arrayToDescriptor = exports.descriptorToArray = exports.findAllMatches = exports.findMatch = exports.compareFaces = exports.extractDescriptor = exports.detectAllFaces = exports.detectFace = exports.isLoaded = exports.loadModels = void 0;
 // Core face-api service
 var face_api_1 = require("./lib/face-api");
 Object.defineProperty(exports, "loadModels", { enumerable: true, get: function () { return face_api_1.loadModels; } });
@@ -37,5 +37,8 @@ Object.defineProperty(exports, "createDetectHandler", { enumerable: true, get: f
 // Components
 var FaceDetector_1 = require("./components/FaceDetector");
 Object.defineProperty(exports, "FaceDetector", { enumerable: true, get: function () { return __importDefault(FaceDetector_1).default; } });
+// Menu contribution
+var menu_1 = require("./lib/menu");
+Object.defineProperty(exports, "faceMenuContribution", { enumerable: true, get: function () { return menu_1.faceMenuContribution; } });
 var types_1 = require("./types");
 Object.defineProperty(exports, "DEFAULT_FACE_SETTINGS", { enumerable: true, get: function () { return types_1.DEFAULT_FACE_SETTINGS; } });

package/dist/lib/menu.d.ts

@@ -0,0 +1,2 @@
+import type { ModuleMenuContribution } from '@mostajs/menu';
+export declare const faceMenuContribution: ModuleMenuContribution;

package/dist/lib/menu.js

@@ -0,0 +1,13 @@
+"use strict";
+// @mostajs/face — Menu contribution
+// Author: Dr Hamid MADANI drmdh@msn.com
+//
+// @mostajs/face ne fournit PAS de pages dashboard propres.
+// Il s'integre dans d'autres pages (reception, clients...).
+// Ce fichier est present par convention avec une contribution vide.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.faceMenuContribution = void 0;
+exports.faceMenuContribution = {
+    moduleKey: 'face',
+    // Pas d'items ni de groups : ce module n'a pas de pages propres
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mostajs/face",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Reusable face recognition module — detection, descriptor extraction, 1:N matching",
   "author": "Dr Hamid MADANI <drmdh@msn.com>",
   "license": "MIT",
@@ -61,11 +61,27 @@
       "default": "./dist/types/index.js"
     }
   },
-  "files": ["dist", "LICENSE", "README.md"],
-  "keywords": ["face-recognition", "face-detection", "face-api", "biometrics", "react", "mosta"],
-  "repository": { "type": "git", "url": "https://github.com/apolocine/mosta-face" },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "keywords": [
+    "face-recognition",
+    "face-detection",
+    "face-api",
+    "biometrics",
+    "react",
+    "mosta"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/apolocine/mosta-face"
+  },
   "homepage": "https://mostajs.dev/packages/face",
-  "engines": { "node": ">=18.0.0" },
+  "engines": {
+    "node": ">=18.0.0"
+  },
   "scripts": {
     "build": "tsc",
     "prepublishOnly": "npm run build"
@@ -74,11 +90,18 @@
     "@vladmandic/face-api": "^1.7.0"
   },
   "peerDependencies": {
+    "@mostajs/menu": ">=1.0.2",
     "react": ">=18"
   },
   "devDependencies": {
+    "@mostajs/menu": "^1.0.2",
     "@types/react": "^19.0.0",
     "react": "^19.0.0",
     "typescript": "^5.6.0"
+  },
+  "peerDependenciesMeta": {
+    "@mostajs/menu": {
+      "optional": true
+    }
   }
 }