Implement copy/paste of images in the file/binary format

ios/gutenberg/GutenbergViewController.swift

@@ -64,6 +64,11 @@ extension GutenbergViewController: GutenbergBridgeDelegate {
         }
     }
 
+    func gutenbergDidRequestImport(from url: URL, with callback: @escaping MediaPickerDidPickMediaCallback) {
+        let id = mediaUploadCoordinator.upload(url: url)
+        callback(id, url.absoluteString)
+    }
+
     func pickAndUpload(from source: UIImagePickerController.SourceType, callback: @escaping MediaPickerDidPickMediaCallback) {
         mediaPickCoordinator = MediaPickCoordinator(presenter: self, callback: { (url) in
             guard let url = url, let mediaID = self.mediaUploadCoordinator.upload(url: url) else {

react-native-aztec/ios/RNTAztecView/RCTAztecView.swift

@@ -182,6 +182,30 @@ class RCTAztecView: Aztec.TextView {
 
         return String(data: data, encoding: .utf8)
     }
+
+    func saveToDisk(image: UIImage) -> URL? {
+        let fileName = "\(ProcessInfo.processInfo.globallyUniqueString)_file.jpg"
+
+        guard let data = image.jpegData(compressionQuality: 0.9) else {
+            return nil
+        }
+
+        let fileURL = URL(fileURLWithPath: NSTemporaryDirectory()).appendingPathComponent(fileName)
+
+        guard (try? data.write(to: fileURL, options: [.atomic])) != nil else {
+            return nil
+        }
+
+        return fileURL
+    }
+
+    private func images(from pasteboard: UIPasteboard) -> [String] {
+        guard let images = pasteboard.images else {
+            return []
+        }
+        let imagesURLs = images.compactMap({ saveToDisk(image: $0)?.absoluteString })
+        return imagesURLs
+    }
 
     override func paste(_ sender: Any?) {
         let start = selectedRange.location
@@ -190,13 +214,15 @@ class RCTAztecView: Aztec.TextView {
         let pasteboard = UIPasteboard.general
         let text = self.text(from: pasteboard) ?? ""
         let html = self.html(from: pasteboard) ?? ""
-
+        let imagesURLs = self.images(from: pasteboard)
+
         onPaste?([
             "currentContent": getHTML(),
             "selectionStart": start,
             "selectionEnd": end,
             "pastedText": text,
-            "pastedHtml": html])
+            "pastedHtml": html,
+            "files": imagesURLs] )
     }
 
     // MARK: - Edits

react-native-gutenberg-bridge/index.js

@@ -69,6 +69,10 @@ export function requestMediaPickFromDeviceCamera( callback ) {
 	return RNReactNativeGutenbergBridge.requestMediaPickFrom( 'DEVICE_CAMERA', callback );
 }
 
+export function requestMediaImport( url, callback ) {
+	return RNReactNativeGutenbergBridge.requestMediaImport( url, callback );
+}
+
 export function mediaUploadSync() {
 	return RNReactNativeGutenbergBridge.mediaUploadSync();
 }

react-native-gutenberg-bridge/ios/GutenbergBridgeDelegate.swift

@@ -32,6 +32,13 @@ public protocol GutenbergBridgeDelegate: class {
     ///
     func gutenbergDidRequestMedia(from source: MediaPickerSource, with callback: @escaping MediaPickerDidPickMediaCallback)
 
+    /// Tells the delegate that gutenberg JS requested the import of media item based on the provided URL
+    ///
+    /// - Parameters:
+    ///   - url: the url to import
+    ///   - callback: A callback block to be called with an upload mediaIdentifier and a placeholder image file url, use nil on both parameters to signal that the action has failed.
+    //
+    func gutenbergDidRequestImport(from url: URL, with callback: @escaping MediaPickerDidPickMediaCallback)
 
     /// Tells the delegate that an image block requested to reconnect with media uploads coordinator.
     ///

react-native-gutenberg-bridge/ios/RNReactNativeGutenbergBridge.m

@@ -8,6 +8,7 @@ @interface RCT_EXTERN_MODULE(RNReactNativeGutenbergBridge, NSObject)
 RCT_EXTERN_METHOD(requestImageFailedRetryDialog:(int)mediaID)
 RCT_EXTERN_METHOD(requestImageUploadCancelDialog:(int)mediaID)
 RCT_EXTERN_METHOD(requestImageUploadCancel:(int)mediaID)
+RCT_EXTERN_METHOD(requestMediaImport:(NSString *)sourceURL callback:(RCTResponseSenderBlock)callback)
 RCT_EXTERN_METHOD(editorDidLayout)
 RCT_EXTERN_METHOD(editorDidMount:(BOOL)hasUnsupportedBlocks)
 RCT_EXTERN_METHOD(editorDidEmitLog:(NSString *)message logLevel:(int)logLevel)

react-native-gutenberg-bridge/ios/RNReactNativeGutenbergBridge.swift

@@ -27,6 +27,23 @@ public class RNReactNativeGutenbergBridge: RCTEventEmitter {
         }
     }
 
+    @objc
+    func requestMediaImport(_ urlString: String, callback: @escaping RCTResponseSenderBlock) {
+        guard let url = URL(string: urlString) else {
+            callback(nil)
+            return
+        }
+        DispatchQueue.main.async {
+            self.delegate?.gutenbergDidRequestImport(from: url, with: { (mediaID, url) in
+                guard let url = url, let mediaID = mediaID else {
+                    callback(nil)
+                    return
+                }
+                callback([mediaID, url])
+            })
+        }
+    }
+
     @objc
     func mediaUploadSync() {
         DispatchQueue.main.async {