scandoc-ai-components 0.0.68 → 0.0.70

package/dist/index.js

@@ -11205,64 +11205,6 @@ class ExtractorVideo {
     this.unsupportedDocCount = 0;
     this.video = null;
   }
-  async getCameraMargins() {
-    const video = document.getElementById('ScanDocAIVideoElement');
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
-    canvas.width = video.videoWidth;
-    canvas.height = video.videoHeight;
-    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-    const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height).data;
-    const isColumnBlack = x => {
-      const threshold = 16;
-      for (let y = 0; y < canvas.height; y++) {
-        const i = (y * canvas.width + x) * 4;
-        const [r, g, b] = [imageData[i], imageData[i + 1], imageData[i + 2]];
-        if (r > threshold || g > threshold || b > threshold) return false;
-      }
-      return true;
-    };
-    const isRowBlack = y => {
-      const threshold = 16;
-      for (let x = 0; x < canvas.width; x++) {
-        const i = (y * canvas.width + x) * 4;
-        const [r, g, b] = [imageData[i], imageData[i + 1], imageData[i + 2]];
-        if (r > threshold || g > threshold || b > threshold) return false;
-      }
-      return true;
-    };
-    let left = 0,
-      right = 0,
-      top = 0,
-      bottom = 0;
-    while (left < canvas.width && isColumnBlack(left)) left++;
-    while (right < canvas.width && isColumnBlack(canvas.width - 1 - right)) right++;
-    while (top < canvas.height && isRowBlack(top)) top++;
-    while (bottom < canvas.height && isRowBlack(canvas.height - 1 - bottom)) bottom++;
-    return {
-      leftPct: left / canvas.width,
-      rightPct: right / canvas.width,
-      topPct: top / canvas.height,
-      bottomPct: bottom / canvas.height
-    };
-  }
-  updateRectangleOverlay = async () => {
-    const margins = await this.getCameraMargins();
-    const rectangle = document.querySelector('.desktopRectangle');
-    const video = document.getElementById('ScanDocAIVideoElement');
-    if (!rectangle || !video) return;
-    const rect = video.getBoundingClientRect(); // the visible size
-    const width = rect.width;
-    const height = rect.height;
-    const leftPx = margins.leftPct * width;
-    const rightPx = margins.rightPct * width;
-    const topPx = margins.topPct * height;
-    const bottomPx = margins.bottomPct * height;
-    rectangle.style.left = `${leftPx}px`;
-    rectangle.style.top = `${topPx}px`;
-    rectangle.style.width = `${width - leftPx - rightPx}px`;
-    rectangle.style.height = `${height - topPx - bottomPx}px`;
-  };
   async analyzeVideoStream() {
     if (!this.isRunning) {
       return;
@@ -11423,16 +11365,6 @@ class ExtractorVideo {
       await this.video.play().catch(e => {
         console.warn(`Error on video play: ${e}`);
       });
-      this.video.onloadedmetadata = () => {
-        this.updateRectangleOverlay();
-      };
-      setTimeout(() => this.updateRectangleOverlay(), 500);
-      const scheduleOverlayUpdate = (delay = 500) => {
-        clearTimeout(this.updateOverlayTimeout);
-        this.updateOverlayTimeout = setTimeout(() => this.updateRectangleOverlay(), delay);
-      };
-      window.addEventListener("resize", () => scheduleOverlayUpdate());
-      window.addEventListener("orientationchange", () => scheduleOverlayUpdate(700));
       this.scanStartTime = Date.now(); // Reset timer
       setTimeout(() => this.analyzeVideoStream(), ExtractorVideo.FREQUENCY_MS);
       this.showMessage("Starting scanning");
@@ -11490,18 +11422,20 @@ class ExtractorVideo {
                 }
     
                 .desktopVideoHolder {
-                    position: relative;
-                    max-width: 100%;
-                    overflow: hidden;
+					position: relative;
+					width: 100%;
 					aspect-ratio: 16 / 9;
-                }
+					overflow: hidden;
+				}
 
-                .desktopVideo {
-                    width: 100%;
-                    height: 100%;
-                    object-fit: contain;
-                    display: block;
-                }
+				.desktopVideo {
+					position: absolute;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: 100%;
+					object-fit: cover;
+				}
 
                 .desktopRectangle {
 					position: absolute;

package/package.json

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