✨ feat: add check image for cropper

Author: baronha

android/src/main/java/com/margelo/nitro/multipleimagepicker/MultipleImagePickerImp.kt

@@ -1,6 +1,7 @@
 package com.margelo.nitro.multipleimagepicker
 
 import android.app.Activity
+import android.content.ContentResolver
 import android.content.Context
 import android.content.Intent
 import android.graphics.Color
@@ -167,6 +168,18 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
         resolved: (result: CropResult) -> Unit,
         rejected: (reject: Double) -> Unit
     ) {
+
+
+        fun isImage(uri: Uri, contentResolver: ContentResolver): Boolean {
+            val mimeType: String? = contentResolver.getType(uri)
+            return mimeType?.startsWith("image/") == true
+        }
+
+        val uri = Uri.parse(image)
+        val isImageFile = isImage(uri, appContext.contentResolver)
+
+        if (!isImageFile) return rejected(0.0)
+
         cropOption = Options()
 
         setCropOption(
@@ -216,7 +229,12 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
             // start edit
 
             val cropActivityEventListener = object : BaseActivityEventListener() {
-                override fun onActivityResult(activity: Activity, requestCode: Int, resultCode: Int, data: Intent?) {
+                override fun onActivityResult(
+                    activity: Activity,
+                    requestCode: Int,
+                    resultCode: Int,
+                    data: Intent?
+                ) {
                     if (resultCode == Activity.RESULT_OK && requestCode == REQUEST_CROP) {
                         val resultUri = UCrop.getOutput(data!!)
                         val width = UCrop.getOutputImageWidth(data).toDouble()

docs/docs/CROP.mdx

@@ -1,7 +1,7 @@
 ---
 id: crop
-title: Crop
-sidebar_label: Crop
+title: Open Crop
+sidebar_label: Open Crop
 slug: /crop
 ---
 

example/src/components/CodeTag.tsx

@@ -20,7 +20,7 @@ export function CodeTag({ children, textProps, ...props }: CodeTagProps) {
 
 const style = StyleSheet.create({
   text: {
-    fontFamily: 'monospace',
+    // fontFamily: 'monospace',
     fontWeight: 600,
     fontSize: 16,
   },

ios/HybridMultipleImagePicker+Crop.swift

@@ -6,6 +6,7 @@
 //
 
 import HXPhotoPicker
+import MobileCoreServices
 
 // class CropConfig: PickerCropConfig {
 //    //
@@ -15,6 +16,8 @@ extension HybridMultipleImagePicker {
     func openCrop(image: String, config: NitroCropConfig, resolved: @escaping ((CropResult) -> Void), rejected: @escaping ((Double) -> Void)) throws {
         let asset: EditorAsset
 
+        if !isImage(image) { return rejected(0) }
+
         if image.hasPrefix("http://") || image.hasPrefix("https://") || image.hasPrefix("file://") {
             guard let url = URL(string: image),
                   let data = try? Data(contentsOf: url)
@@ -101,3 +104,14 @@ extension HybridMultipleImagePicker {
         return config
     }
 }
+
+private func isImage(_ urlString: String) -> Bool {
+    guard let url = URL(string: urlString),
+          let pathExtension = url.pathExtension as CFString?,
+          let uti = UTTypeCreatePreferredIdentifierForTag(kUTTagClassFilenameExtension, pathExtension, nil)?.takeRetainedValue()
+    else {
+        return false
+    }
+
+    return UTTypeConformsTo(uti, kUTTypeImage)
+}