From 8a5854f364c98b4ad91980577d2f5d5098d4c66a Mon Sep 17 00:00:00 2001
From: Janic Duplessis <janicduplessis@gmail.com>
Date: Thu, 11 Apr 2019 14:43:39 -0400
Subject: [PATCH] Add support for AbortController

---
 Libraries/Core/setUpXHR.js               |  8 ++++
 RNTester/js/XHRExample.js                |  7 +++
 RNTester/js/XHRExampleAbortController.js | 58 ++++++++++++++++++++++++
 package.json                             |  3 +-
 yarn.lock                                | 15 ++++--
 5 files changed, 86 insertions(+), 5 deletions(-)
 create mode 100644 RNTester/js/XHRExampleAbortController.js

diff --git a/Libraries/Core/setUpXHR.js b/Libraries/Core/setUpXHR.js
index ec7baad8af3dcc..b1525ea5561593 100644
--- a/Libraries/Core/setUpXHR.js
+++ b/Libraries/Core/setUpXHR.js
@@ -30,3 +30,11 @@ polyfillGlobal('File', () => require('File'));
 polyfillGlobal('FileReader', () => require('FileReader'));
 polyfillGlobal('URL', () => require('URL').URL); // flowlint-line untyped-import:off
 polyfillGlobal('URLSearchParams', () => require('URL').URLSearchParams); // flowlint-line untyped-import:off
+polyfillGlobal(
+  'AbortController',
+  () => require('abort-controller/dist/abort-controller').AbortController, // flowlint-line untyped-import:off
+);
+polyfillGlobal(
+  'AbortSignal',
+  () => require('abort-controller/dist/abort-controller').AbortSignal, // flowlint-line untyped-import:off
+);
diff --git a/RNTester/js/XHRExample.js b/RNTester/js/XHRExample.js
index 78f925e7da12dc..a7df025303a4e8 100644
--- a/RNTester/js/XHRExample.js
+++ b/RNTester/js/XHRExample.js
@@ -18,6 +18,7 @@ const XHRExampleFormData = require('./XHRExampleFormData');
 const XHRExampleHeaders = require('./XHRExampleHeaders');
 const XHRExampleFetch = require('./XHRExampleFetch');
 const XHRExampleOnTimeOut = require('./XHRExampleOnTimeOut');
+const XHRExampleAbortController = require('./XHRExampleAbortController');
 
 exports.framework = 'React';
 exports.title = 'XMLHttpRequest';
@@ -61,4 +62,10 @@ exports.examples = [
       return <XHRExampleOnTimeOut />;
     },
   },
+  {
+    title: 'Abort Test',
+    render() {
+      return <XHRExampleAbortController />;
+    },
+  },
 ];
diff --git a/RNTester/js/XHRExampleAbortController.js b/RNTester/js/XHRExampleAbortController.js
new file mode 100644
index 00000000000000..2d7b41d23061f4
--- /dev/null
+++ b/RNTester/js/XHRExampleAbortController.js
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+const React = require('react');
+const {Alert, Button, View} = require('react-native');
+
+class XHRExampleAbortController extends React.Component<{}, {}> {
+  _timeout: any;
+
+  _submit(abortDelay) {
+    clearTimeout(this._timeout);
+    // eslint-disable-next-line no-undef
+    const abortController = new AbortController();
+    fetch('https://facebook.github.io/react-native/', {
+      signal: abortController.signal,
+    })
+      .then(res => res.text())
+      .then(res => Alert.alert(res))
+      .catch(err => Alert.alert(err.message));
+    this._timeout = setTimeout(() => {
+      abortController.abort();
+    }, abortDelay);
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this._timeout);
+  }
+
+  render() {
+    return (
+      <View>
+        <Button
+          title="Abort before response"
+          onPress={() => {
+            this._submit(0);
+          }}
+        />
+        <Button
+          title="Abort after response"
+          onPress={() => {
+            this._submit(5000);
+          }}
+        />
+      </View>
+    );
+  }
+}
+
+module.exports = XHRExampleAbortController;
diff --git a/package.json b/package.json
index 493725145e0ac6..8e42b820693101 100644
--- a/package.json
+++ b/package.json
@@ -88,12 +88,13 @@
   "dependencies": {
     "@babel/runtime": "^7.0.0",
     "@react-native-community/cli": "^2.0.0",
+    "abort-controller": "^3.0.0",
     "art": "^0.10.0",
     "base64-js": "^1.1.2",
     "connect": "^3.6.5",
     "create-react-class": "^15.6.3",
     "escape-string-regexp": "^1.0.5",
-    "event-target-shim": "^1.0.5",
+    "event-target-shim": "^5.0.1",
     "fbjs": "^1.0.0",
     "fbjs-scripts": "^1.1.0",
     "invariant": "^2.2.4",
diff --git a/yarn.lock b/yarn.lock
index c32dc4053c5315..163a346607a494 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1176,6 +1176,13 @@ abbrev@1:
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
   integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
 
+abort-controller@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/abort-controller/-/abort-controller-3.0.0.tgz#eaf54d53b62bae4138e809ca225c8439a6efb392"
+  integrity sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==
+  dependencies:
+    event-target-shim "^5.0.0"
+
 absolute-path@^0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/absolute-path/-/absolute-path-0.0.0.tgz#a78762fbdadfb5297be99b15d35a785b2f095bf7"
@@ -2744,10 +2751,10 @@ etag@~1.8.1:
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
   integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
 
-event-target-shim@^1.0.5:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-1.1.1.tgz#a86e5ee6bdaa16054475da797ccddf0c55698491"
-  integrity sha1-qG5e5r2qFgVEddp5fM3fDFVphJE=
+event-target-shim@^5.0.0, event-target-shim@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
+  integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
 
 eventemitter3@^3.0.0:
   version "3.1.0"