BLUE

Navigation

Breadcrumbs

/ / var / www / uibuilder.cmshelp.dk / httpdocs / node_modules / react-native / Libraries / Network

Create

Upload

Tip: You can also drag & drop files anywhere on this page to upload.

Edit File Size: 6.31 KB

/var/www/uibuilder.cmshelp.dk/httpdocs/node_modules/react-native/Libraries/Network/XHRInterceptor.js

Text Base64

/**
 * 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 strict-local
 */

'use strict';

const XMLHttpRequest = require('./XMLHttpRequest');
// $FlowFixMe[method-unbinding]
const originalXHROpen = XMLHttpRequest.prototype.open;
// $FlowFixMe[method-unbinding]
const originalXHRSend = XMLHttpRequest.prototype.send;
// $FlowFixMe[method-unbinding]
const originalXHRSetRequestHeader = XMLHttpRequest.prototype.setRequestHeader;

type XHRInterceptorOpenCallback = (
  method: string,
  url: string,
  request: XMLHttpRequest,
) => void;

type XHRInterceptorSendCallback = (
  data: string,
  request: XMLHttpRequest,
) => void;

type XHRInterceptorRequestHeaderCallback = (
  header: string,
  value: string,
  request: XMLHttpRequest,
) => void;

type XHRInterceptorHeaderReceivedCallback = (
  responseContentType: string | void,
  responseSize: number | void,
  allHeaders: string,
  request: XMLHttpRequest,
) => void;

type XHRInterceptorResponseCallback = (
  status: number,
  timeout: number,
  response: string,
  responseURL: string,
  responseType: string,
  request: XMLHttpRequest,
) => void;

let openCallback: XHRInterceptorOpenCallback | null;
let sendCallback: XHRInterceptorSendCallback | null;
let requestHeaderCallback: XHRInterceptorRequestHeaderCallback | null;
let headerReceivedCallback: XHRInterceptorHeaderReceivedCallback | null;
let responseCallback: XHRInterceptorResponseCallback | null;

let isInterceptorEnabled = false;

/**
 * A network interceptor which monkey-patches XMLHttpRequest methods
 * to gather all network requests/responses, in order to show their
 * information in the React Native inspector development tool.
 * This supports interception with XMLHttpRequest API, including Fetch API
 * and any other third party libraries that depend on XMLHttpRequest.
 */
const XHRInterceptor = {
  /**
   * Invoked before XMLHttpRequest.open(...) is called.
   */
  setOpenCallback(callback: XHRInterceptorOpenCallback) {
    openCallback = callback;
  },

/**
   * Invoked before XMLHttpRequest.send(...) is called.
   */
  setSendCallback(callback: XHRInterceptorSendCallback) {
    sendCallback = callback;
  },

/**
   * Invoked after xhr's readyState becomes xhr.HEADERS_RECEIVED.
   */
  setHeaderReceivedCallback(callback: XHRInterceptorHeaderReceivedCallback) {
    headerReceivedCallback = callback;
  },

/**
   * Invoked after xhr's readyState becomes xhr.DONE.
   */
  setResponseCallback(callback: XHRInterceptorResponseCallback) {
    responseCallback = callback;
  },

/**
   * Invoked before XMLHttpRequest.setRequestHeader(...) is called.
   */
  setRequestHeaderCallback(callback: XHRInterceptorRequestHeaderCallback) {
    requestHeaderCallback = callback;
  },

isInterceptorEnabled(): boolean {
    return isInterceptorEnabled;
  },

enableInterception() {
    if (isInterceptorEnabled) {
      return;
    }
    // Override `open` method for all XHR requests to intercept the request
    // method and url, then pass them through the `openCallback`.
    // $FlowFixMe[cannot-write]
    // $FlowFixMe[missing-this-annot]
    XMLHttpRequest.prototype.open = function (method: string, url: string) {
      if (openCallback) {
        openCallback(method, url, this);
      }
      originalXHROpen.apply(this, arguments);
    };

// Override `setRequestHeader` method for all XHR requests to intercept
    // the request headers, then pass them through the `requestHeaderCallback`.
    // $FlowFixMe[cannot-write]
    // $FlowFixMe[missing-this-annot]
    XMLHttpRequest.prototype.setRequestHeader = function (
      header: string,
      value: string,
    ) {
      if (requestHeaderCallback) {
        requestHeaderCallback(header, value, this);
      }
      originalXHRSetRequestHeader.apply(this, arguments);
    };

// Override `send` method of all XHR requests to intercept the data sent,
    // register listeners to intercept the response, and invoke the callbacks.
    // $FlowFixMe[cannot-write]
    // $FlowFixMe[missing-this-annot]
    XMLHttpRequest.prototype.send = function (data: string) {
      if (sendCallback) {
        sendCallback(data, this);
      }
      if (this.addEventListener) {
        this.addEventListener(
          'readystatechange',
          () => {
            if (!isInterceptorEnabled) {
              return;
            }
            if (this.readyState === this.HEADERS_RECEIVED) {
              const contentTypeString = this.getResponseHeader('Content-Type');
              const contentLengthString =
                this.getResponseHeader('Content-Length');
              let responseContentType, responseSize;
              if (contentTypeString) {
                responseContentType = contentTypeString.split(';')[0];
              }
              if (contentLengthString) {
                responseSize = parseInt(contentLengthString, 10);
              }
              if (headerReceivedCallback) {
                headerReceivedCallback(
                  responseContentType,
                  responseSize,
                  this.getAllResponseHeaders(),
                  this,
                );
              }
            }
            if (this.readyState === this.DONE) {
              if (responseCallback) {
                responseCallback(
                  this.status,
                  this.timeout,
                  this.response,
                  this.responseURL,
                  this.responseType,
                  this,
                );
              }
            }
          },
          false,
        );
      }
      originalXHRSend.apply(this, arguments);
    };
    isInterceptorEnabled = true;
  },

// Unpatch XMLHttpRequest methods and remove the callbacks.
  disableInterception() {
    if (!isInterceptorEnabled) {
      return;
    }
    isInterceptorEnabled = false;
    // $FlowFixMe[cannot-write]
    XMLHttpRequest.prototype.send = originalXHRSend;
    // $FlowFixMe[cannot-write]
    XMLHttpRequest.prototype.open = originalXHROpen;
    // $FlowFixMe[cannot-write]
    XMLHttpRequest.prototype.setRequestHeader = originalXHRSetRequestHeader;
    responseCallback = null;
    openCallback = null;
    sendCallback = null;
    headerReceivedCallback = null;
    requestHeaderCallback = null;
  },
};

