react-native-rectangle-doc-scanner 3.95.0 → 3.97.0

package/dist/FullDocScanner.js

@@ -330,35 +330,56 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
     const handleFlashToggle = (0, react_1.useCallback)(() => {
         setFlashEnabled(prev => !prev);
     }, []);
-    const handleRotateImage = (0, react_1.useCallback)(async (degrees) => {
+    const handleRotateImage = (0, react_1.useCallback)((degrees) => {
         if (!croppedImageData)
             return;
-        try {
-            // UI 회전 상태 먼저 업데이트 (즉각 반응)
-            setRotationDegrees(prev => {
-                const newRotation = (prev + degrees + 360) % 360;
-                return newRotation;
-            });
-            console.log('[FullDocScanner] Starting image rotation...');
-            // ImageRotate를 사용해서 실제로 이미지 회전 (UI 없이)
-            const rotatedImagePath = await react_native_image_rotate_1.default.rotateImage(croppedImageData.path, degrees);
-            console.log('[FullDocScanner] Image rotated successfully:', rotatedImagePath);
-            // 회전된 이미지로 교체
-            setCroppedImageData({
-                path: rotatedImagePath,
-                base64: undefined, // base64는 다시 읽어야 함
-            });
-            // rotation degrees는 0으로 리셋 (이미 실제 파일에 적용되었으므로)
-            setRotationDegrees(0);
-        }
-        catch (error) {
+        // UI 회전 상태 먼저 업데이트 (즉각 반응)
+        setRotationDegrees(prev => {
+            const newRotation = (prev + degrees + 360) % 360;
+            return newRotation;
+        });
+        console.log('[FullDocScanner] Starting image rotation...');
+        // ImageRotate를 사용해서 실제로 이미지 회전 (callback 기반)
+        react_native_image_rotate_1.default.rotateImage(croppedImageData.path, degrees, async (rotatedImageUri) => {
+            console.log('[FullDocScanner] Image rotated successfully:', rotatedImageUri);
+            try {
+                // rct-image-store:// URI를 base64로 변환
+                const response = await fetch(rotatedImageUri);
+                const blob = await response.blob();
+                // Blob to base64
+                const reader = new FileReader();
+                reader.onloadend = () => {
+                    const base64String = reader.result;
+                    // "data:image/jpeg;base64," 부분 제거
+                    const base64Data = base64String.split(',')[1];
+                    console.log('[FullDocScanner] Converted to base64, length:', base64Data?.length);
+                    // 회전된 이미지로 교체 (base64 포함)
+                    setCroppedImageData({
+                        path: rotatedImageUri,
+                        base64: base64Data,
+                    });
+                    // rotation degrees는 0으로 리셋
+                    setRotationDegrees(0);
+                };
+                reader.readAsDataURL(blob);
+            }
+            catch (convertError) {
+                console.error('[FullDocScanner] Failed to convert to base64:', convertError);
+                // base64 변환 실패 시 URI만 저장
+                setCroppedImageData({
+                    path: rotatedImageUri,
+                    base64: undefined,
+                });
+                setRotationDegrees(0);
+            }
+        }, (error) => {
             console.error('[FullDocScanner] Image rotation error:', error);
             // 에러 발생 시 UI rotation 원복
             setRotationDegrees(prev => {
                 const revertRotation = (prev - degrees + 360) % 360;
                 return revertRotation;
             });
-        }
+        });
     }, [croppedImageData]);
     const handleConfirm = (0, react_1.useCallback)(() => {
         if (!croppedImageData)

package/package.json

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

package/src/FullDocScanner.tsx

@@ -441,42 +441,67 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
     setFlashEnabled(prev => !prev);
   }, []);
 
-  const handleRotateImage = useCallback(async (degrees: -90 | 90) => {
+  const handleRotateImage = useCallback((degrees: -90 | 90) => {
     if (!croppedImageData) return;
 
-    try {
-      // UI 회전 상태 먼저 업데이트 (즉각 반응)
-      setRotationDegrees(prev => {
-        const newRotation = (prev + degrees + 360) % 360;
-        return newRotation;
-      });
-
-      console.log('[FullDocScanner] Starting image rotation...');
-
-      // ImageRotate를 사용해서 실제로 이미지 회전 (UI 없이)
-      const rotatedImagePath = await ImageRotate.rotateImage(
-        croppedImageData.path,
-        degrees,
-      );
-
-      console.log('[FullDocScanner] Image rotated successfully:', rotatedImagePath);
-
-      // 회전된 이미지로 교체
-      setCroppedImageData({
-        path: rotatedImagePath,
-        base64: undefined, // base64는 다시 읽어야 함
-      });
+    // UI 회전 상태 먼저 업데이트 (즉각 반응)
+    setRotationDegrees(prev => {
+      const newRotation = (prev + degrees + 360) % 360;
+      return newRotation;
+    });
 
-      // rotation degrees는 0으로 리셋 (이미 실제 파일에 적용되었으므로)
-      setRotationDegrees(0);
-    } catch (error) {
-      console.error('[FullDocScanner] Image rotation error:', error);
-      // 에러 발생 시 UI rotation 원복
-      setRotationDegrees(prev => {
-        const revertRotation = (prev - degrees + 360) % 360;
-        return revertRotation;
-      });
-    }
+    console.log('[FullDocScanner] Starting image rotation...');
+
+    // ImageRotate를 사용해서 실제로 이미지 회전 (callback 기반)
+    ImageRotate.rotateImage(
+      croppedImageData.path,
+      degrees,
+      async (rotatedImageUri: string) => {
+        console.log('[FullDocScanner] Image rotated successfully:', rotatedImageUri);
+
+        try {
+          // rct-image-store:// URI를 base64로 변환
+          const response = await fetch(rotatedImageUri);
+          const blob = await response.blob();
+
+          // Blob to base64
+          const reader = new FileReader();
+          reader.onloadend = () => {
+            const base64String = reader.result as string;
+            // "data:image/jpeg;base64," 부분 제거
+            const base64Data = base64String.split(',')[1];
+
+            console.log('[FullDocScanner] Converted to base64, length:', base64Data?.length);
+
+            // 회전된 이미지로 교체 (base64 포함)
+            setCroppedImageData({
+              path: rotatedImageUri,
+              base64: base64Data,
+            });
+
+            // rotation degrees는 0으로 리셋
+            setRotationDegrees(0);
+          };
+          reader.readAsDataURL(blob);
+        } catch (convertError) {
+          console.error('[FullDocScanner] Failed to convert to base64:', convertError);
+          // base64 변환 실패 시 URI만 저장
+          setCroppedImageData({
+            path: rotatedImageUri,
+            base64: undefined,
+          });
+          setRotationDegrees(0);
+        }
+      },
+      (error: Error) => {
+        console.error('[FullDocScanner] Image rotation error:', error);
+        // 에러 발생 시 UI rotation 원복
+        setRotationDegrees(prev => {
+          const revertRotation = (prev - degrees + 360) % 360;
+          return revertRotation;
+        });
+      }
+    );
   }, [croppedImageData]);
 
   const handleConfirm = useCallback(() => {

package/src/types/react-native-image-rotate.d.ts

@@ -3,6 +3,8 @@ declare module 'react-native-image-rotate' {
     static rotateImage(
       imagePath: string,
       degrees: number,
-    ): Promise<string>;
+      successCallback: (rotatedImagePath: string) => void,
+      errorCallback: (error: Error) => void,
+    ): void;
   }
 }