react-native-inapp-inspector 1.0.13 → 1.0.14

package/dist/commonjs/customHooks/networkLogger.js

@@ -1,7 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addAxiosInterceptors = exports.setupNetworkLogger = exports.getNetworkLogs = exports.clearNetworkLogs = exports.subscribeNetworkLogs = void 0;
 require("./webViewLogger");
+const axios_1 = __importDefault(require("axios"));
 let logs = [];
 let listeners = [];
 let counter = 0;
@@ -192,27 +196,27 @@ const setupNetworkLogger = () => {
             }
         };
     }
-    // ✅ Auto-detect and hook Axios dynamically without requiring manual setup
+    // ✅ Hook Axios using the imported module
     try {
-        const req = typeof require !== 'undefined' ? require : undefined;
-        if (req) {
-            const axios = Function('r', 'try { return r("axios"); } catch(e) { return null; }')(req);
-            const targetAxios = axios && (axios.default || axios);
-            if (targetAxios) {
-                (0, exports.addAxiosInterceptors)(targetAxios);
-                const originalCreate = targetAxios.create;
-                if (typeof originalCreate === 'function') {
-                    targetAxios.create = function (...args) {
-                        const instance = originalCreate.apply(this, args);
-                        (0, exports.addAxiosInterceptors)(instance);
-                        return instance;
-                    };
-                }
+        if (axios_1.default) {
+            (0, exports.addAxiosInterceptors)(axios_1.default);
+            console.log('✅ Axios interceptors added to imported axios');
+            const originalCreate = axios_1.default.create;
+            if (typeof originalCreate === 'function') {
+                axios_1.default.create = function (...args) {
+                    const instance = originalCreate.apply(this, args);
+                    (0, exports.addAxiosInterceptors)(instance);
+                    console.log('✅ Axios interceptors added to custom axios instance (imported)');
+                    return instance;
+                };
             }
         }
+        else {
+            console.warn('⚠️ Axios module not found for interceptor setup');
+        }
     }
     catch (e) {
-        // Silent fail
+        console.error('❌ Error during Axios interceptor setup', e);
     }
     globalThis.__NETWORK_LOGGER_INITIALIZED__ = true;
 };

package/dist/commonjs/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const NetworkInspectorWrapper: (props: any) => React.JSX.Element;
 export default NetworkInspectorWrapper;
-export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, } from './customHooks/networkLogger';
+export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, addAxiosInterceptors, } from './customHooks/networkLogger';
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, } from './customHooks/consoleLogger';
 export { setupAnalyticsLogger, logAnalyticsEvent, subscribeAnalyticsEvents, clearAnalyticsEvents, } from './customHooks/analyticsLogger';
 export { WebView, getWebViewLogs, getWebViewNavHistory, getWebViewHtml, getWebViewCss, getWebViewJs, getWebViewHtmlUrl, clearWebViewData, subscribeWebView, } from './customHooks/webViewLogger';

package/dist/commonjs/index.js

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.subscribeReduxState = exports.getReduxState = exports.connectReduxStore = exports.ErrorBoundary = exports.subscribeWebView = exports.clearWebViewData = exports.getWebViewHtmlUrl = exports.getWebViewJs = exports.getWebViewCss = exports.getWebViewHtml = exports.getWebViewNavHistory = exports.getWebViewLogs = exports.WebView = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
+exports.subscribeReduxState = exports.getReduxState = exports.connectReduxStore = exports.ErrorBoundary = exports.subscribeWebView = exports.clearWebViewData = exports.getWebViewHtmlUrl = exports.getWebViewJs = exports.getWebViewCss = exports.getWebViewHtml = exports.getWebViewNavHistory = exports.getWebViewLogs = exports.WebView = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_native_svg_1 = __importStar(require("react-native-svg"));
@@ -3488,6 +3488,7 @@ var networkLogger_2 = require("./customHooks/networkLogger");
 Object.defineProperty(exports, "setupNetworkLogger", { enumerable: true, get: function () { return networkLogger_2.setupNetworkLogger; } });
 Object.defineProperty(exports, "clearNetworkLogs", { enumerable: true, get: function () { return networkLogger_2.clearNetworkLogs; } });
 Object.defineProperty(exports, "subscribeNetworkLogs", { enumerable: true, get: function () { return networkLogger_2.subscribeNetworkLogs; } });
+Object.defineProperty(exports, "addAxiosInterceptors", { enumerable: true, get: function () { return networkLogger_2.addAxiosInterceptors; } });
 var consoleLogger_2 = require("./customHooks/consoleLogger");
 Object.defineProperty(exports, "setupConsoleLogger", { enumerable: true, get: function () { return consoleLogger_2.setupConsoleLogger; } });
 Object.defineProperty(exports, "clearConsoleLogs", { enumerable: true, get: function () { return consoleLogger_2.clearConsoleLogs; } });

