react-native-rectangle-doc-scanner 3.107.0 → 3.109.0

package/dist/FullDocScanner.js

@@ -45,6 +45,7 @@ const react_native_fs_1 = __importDefault(require("react-native-fs"));
 const DocScanner_1 = require("./DocScanner");
 let ImageManipulator = null;
 let ImageRotate = null;
+const ImageStoreManager = react_native_1.NativeModules.ImageStoreManager;
 try {
     ImageManipulator = require('expo-image-manipulator');
 }
@@ -58,11 +59,30 @@ try {
 catch (error) {
     console.warn('[FullDocScanner] react-native-image-rotate module unavailable. Image rotation fallback disabled.', error);
 }
-const isExpoImageManipulatorAvailable = !!ImageManipulator?.manipulateAsync;
+let expoManipulatorUnavailable = false;
+const isExpoImageManipulatorAvailable = () => !!ImageManipulator?.manipulateAsync && !expoManipulatorUnavailable;
 const isImageRotateAvailable = !!ImageRotate?.rotateImage;
-const isImageRotationSupported = isExpoImageManipulatorAvailable || isImageRotateAvailable;
+const isImageRotationSupported = () => isExpoImageManipulatorAvailable() || isImageRotateAvailable;
 const stripFileUri = (value) => value.replace(/^file:\/\//, '');
 const ensureFileUri = (value) => (value.startsWith('file://') ? value : `file://${value}`);
+const getBase64FromImageStore = async (uri) => {
+    const getBase64ForTag = ImageStoreManager?.getBase64ForTag?.bind(ImageStoreManager);
+    if (!getBase64ForTag) {
+        throw new Error('ImageStoreManager.getBase64ForTag unavailable');
+    }
+    return new Promise((resolve, reject) => {
+        getBase64ForTag(uri, (base64) => resolve(base64), (error) => {
+            const message = typeof error === 'string'
+                ? error
+                : error && typeof error === 'object' && 'message' in error
+                    ? String(error.message)
+                    : 'Failed to read from ImageStore';
+            reject(new Error(message));
+        });
+    }).finally(() => {
+        ImageStoreManager?.removeImageForTag?.(uri);
+    });
+};
 const CROPPER_TIMEOUT_MS = 8000;
 const CROPPER_TIMEOUT_CODE = 'cropper_timeout';
 const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
@@ -379,7 +399,7 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
         });
     }, []);
     const handleRotateImage = (0, react_1.useCallback)((degrees) => {
-        if (!isImageRotationSupported) {
+        if (!isImageRotationSupported()) {
             console.warn('[FullDocScanner] Image rotation requested but no rotation module is available.');
             return;
         }
@@ -417,32 +437,50 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
                 });
                 return;
             }
