scandoc-ai-components 0.1.9 → 0.1.12

package/dist/index.js

@@ -11367,7 +11367,7 @@ class ExtractorVideo {
     this.turnMessageTimer = null;
     this.stopVideo();
     if (isExtractionOk) {
-      this.showMessage("Success - data extracted", "success");
+      this.showMessage("Success - data extracted", true);
       const shouldStop = this.onExtractedResults({
         success: true,
         code: "001",
@@ -11399,53 +11399,40 @@ class ExtractorVideo {
       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"));
-      let deviceId;
-      if (mode === "environment") {
-        const af = await checkAutofocusSupport(environmentCameras);
-        deviceId = af[0]?.deviceId || environmentCameras[0]?.deviceId;
-      }
-      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
-        };
-      };
       let stream;
       try {
-        stream = await navigator.mediaDevices.getUserMedia(buildConstraints());
+        stream = await navigator.mediaDevices.getUserMedia(buildDocumentScanConstraints(mode));
       } catch (e) {
+        console.warn("Preferred camera constraints failed, falling back:", e);
         stream = await navigator.mediaDevices.getUserMedia({
-          video: true
+          video: true,
+          audio: false
         });
       }
       this.video.srcObject = stream;
-      await this.video.play().catch(e => {
+      try {
+        await this.video.play();
+      } catch (e) {
         console.warn(`Error on video play: ${e}`);
-      });
-      this.video.addEventListener('loadeddata', () => {
-        this.adjustOverlayPosition();
-      });
-      window.addEventListener('resize', () => this.adjustOverlayPosition());
+      }
+
+      // Try to improve document focus after stream is active
+      try {
+        const focusResult = await tryEnableDocumentFocus(stream);
+        console.log("Focus result:", focusResult);
+      } catch (focusError) {
+        console.warn("Could not apply focus settings:", focusError);
+      }
+
+      // Avoid re-binding listeners every start
+      if (!this._boundLoadedDataHandler) {
+        this._boundLoadedDataHandler = () => this.adjustOverlayPosition();
+        this.video.addEventListener("loadeddata", this._boundLoadedDataHandler);
+      }
+      if (!this._boundResizeHandler) {
+        this._boundResizeHandler = () => this.adjustOverlayPosition();
+        window.addEventListener("resize", this._boundResizeHandler);
+      }
       setTimeout(() => this.adjustOverlayPosition(), 500);
       this.scanStartTime = Date.now();
       setTimeout(() => this.analyzeVideoStream(), ExtractorVideo.FREQUENCY_MS);
@@ -11524,7 +11511,8 @@ class ExtractorVideo {
 					.mobileVideo {
 						width: 100%;
 						height: 100%;
-						object-fit: cover;
+						object-fit: contain;
+						object-position: center;
 						pointer-events: none;
 					}
 					.mobileOverlay {
@@ -11678,6 +11666,108 @@ function getExtractionVideo(tokenOrCallback, maybeCallback) {
   }
   return EXTRACTION_VIDEO;
 }
+function getSupportedConstraintsSafe() {
+  try {
+    return navigator.mediaDevices?.getSupportedConstraints?.() || {};
+  } catch (_) {
+    return {};
+  }
+}
+function buildDocumentScanConstraints(mode = "environment") {
+  const supported = getSupportedConstraintsSafe();
+  const video = {};
+  if (supported.facingMode) {
+    video.facingMode = typeof mode === "string" ? {
+      ideal: mode
+    } : mode || {
+      ideal: "environment"
+    };
+  }
+  if (supported.width) {
+    video.width = {
+      ideal: 1920
+    };
+  }
+  if (supported.height) {
+    video.height = {
+      ideal: 1080
+    };
+  }
+  if (supported.aspectRatio) {
+    video.aspectRatio = {
+      ideal: 16 / 9
+    };
+  }
+  return {
+    video,
+    audio: false
+  };
+}
+async function tryEnableDocumentFocus(stream) {
+  const track = stream?.getVideoTracks?.()[0];
+  if (!track) {
+    return {
+      ok: false,
+      reason: "No video track found"
+    };
+  }
+  if (!track.getCapabilities || !track.applyConstraints) {
+    return {
+      ok: false,
+      reason: "Focus APIs unavailable on this browser/device",
+      settingsBefore: track.getSettings ? track.getSettings() : null
+    };
+  }
+  const caps = track.getCapabilities();
+  const result = {
+    ok: true,
+    capabilities: caps,
+    attempts: [],
+    settingsBefore: track.getSettings ? track.getSettings() : null
+  };
+  try {
+    let applied = false;
+    if (Array.isArray(caps.focusMode) && caps.focusMode.includes("continuous")) {
+      await track.applyConstraints({
+        advanced: [{
+          focusMode: "continuous"
+        }]
+      });
+      result.attempts.push("Applied focusMode=continuous");
+      applied = true;
+    }
+    if (caps.focusDistance) {
+      const min = caps.focusDistance.min ?? 0;
+      const max = caps.focusDistance.max ?? 0;
+      const docDistance = min + (max - min) * 0.3;
+      const advanced = [];
+      if (Array.isArray(caps.focusMode) && caps.focusMode.includes("manual")) {
+        advanced.push({
+          focusMode: "manual"
+        });
+      }
+      advanced.push({
+        focusDistance: docDistance
+      });
+      await track.applyConstraints({
+        advanced
+      });
+      result.attempts.push(`Applied focusDistance=${docDistance}`);
+      applied = true;
+    }
+    if (!applied) {
+      result.ok = false;
+      result.reason = "No supported focus controls were exposed";
+    }
+    result.settingsAfter = track.getSettings ? track.getSettings() : null;
+    return result;
+  } catch (err) {
+    result.ok = false;
+    result.error = err.message || String(err);
+    result.settingsAfter = track.getSettings ? track.getSettings() : null;
+    return result;
+  }
+}
 async function checkAutofocusSupport(environmentCameras) {
   try {
     const camerasWithAutofocus = [];

package/package.json

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