module.exports = XHRInterceptor;

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Directory Contents

Dirs: 0 × Files: 24

Sort:

Enable drag-to-move

Name	Size	Perms	Modified	Actions
convertRequestBody.js	1.01 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
fetch.js	447 B	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
FormData.js	3.08 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
NativeNetworkingAndroid.js	436 B	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
NativeNetworkingIOS.js	420 B	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
RCTDataRequestHandler.h	445 B	lrw-r--r--	2025-03-28 11:04:41	Edit Download recursive recursive
RCTDataRequestHandler.mm	2.21 KB	lrw-r--r--	2025-03-28 11:04:43	Edit Download recursive recursive
RCTFileRequestHandler.h	441 B	lrw-r--r--	2025-03-28 11:04:41	Edit Download recursive recursive
RCTFileRequestHandler.mm	2.87 KB	lrw-r--r--	2025-03-28 11:04:43	Edit Download recursive recursive
RCTHTTPRequestHandler.h	753 B	lrw-r--r--	2025-03-28 11:04:41	Edit Download recursive recursive
RCTHTTPRequestHandler.mm	6.52 KB	lrw-r--r--	2025-03-28 11:04:43	Edit Download recursive recursive
RCTNetworking.android.js	3.23 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
RCTNetworking.h	2.90 KB	lrw-r--r--	2025-03-28 11:04:41	Edit Download recursive recursive
RCTNetworking.ios.js	1.79 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
RCTNetworking.js.flow	1.20 KB	lrw-r--r--	2025-03-28 11:04:41	Edit Download recursive recursive
RCTNetworking.mm	29.93 KB	lrw-r--r--	2025-03-28 11:04:43	Edit Download recursive recursive
RCTNetworkingEventDefinitions.flow.js	1.09 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
RCTNetworkPlugins.h	1.04 KB	lrw-r--r--	2025-03-28 11:04:41	Edit Download recursive recursive
RCTNetworkPlugins.mm	1018 B	lrw-r--r--	2025-03-28 11:04:43	Edit Download recursive recursive
RCTNetworkTask.h	1.78 KB	lrw-r--r--	2025-03-28 11:04:41	Edit Download recursive recursive
RCTNetworkTask.mm	5.63 KB	lrw-r--r--	2025-03-28 11:04:43	Edit Download recursive recursive
React-RCTNetwork.podspec	2.32 KB	lrw-r--r--	2025-03-28 11:04:43	Edit Download recursive recursive
XHRInterceptor.js	6.31 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
XMLHttpRequest.js	18.81 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive