scandoc-ai-components 0.0.99 → 0.1.0

package/dist/index.js

@@ -11180,8 +11180,7 @@ class ExtractorVideo {
     },
     height: {
       ideal: 1080
-    },
-    facingMode: "environment"
+    }
   });
   constructor(onExtractedResults) {
     this.candidateImages = [];
@@ -11358,22 +11357,47 @@ class ExtractorVideo {
       this.video = videoElem;
       this.isRunning = true;
       this.scanStartTime = Date.now();
+      const cfgValues = (0,_config__WEBPACK_IMPORTED_MODULE_1__.getScanDocAIConfigValues)();
+      const mode = cfgValues.VIDEO_FACING_MODE ?? "environment";
       const devices = await navigator.mediaDevices.enumerateDevices();
       const environmentCameras = devices.filter(device => device.kind === "videoinput" && device.label.toLowerCase().includes("back"));
-      const cameras = await checkAutofocusSupport(environmentCameras);
       let deviceId;
-      if (cameras.length > 0) {
-        deviceId = cameras[0].deviceId;
+      if (mode === "environment") {
+        const af = await checkAutofocusSupport(environmentCameras);
+        deviceId = af[0]?.deviceId || environmentCameras[0]?.deviceId;
       }
-      const userMediaConstraints = {
-        ...ExtractorVideo.VIDEO_SETTINGS
+      const buildConstraints = () => {
+        const base = {
+          ...ExtractorVideo.VIDEO_SETTINGS
+        };
+        if (typeof mode === "string") {
+          base.facingMode = {
+            ideal: mode
+          }; // "environment" | "user"
+        } else if (mode && typeof mode === "object") {
+          base.facingMode = mode; // e.g. { exact: "user" }
+        } else {
+          base.facingMode = {
+            ideal: "environment"
+          };
+        }
+        if (mode === "environment" && deviceId) {
+          base.deviceId = {
+            exact: deviceId
+          };
+        }
+        return {
+          video: base
+        };
       };
-      if (deviceId) {
-        userMediaConstraints.deviceId = deviceId;
+      let stream;
+      try {
+        stream = await navigator.mediaDevices.getUserMedia(buildConstraints());
+      } catch (e) {
+        stream = await navigator.mediaDevices.getUserMedia({
+          video: true
+        });
       }
-      const stream = await navigator.mediaDevices.getUserMedia({
-        video: userMediaConstraints
-      });
       this.video.srcObject = stream;
       await this.video.play().catch(e => {
         console.warn(`Error on video play: ${e}`);
@@ -11438,8 +11462,7 @@ class ExtractorVideo {
     const cfgValues = (0,_config__WEBPACK_IMPORTED_MODULE_1__.getScanDocAIConfigValues)();
     const borderColor = cfgValues.VIDEO_COLORS?.borderColor;
     const messageColor = cfgValues.VIDEO_COLORS?.messageColor;
-    const isMobile = window.innerWidth < 768 || window.innerHeight > window.innerWidth;
-    window.innerWidth < 768 || window.innerHeight > window.innerWidth && window.innerWidth < 1024;
+    const isMobile = window.innerWidth < 768 || window.innerHeight > window.innerWidth && window.innerWidth < 1024;
     if (isMobile) {
       // Mobile version with overlay feedback
       return `
@@ -11508,7 +11531,7 @@ class ExtractorVideo {
 				<div class="desktopFeedback" id="ScanDocAIMessage"></div>
 				<div class="desktopVideoArea">
 					<div class="desktopVideoHolder">
-						<video id="ScanDocAIVideoElement" class="desktopVideo" autoPlay muted playsInline></video>
+						<video id="ScanDocAIVideoElement" class="desktopVideo" autoplay muted playsinline></video>
 						<div class="backgroundOverlay"></div>
 						<div class="centerGuideDot"></div>
 					</div>
@@ -11611,12 +11634,14 @@ async function checkAutofocusSupport(environmentCameras) {
       // Try to access camera stream with autofocus enabled
       const stream = await navigator.mediaDevices.getUserMedia(constraints);
       const tracks = stream.getVideoTracks();
-
-      // Check if autofocus is supported
-      const capabilities = tracks[0].getCapabilities();
-      // console.log(capabilities);
-      if (capabilities.focusMode && capabilities.focusMode.includes("continuous")) {
-        camerasWithAutofocus.push(camera);
+      const track = tracks[0];
+      if (track) {
+        // Check if autofocus is supported
+        const capabilities = track.getCapabilities();
+        // console.log(capabilities);
+        if (capabilities.focusMode && capabilities.focusMode.includes("continuous")) {
+          camerasWithAutofocus.push(camera);
+        }
       }
 
       // Cleanup
@@ -11694,6 +11719,7 @@ let internalConfig = {
   MAX_REQUEST_TRY: 3,
   MAX_AUTH_TRY: 3,
   USE_KEY_SERVICE: true,
+  VIDEO_FACING_MODE: "environment",
   // validation settings:
   VALIDATION_CONTRAST_BORDER_SIZE: null,
   VALIDATION_CONTRAST_THRESHOLD: null,
@@ -11732,9 +11758,9 @@ function setScanDocAIConfig(newConfig = {}) {
   internalConfig = {
     ...internalConfig,
     ...newConfig,
-    COLORS: {
-      ...internalConfig.COLORS,
-      ...newConfig.COLORS
+    VIDEO_COLORS: {
+      ...internalConfig.VIDEO_COLORS,
+      ...newConfig.VIDEO_COLORS
     }
   };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "scandoc-ai-components",
   "author": "ScanDoc-AI",
-  "version": "0.0.99",
+  "version": "0.1.0",
   "private": false,
   "description": "Pure JavaScript package for integrating ScanDoc-AI services.",
   "keywords": [