expo-paste-input 0.1.15 → 0.2.1

package/README.md

@@ -1,21 +1,21 @@
 # expo-paste-input
 
-`expo-paste-input` is a lightweight wrapper around React Native `TextInput` that lets users paste images and GIFs directly from the system clipboard on **iOS and Android**.
+`expo-paste-input` is a lightweight wrapper around React Native `TextInput` that lets users paste images, stickers, and GIFs directly from the system clipboard on **iOS and Android**.
 
 It works at the native level to intercept paste events before React Native handles them, giving you access to pasted media as local file URIs while keeping full control over your own `TextInput` component.
+On iOS, it also uses native text-input hooks to capture keyboard stickers that are not always exposed like normal clipboard image data.
 
 See the original demo on [Twitter](https://x.com/iamarunabh/status/1997738168247062774)
 
-| iOS | Android |
-| --- | --- |
+| iOS                                                                                           | Android                                                                                       |
+| --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
 | <img src="https://github.com/user-attachments/assets/c7d9baac-b2f8-4942-9a7f-52932e65ae7e" /> | <img src="https://github.com/user-attachments/assets/6057745c-ccfc-4ca0-935d-9aa4668f22e3" /> |
 
-
 ---
 
 ## Features
 
-- Paste **text, images, and multiple GIFs**
+- Paste **text, images, stickers, and multiple GIFs**
 - Works on **iOS and Android**
 - True wrapper around `TextInput` (bring your own input)
 - No custom UI, no opinionated styles
@@ -31,7 +31,7 @@ See the original demo on [Twitter](https://x.com/iamarunabh/status/1997738168247
 
 ```bash
 npx expo install expo-paste-input
-````
+```
 
 or
 
@@ -93,9 +93,9 @@ type PasteEventPayload =
   | { type: "unsupported" };
 ```
 
-* `text` → pasted text
-* `images` → local file URIs (`file://...`)
-* `unsupported` → anything else
+- `text` → pasted text
+- `images` → local file URIs (`file://...`)
+- `unsupported` → anything else
 
 ---
 
@@ -113,10 +113,10 @@ Instead:
 
 This means:
 
-* you keep full control of your input
-* works with any custom TextInput
-* no prop mirroring
-* future-proof with RN updates
+- you keep full control of your input
+- works with any custom TextInput
+- no prop mirroring
+- future-proof with RN updates
 
 ---
 
@@ -124,25 +124,27 @@ This means:
 
 ### iOS
 
-* Intercepts native `paste(_:)`
-* Extracts images from `UIPasteboard`
-* Saves to temp files
-* Preserves GIFs
+- Intercepts native `paste(_:)`
+- Extracts images from `UIPasteboard`
+- Saves to temp files
+- Preserves GIFs and stickers
+- Adds native sticker handling for iOS keyboard media using text-input hooks (including adaptive image glyph insertion), because stickers are not always exposed like normal clipboard image data
 
 ### Android
 
-* Uses `OnReceiveContentListener` + `ActionMode`
-* Prevents Android "Can't paste images" toast
-* Saves pasted media to cache
+- Uses `OnReceiveContentListener` + `ActionMode`
+- Prevents Android "Can't paste images" toast
+- Saves pasted media to cache
+- Stickers and images are handled through regular clipboard/content APIs
 
 ---
 
 ## Notes
 
-* Image URIs are temporary files, move them if you need persistence.
-* Text paste events fire after the text is inserted.
-* Image paste events prevent default paste (since TextInput can't render images).
-* Web is currently a no-op implementation.
+- Image URIs are temporary files, move them if you need persistence.
+- Text paste events fire after the text is inserted.
+- Image paste events prevent default paste (since TextInput can't render images).
+- Web is currently a no-op implementation.
 
 ---
 

package/ios/ExpoPasteInputView.swift

@@ -511,14 +511,17 @@ class ExpoPasteInputView: ExpoView {
     var attachmentRanges: [NSRange] = []
     var mediaPayloads: [MediaPayload] = []
 
+    // Only track ranges for attachments we successfully extract a real payload
+    // from. Attachments without a payload (e.g. iOS dictation placeholders)
+    // are left alone — sanitizing them would delete characters the system
+    // manages itself, and emitting "unsupported" would raise a spurious error.
     attributedText.enumerateAttribute(.attachment, in: NSRange(location: 0, length: attributedText.length), options: []) { value, range, _ in
       guard let attachment = value as? NSTextAttachment else {
         return
       }
 
-      attachmentRanges.append(range)
-
       if let payload = self.extractMediaPayload(from: attachment, textView: textView, range: range) {
+        attachmentRanges.append(range)
         mediaPayloads.append(payload)
       }
     }
@@ -529,9 +532,8 @@ class ExpoPasteInputView: ExpoView {
           return
         }
 
-        attachmentRanges.append(range)
-
         if let payload = self.extractMediaPayload(from: adaptiveGlyph) {
+          attachmentRanges.append(range)
           mediaPayloads.append(payload)
         }
       }
@@ -539,17 +541,12 @@ class ExpoPasteInputView: ExpoView {
 
     attachmentRanges = uniqueRanges(attachmentRanges)
 
-    guard !attachmentRanges.isEmpty else {
+    guard !mediaPayloads.isEmpty else {
       return
     }
 
     sanitizeAttachments(in: textView, ranges: attachmentRanges)
 
-    guard !mediaPayloads.isEmpty else {
-      handleUnsupportedPaste()
-      return
-    }
-
     emitImagesAsync(for: mediaPayloads)
   }
 
@@ -651,6 +648,11 @@ class ExpoPasteInputView: ExpoView {
   }
 
   private func extractMediaPayload(from attachment: NSTextAttachment, textView: UITextView, range: NSRange) -> MediaPayload? {
+    // Only accept attachments that carry real image payloads. We intentionally
+    // do not fall back to `image(forBounds:)` or rendering the text view's
+    // hierarchy, because system-inserted attachments (e.g. the iOS dictation
+    // placeholder) draw themselves via those paths and would cause us to
+    // emit a screenshot of the composer as a "pasted image".
     if let fileWrapperData = attachment.fileWrapper?.regularFileContents,
        let payload = extractMediaPayload(fromData: fileWrapperData) {
       return payload
@@ -667,20 +669,6 @@ class ExpoPasteInputView: ExpoView {
       return .image(image)
     }
 
-    let attachmentBounds = attachment.bounds.size.width > 0 && attachment.bounds.size.height > 0
-      ? attachment.bounds
-      : CGRect(origin: .zero, size: CGSize(width: 128, height: 128))
-
-    if let image = attachment.image(forBounds: attachmentBounds, textContainer: textView.textContainer, characterIndex: range.location),
-       image.size.width > 0,
-       image.size.height > 0 {
-      return .image(image)
-    }
-
-    if let renderedImage = renderTextAttachment(in: textView, range: range) {
-      return .image(renderedImage)
-    }
-
     return nil
   }
 
@@ -701,47 +689,6 @@ class ExpoPasteInputView: ExpoView {
     return .imageData(data)
   }
 
-  private func renderTextAttachment(in textView: UITextView, range: NSRange) -> UIImage? {
-    let glyphRange = textView.layoutManager.glyphRange(forCharacterRange: range, actualCharacterRange: nil)
-    var rect = textView.layoutManager.boundingRect(forGlyphRange: glyphRange, in: textView.textContainer)
-
-    rect.origin.x += textView.textContainerInset.left - textView.contentOffset.x
-    rect.origin.y += textView.textContainerInset.top - textView.contentOffset.y
-    rect = rect.integral
-
-    guard rect.width > 1, rect.height > 1 else {
-      return nil
-    }
-
-    let format = UIGraphicsImageRendererFormat.default()
-    format.scale = textView.window?.screen.scale ?? UIScreen.main.scale
-    format.opaque = false
-
-    let image = UIGraphicsImageRenderer(size: rect.size, format: format).image { _ in
-      let drawRect = CGRect(
-        origin: CGPoint(x: -rect.origin.x, y: -rect.origin.y),
-        size: textView.bounds.size
-      )
-
-      if textView.window != nil {
-        textView.drawHierarchy(in: drawRect, afterScreenUpdates: false)
-      } else {
-        guard let context = UIGraphicsGetCurrentContext() else {
-          return
-        }
-
-        context.translateBy(x: -rect.origin.x, y: -rect.origin.y)
-        textView.layer.render(in: context)
-      }
-    }
-
-    guard image.size.width > 0, image.size.height > 0 else {
-      return nil
-    }
-
-    return image
-  }
-
   @available(iOS 18.0, *)
   private func handleAdaptiveImageGlyphInsertion(_ adaptiveGlyph: NSAdaptiveImageGlyph) -> Bool {
     guard let payload = extractMediaPayload(from: adaptiveGlyph) else {
@@ -910,32 +857,32 @@ class ExpoPasteInputView: ExpoView {
     return headerBytes == gif87aSignature || headerBytes == gif89aSignature
   }
   
-  /// Safely creates a UIImage from data, validating it first to prevent ImageIO errors
-  private func safeCreateImage(from data: Data) -> UIImage? {
-    guard data.count > 0 else { return nil }
-    
-    // Use ImageIO to validate the data before creating UIImage
-    // This prevents ImageIO errors from corrupted or invalid image data
-    guard let imageSource = CGImageSourceCreateWithData(data as CFData, nil) else {
-      return nil
-    }
-    
-    // Check if the image source has at least one image
-    guard CGImageSourceGetCount(imageSource) > 0 else {
-      return nil
-    }
-    
-    // Create UIImage from the original data so imageOrientation from metadata is preserved.
-    guard let image = UIImage(data: data) else {
-      return nil
+  private func inferredImageFileExtension(from imageSource: CGImageSource, fallbackData data: Data) -> String {
+    if let type = CGImageSourceGetType(imageSource) as String? {
+      switch type {
+      case "public.png":
+        return "png"
+      case "public.jpeg":
+        return "jpg"
+      case "public.gif":
+        return "gif"
+      case "public.webp", "org.webmproject.webp":
+        return "webp"
+      case "public.heic":
+        return "heic"
+      case "public.heif":
+        return "heif"
+      case "public.tiff":
+        return "tiff"
+      default:
+        break
+      }
     }
-    
-    // Validate the image has valid dimensions
-    guard image.size.width > 0 && image.size.height > 0 else {
-      return nil
+
+    if isGIFData(data) {
+      return "gif"
     }
-    
-    return image
+    return "png"
   }
   
   private func processTextPaste() {
@@ -1016,11 +963,22 @@ class ExpoPasteInputView: ExpoView {
   }
 
   private func writeTemporaryImageData(_ data: Data) -> String? {
-    guard let image = safeCreateImage(from: data) else {
+    guard let imageSource = CGImageSourceCreateWithData(data as CFData, nil),
+          CGImageSourceGetCount(imageSource) > 0 else {
       return nil
     }
 
-    return writeTemporaryImage(image)
+    let fileExtension = inferredImageFileExtension(from: imageSource, fallbackData: data)
+    let fileURL = FileManager.default.temporaryDirectory
+      .appendingPathComponent(UUID().uuidString)
+      .appendingPathExtension(fileExtension)
+
+    do {
+      try data.write(to: fileURL)
+      return fileURL.absoluteString
+    } catch {
+      return nil
+    }
   }
 
   private func writeTemporaryImage(_ image: UIImage) -> String? {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-paste-input",
-  "version": "0.1.15",
+  "version": "0.2.1",
   "description": "A wrapper around React Native TextInput to paste images and GIFs from the clipboard (iOS, Android, Web)",
   "main": "build/index.js",
   "types": "build/index.d.ts",