@react-native-oh/react-native-harmony 0.72.10 → 0.72.11

package/Libraries/Components/Button/Button.harmony.js

@@ -448,4 +448,4 @@ const styles = StyleSheet.create({
   }),
 });
 
-module.exports = (Button: ButtonType);
+module.exports = (Button: ButtonType);

package/Libraries/Components/ScrollView/ScrollView.harmony.js

@@ -38,7 +38,7 @@ import Dimensions from "react-native/Libraries/Utilities/Dimensions";
 import dismissKeyboard from "react-native/Libraries/Utilities/dismissKeyboard";
 import Platform from "../../Utilities/Platform";
 import Keyboard from "react-native/Libraries/Components/Keyboard/Keyboard";
-import TextInputState from "react-native/Libraries/Components/TextInput/TextInputState";
+import TextInputState from "../TextInput/TextInputState.harmony";
 import View from "react-native/Libraries/Components/View/View";
 import AndroidHorizontalScrollContentViewNativeComponent from "react-native/Libraries/Components/ScrollView/AndroidHorizontalScrollContentViewNativeComponent";
 import AndroidHorizontalScrollViewNativeComponent from "react-native/Libraries/Components/ScrollView/AndroidHorizontalScrollViewNativeComponent";
@@ -914,15 +914,12 @@ class ScrollView extends React.Component<Props, State> {
     if (this._scrollView.nativeInstance == null) {
       return;
     }
-    // RNOH: patch - This command occurs before aboutToAppear. As a result, scrollTo in ArkTs is not triggered.
-    setTimeout(() => {
-      Commands.scrollTo(
-        this._scrollView.nativeInstance,
-        x || 0,
-        y || 0,
-        animated !== false
-      );
-    }, 100)
+    Commands.scrollTo(
+      this._scrollView.nativeInstance,
+      x || 0,
+      y || 0,
+      animated !== false
+    );
   };
 
   /**
@@ -1812,18 +1809,10 @@ class ScrollView extends React.Component<Props, State> {
       // default to true
       snapToEnd: this.props.snapToEnd !== false,
       // pagingEnabled is overridden by snapToInterval / snapToOffsets
-      pagingEnabled: Platform.select({
-        // on iOS, pagingEnabled must be set to false to have snapToInterval / snapToOffsets work
-        ios:
+      pagingEnabled: 
           this.props.pagingEnabled === true &&
           this.props.snapToInterval == null &&
-          this.props.snapToOffsets == null,
-        // on Android, pagingEnabled must be set to true to have snapToInterval / snapToOffsets work
-        android:
-          this.props.pagingEnabled === true ||
-          this.props.snapToInterval != null ||
-          this.props.snapToOffsets != null,
-      }),
+          this.props.snapToOffsets == null, 
     };
 
     const { decelerationRate } = this.props;

package/Libraries/Components/TextInput/TextInput.harmony.js

@@ -30,7 +30,7 @@ import Text from 'react-native/Libraries/Text/Text';
 import TextAncestor from 'react-native/Libraries/Text/TextAncestor';
 import Platform from '../../Utilities/Platform';
 import useMergeRefs from 'react-native/Libraries/Utilities/useMergeRefs';
-import TextInputState from 'react-native/Libraries/Components/TextInput/TextInputState';
+import TextInputState from './TextInputState.harmony';
 import invariant from 'invariant';
 import nullthrows from 'nullthrows';
 import * as React from 'react';

package/index.js

@@ -65,7 +65,7 @@ module.exports = {
   get Keyboard() {
     return require('react-native/Libraries/Components/Keyboard/Keyboard');
   },
-  get KeyboardAvoidingView(){
+  get KeyboardAvoidingView() {
     return require('react-native/Libraries/Components/Keyboard/KeyboardAvoidingView')
       .default;
   },
@@ -89,6 +89,13 @@ module.exports = {
   get RefreshControl() {
     return require('./Libraries/Components/RefreshControl/RefreshControl');
   },
+  get requireNativeComponent() {
+    return require('react-native/Libraries/ReactNative/requireNativeComponent')
+      .default;
+  },
+  get RootTagContext() {
+    return require('react-native/Libraries/ReactNative/RootTag').RootTagContext;
+  },
   get SafeAreaView() {
     return require('./Libraries/Components/SafeAreaView/SafeAreaView').default;
   },
@@ -114,16 +121,16 @@ module.exports = {
     return require('react-native/Libraries/Components/Touchable/Touchable');
   },
   get TouchableHighlight() {
-    return require("./Libraries/Components/Touchable/TouchableHighlight");
+    return require('./Libraries/Components/Touchable/TouchableHighlight');
   },
   get TouchableNativeFeedback() {
-    return require("./Libraries/Components/Touchable/TouchableNativeFeedback");
+    return require('./Libraries/Components/Touchable/TouchableNativeFeedback');
   },
   get TouchableOpacity() {
     return require('react-native/Libraries/Components/Touchable/TouchableOpacity');
   },
   get TouchableWithoutFeedback() {
-    return require("./Libraries/Components/Touchable/TouchableWithoutFeedback");
+    return require('./Libraries/Components/Touchable/TouchableWithoutFeedback');
   },
   get TurboModuleRegistry() {
     return require('react-native/Libraries/TurboModule/TurboModuleRegistry');
@@ -174,5 +181,8 @@ module.exports = {
     return require('react-native/Libraries/Renderer/shims/ReactNative')
       .dispatchCommand;
   },
+  get EventEmitter() {
+    return require('react-native/Libraries/vendor/emitter/EventEmitter')
+  }
   // END: react-native-harmony specific exports
 };

package/metro.config.js

@@ -1,79 +1,109 @@
 //@ts-check
 const pathUtils = require('path');
 const fs = require('fs');
+const colors = require('colors/safe');
+
+let shouldPrintInfoAboutRNRedirection = true;
 
 /**
- * @type {import("metro-config").ConfigT}
+ * @param msg {string}
  */