-            if (isExpoImageManipulatorAvailable && ImageManipulator?.manipulateAsync) {
-                // expo-image-manipulator로 이미지 회전
-                const result = await ImageManipulator.manipulateAsync(croppedImageData.path, [{ rotate: rotationNormalized }], {
-                    compress: 0.9,
-                    format: ImageManipulator.SaveFormat.JPEG,
-                    base64: true,
-                });
-                onResult({
-                    path: result.uri,
-                    base64: result.base64,
-                });
-                return;
+            if (isExpoImageManipulatorAvailable() && ImageManipulator?.manipulateAsync) {
+                try {
+                    // expo-image-manipulator로 이미지 회전
+                    const result = await ImageManipulator.manipulateAsync(croppedImageData.path, [{ rotate: rotationNormalized }], {
+                        compress: 0.9,
+                        format: ImageManipulator.SaveFormat.JPEG,
+                        base64: true,
+                    });
+                    onResult({
+                        path: result.uri,
+                        base64: result.base64,
+                    });
+                    return;
+                }
+                catch (manipulatorError) {
+                    const code = manipulatorError && typeof manipulatorError === 'object' && 'code' in manipulatorError
+                        ? String(manipulatorError.code)
+                        : undefined;
+                    if (code === 'ERR_UNAVAILABLE') {
+                        expoManipulatorUnavailable = true;
+                        console.warn('[FullDocScanner] expo-image-manipulator unavailable at runtime. Falling back to react-native-image-rotate if possible.');
+                    }
+                    else {
+                        throw manipulatorError;
+                    }
+                }
             }
             if (isImageRotateAvailable && ImageRotate?.rotateImage) {
                 const sourceUri = ensureFileUri(croppedImageData.path);
                 const rotatedUri = await rotateImageWithFallback(sourceUri, rotationNormalized);
+                let finalPath = croppedImageData.path;
                 let base64Result = croppedImageData.base64;
                 try {
-                    base64Result = await react_native_fs_1.default.readFile(stripFileUri(rotatedUri), 'base64');
+                    const base64FromStore = await getBase64FromImageStore(rotatedUri);
+                    const destinationPath = `${react_native_fs_1.default.CachesDirectoryPath}/full-doc-scanner-rotated-${Date.now()}-${Math.floor(Math.random() * 10000)}.jpg`;
+                    await react_native_fs_1.default.writeFile(destinationPath, base64FromStore, 'base64');
+                    finalPath = destinationPath;
+                    base64Result = base64FromStore;
                 }
                 catch (readError) {
-                    console.warn('[FullDocScanner] Failed to generate base64 for rotated image:', readError);
-                    base64Result = undefined;
+                    console.warn('[FullDocScanner] Failed to persist rotated image from ImageStore:', readError);
                 }
                 onResult({
-                    path: rotatedUri,
+                    path: finalPath,
                     base64: base64Result,
                 });
                 return;
@@ -536,7 +574,7 @@ const FullDocScanner = ({ onResult, onClose, detectionConfig, overlayColor = '#3
         croppedImageData ? (
         // check_DP: Show confirmation screen
         react_1.default.createElement(react_native_1.View, { style: styles.confirmationContainer },
-            isImageRotationSupported ? (react_1.default.createElement(react_native_1.View, { style: styles.rotateButtonsCenter },
+            isImageRotationSupported() ? (react_1.default.createElement(react_native_1.View, { style: styles.rotateButtonsCenter },
                 react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.rotateButtonTop, onPress: () => handleRotateImage(-90), accessibilityLabel: "\uC67C\uCABD\uC73C\uB85C 90\uB3C4 \uD68C\uC804", accessibilityRole: "button" },
                     react_1.default.createElement(react_native_1.Text, { style: styles.rotateIconText }, "\u21BA"),
                     react_1.default.createElement(react_native_1.Text, { style: styles.rotateButtonLabel }, "\uC88C\uB85C 90\u00B0")),

package/package.json

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

package/src/FullDocScanner.tsx

@@ -8,6 +8,7 @@ import {
   Text,
   TouchableOpacity,
   View,
+  NativeModules,
 } from 'react-native';
 import { launchImageLibrary } from 'react-native-image-picker';
 import ImageCropPicker from 'react-native-image-crop-picker';
@@ -31,8 +32,18 @@ type ImageRotateModule = {
   ) => void;
 } | null;
 
+type ImageStoreModule = {
+  getBase64ForTag?: (
+    uri: string,
+    success: (base64: string) => void,
+    failure: (error: unknown) => void,
+  ) => void;
+  removeImageForTag?: (uri: string) => void;
+} | undefined;
+
 let ImageManipulator: ImageManipulatorModule | null = null;
 let ImageRotate: ImageRotateModule = null;
+const ImageStoreManager: ImageStoreModule = NativeModules.ImageStoreManager;
 
 try {
   ImageManipulator = require('expo-image-manipulator') as ImageManipulatorModule;
@@ -53,13 +64,41 @@ try {
   );
 }
 
-const isExpoImageManipulatorAvailable = !!ImageManipulator?.manipulateAsync;
+let expoManipulatorUnavailable = false;
+const isExpoImageManipulatorAvailable = () =>
+  !!ImageManipulator?.manipulateAsync && !expoManipulatorUnavailable;
 const isImageRotateAvailable = !!ImageRotate?.rotateImage;
-const isImageRotationSupported = isExpoImageManipulatorAvailable || isImageRotateAvailable;
+const isImageRotationSupported = () => isExpoImageManipulatorAvailable() || isImageRotateAvailable;
 
 const stripFileUri = (value: string) => value.replace(/^file:\/\//, '');
 const ensureFileUri = (value: string) => (value.startsWith('file://') ? value : `file://${value}`);
 
+const getBase64FromImageStore = async (uri: string): Promise<string> => {
+  const getBase64ForTag = ImageStoreManager?.getBase64ForTag?.bind(ImageStoreManager);
+
+  if (!getBase64ForTag) {
+    throw new Error('ImageStoreManager.getBase64ForTag unavailable');
+  }
+
+  return new Promise<string>((resolve, reject) => {
+    getBase64ForTag(
+      uri,
+      (base64: string) => resolve(base64),
+      (error: unknown) => {
+        const message =
+          typeof error === 'string'
+            ? error
+            : error && typeof error === 'object' && 'message' in error
+              ? String((error as any).message)
+              : 'Failed to read from ImageStore';
+        reject(new Error(message));
+      },
+    );
+  }).finally(() => {
+    ImageStoreManager?.removeImageForTag?.(uri);
+  });
+};
+
 const CROPPER_TIMEOUT_MS = 8000;
 const CROPPER_TIMEOUT_CODE = 'cropper_timeout';
 
@@ -518,7 +557,7 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
 
   const handleRotateImage = useCallback(
     (degrees: -90 | 90) => {
-      if (!isImageRotationSupported) {
+      if (!isImageRotationSupported()) {
         console.warn(
           '[FullDocScanner] Image rotation requested but no rotation module is available.',
         );
@@ -565,39 +604,61 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
         return;
       }
 
-      if (isExpoImageManipulatorAvailable && ImageManipulator?.manipulateAsync) {
-        // expo-image-manipulator로 이미지 회전
-        const result = await ImageManipulator.manipulateAsync(
-          croppedImageData.path,
-          [{ rotate: rotationNormalized }],
-          {
-            compress: 0.9,
-            format: ImageManipulator.SaveFormat.JPEG,
-            base64: true,
-          },
-        );
+      if (isExpoImageManipulatorAvailable() && ImageManipulator?.manipulateAsync) {
+        try {
+          // expo-image-manipulator로 이미지 회전
+          const result = await ImageManipulator.manipulateAsync(
+            croppedImageData.path,
+            [{ rotate: rotationNormalized }],
+            {
+              compress: 0.9,
+              format: ImageManipulator.SaveFormat.JPEG,
+              base64: true,
+            },
+          );
 
-        onResult({
-          path: result.uri,
-          base64: result.base64,
-        });
-        return;
+          onResult({
+            path: result.uri,
+            base64: result.base64,
+          });
+          return;
+        } catch (manipulatorError) {
+          const code =
+            manipulatorError && typeof manipulatorError === 'object' && 'code' in manipulatorError
+              ? String((manipulatorError as any).code)
+              : undefined;
+
+          if (code === 'ERR_UNAVAILABLE') {
+            expoManipulatorUnavailable = true;
+            console.warn(
+              '[FullDocScanner] expo-image-manipulator unavailable at runtime. Falling back to react-native-image-rotate if possible.',
+            );
+          } else {
+            throw manipulatorError;
+          }
+        }
       }
 
       if (isImageRotateAvailable && ImageRotate?.rotateImage) {
         const sourceUri = ensureFileUri(croppedImageData.path);
         const rotatedUri = await rotateImageWithFallback(sourceUri, rotationNormalized);
-        let base64Result = croppedImageData.base64;
+
+        let finalPath = croppedImageData.path;
+        let base64Result: string | undefined = croppedImageData.base64;
 
         try {
-          base64Result = await RNFS.readFile(stripFileUri(rotatedUri), 'base64');
+          const base64FromStore = await getBase64FromImageStore(rotatedUri);
+          const destinationPath = `${RNFS.CachesDirectoryPath}/full-doc-scanner-rotated-${Date.now()}-${Math.floor(Math.random() * 10000)}.jpg`;
+
+          await RNFS.writeFile(destinationPath, base64FromStore, 'base64');
+          finalPath = destinationPath;
+          base64Result = base64FromStore;
         } catch (readError) {
-          console.warn('[FullDocScanner] Failed to generate base64 for rotated image:', readError);
-          base64Result = undefined;
+          console.warn('[FullDocScanner] Failed to persist rotated image from ImageStore:', readError);
         }
 
         onResult({
-          path: rotatedUri,
+          path: finalPath,
           base64: base64Result,
         });
         return;
@@ -707,7 +768,7 @@ export const FullDocScanner: React.FC<FullDocScannerProps> = ({
         // check_DP: Show confirmation screen
         <View style={styles.confirmationContainer}>
           {/* 회전 버튼들 - 가운데 정렬 */}
-          {isImageRotationSupported ? (
+          {isImageRotationSupported() ? (
             <View style={styles.rotateButtonsCenter}>
               <TouchableOpacity
                 style={styles.rotateButtonTop}