react-native-rectangle-doc-scanner 4.17.0 → 6.0.0

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

@@ -47,7 +47,8 @@ class CameraView(context: Context) : FrameLayout(context), LifecycleOwner {
     // Callback for detected rectangles
     var onRectangleDetected: ((Rectangle?) -> Unit)? = null
 
-    override fun getLifecycle(): Lifecycle = lifecycleRegistry
+    override val lifecycle: Lifecycle
+        get() = lifecycleRegistry
 
     init {
         // Create preview view

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

@@ -66,7 +66,8 @@ class DocumentScannerView(context: ThemedReactContext) : FrameLayout(context), L
         private const val TAG = "DocumentScannerView"
     }
 
-    override fun getLifecycle(): Lifecycle = lifecycleRegistry
+    override val lifecycle: Lifecycle
+        get() = lifecycleRegistry
 
     init {
         Log.d(TAG, "╔════════════════════════════════════════╗")

package/dist/DocScanner.js

@@ -422,10 +422,7 @@ const VisionCameraScanner = (0, react_1.forwardRef)(({ onCapture, overlayColor =
         showManualCaptureButton && (react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.button, onPress: () => captureVision('manual') })),
         children));
 });
-exports.DocScanner = (0, react_1.forwardRef)(({ onCapture, overlayColor = DEFAULT_OVERLAY_COLOR, autoCapture = true, minStableFrames = 8, enableTorch = false, quality = 90, useBase64 = false, children, showGrid = true, gridColor, gridLineWidth, detectionConfig, onRectangleDetect, showManualCaptureButton = false, }, ref) => {
-    if (hasVisionCamera) {
-        return (react_1.default.createElement(VisionCameraScanner, { ref: ref, onCapture: onCapture, overlayColor: overlayColor, autoCapture: autoCapture, minStableFrames: minStableFrames, enableTorch: enableTorch, quality: quality, useBase64: useBase64, showGrid: showGrid, gridColor: gridColor, gridLineWidth: gridLineWidth, detectionConfig: detectionConfig, onRectangleDetect: onRectangleDetect, showManualCaptureButton: showManualCaptureButton }, children));
-    }
+const NativeScanner = (0, react_1.forwardRef)(({ onCapture, overlayColor = DEFAULT_OVERLAY_COLOR, autoCapture = true, minStableFrames = 8, enableTorch = false, quality = 90, useBase64 = false, children, showGrid = true, gridColor, gridLineWidth, detectionConfig, onRectangleDetect, showManualCaptureButton = false, }, ref) => {
     const scannerRef = (0, react_1.useRef)(null);
     const captureResolvers = (0, react_1.useRef)(null);
     const [isAutoCapturing, setIsAutoCapturing] = (0, react_1.useState)(false);
@@ -701,6 +698,26 @@ exports.DocScanner = (0, react_1.forwardRef)(({ onCapture, overlayColor = DEFAUL
         showManualCaptureButton && (react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.button, onPress: handleManualCapture })),
         children));
 });
+exports.DocScanner = (0, react_1.forwardRef)((props, ref) => {
+    (0, react_1.useEffect)(() => {
+        if (react_native_1.Platform.OS !== 'android') {
+            return;
+        }
+        if (hasVisionCamera) {
+            console.log('[DocScanner] Using VisionCamera pipeline');
+        }
+        else {
+            console.warn('[DocScanner] VisionCamera pipeline unavailable, falling back to native view.', {
+                hasVisionCameraModule: Boolean(visionCameraModule),
+                hasReanimated: Boolean(reanimatedModule),
+            });
+        }
+    }, []);
+    if (hasVisionCamera) {
+        return react_1.default.createElement(VisionCameraScanner, { ref: ref, ...props });
+    }
+    return react_1.default.createElement(NativeScanner, { ref: ref, ...props });
+});
 const styles = react_native_1.StyleSheet.create({
     container: {
         flex: 1,

package/package.json

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

package/src/DocScanner.tsx

@@ -611,7 +611,7 @@ const VisionCameraScanner = forwardRef<DocScannerHandle, Props>(
   },
 );
 
-export const DocScanner = forwardRef<DocScannerHandle, Props>(
+const NativeScanner = forwardRef<DocScannerHandle, Props>(
   (
     {
       onCapture,
@@ -631,29 +631,6 @@ export const DocScanner = forwardRef<DocScannerHandle, Props>(
     },
     ref,
   ) => {
-    if (hasVisionCamera) {
-      return (
-        <VisionCameraScanner
-          ref={ref}
-          onCapture={onCapture}
-          overlayColor={overlayColor}
-          autoCapture={autoCapture}
-          minStableFrames={minStableFrames}
-          enableTorch={enableTorch}
-          quality={quality}
-          useBase64={useBase64}
-          showGrid={showGrid}
-          gridColor={gridColor}
-          gridLineWidth={gridLineWidth}
-          detectionConfig={detectionConfig}
-          onRectangleDetect={onRectangleDetect}
-          showManualCaptureButton={showManualCaptureButton}
-        >
-          {children}
-        </VisionCameraScanner>
-      );
-    }
-
     const scannerRef = useRef<any>(null);
     const captureResolvers = useRef<{
       resolve: (value: PictureEvent) => void;
@@ -1013,6 +990,28 @@ export const DocScanner = forwardRef<DocScannerHandle, Props>(
   },
 );
 
+export const DocScanner = forwardRef<DocScannerHandle, Props>((props, ref) => {
+  useEffect(() => {
+    if (Platform.OS !== 'android') {
+      return;
+    }
+    if (hasVisionCamera) {
+      console.log('[DocScanner] Using VisionCamera pipeline');
+    } else {
+      console.warn('[DocScanner] VisionCamera pipeline unavailable, falling back to native view.', {
+        hasVisionCameraModule: Boolean(visionCameraModule),
+        hasReanimated: Boolean(reanimatedModule),
+      });
+    }
+  }, []);
+
+  if (hasVisionCamera) {
+    return <VisionCameraScanner ref={ref} {...props} />;
+  }
+
+  return <NativeScanner ref={ref} {...props} />;
+});
+
 const styles = StyleSheet.create({
   container: {
     flex: 1,