-module.exports = {
-  transformer: {
-    assetRegistryPath: 'react-native/Libraries/Image/AssetRegistry',
-    getTransformOptions: async () => ({
-      transform: {
-        experimentalImportSupport: false,
-        inlineRequires: true,
-      },
-    }),
-  },
-  resolver: {
-    /** By default, Metro pickups files from native, "harmony" directory what causes conflicts.  */
-    blockList: [/\\harmony\/.*/],
-    resolveRequest: (ctx, moduleName, platform) => {
-      if (platform === 'harmony') {
-        if (moduleName === 'react-native') {
-          return ctx.resolveRequest(ctx, 'react-native-harmony', platform);
-        } else if (moduleName.startsWith('react-native/')) {
-          return ctx.resolveRequest(ctx, moduleName, 'ios');
-        } else if (isInternalReactNativeRelativeImport(ctx.originModulePath)) {
-          if (moduleName.startsWith('.')) {
-            const moduleAbsPath = pathUtils.resolve(
-              pathUtils.dirname(ctx.originModulePath),
-              moduleName
-            );
-            const [_, modulePathRelativeToReactNative] = moduleAbsPath.split(
-              `${pathUtils.sep}node_modules${pathUtils.sep}react-native${pathUtils.sep}`
+function info(msg) {
+  const infoPrefix = '[' + colors.bold(colors.cyan(`INFO`)) + ']';
+  console.log(infoPrefix, msg);
+}
+
+/**
+ * @param options {{reactNativeHarmonyPackageName: string} | undefined}
+ * @returns {import("metro-config").InputConfigT}
+ */
+function createHarmonyMetroConfig(options) {
+  const reactNativeHarmonyName =
+    options?.reactNativeHarmonyPackageName ?? 'react-native-harmony';
+  return {
+    transformer: {
+      assetRegistryPath: 'react-native/Libraries/Image/AssetRegistry',
+      getTransformOptions: async () => ({
+        transform: {
+          experimentalImportSupport: false,
+          inlineRequires: true,
+        },
+      }),
+    },
+    resolver: {
+      /** By default, Metro pickups files from native, "harmony" directory what causes conflicts.  */
+      blockList: [/\\harmony\/.*/],
+      resolveRequest: (ctx, moduleName, platform) => {
+        if (platform === 'harmony') {
+          if (shouldPrintInfoAboutRNRedirection) {
+            info(
+              `Redirected imports from ${colors.bold(
+                colors.gray('react-native'),
+              )} to ${colors.bold(reactNativeHarmonyName)}`,
             );
-            try {
-              return ctx.resolveRequest(
-                ctx,
-                `react-native-harmony${pathUtils.sep}${modulePathRelativeToReactNative}`,
-                'harmony'
-              );
-            } catch (err) {}
+            shouldPrintInfoAboutRNRedirection = false;
           }
-          return ctx.resolveRequest(ctx, moduleName, 'ios');
-        } else {
-          /**
-           * Replace `react-native-foo` with `react-native-harmony-foo` if a package has harmony directory and proper package.json configuration e.g.
-           *
-           * react-native-harmony-foo/package.json:
-           *  "harmony": {
-           *     "alias": "react-native-foo"
-           *  }
-           */
-          const harmonyPackageNameByAlias = getHarmonyPackageNameByAlias('.');
-          const alias = getPackageName(moduleName);
-          if (alias) {
-            const harmonyPackageName = harmonyPackageNameByAlias[alias];
-            if (
-              harmonyPackageName &&
-              !isRequestFromHarmonyPackage(
-                ctx.originModulePath,
-                harmonyPackageName
-              )
-            ) {
-              return ctx.resolveRequest(
-                ctx,
-                moduleName.replace(alias, harmonyPackageName),
-                platform
+          if (moduleName === 'react-native') {
+            return ctx.resolveRequest(ctx, reactNativeHarmonyName, platform);
+          } else if (moduleName.startsWith('react-native/')) {
+            return ctx.resolveRequest(ctx, moduleName, 'ios');
+          } else if (
+            isInternalReactNativeRelativeImport(ctx.originModulePath)
+          ) {
+            if (moduleName.startsWith('.')) {
+              const moduleAbsPath = pathUtils.resolve(
+                pathUtils.dirname(ctx.originModulePath),
+                moduleName,
               );
+              const [_, modulePathRelativeToReactNative] = moduleAbsPath.split(
+                `${pathUtils.sep}node_modules${pathUtils.sep}react-native${pathUtils.sep}`,
+              );
+              try {
+                return ctx.resolveRequest(
+                  ctx,
+                  `${reactNativeHarmonyName}${pathUtils.sep}${modulePathRelativeToReactNative}`,
+                  'harmony',
+                );
+              } catch (err) {}
+            }
+            return ctx.resolveRequest(ctx, moduleName, 'ios');
+          } else {
+            /**
+             * Replace `react-native-foo` with `react-native-harmony-foo` if a package has harmony directory and proper package.json configuration e.g.
+             *
+             * react-native-harmony-foo/package.json:
+             *  "harmony": {
+             *     "alias": "react-native-foo"
+             *  }
+             */
+            const harmonyPackageNameByAlias = getHarmonyPackageNameByAlias('.');
+            const alias = getPackageName(moduleName);
+            if (alias) {
+              const harmonyPackageName = harmonyPackageNameByAlias[alias];
+              if (
+                harmonyPackageName &&
+                !isRequestFromHarmonyPackage(
+                  ctx.originModulePath,
+                  harmonyPackageName,
+                )
+              ) {
+                return ctx.resolveRequest(
+                  ctx,
+                  moduleName.replace(alias, harmonyPackageName),
+                  platform,
+                );
+              }
             }
           }
         }
-      }
-      return ctx.resolveRequest(ctx, moduleName, platform);
+        return ctx.resolveRequest(ctx, moduleName, platform);
+      },
     },
-  },
+  };
+}
+
+module.exports = {
+  createHarmonyMetroConfig,
 };
 
 /**
@@ -104,7 +134,7 @@ function getPackageName(moduleName) {
  */
 function isInternalReactNativeRelativeImport(originModulePath) {
   return originModulePath.includes(
-    `${pathUtils.sep}node_modules${pathUtils.sep}react-native${pathUtils.sep}`
+    `${pathUtils.sep}node_modules${pathUtils.sep}react-native${pathUtils.sep}`,
   );
 }
 
@@ -114,8 +144,10 @@ function isInternalReactNativeRelativeImport(originModulePath) {
  * @returns {boolean}
  */
 function isRequestFromHarmonyPackage(originModulePath, harmonyPackageName) {
+  const slashes = new RegExp('/', 'g');
+  const packagePath = harmonyPackageName.replace(slashes, pathUtils.sep);
   return originModulePath.includes(
-    `${pathUtils.sep}node_modules${pathUtils.sep}${harmonyPackageName}${pathUtils.sep}`
+    `${pathUtils.sep}node_modules${pathUtils.sep}${packagePath}${pathUtils.sep}`,
   );
 }
 
@@ -136,13 +168,20 @@ function getHarmonyPackageNameByAlias(projectRootPath) {
     return cachedHarmonyPackageAliasByName;
   }
   cachedHarmonyPackageAliasByName = findHarmonyNodeModulePaths(
-    projectRootPath
+    findHarmonyNodeModuleSearchPaths(projectRootPath),
   ).reduce((acc, harmonyNodeModulePath) => {
     const harmonyNodeModulePathSegments = harmonyNodeModulePath.split(
-      pathUtils.sep
+      pathUtils.sep,
     );
-    const harmonyNodeModuleName =
+    let harmonyNodeModuleName =
       harmonyNodeModulePathSegments[harmonyNodeModulePathSegments.length - 1];
+    if (harmonyNodeModulePathSegments.length > 1) {
+      const harmonyNodeModuleParentDirName =
+        harmonyNodeModulePathSegments[harmonyNodeModulePathSegments.length - 2];
+      if (harmonyNodeModuleParentDirName.startsWith('@')) {
+        harmonyNodeModuleName = `${harmonyNodeModuleParentDirName}/${harmonyNodeModuleName}`;
+      }
+    }
     const packageJSONPath = `${harmonyNodeModulePath}${pathUtils.sep}package.json`;
     const packageJSON = readHarmonyModulePackageJSON(packageJSONPath);
     const alias = packageJSON.harmony?.alias;
@@ -151,8 +190,32 @@ function getHarmonyPackageNameByAlias(projectRootPath) {
     }
     return acc;
   }, initialAcc);
-  if (Object.keys(cachedHarmonyPackageAliasByName).length > 0)
-    console.log(cachedHarmonyPackageAliasByName);
+  const harmonyPackagesCount = Object.keys(
+    cachedHarmonyPackageAliasByName,
+  ).length;
+  if (harmonyPackagesCount > 0) {
+    const prettyHarmonyPackagesCount = colors.bold(
+      harmonyPackagesCount > 0
+        ? colors.green(harmonyPackagesCount.toString())
+        : harmonyPackagesCount.toString(),
+    );
+    info(
+      `Redirected imports to ${prettyHarmonyPackagesCount} harmony-specific third-party package(s):`,
+    );
+    if (harmonyPackagesCount > 0) {
+      Object.entries(cachedHarmonyPackageAliasByName).forEach(
+        ([original, alias]) => {
+          info(
+            `• ${colors.bold(colors.gray(original))} → ${colors.bold(alias)}`,
+          );
+        },
+      );
+    }
+  } else {
+    info('No harmony-specific third-party packages have been detected');
+  }
+  console.log('');
+
   return cachedHarmonyPackageAliasByName;
 }
 
@@ -160,12 +223,29 @@ function getHarmonyPackageNameByAlias(projectRootPath) {
  * @param projectRootPath {string}
  * @returns {string[]}
  */
-function findHarmonyNodeModulePaths(projectRootPath) {
+function findHarmonyNodeModuleSearchPaths(projectRootPath) {
   const nodeModulesPath = `${projectRootPath}${pathUtils.sep}node_modules`;
-  return fs
+  const searchPaths = fs
     .readdirSync(nodeModulesPath)
-    .map((dirName) => `${nodeModulesPath}${pathUtils.sep}${dirName}`)
-    .filter(hasNodeModulePathHarmonyCode);
+    .filter(dirName => dirName.startsWith('@'))
+    .map(dirName => `${nodeModulesPath}${pathUtils.sep}${dirName}`);
+  searchPaths.push(nodeModulesPath);
+  return searchPaths;
+}
+
+/**
+ * @param searchPaths {string[]}
+ * @returns {string[]}
+ */
+function findHarmonyNodeModulePaths(searchPaths) {
+  return searchPaths
+    .map(searchPath => {
+      return fs
+        .readdirSync(searchPath)
+        .map(dirName => `${searchPath}${pathUtils.sep}${dirName}`)
+        .filter(hasNodeModulePathHarmonyCode);
+    })
+    .flat();
 }
 
 /**

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@react-native-oh/react-native-harmony",
-  "version": "0.72.10",
-    "publishConfig": {
+  "version": "0.72.11",
+  "description": "",
+  "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "description": "",
   "scripts": {
     "install:dev-cli": "cd ../react-native-harmony-cli && npm pack && cd ../react-native-harmony && npm i ../react-native-harmony-cli/rnoh-react-native-harmony-cli-0.0.15.tgz && cd ../react-native-harmony",
     "pack:harmony": "react-native pack-harmony --oh-module-path ../tester/harmony/rnoh --harmony-dir-path ./harmony --package-json-path ./package.json",
@@ -38,6 +38,7 @@
   ],
   "dependencies": {
     "@react-native-oh/react-native-harmony-cli": "^0.0.15",
+    "colors": "^1.4.0",
     "fs-extra": "^11.1.1",
     "metro": "^0.76.3",
     "metro-config": "^0.76.3"

package/types/index.d.ts

@@ -1,5 +1,5 @@
 // export * from 'react-native/Libraries/ActionSheetIOS/ActionSheetIOS';
-export * from "react-native/Libraries/Alert/Alert";
+export * from 'react-native/Libraries/Alert/Alert';
 export * from 'react-native/Libraries/Animated/Animated';
 export * from 'react-native/Libraries/Animated/Easing';
 export * from 'react-native/Libraries/Animated/useAnimatedValue';
@@ -31,7 +31,7 @@ export * from 'react-native/Libraries/Components/Touchable/TouchableNativeFeedba
 export * from 'react-native/Libraries/Components/Touchable/TouchableOpacity';
 export * from 'react-native/Libraries/Components/Touchable/TouchableWithoutFeedback';
 export * from 'react-native/Libraries/Components/View/View';
-// export * from 'react-native/Libraries/Components/View/ViewAccessibility';
+export * from 'react-native/Libraries/Components/View/ViewAccessibility';
 export * from 'react-native/Libraries/Components/View/ViewPropTypes';
 export * from 'react-native/Libraries/Components/Button';
 export * from 'react-native/Libraries/EventEmitter/NativeEventEmitter';
@@ -47,7 +47,7 @@ export * from 'react-native/Libraries/LayoutAnimation/LayoutAnimation';
 export * from 'react-native/Libraries/Linking/Linking';
 export * from 'react-native/Libraries/Lists/FlatList';
 export * from 'react-native/Libraries/Lists/SectionList';
-export * from 'react-native/Libraries/Lists/VirtualizedList';
+export * from '@react-native/virtualized-lists';
 // export * from 'react-native/Libraries/LogBox/LogBox';
 export * from 'react-native/Libraries/Modal/Modal';
 // export * as Systrace from 'react-native/Libraries/Performance/Systrace';
@@ -56,9 +56,9 @@ export * from 'react-native/Libraries/Modal/Modal';
 export * from 'react-native/Libraries/ReactNative/AppRegistry';
 export * from 'react-native/Libraries/ReactNative/I18nManager';
 export * from 'react-native/Libraries/ReactNative/RendererProxy';
-// export * from 'react-native/Libraries/ReactNative/RootTag';
+export * from 'react-native/Libraries/ReactNative/RootTag';
 export * from 'react-native/Libraries/ReactNative/UIManager';
-// export * from 'react-native/Libraries/ReactNative/requireNativeComponent';
+export * from 'react-native/Libraries/ReactNative/requireNativeComponent';
 // export * from 'react-native/Libraries/Settings/Settings';
 // export * from 'react-native/Libraries/Share/Share';
 // export * from 'react-native/Libraries/StyleSheet/PlatformColorValueTypesIOS';
@@ -69,7 +69,7 @@ export * from 'react-native/Libraries/StyleSheet/processColor';
 export * from 'react-native/Libraries/Text/Text';
 // export * from 'react-native/Libraries/TurboModule/RCTExport';
 export * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
-// export * from 'react-native/Libraries/Types/CoreEventTypes';
+export * from 'react-native/Libraries/Types/CoreEventTypes';
 export * from 'react-native/Libraries/Utilities/Appearance';
 export * from 'react-native/Libraries/Utilities/BackHandler';
 // export * from 'react-native/Libraries/Utilities/DevSettings';
@@ -79,7 +79,7 @@ export * from '../Libraries/Utilities/Platform';
 export * from 'react-native/Libraries/Vibration/Vibration';
 // export * from 'react-native/Libraries/YellowBox/YellowBoxDeprecated';
 // export * from 'react-native/Libraries/vendor/core/ErrorUtils';
-// export * from 'react-native/Libraries/vendor/emitter/EventEmitter';
+export * from 'react-native/Libraries/vendor/emitter/EventEmitter';
 
 export * from 'react-native/types/public/DeprecatedPropertiesAlias';
 export * from 'react-native/types/public/Insets';

package/Libraries/Network/XMLHttpRequest.harmony.js

@@ -1,677 +0,0 @@
-/**
- * RNOH: patch
- * - imports
- * - forces responseType to be 'text'
- */
-
-/**
- * Copyright (c) Meta Platforms, Inc. and 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';
-
-import type {IPerformanceLogger} from 'react-native/Libraries/Utilities/createPerformanceLogger';
-
-import {type EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
-import EventTarget from 'event-target-shim';
-
-const BlobManager = require('react-native/Libraries/Blob/BlobManager');
-const GlobalPerformanceLogger = require('react-native/Libraries/Utilities/GlobalPerformanceLogger');
-const RCTNetworking = require('react-native/Libraries/Network/RCTNetworking').default;
-const base64 = require('base64-js');
-const invariant = require('invariant');
-
-const DEBUG_NETWORK_SEND_DELAY: false = false; // Set to a number of milliseconds when debugging
-
-export type NativeResponseType = 'base64' | 'blob' | 'text';
-export type ResponseType =
-  | ''
-  | 'arraybuffer'
-  | 'blob'
-  | 'document'
-  | 'json'
-  | 'text';
-export type Response = ?Object | string;
-
-type XHRInterceptor = interface {
-  requestSent(id: number, url: string, method: string, headers: Object): void,
-  responseReceived(
-    id: number,
-    url: string,
-    status: number,
-    headers: Object,
-  ): void,
-  dataReceived(id: number, data: string): void,
-  loadingFinished(id: number, encodedDataLength: number): void,
-  loadingFailed(id: number, error: string): void,
-};
-
-// The native blob module is optional so inject it here if available.
-if (BlobManager.isAvailable) {
-  BlobManager.addNetworkingHandler();
-}
-
-const UNSENT = 0;
-const OPENED = 1;
-const HEADERS_RECEIVED = 2;
-const LOADING = 3;
-const DONE = 4;
-
-const SUPPORTED_RESPONSE_TYPES = {
-  arraybuffer: false, // RNOH: patch - typeof global.ArrayBuffer === 'function',
-  blob: false, // RNOH: patch - typeof global.Blob === 'function',
-  document: false,
-  json: true,
-  text: true,
-  '': true,
-};
-
-const REQUEST_EVENTS = [
-  'abort',
-  'error',
-  'load',
-  'loadstart',
-  'progress',
-  'timeout',
-  'loadend',
-];
-
-const XHR_EVENTS = REQUEST_EVENTS.concat('readystatechange');
-
-class XMLHttpRequestEventTarget extends (EventTarget(...REQUEST_EVENTS): any) {
-  onload: ?Function;
-  onloadstart: ?Function;
-  onprogress: ?Function;
-  ontimeout: ?Function;
-  onerror: ?Function;
-  onabort: ?Function;
-  onloadend: ?Function;
-}
-
-/**
- * Shared base for platform-specific XMLHttpRequest implementations.
- */
-class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): any) {
-  static UNSENT: number = UNSENT;
-  static OPENED: number = OPENED;
-  static HEADERS_RECEIVED: number = HEADERS_RECEIVED;
-  static LOADING: number = LOADING;
-  static DONE: number = DONE;
-
-  static _interceptor: ?XHRInterceptor = null;
-
-  UNSENT: number = UNSENT;
-  OPENED: number = OPENED;
-  HEADERS_RECEIVED: number = HEADERS_RECEIVED;
-  LOADING: number = LOADING;
-  DONE: number = DONE;
-
-  // EventTarget automatically initializes these to `null`.
-  onload: ?Function;
-  onloadstart: ?Function;
-  onprogress: ?Function;
-  ontimeout: ?Function;
-  onerror: ?Function;
-  onabort: ?Function;
-  onloadend: ?Function;
-  onreadystatechange: ?Function;
-
-  readyState: number = UNSENT;
-  responseHeaders: ?Object;
-  status: number = 0;
-  timeout: number = 0;
-  responseURL: ?string;
-  withCredentials: boolean = true;
-
-  upload: XMLHttpRequestEventTarget = new XMLHttpRequestEventTarget();
-
-  _requestId: ?number;
-  _subscriptions: Array<EventSubscription>;
-
-  _aborted: boolean = false;
-  _cachedResponse: Response;
-  _hasError: boolean = false;
-  _headers: Object;
-  _lowerCaseResponseHeaders: Object;
-  _method: ?string = null;
-  _perfKey: ?string = null;
-  _responseType: ResponseType;
-  _response: string = '';
-  _sent: boolean;
-  _url: ?string = null;
-  _timedOut: boolean = false;
-  _trackingName: string = 'unknown';
-  _incrementalEvents: boolean = false;
-  _performanceLogger: IPerformanceLogger = GlobalPerformanceLogger;
-
-  static setInterceptor(interceptor: ?XHRInterceptor) {
-    XMLHttpRequest._interceptor = interceptor;
-  }
-
-  constructor() {
-    super();
-    this._reset();
-  }
-
-  _reset(): void {
-    this.readyState = this.UNSENT;
-    this.responseHeaders = undefined;
-    this.status = 0;
-    delete this.responseURL;
-
-    this._requestId = null;
-
-    this._cachedResponse = undefined;
-    this._hasError = false;
-    this._headers = {};
-    this._response = '';
-    this._responseType = '';
-    this._sent = false;
-    this._lowerCaseResponseHeaders = {};
-
-    this._clearSubscriptions();
-    this._timedOut = false;
-  }
-
-  get responseType(): ResponseType {
-    return this._responseType;
-  }
-
-  set responseType(responseType: ResponseType): void {
-    if (this._sent) {
-      throw new Error(
-        "Failed to set the 'responseType' property on 'XMLHttpRequest': The " +
-          'response type cannot be set after the request has been sent.',
-      );
-    }
-
-    // RNOH: patch
-    this._responseType = "text"
-    return
-    if (!SUPPORTED_RESPONSE_TYPES.hasOwnProperty(responseType)) {
-      console.warn(
-        `The provided value '${responseType}' is not a valid 'responseType'.`,
-      );
-      return;
-    }
-
-    // redboxes early, e.g. for 'arraybuffer' on ios 7
-    invariant(
-      SUPPORTED_RESPONSE_TYPES[responseType] || responseType === 'document',
-      `The provided value '${responseType}' is unsupported in this environment.`,
-    );
-
-    if (responseType === 'blob') {
-      invariant(
-        BlobManager.isAvailable,
-        'Native module BlobModule is required for blob support',
-      );
-    }
-    this._responseType = responseType;
-  }
-
-  get responseText(): string {
-    if (this._responseType !== '' && this._responseType !== 'text') {
-      throw new Error(
-        "The 'responseText' property is only available if 'responseType' " +
-          `is set to '' or 'text', but it is '${this._responseType}'.`,
-      );
-    }
-    if (this.readyState < LOADING) {
-      return '';
-    }
-    return this._response;
-  }
-
-  get response(): Response {
-    const {responseType} = this;
-    if (responseType === '' || responseType === 'text') {
-      return this.readyState < LOADING || this._hasError ? '' : this._response;
-    }
-
-    if (this.readyState !== DONE) {
-      return null;
-    }
-
-    if (this._cachedResponse !== undefined) {
-      return this._cachedResponse;
-    }
-
-    switch (responseType) {
-      case 'document':
-        this._cachedResponse = null;
-        break;
-
-      case 'arraybuffer':
-        this._cachedResponse = base64.toByteArray(this._response).buffer;
-        break;
-
-      case 'blob':
-        if (typeof this._response === 'object' && this._response) {
-          this._cachedResponse = BlobManager.createFromOptions(this._response);
-        } else if (this._response === '') {
-          this._cachedResponse = BlobManager.createFromParts([]);
-        } else {
-          throw new Error(`Invalid response for blob: ${this._response}`);
-        }
-        break;
-
-      case 'json':
-        try {
-          this._cachedResponse = JSON.parse(this._response);
-        } catch (_) {
-          this._cachedResponse = null;
-        }
-        break;
-
-      default:
-        this._cachedResponse = null;
-    }
-
-    return this._cachedResponse;
-  }
-
-  // exposed for testing
-  __didCreateRequest(requestId: number): void {
-    this._requestId = requestId;
-
-    XMLHttpRequest._interceptor &&
-      XMLHttpRequest._interceptor.requestSent(
-        requestId,
-        this._url || '',
-        this._method || 'GET',
-        this._headers,
-      );
-  }
-
-  // exposed for testing
-  __didUploadProgress(
-    requestId: number,
-    progress: number,
-    total: number,
-  ): void {
-    if (requestId === this._requestId) {
-      this.upload.dispatchEvent({
-        type: 'progress',
-        lengthComputable: true,
-        loaded: progress,
-        total,
-      });
-    }
-  }
-
-  __didReceiveResponse(
-    requestId: number,
-    status: number,
-    responseHeaders: ?Object,
-    responseURL: ?string,
-  ): void {
-    if (requestId === this._requestId) {
-      this._perfKey != null &&
-        this._performanceLogger.stopTimespan(this._perfKey);
-      this.status = status;
-      this.setResponseHeaders(responseHeaders);
-      this.setReadyState(this.HEADERS_RECEIVED);
-      if (responseURL || responseURL === '') {
-        this.responseURL = responseURL;
-      } else {
-        delete this.responseURL;
-      }
-
-      XMLHttpRequest._interceptor &&
-        XMLHttpRequest._interceptor.responseReceived(
-          requestId,
-          responseURL || this._url || '',
-          status,
-          responseHeaders || {},
-        );
-    }
-  }
-
-  __didReceiveData(requestId: number, response: string): void {
-    if (requestId !== this._requestId) {
-      return;
-    }
-    this._response = response;
-    this._cachedResponse = undefined; // force lazy recomputation
-    this.setReadyState(this.LOADING);
-
-    XMLHttpRequest._interceptor &&
-      XMLHttpRequest._interceptor.dataReceived(requestId, response);
-  }
-
-  __didReceiveIncrementalData(
-    requestId: number,
-    responseText: string,
-    progress: number,
-    total: number,
-  ) {
-    if (requestId !== this._requestId) {
-      return;
-    }
-    if (!this._response) {
-      this._response = responseText;
-    } else {
-      this._response += responseText;
-    }
-
-    XMLHttpRequest._interceptor &&
-      XMLHttpRequest._interceptor.dataReceived(requestId, responseText);
-
-    this.setReadyState(this.LOADING);
-    this.__didReceiveDataProgress(requestId, progress, total);
-  }
-
-  __didReceiveDataProgress(
-    requestId: number,
-    loaded: number,
-    total: number,
-  ): void {
-    if (requestId !== this._requestId) {
-      return;
-    }
-    this.dispatchEvent({
-      type: 'progress',
-      lengthComputable: total >= 0,
-      loaded,
-      total,
-    });
-  }
-
-  // exposed for testing
-  __didCompleteResponse(
-    requestId: number,
-    error: string,
-    timeOutError: boolean,
-  ): void {
-    if (requestId === this._requestId) {
-      if (error) {
-        if (this._responseType === '' || this._responseType === 'text') {
-          this._response = error;
-        }
-        this._hasError = true;
-        if (timeOutError) {
-          this._timedOut = true;
-        }
-      }
-      this._clearSubscriptions();
-      this._requestId = null;
-      this.setReadyState(this.DONE);
-
-      if (error) {
-        XMLHttpRequest._interceptor &&
-          XMLHttpRequest._interceptor.loadingFailed(requestId, error);
-      } else {
-        XMLHttpRequest._interceptor &&
-          XMLHttpRequest._interceptor.loadingFinished(
-            requestId,
-            this._response.length,
-          );
-      }
-    }
-  }
-
-  _clearSubscriptions(): void {
-    (this._subscriptions || []).forEach(sub => {
-      if (sub) {
-        sub.remove();
-      }
-    });
-    this._subscriptions = [];
-  }
-
-  getAllResponseHeaders(): ?string {
-    if (!this.responseHeaders) {
-      // according to the spec, return null if no response has been received
-      return null;
-    }
-
-    // Assign to non-nullable local variable.
-    const responseHeaders = this.responseHeaders;
-
-    const unsortedHeaders: Map<
-      string,
-      {lowerHeaderName: string, upperHeaderName: string, headerValue: string},
-    > = new Map();
-    for (const rawHeaderName of Object.keys(responseHeaders)) {
-      const headerValue = responseHeaders[rawHeaderName];
-      const lowerHeaderName = rawHeaderName.toLowerCase();
-      const header = unsortedHeaders.get(lowerHeaderName);
-      if (header) {
-        header.headerValue += ', ' + headerValue;
-        unsortedHeaders.set(lowerHeaderName, header);
-      } else {
-        unsortedHeaders.set(lowerHeaderName, {
-          lowerHeaderName,
-          upperHeaderName: rawHeaderName.toUpperCase(),
-          headerValue,
-        });
-      }
-    }
-
-    // Sort in ascending order, with a being less than b if a's name is legacy-uppercased-byte less than b's name.
-    const sortedHeaders = [...unsortedHeaders.values()].sort((a, b) => {
-      if (a.upperHeaderName < b.upperHeaderName) {
-        return -1;
-      }
-      if (a.upperHeaderName > b.upperHeaderName) {
-        return 1;
-      }
-      return 0;
-    });
-
-    // Combine into single text response.
-    return (
-      sortedHeaders
-        .map(header => {
-          return header.lowerHeaderName + ': ' + header.headerValue;
-        })
-        .join('\r\n') + '\r\n'
-    );
-  }
-
-  getResponseHeader(header: string): ?string {
-    const value = this._lowerCaseResponseHeaders[header.toLowerCase()];
-    return value !== undefined ? value : null;
-  }
-
-  setRequestHeader(header: string, value: any): void {
-    if (this.readyState !== this.OPENED) {
-      throw new Error('Request has not been opened');
-    }
-    this._headers[header.toLowerCase()] = String(value);
-  }
-
-  /**
-   * Custom extension for tracking origins of request.
-   */
-  setTrackingName(trackingName: string): XMLHttpRequest {
-    this._trackingName = trackingName;
-    return this;
-  }
-
-  /**
-   * Custom extension for setting a custom performance logger
-   */
-  setPerformanceLogger(performanceLogger: IPerformanceLogger): XMLHttpRequest {
-    this._performanceLogger = performanceLogger;
-    return this;
-  }
-
-  open(method: string, url: string, async: ?boolean): void {
-    /* Other optional arguments are not supported yet */
-    if (this.readyState !== this.UNSENT) {
-      throw new Error('Cannot open, already sending');
-    }
-    if (async !== undefined && !async) {
-      // async is default
-      throw new Error('Synchronous http requests are not supported');
-    }
-    if (!url) {
-      throw new Error('Cannot load an empty url');
-    }
-    this._method = method.toUpperCase();
-    this._url = url;
-    this._aborted = false;
-    this.setReadyState(this.OPENED);
-  }
-
-  send(data: any): void {
-    if (this.readyState !== this.OPENED) {
-      throw new Error('Request has not been opened');
-    }
-    if (this._sent) {
-      throw new Error('Request has already been sent');
-    }
-    this._sent = true;
-    const incrementalEvents =
-      this._incrementalEvents || !!this.onreadystatechange || !!this.onprogress;
-
-    this._subscriptions.push(
-      RCTNetworking.addListener('didSendNetworkData', args =>
-        this.__didUploadProgress(...args),
-      ),
-    );
-    this._subscriptions.push(
-      RCTNetworking.addListener('didReceiveNetworkResponse', args =>
-        this.__didReceiveResponse(...args),
-      ),
-    );
-    this._subscriptions.push(
-      RCTNetworking.addListener('didReceiveNetworkData', args =>
-        this.__didReceiveData(...args),
-      ),
-    );
-    this._subscriptions.push(
-      RCTNetworking.addListener('didReceiveNetworkIncrementalData', args =>
-        this.__didReceiveIncrementalData(...args),
-      ),
-    );
-    this._subscriptions.push(
-      RCTNetworking.addListener('didReceiveNetworkDataProgress', args =>
-        this.__didReceiveDataProgress(...args),
-      ),
-    );
-    this._subscriptions.push(
-      RCTNetworking.addListener('didCompleteNetworkResponse', args =>
-        this.__didCompleteResponse(...args),
-      ),
-    );
-
-    let nativeResponseType: NativeResponseType = 'text';
-    if (this._responseType === 'arraybuffer') {
-      nativeResponseType = 'base64';
-    }
-    if (this._responseType === 'blob') {
-      nativeResponseType = 'blob';
-    }
-
-    const doSend = () => {
-      const friendlyName =
-        this._trackingName !== 'unknown' ? this._trackingName : this._url;
-      this._perfKey = 'network_XMLHttpRequest_' + String(friendlyName);
-      this._performanceLogger.startTimespan(this._perfKey);
-      invariant(
-        this._method,
-        'XMLHttpRequest method needs to be defined (%s).',
-        friendlyName,
-      );
-      invariant(
-        this._url,
-        'XMLHttpRequest URL needs to be defined (%s).',
-        friendlyName,
-      );
-      RCTNetworking.sendRequest(
-        this._method,
-        this._trackingName,
-        this._url,
-        this._headers,
-        data,
-        /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-         * when making Flow check .android.js files. */
-        nativeResponseType,
-        incrementalEvents,
-        this.timeout,
-        // $FlowFixMe[method-unbinding] added when improving typing for this parameters
-        this.__didCreateRequest.bind(this),
-        this.withCredentials,
-      );
-    };
-    if (DEBUG_NETWORK_SEND_DELAY) {
-      setTimeout(doSend, DEBUG_NETWORK_SEND_DELAY);
-    } else {
-      doSend();
-    }
-  }
-
-  abort(): void {
-    this._aborted = true;
-    if (this._requestId) {
-      RCTNetworking.abortRequest(this._requestId);
-    }
-    // only call onreadystatechange if there is something to abort,
-    // below logic is per spec
-    if (
-      !(
-        this.readyState === this.UNSENT ||
-        (this.readyState === this.OPENED && !this._sent) ||
-        this.readyState === this.DONE
-      )
-    ) {
-      this._reset();
-      this.setReadyState(this.DONE);
-    }
-    // Reset again after, in case modified in handler
-    this._reset();
-  }
-
-  setResponseHeaders(responseHeaders: ?Object): void {
-    this.responseHeaders = responseHeaders || null;
-    const headers = responseHeaders || {};
-    this._lowerCaseResponseHeaders = Object.keys(headers).reduce<{
-      [string]: any,
-    }>((lcaseHeaders, headerName) => {
-      lcaseHeaders[headerName.toLowerCase()] = headers[headerName];
-      return lcaseHeaders;
-    }, {});
-  }
-
-  setReadyState(newState: number): void {
-    this.readyState = newState;
-    this.dispatchEvent({type: 'readystatechange'});
-    if (newState === this.DONE) {
-      if (this._aborted) {
-        this.dispatchEvent({type: 'abort'});
-      } else if (this._hasError) {
-        if (this._timedOut) {
-          this.dispatchEvent({type: 'timeout'});
-        } else {
-          this.dispatchEvent({type: 'error'});
-        }
-      } else {
-        this.dispatchEvent({type: 'load'});
-      }
-      this.dispatchEvent({type: 'loadend'});
-    }
-  }
-
-  /* global EventListener */
-  addEventListener(type: string, listener: EventListener): void {
-    // If we dont' have a 'readystatechange' event handler, we don't
-    // have to send repeated LOADING events with incremental updates
-    // to responseText, which will avoid a bunch of native -> JS
-    // bridge traffic.
-    if (type === 'readystatechange' || type === 'progress') {
-      this._incrementalEvents = true;
-    }
-    super.addEventListener(type, listener);
-  }
-}
-
-module.exports = XMLHttpRequest;