react-native-inapp-inspector 1.0.13 → 1.0.15

package/dist/commonjs/customHooks/networkLogger.js

@@ -1,16 +1,26 @@
 "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;
-const ALLOWED_METHODS = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE'];
+const ALLOWED_METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE"];
+const IGNORED_URL_PATTERNS = [/\/symbolicate(?:[/?#]|$)/];
+function shouldIgnoreUrl(url) {
+    if (!url)
+        return false;
+    return IGNORED_URL_PATTERNS.some((re) => re.test(url));
+}
 // ─── Helpers ──────────────────────────────────────────────────────────────────
 function normaliseHeaders(raw) {
     if (!raw)
         return undefined;
-    if (typeof raw.forEach === 'function') {
+    if (typeof raw.forEach === "function") {
         const result = {};
         raw.forEach((value, key) => {
             result[key] = value;
@@ -42,11 +52,11 @@ function parseRequestData(data) {
         data._parts.forEach((part) => {
             const key = part[0];
             const value = part[1];
-            if (value && typeof value === 'object' && value.uri) {
+            if (value && typeof value === "object" && value.uri) {
                 parsedFormData[key] = {
                     _isFile: true,
-                    name: value.name || 'unknown',
-                    type: value.type || 'unknown',
+                    name: value.name || "unknown",
+                    type: value.type || "unknown",
                     uri: value.uri,
                 };
             }
@@ -63,29 +73,29 @@ function getCallerFromStack() {
     try {
         const stack = new Error().stack;
         if (!stack)
-            return 'Unknown';
-        const lines = stack.split('\n');
+            return "Unknown";
+        const lines = stack.split("\n");
         for (let i = 0; i < lines.length; i++) {
             const line = lines[i];
             // Skip internal react-native network modules and the logger itself
-            if (line.includes('networkLogger') ||
-                line.includes('node_modules') ||
-                line.includes('Error') ||
-                line.includes('regeneratorRuntime')) {
+            if (line.includes("networkLogger") ||
+                line.includes("node_modules") ||
+                line.includes("Error") ||
+                line.includes("regeneratorRuntime")) {
                 continue;
             }
-            return line.trim().replace(/^at /, '');
+            return line.trim().replace(/^at /, "");
         }
     }
     catch (e) { }
-    return 'Unknown';
+    return "Unknown";
 }
 // ─── Subscribe ────────────────────────────────────────────────────────────────
 const subscribeNetworkLogs = (callback) => {
     listeners.push(callback);
     callback([...logs]);
     return () => {
-        listeners = listeners.filter(l => l !== callback);
+        listeners = listeners.filter((l) => l !== callback);
     };
 };
 exports.subscribeNetworkLogs = subscribeNetworkLogs;
@@ -99,13 +109,15 @@ exports.getNetworkLogs = getNetworkLogs;
 // ─── Internal ─────────────────────────────────────────────────────────────────
 const notify = () => {
     const snapshot = [...logs];
-    listeners.forEach(cb => cb(snapshot));
+    listeners.forEach((cb) => cb(snapshot));
 };
 const addOrUpdateLog = (log) => {
     const method = log.method?.toUpperCase();
     if (!ALLOWED_METHODS.includes(method))
         return;
-    const index = logs.findIndex(l => l.id === log.id);
+    if (shouldIgnoreUrl(log.url))
+        return;
+    const index = logs.findIndex((l) => l.id === log.id);
     if (index >= 0) {
         logs[index] = { ...logs[index], ...log };
     }
@@ -123,12 +135,14 @@ const setupNetworkLogger = () => {
     const originalFetch = globalThis.fetch;
     if (originalFetch) {
         globalThis.fetch = async (url, options = {}) => {
-            const method = (options?.method || 'GET').toUpperCase();
+            const method = (options?.method || "GET").toUpperCase();
             if (!ALLOWED_METHODS.includes(method))
                 return originalFetch(url, options);
             const id = counter++;
             const start = Date.now();
-            const finalUrl = typeof url === 'string' ? url : url?.url;
+            const finalUrl = typeof url === "string" ? url : url?.url;
+            if (shouldIgnoreUrl(finalUrl))
+                return originalFetch(url, options);
             const requestHeaders = normaliseHeaders(options?.headers);
             const caller = getCallerFromStack(); // ✅ Capture call line
             addOrUpdateLog({
@@ -137,7 +151,7 @@ const setupNetworkLogger = () => {
                 method,
                 startTime: start,
                 caller,
-                request: method === 'GET' ? undefined : parseRequestData(options?.body),
+                request: method === "GET" ? undefined : parseRequestData(options?.body),
                 requestHeaders,
             });
             try {
@@ -145,11 +159,11 @@ const setupNetworkLogger = () => {
                 const duration = Date.now() - start;
                 const responseHeaders = normaliseHeaders(response.headers);
                 let data = null;
-                const contentType = responseHeaders?.['content-type'] ||
-                    responseHeaders?.['Content-Type'] ||
-                    '';
-                if (contentType.includes('image/')) {
-                    data = '[Image Data]';
+                const contentType = responseHeaders?.["content-type"] ||
+                    responseHeaders?.["Content-Type"] ||
+                    "";
+                if (contentType.includes("image/")) {
+                    data = "[Image Data]";
                 }
                 else {
                     try {
@@ -192,27 +206,22 @@ const setupNetworkLogger = () => {
             }
         };
     }
-    // ✅ Auto-detect and hook Axios dynamically without requiring manual setup
+    // Hook Axios — patches both the default instance and any future axios.create() instances
     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);
+            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);
+                    return instance;
+                };
             }
         }
     }
-    catch (e) {
-        // Silent fail
+    catch (_e) {
+        // Axios not available — fetch-only mode
     }
     globalThis.__NETWORK_LOGGER_INITIALIZED__ = true;
 };
@@ -220,25 +229,28 @@ exports.setupNetworkLogger = setupNetworkLogger;
 // ─── Axios interceptor helper ─────────────────────────────────────────────────
 const addAxiosInterceptors = (axiosInstance) => {
     axiosInstance.interceptors.request.use(async (config) => {
-        const method = (config.method || 'GET').toUpperCase();
+        const method = (config.method || "GET").toUpperCase();
         if (!ALLOWED_METHODS.includes(method))
             return config;
         const id = counter++;
         const start = Date.now();
         const caller = getCallerFromStack(); // ✅ Capture call line
+        let url = config.url ?? "";
+        if (!url.startsWith("http"))
+            url = `${config.baseURL ?? ""}${url}`;
+        // ✅ Leave config untagged so the response interceptor skips it too.
+        if (shouldIgnoreUrl(url))
+            return config;
         config.__logId = id;
         config.__logStart = start;
         config.__logCaller = caller;
-        let url = config.url ?? '';
-        if (!url.startsWith('http'))
-            url = `${config.baseURL ?? ''}${url}`;
         addOrUpdateLog({
             id,
             url,
             method,
             startTime: start,
             caller,
-            request: method === 'GET' ? undefined : parseRequestData(config.data),
+            request: method === "GET" ? undefined : parseRequestData(config.data),
             requestHeaders: normaliseHeaders(config.headers),
         });
         return config;
@@ -248,12 +260,12 @@ const addAxiosInterceptors = (axiosInstance) => {
         const id = config.__logId;
         const start = config.__logStart;
         const caller = config.__logCaller;
-        const method = (config.method || 'GET').toUpperCase();
+        const method = (config.method || "GET").toUpperCase();
         if (id == null || !ALLOWED_METHODS.includes(method))
             return response;
-        let url = config.url ?? '';
-        if (!url.startsWith('http'))
-            url = `${config.baseURL ?? ''}${url}`;
+        let url = config.url ?? "";
+        if (!url.startsWith("http"))
+            url = `${config.baseURL ?? ""}${url}`;
         addOrUpdateLog({
             id,
             url,
@@ -271,11 +283,11 @@ const addAxiosInterceptors = (axiosInstance) => {
         const id = config.__logId;
         const start = config.__logStart;
         const caller = config.__logCaller;
-        const method = (config.method || 'GET').toUpperCase();
+        const method = (config.method || "GET").toUpperCase();
         if (id != null && ALLOWED_METHODS.includes(method)) {
-            let url = config.url ?? '';
-            if (!url.startsWith('http'))
-                url = `${config.baseURL ?? ''}${url}`;
+            let url = config.url ?? "";
+            if (!url.startsWith("http"))
+                url = `${config.baseURL ?? ""}${url}`;
             addOrUpdateLog({
                 id,
                 url,

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';