react-native-rectangle-doc-scanner 0.70.0 → 1.0.0

package/android/src/main/java/com/reactnativerectangledocscanner/RNRDocScannerView.kt

@@ -35,6 +35,7 @@ import org.opencv.core.MatOfPoint2f
 import org.opencv.core.Point
 import org.opencv.core.Size as MatSize
 import org.opencv.imgproc.Imgproc
+import org.opencv.photo.Photo
 import java.io.File
 import java.nio.ByteBuffer
 import java.text.SimpleDateFormat
@@ -387,11 +388,20 @@ class RNRDocScannerView @JvmOverloads constructor(
     val gray = Mat()
     Imgproc.cvtColor(mat, gray, Imgproc.COLOR_BGR2GRAY)
 
+    // Improve contrast for low-light or glossy surfaces
+    val clahe = Photo.createCLAHE(2.0, MatSize(8.0, 8.0))
+    val enhanced = Mat()
+    clahe.apply(gray, enhanced)
+    clahe.collectGarbage()
+
     val blurred = Mat()
-    Imgproc.GaussianBlur(gray, blurred, MatSize(5.0, 5.0), 0.0)
+    Imgproc.GaussianBlur(enhanced, blurred, MatSize(5.0, 5.0), 0.0)
 
     val edges = Mat()
-    Imgproc.Canny(blurred, edges, 50.0, 150.0)
+    Imgproc.Canny(blurred, edges, 40.0, 140.0)
+
+    val morphKernel = Imgproc.getStructuringElement(Imgproc.MORPH_RECT, MatSize(5.0, 5.0))
+    Imgproc.morphologyEx(edges, edges, Imgproc.MORPH_CLOSE, morphKernel)
 
     val contours = ArrayList<MatOfPoint>()
     val hierarchy = Mat()
@@ -415,7 +425,7 @@ class RNRDocScannerView @JvmOverloads constructor(
       }
 
       val area = abs(Imgproc.contourArea(approxCurve))
-      if (area < frameArea * 0.10 || area > frameArea * 0.95) {
+      if (area < frameArea * 0.05 || area > frameArea * 0.98) {
         contour.release()
         contour2f.release()
         continue
@@ -437,8 +447,10 @@ class RNRDocScannerView @JvmOverloads constructor(
     }
 
     gray.release()
+    enhanced.release()
     blurred.release()
     edges.release()
+    morphKernel.release()
     hierarchy.release()
     approxCurve.release()
     mat.release()

package/dist/utils/overlay.js

@@ -73,27 +73,8 @@ const Overlay = ({ quad, color = '#e7a649', frameSize, showGrid = true, gridColo
             sourceQuad = quad;
         }
         else {
-            const marginRatio = 0.12;
-            const marginX = screenWidth * marginRatio;
-            const marginY = screenHeight * marginRatio;
-            const maxWidth = screenWidth - marginX * 2;
-            const maxHeight = screenHeight - marginY * 2;
-            const a4Ratio = Math.SQRT2; // ~1.414 height / width
-            let width = maxWidth;
-            let height = width * a4Ratio;
-            if (height > maxHeight) {
-                height = maxHeight;
-                width = height / a4Ratio;
-            }
-            const left = (screenWidth - width) / 2;
-            const top = (screenHeight - height) / 2;
-            transformedQuad = [
-                { x: left, y: top },
-                { x: left + width, y: top },
-                { x: left + width, y: top + height },
-                { x: left, y: top + height },
-            ];
-            sourceFrameSize = null;
+            // No detection yet – skip drawing
+            return { outlinePath: null, gridPaths: [] };
         }
         if (sourceQuad && sourceFrameSize) {
             if (__DEV__) {

package/ios/RNRDocScannerView.swift

@@ -87,6 +87,9 @@ class RNRDocScannerView: UIView, AVCaptureVideoDataOutputSampleBufferDelegate, A
       if session.canAddOutput(photoOutput) {
         photoOutput.isHighResolutionCaptureEnabled = true
         session.addOutput(photoOutput)
+        if let connection = photoOutput.connection(with: .video), connection.isVideoOrientationSupported {
+          connection.videoOrientation = .portrait
+        }
       }
 
       videoOutput.videoSettings = [
@@ -97,6 +100,9 @@ class RNRDocScannerView: UIView, AVCaptureVideoDataOutputSampleBufferDelegate, A
 
       if session.canAddOutput(videoOutput) {
         session.addOutput(videoOutput)
+        if let connection = videoOutput.connection(with: .video), connection.isVideoOrientationSupported {
+          connection.videoOrientation = .portrait
+        }
       }
     }
   }
@@ -104,6 +110,9 @@ class RNRDocScannerView: UIView, AVCaptureVideoDataOutputSampleBufferDelegate, A
   override func layoutSubviews() {
     super.layoutSubviews()
     previewLayer?.frame = bounds
+    if let connection = previewLayer?.connection, connection.isVideoOrientationSupported {
+      connection.videoOrientation = .portrait
+    }
   }
 
   private func updateTorchMode() {
@@ -174,11 +183,14 @@ class RNRDocScannerView: UIView, AVCaptureVideoDataOutputSampleBufferDelegate, A
       self.handleDetectedRectangle(observation, frameSize: frameSize)
     }
 
-    request.maximumObservations = 1
-    request.minimumConfidence = 0.6
-    request.minimumAspectRatio = 0.3
-    request.maximumAspectRatio = 1.0
-    request.minimumSize = 0.15
+      request.maximumObservations = 1
+      request.minimumConfidence = 0.5
+      request.minimumAspectRatio = 0.15
+      request.maximumAspectRatio = 1.75
+      request.minimumSize = 0.08
+      if #available(iOS 13.0, *) {
+        request.quadratureTolerance = 45
+      }
 
     let handler = VNImageRequestHandler(cvPixelBuffer: pixelBuffer, orientation: orientation, options: [:])
     do {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-rectangle-doc-scanner",
-  "version": "0.70.0",
+  "version": "1.0.0",
   "description": "Native-backed document scanner for React Native with customizable overlays.",
   "license": "MIT",
   "main": "dist/index.js",

package/src/utils/overlay.tsx

@@ -66,27 +66,8 @@ export const Overlay: React.FC<OverlayProps> = ({
     if (quad && frameSize) {
       sourceQuad = quad;
     } else {
-      const marginRatio = 0.12;
-      const marginX = screenWidth * marginRatio;
-      const marginY = screenHeight * marginRatio;
-      const maxWidth = screenWidth - marginX * 2;
-      const maxHeight = screenHeight - marginY * 2;
-      const a4Ratio = Math.SQRT2; // ~1.414 height / width
-      let width = maxWidth;
-      let height = width * a4Ratio;
-      if (height > maxHeight) {
-        height = maxHeight;
-        width = height / a4Ratio;
-      }
-      const left = (screenWidth - width) / 2;
-      const top = (screenHeight - height) / 2;
-      transformedQuad = [
-        { x: left, y: top },
-        { x: left + width, y: top },
-        { x: left + width, y: top + height },
-        { x: left, y: top + height },
-      ];
-      sourceFrameSize = null;
+      // No detection yet – skip drawing
+      return { outlinePath: null, gridPaths: [] };
     }
 
     if (sourceQuad && sourceFrameSize) {