mirror of
https://github.com/status-im/react-native.git
synced 2025-01-19 05:51:01 +00:00
f88bc3eb73
Summary: @public This is a refactor of @philikon's original diff that decouples the dependencies between the Network and Image modules, and replaces RCTDataQueryExecutor with a more useful abstraction. I've introduced the RCTURLRequestHandler protocol, which is a new type of bridge module used for loading data using an NSURLRequest. RCTURLRequestHandlers can be registered using RCT_EXPORT_MODULE() and are then available at runtime for use by the RCTDataManager, which will automatically select the appropriate handler for a given request based on the handler's self-reported capabilities. The currently implemented handlers are: - RCTHTTPRequestHandler - the standard open source HTTP request handler that uses NSURLSession - RKHTTPRequestHandler - the internal FB HTTP request handler that uses FBNetworking - RCTImageRequestHandler - a handler for loading local images from the iOS asset-library Depends on D2108193 Test Plan: - Internal apps still work - OSS port still compiles, Movies app and a sample Parse app still work - uploading image to Parse using the above code snippet works - tested `FormData` with string and image parameters using http://www.posttestserver.com/
114 lines
3.0 KiB
JavaScript
114 lines
3.0 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule XMLHttpRequest
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
var FormData = require('FormData');
|
|
var RCTDataManager = require('NativeModules').DataManager;
|
|
var RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
|
|
|
|
var XMLHttpRequestBase = require('XMLHttpRequestBase');
|
|
|
|
class XMLHttpRequest extends XMLHttpRequestBase {
|
|
|
|
_requestId: ?number;
|
|
_subscriptions: [any];
|
|
|
|
constructor() {
|
|
super();
|
|
this._requestId = null;
|
|
this._subscriptions = [];
|
|
}
|
|
|
|
_didCreateRequest(requestId: number): void {
|
|
this._requestId = requestId;
|
|
this._subscriptions.push(RCTDeviceEventEmitter.addListener(
|
|
'didReceiveNetworkResponse',
|
|
(args) => this._didReceiveResponse.call(this, args[0], args[1], args[2])
|
|
));
|
|
this._subscriptions.push(RCTDeviceEventEmitter.addListener(
|
|
'didReceiveNetworkData',
|
|
(args) => this._didReceiveData.call(this, args[0], args[1])
|
|
));
|
|
this._subscriptions.push(RCTDeviceEventEmitter.addListener(
|
|
'didCompleteNetworkResponse',
|
|
(args) => this._didCompleteResponse.call(this, args[0], args[1])
|
|
));
|
|
}
|
|
|
|
_didReceiveResponse(requestId: number, status: number, responseHeaders: ?Object): void {
|
|
if (requestId === this._requestId) {
|
|
this.status = status;
|
|
this.setResponseHeaders(responseHeaders);
|
|
this.setReadyState(this.HEADERS_RECEIVED);
|
|
}
|
|
}
|
|
|
|
_didReceiveData(requestId: number, responseText: string): void {
|
|
if (requestId === this._requestId) {
|
|
if (!this.responseText) {
|
|
this.responseText = responseText;
|
|
} else {
|
|
this.responseText += responseText;
|
|
}
|
|
this.setReadyState(this.LOADING);
|
|
}
|
|
}
|
|
|
|
_didCompleteResponse(requestId: number, error: string): void {
|
|
if (requestId === this._requestId) {
|
|
if (error) {
|
|
this.responseText = error;
|
|
}
|
|
this._clearSubscriptions();
|
|
this._requestId = null;
|
|
this.setReadyState(this.DONE);
|
|
}
|
|
}
|
|
|
|
_clearSubscriptions(): void {
|
|
for (var i = 0; i < this._subscriptions.length; i++) {
|
|
var sub = this._subscriptions[i];
|
|
sub.remove();
|
|
}
|
|
this._subscriptions = [];
|
|
}
|
|
|
|
sendImpl(method: ?string, url: ?string, headers: Object, data: any): void {
|
|
if (typeof data === 'string') {
|
|
data = {string: data};
|
|
}
|
|
if (data instanceof FormData) {
|
|
data = {formData: data.getParts()};
|
|
}
|
|
RCTDataManager.sendRequest(
|
|
{
|
|
method,
|
|
url,
|
|
data,
|
|
headers,
|
|
incrementalUpdates: this.onreadystatechange ? true : false,
|
|
},
|
|
this._didCreateRequest.bind(this)
|
|
);
|
|
}
|
|
|
|
abortImpl(): void {
|
|
if (this._requestId) {
|
|
RCTDataManager.cancelRequest(this._requestId);
|
|
this._clearSubscriptions();
|
|
this._requestId = null;
|
|
}
|
|
}
|
|
}
|
|
|
|
module.exports = XMLHttpRequest;
|