react-native-rectangle-doc-scanner 3.245.0 → 3.247.0

package/android/src/main/kotlin/com/reactnativerectangledocscanner/DocumentScannerView.kt

@@ -7,6 +7,7 @@ import android.graphics.Color
 import android.graphics.Paint
 import android.graphics.PorterDuff
 import android.graphics.PorterDuffXfermode
+import org.opencv.core.Point
 import android.util.Log
 import android.view.TextureView
 import android.view.View
@@ -50,6 +51,9 @@ class DocumentScannerView(context: ThemedReactContext) : FrameLayout(context), L
     private var lastDetectionTimestamp: Long = 0L
     private var isCapturing = false
     private var isDetaching = false
+    private var lastDetectedRectangle: Rectangle? = null
+    private var lastDetectedImageWidth = 0
+    private var lastDetectedImageHeight = 0
 
     // Coroutine scope for async operations
     private val scope = CoroutineScope(Dispatchers.Main + SupervisorJob())
@@ -186,6 +190,12 @@ class DocumentScannerView(context: ThemedReactContext) : FrameLayout(context), L
         }
         lastDetectionTimestamp = now
 
+        if (rectangle != null && imageWidth > 0 && imageHeight > 0) {
+            lastDetectedRectangle = rectangle
+            lastDetectedImageWidth = imageWidth
+            lastDetectedImageHeight = imageHeight
+        }
+
         val rectangleOnScreen = if (rectangle != null && width > 0 && height > 0) {
             DocumentDetector.transformRectangleToViewCoordinates(rectangle, imageWidth, imageHeight, width, height)
         } else {
@@ -313,12 +323,21 @@ class DocumentScannerView(context: ThemedReactContext) : FrameLayout(context), L
             // Detect rectangle in captured image
             val bitmap = BitmapFactory.decodeFile(imageFile.absolutePath)
                 ?: throw IllegalStateException("decode_failed")
-            val detectedRectangle = try {
+            var detectedRectangle = try {
                 DocumentDetector.detectRectangle(bitmap)
             } catch (e: Exception) {
                 Log.w(TAG, "Rectangle detection failed, using original image", e)
                 null
             }
+            if (detectedRectangle == null && lastDetectedRectangle != null && lastDetectedImageWidth > 0 && lastDetectedImageHeight > 0) {
+                detectedRectangle = scaleRectangleToBitmap(
+                    lastDetectedRectangle!!,
+                    lastDetectedImageWidth,
+                    lastDetectedImageHeight,
+                    bitmap.width,
+                    bitmap.height
+                )
+            }
 
             // Process image with detected rectangle
             val shouldCrop = detectedRectangle != null && stableCounter > 0
@@ -580,6 +599,27 @@ class DocumentScannerView(context: ThemedReactContext) : FrameLayout(context), L
             }
         }
     }
+
+    private fun scaleRectangleToBitmap(
+        rectangle: Rectangle,
+        srcWidth: Int,
+        srcHeight: Int,
+        dstWidth: Int,
+        dstHeight: Int
+    ): Rectangle {
+        if (srcWidth == 0 || srcHeight == 0) return rectangle
+        val scaleX = dstWidth.toDouble() / srcWidth.toDouble()
+        val scaleY = dstHeight.toDouble() / srcHeight.toDouble()
+        fun mapPoint(point: Point): Point {
+            return Point(point.x * scaleX, point.y * scaleY)
+        }
+        return Rectangle(
+            mapPoint(rectangle.topLeft),
+            mapPoint(rectangle.topRight),
+            mapPoint(rectangle.bottomLeft),
+            mapPoint(rectangle.bottomRight)
+        )
+    }
 }
 
 /**

package/dist/DocScanner.js

@@ -334,7 +334,9 @@ exports.DocScanner = (0, react_1.forwardRef)(({ onCapture, overlayColor = DEFAUL
             captureOriginRef.current = 'auto';
         },
     }), [capture]);
-    const overlayPolygon = detectedRectangle?.rectangleOnScreen ?? detectedRectangle?.rectangleCoordinates ?? null;
+    const overlayPolygon = react_native_1.Platform.OS === 'android'
+        ? detectedRectangle?.rectangleOnScreen ?? null
+        : detectedRectangle?.rectangleOnScreen ?? detectedRectangle?.rectangleCoordinates ?? null;
     const overlayIsActive = autoCapture ? isAutoCapturing : (detectedRectangle?.stableCounter ?? 0) > 0;
     const detectionThreshold = autoCapture ? minStableFrames : 99999;
     return (react_1.default.createElement(react_native_1.View, { style: styles.container },

package/package.json

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

package/src/DocScanner.tsx

@@ -452,7 +452,10 @@ export const DocScanner = forwardRef<DocScannerHandle, Props>(
       [capture],
     );
 
-    const overlayPolygon = detectedRectangle?.rectangleOnScreen ?? detectedRectangle?.rectangleCoordinates ?? null;
+    const overlayPolygon =
+      Platform.OS === 'android'
+        ? detectedRectangle?.rectangleOnScreen ?? null
+        : detectedRectangle?.rectangleOnScreen ?? detectedRectangle?.rectangleCoordinates ?? null;
     const overlayIsActive = autoCapture ? isAutoCapturing : (detectedRectangle?.stableCounter ?? 0) > 0;
 
   const detectionThreshold = autoCapture ? minStableFrames : 99999;