package/dist/esm/customHooks/networkLogger.js

@@ -1,4 +1,5 @@
 import './webViewLogger';
+import axios from 'axios';
 let logs = [];
 let listeners = [];
 let counter = 0;
@@ -186,27 +187,27 @@ export const setupNetworkLogger = () => {
             }
         };
     }
-    // ✅ Auto-detect and hook Axios dynamically without requiring manual setup
+    // ✅ Hook Axios using the imported module
     try {
-        const req = typeof require !== 'undefined' ? require : undefined;
-        if (req) {
-            const axios = Function('r', 'try { return r("axios"); } catch(e) { return null; }')(req);
-            const targetAxios = axios && (axios.default || axios);
-            if (targetAxios) {
-                addAxiosInterceptors(targetAxios);
-                const originalCreate = targetAxios.create;
-                if (typeof originalCreate === 'function') {
-                    targetAxios.create = function (...args) {
-                        const instance = originalCreate.apply(this, args);
-                        addAxiosInterceptors(instance);
-                        return instance;
-                    };
-                }
+        if (axios) {
+            addAxiosInterceptors(axios);
+            console.log('✅ Axios interceptors added to imported axios');
+            const originalCreate = axios.create;
+            if (typeof originalCreate === 'function') {
+                axios.create = function (...args) {
+                    const instance = originalCreate.apply(this, args);
+                    addAxiosInterceptors(instance);
+                    console.log('✅ Axios interceptors added to custom axios instance (imported)');
+                    return instance;
+                };
             }
         }
+        else {
+            console.warn('⚠️ Axios module not found for interceptor setup');
+        }
     }
     catch (e) {
-        // Silent fail
+        console.error('❌ Error during Axios interceptor setup', e);
     }
     globalThis.__NETWORK_LOGGER_INITIALIZED__ = true;
 };

package/dist/esm/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const NetworkInspectorWrapper: (props: any) => React.JSX.Element;
 export default NetworkInspectorWrapper;
-export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, } from './customHooks/networkLogger';
+export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, addAxiosInterceptors, } from './customHooks/networkLogger';
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, } from './customHooks/consoleLogger';
 export { setupAnalyticsLogger, logAnalyticsEvent, subscribeAnalyticsEvents, clearAnalyticsEvents, } from './customHooks/analyticsLogger';
 export { WebView, getWebViewLogs, getWebViewNavHistory, getWebViewHtml, getWebViewCss, getWebViewJs, getWebViewHtmlUrl, clearWebViewData, subscribeWebView, } from './customHooks/webViewLogger';

package/dist/esm/index.js

@@ -3445,7 +3445,7 @@ const NetworkInspectorWrapper = (props) => {
 };
 export default NetworkInspectorWrapper;
 // Re-export public APIs
-export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, } from './customHooks/networkLogger';
+export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, addAxiosInterceptors, } from './customHooks/networkLogger';
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, } from './customHooks/consoleLogger';
 export { setupAnalyticsLogger, logAnalyticsEvent, subscribeAnalyticsEvents, clearAnalyticsEvents, } from './customHooks/analyticsLogger';
 export { WebView, getWebViewLogs, getWebViewNavHistory, getWebViewHtml, getWebViewCss, getWebViewJs, getWebViewHtmlUrl, clearWebViewData, subscribeWebView, } from './customHooks/webViewLogger';

package/example/App.tsx

@@ -11,17 +11,21 @@ import {
 import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import axios from 'axios';
 import NetworkInspector, {
   WebView,
   ErrorBoundary,
   connectReduxStore,
+  setupNetworkLogger,
+  addAxiosInterceptors,
   subscribeNetworkLogs,
   subscribeConsoleLogs,
   logAnalyticsEvent,
   subscribeAnalyticsEvents,
 } from 'react-native-inapp-inspector';
-import axios from 'axios';
 
+// ⚡ Call BEFORE any component renders so axios.create() is already patched
+setupNetworkLogger();
 // ─── Mock Redux Store ────────────────────────────────────────────────────────
 const mockStore = {
   state: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "A self-contained network, console, analytics, and webview inspector for React Native applications.",
   "repository": {
     "type": "git",
@@ -69,6 +69,7 @@
     "react-native": "0.81.4",
     "react-native-linear-gradient": "^2.8.3",
     "react-native-svg": "^15.14.0",
+    "axios": "^1.7.2",
     "typescript": "^5.8.3"
   }
 }