[RNMobile] Add support for POST requests

packages/react-native-bridge/index.js

@@ -271,8 +271,12 @@ export function requestMediaEditor( mediaUrl, callback ) {
 	);
 }
 
-export function fetchRequest( path ) {
-	return RNReactNativeGutenbergBridge.fetchRequest( path );
+export function fetchGetRequest( path ) {
+	return RNReactNativeGutenbergBridge.fetchGetRequest( path );
+}
+
+export function fetchPostRequest( path, data ) {
+	return RNReactNativeGutenbergBridge.fetchPostRequest( path, data );
 }
 
 export function logUserEvent( event, properties ) {

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

@@ -201,13 +201,21 @@ public protocol GutenbergBridgeDelegate: class {
     ///
     func editorDidAutosave()
 
-    /// Tells the delegate that the editor needs to perform a network request.
+    /// Tells the delegate that the editor needs to perform a network GET request.
     /// The paths given to perform the request are from the WP ORG REST API.
     /// https://developer.wordpress.org/rest-api/reference/
     /// - Parameter path: The path to perform the request.
     /// - Parameter completion: Completion handler to be called with the result or an error.
-    func gutenbergDidRequestFetch(path: String, completion: @escaping (Swift.Result<Any, NSError>) -> Void)
+    func gutenbergDidGetRequestFetch(path: String, completion: @escaping (Swift.Result<Any, NSError>) -> Void)
 
+    /// Tells the delegate that the editor needs to perform a network POST request.
+    /// The paths given to perform the request are from the WP ORG REST API.
+    /// https://developer.wordpress.org/rest-api/reference/
+    /// - Parameter path: The path to perform the request.
+    /// - Parameter parameters: The parameters to be included in the request.
+    /// - Parameter completion: Completion handler to be called with the result or an error.
+    func gutenbergDidPostRequestFetch(path: String, parameters: [String: AnyObject]?, completion: @escaping (Swift.Result<Any, NSError>) -> Void)
+
     /// Tells the delegate to display a fullscreen image from a given URL
     ///
     func gutenbergDidRequestImagePreview(with mediaUrl: URL, thumbUrl: URL?)

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

@@ -15,7 +15,8 @@ @interface RCT_EXTERN_MODULE(RNReactNativeGutenbergBridge, NSObject)
 RCT_EXTERN_METHOD(editorDidMount:(NSArray *)unsupportedBlockNames)
 RCT_EXTERN_METHOD(editorDidEmitLog:(NSString *)message logLevel:(int)logLevel)
 RCT_EXTERN_METHOD(editorDidAutosave)
-RCT_EXTERN_METHOD(fetchRequest:(NSString *)path resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(fetchGetRequest:(NSString *)path resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+RCT_EXTERN_METHOD(fetchPostRequest:(NSString *)path parameters:(NSDictionary *)parameters resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
 RCT_EXTERN_METHOD(requestImageFullscreenPreview:(NSString *)currentImageUrlString originalImageUrlString:(NSString *)originalImageUrlString)
 RCT_EXTERN_METHOD(requestMediaEditor:(NSString *)mediaUrl callback:(RCTResponseSenderBlock)callback)
 RCT_EXTERN_METHOD(logUserEvent:(NSString *)event properties:(NSDictionary *)properties)

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

@@ -237,8 +237,20 @@ public class RNReactNativeGutenbergBridge: RCTEventEmitter {
     }
 
     @objc
-    func fetchRequest(_ path: String, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
-        self.delegate?.gutenbergDidRequestFetch(path: path, completion: { (result) in
+    func fetchGetRequest(_ path: String, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
+        self.delegate?.gutenbergDidGetRequestFetch(path: path, completion: { (result) in
+            switch result {
+            case .success(let response):
+                resolver(response)
+            case .failure(let error):
+                rejecter("\(error.code)", error.description, error)
+            }
+        })
+    }
+
+    @objc
+    func fetchPostRequest(_ path: String, parameters: [String: AnyObject]?, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
+        self.delegate?.gutenbergDidPostRequestFetch(path: path, parameters: parameters, completion: { (result) in
             switch result {
             case .success(let response):
                 resolver(response)

packages/react-native-editor/ios/GutenbergDemo/GutenbergViewController.swift

@@ -52,7 +52,11 @@ class GutenbergViewController: UIViewController {
 }
 
 extension GutenbergViewController: GutenbergBridgeDelegate {
-    func gutenbergDidRequestFetch(path: String, completion: @escaping (Result<Any, NSError>) -> Void) {
+    func gutenbergDidGetRequestFetch(path: String, completion: @escaping (Result<Any, NSError>) -> Void) {
+        completion(Result.success([:]))
+    }
+
+    func gutenbergDidPostRequestFetch(path: String, parameters: [String: AnyObject]?, completion: @escaping (Result<Any, NSError>) -> Void) {
         completion(Result.success([:]))
     }
 

packages/react-native-editor/src/api-fetch-setup.js

@@ -1,7 +1,10 @@
 /**
  * WordPress dependencies
  */
-import { fetchRequest } from '@wordpress/react-native-bridge';
+import {
+	fetchGetRequest,
+	fetchPostRequest,
+} from '@wordpress/react-native-bridge';
 import apiFetch from '@wordpress/api-fetch';
 
 // Please add only wp.org API paths here!
@@ -13,12 +16,24 @@ const SUPPORTED_ENDPOINTS = [
 const setTimeoutPromise = ( delay ) =>
 	new Promise( ( resolve ) => setTimeout( resolve, delay ) );
 
-const fetchHandler = ( { path }, retries = 20, retryCount = 1 ) => {
+const fetchHandler = (
+	{ path, data, method },
+	retries = 20,
+	retryCount = 1
+) => {
 	if ( ! isPathSupported( path ) ) {
 		return Promise.reject( `Unsupported path: ${ path }` );
 	}
 
-	const responsePromise = fetchRequest( path );
+	let responsePromise;
+	switch ( method ) {
+		case 'POST':
+			responsePromise = fetchPostRequest( path, data );
+			break;
+		default:
+			responsePromise = fetchGetRequest( path );
+			break;
+	}
 
 	const parseResponse = ( response ) => {
 		if ( typeof response === 'string' ) {