react-native-expo-cropper 1.0.21 → 1.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-expo-cropper",
-  "version": "1.0.21",
+  "version": "1.0.24",
   "description": "Recadrage polygonal d'images.",
   "main": "index.js",
   "author": "PCS AGRI",
@@ -43,6 +43,12 @@
   "homepage": "https://github.com/pcsagri/react-native-expo-cropper#readme",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "babel src --out-dir dist"
+    "build": "babel src --out-dir dist",
+    "build:lib": "babel src --out-dir lib"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.28.3",
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5"
   }
 }

package/src/CustomCamera.js

@@ -15,7 +15,7 @@ const { width } = Dimensions.get('window');
 export default function CustomCamera({ onPhotoCaptured}) {
   const [isReady, setIsReady] = useState(false);
   const [loadingBeforeCapture, setLoadingBeforeCapture] = useState(false);
-  const [hasPermission, setHasPermission] = useState(null);
+  const [setHasPermission] = useState(null);
   const cameraRef = useRef(null);
 
  
@@ -32,20 +32,24 @@ useEffect(() => {
   const takePicture = async () => {
     if (cameraRef.current) {
       try {
-        setLoadingBeforeCapture(true);
 
+        setTimeout(() => {
+          setLoadingBeforeCapture(true);
+        }, 1000);
+  
+  
         const photo = await cameraRef.current.takePictureAsync({
-          quality: 1,
-          imageType: 'jpg'
-        });
+        quality: 1,
+        shutterSound: false,
+      });
 
+  
         onPhotoCaptured(photo.uri);
-
+  
         setLoadingBeforeCapture(false);
       } catch (error) {
         setLoadingBeforeCapture(false);
-        console.log('Camera takePictureAsync error:', error);
-        Alert.alert("Erreur", error?.message || 'Capture failed');
+        Alert.alert("Erreur");
       }
     }
   };

package/src/ImageCropper.js

@@ -1,6 +1,6 @@
 import styles from './ImageCropperStyles';
 import React, { useState, useRef, useEffect } from 'react';
-import { Modal,View, Image, Dimensions, TouchableOpacity, Animated, Text, InteractionManager } from 'react-native';
+import { Modal,View, Image, Dimensions, TouchableOpacity, Animated, Text } from 'react-native';
 import Svg, { Path, Circle } from 'react-native-svg';
 import { captureRef } from 'react-native-view-shot';
 import CustomCamera from './CustomCamera';
@@ -183,62 +183,32 @@ const ImageCropper = ({ onConfirm, openCameraFirst, initialImage ,addheight}) =>
               <TouchableOpacity
                 style={styles.button}
                   onPress={async () => {
+                        // setShowFullScreenCapture(true); 
+                        setIsLoading(true);
+                        setShowResult(true);
                         try {
-                          // Yield for UI to settle to avoid ref invalidation on iOS
-                          await new Promise(resolve => InteractionManager.runAfterInteractions(resolve));
-
-                          // Use JPG + tmpfile for faster iOS snapshots and real file URIs
-                          const captureOptions = { format: 'jpg', quality: 1, result: 'tmpfile' };
-
-                          // Timeout wrapper to avoid indefinite hangs
-                          const withTimeout = (promise, ms) =>
-                            new Promise((resolve, reject) => {
-                              const t = setTimeout(() => reject(new Error('captureRef timeout')), ms);
-                              promise.then(
-                                v => { clearTimeout(t); resolve(v); },
-                                e => { clearTimeout(t); reject(e); }
-                              );
-                            });
-
-                          // Pass ref object directly (SDK 54 compatibility)
-                          const capturedUri = await withTimeout(captureRef(viewRef, captureOptions), 6000);
-
-                          // Try enhancement with a timeout; fallback to captured if slow/fails
-                          const enhanceWithTimeout = (promise, ms) =>
-                            new Promise((resolve) => {
-                              const t = setTimeout(() => resolve(null), ms);
-                              promise.then(uri => { clearTimeout(t); resolve(uri); })
-                                     .catch(() => { clearTimeout(t); resolve(null); });
-                            });
-
-                          const enhancedUri = await enhanceWithTimeout(enhanceImage(capturedUri, addheight), 4000);
-
-                          const resultUri = enhancedUri || capturedUri || image;
-                          const name = `IMAGE XTK${Date.now()}.jpg`;
-
-                          if (onConfirm && resultUri) {
-                            // Invoke callback first, then clean up UI to avoid re-render churn
-                            setTimeout(() => onConfirm(resultUri, name), 0);
-                          }
-
-                          // Reset UI states after callback
-                          setShowResult(false);
-                          setIsLoading(false);
-                          setShowFullScreenCapture(false);
-                        } catch (error) {
-                          console.error("Erreur lors de la capture :", error);
-                          alert("Erreur lors de la capture !");
-
-                          // Fallback to original image to keep UX moving
-                          if (onConfirm && image) {
-                            const name = `IMAGE_FALLBACK_${Date.now()}.jpg`;
-                            setTimeout(() => onConfirm(image, name), 0);
-                          }
-
-                          setShowResult(false);
-                          setIsLoading(false);
-                          setShowFullScreenCapture(false);
-                        }
+                          
+                          const capturedUri = await captureRef(viewRef, {
+                            format: 'png',
+                            quality: 1,
+                          });
+
+                        
+                        const enhancedUri = await enhanceImage(capturedUri ,addheight);
+                        const name = `IMAGE XTK${Date.now()}.png`;
+
+                    
+                    if (onConfirm) {
+                      onConfirm(enhancedUri, name);
+                    }
+                  } catch (error) {
+                    console.error("Erreur lors de la capture :", error);
+                    alert("Erreur lors de la capture !");
+                  } finally {
+                    setShowResult(false);
+                    setIsLoading(false);
+                    setShowFullScreenCapture(false);
+                  }
                 }}
   >
     <Text style={styles.buttonText}>Confirm</Text>