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

package/dist/FullDocScanner.js

@@ -59,9 +59,10 @@ 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) => {
@@ -398,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;
         }
@@ -436,18 +437,32 @@ 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);
@@ -559,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.108.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

@@ -64,9 +64,11 @@ 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}`);
@@ -555,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.',
         );
@@ -602,23 +604,39 @@ 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) {
@@ -750,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}