Add fallback for old and new XHRInterceptor import (#114)

Author: alexbrazier

module.d.ts

@@ -1,15 +1,3 @@
-// https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Network/XHRInterceptor.js
-declare module 'react-native/Libraries/Network/XHRInterceptor' {
-  export function isInterceptorEnabled(): boolean;
-  export function setOpenCallback(...props: any): void;
-  export function setRequestHeaderCallback(...props: any): void;
-  export function setSendCallback(...props: any): void;
-  export function setHeaderReceivedCallback(...props: any): void;
-  export function setResponseCallback(...props: any): void;
-  export function enableInterception(): void;
-  export function disableInterception(): void;
-}
-
 declare module 'react-native/Libraries/Blob/FileReader' {
   type Events =
     | 'abort'

src/Logger.ts

@@ -1,4 +1,4 @@
-import XHRInterceptor from 'react-native/Libraries/Network/XHRInterceptor';
+import XHRInterceptor from './XHRInterceptor';
 import NetworkRequestInfo from './NetworkRequestInfo';
 import { Headers, RequestMethod, StartNetworkLoggingOptions } from './types';
 import extractHost from './utils/extractHost';

src/XHRInterceptor.ts

@@ -0,0 +1,24 @@
+type XHRInterceptorModule = {
+  isInterceptorEnabled: () => boolean;
+  setOpenCallback: (...props: any[]) => void;
+  setRequestHeaderCallback: (...props: any[]) => void;
+  setSendCallback: (...props: any[]) => void;
+  setHeaderReceivedCallback: (...props: any[]) => void;
+  setResponseCallback: (...props: any[]) => void;
+  enableInterception: () => void;
+  disableInterception: () => void;
+};
+
+let XHRInterceptor: XHRInterceptorModule;
+try {
+  // new location for React Native 0.79+
+  XHRInterceptor = require('react-native/src/private/inspector/XHRInterceptor');
+} catch {
+  try {
+    XHRInterceptor = require('react-native/Libraries/Network/XHRInterceptor');
+  } catch {
+    throw new Error('XHRInterceptor could not be found in either location');
+  }
+}
+
+export default XHRInterceptor;

src/__tests__/Logger.spec.ts

@@ -1,10 +1,10 @@
-import XHRInterceptor from 'react-native/Libraries/Network/XHRInterceptor';
+import XHRInterceptor from '../XHRInterceptor';
 import { warn } from '../utils/logger';
 import Logger from '../Logger';
 import { LOGGER_MAX_REQUESTS, LOGGER_REFRESH_RATE } from '../constant';
 
 jest.mock('react-native/Libraries/Blob/FileReader', () => ({}));
-jest.mock('react-native/Libraries/Network/XHRInterceptor', () => ({
+jest.mock('../XHRInterceptor', () => ({
   isInterceptorEnabled: jest.fn(),
   setOpenCallback: jest.fn(),
   setRequestHeaderCallback: jest.fn(),

src/__tests__/index.spec.ts

@@ -1,10 +1,10 @@
-import XHRInterceptor from 'react-native/Libraries/Network/XHRInterceptor';
+import XHRInterceptor from '../XHRInterceptor';
 import { startNetworkLogging, stopNetworkLogging } from '..';
 import logger from '../loggerSingleton';
 import { LOGGER_MAX_REQUESTS, LOGGER_REFRESH_RATE } from '../constant';
 
 jest.mock('react-native/Libraries/Blob/FileReader', () => ({}));
-jest.mock('react-native/Libraries/Network/XHRInterceptor', () => ({
+jest.mock('../XHRInterceptor', () => ({
   isInterceptorEnabled: jest.fn(),
   setOpenCallback: jest.fn(),
   setRequestHeaderCallback: jest.fn(),