react-native-inapp-inspector 1.0.13 → 1.0.15

package/dist/esm/customHooks/analyticsLogger.d.ts

@@ -19,3 +19,4 @@ export declare const logAnalyticsEvent: (name: string, params?: Record<string, a
  *   setupAnalyticsLogger(analytics());
  */
 export declare const setupAnalyticsLogger: (analyticsInstance: any) => void;
+export declare const autoSetupAnalyticsLogger: () => boolean;

package/dist/esm/customHooks/analyticsLogger.js

@@ -30,7 +30,7 @@ let currentUserId;
 // ─── Core helpers ─────────────────────────────────────────────────────────────
 const notify = () => {
     const snapshot = [...events];
-    listeners.forEach((cb) => cb(snapshot));
+    listeners.forEach(cb => cb(snapshot));
 };
 const addEvent = (event) => {
     events.unshift(event);
@@ -42,7 +42,7 @@ export const subscribeAnalyticsEvents = (callback) => {
     listeners.push(callback);
     callback([...events]);
     return () => {
-        listeners = listeners.filter((l) => l !== callback);
+        listeners = listeners.filter(l => l !== callback);
     };
 };
 export const clearAnalyticsEvents = () => {
@@ -62,10 +62,10 @@ export const logAnalyticsEvent = (name, params = {}, userProperties = {}) => {
         params,
         userProperties: { ...currentUserProperties, ...userProperties },
         timestamp: Date.now(),
-        source: "manual",
-        userId: currentUserId ?? "",
-        screenName: "",
-        screenClass: "",
+        source: 'manual',
+        userId: currentUserId ?? '',
+        screenName: '',
+        screenClass: '',
     });
 };
 // ─── Firebase Analytics instance patcher ─────────────────────────────────────
@@ -82,7 +82,7 @@ export const logAnalyticsEvent = (name, params = {}, userProperties = {}) => {
  */
 export const setupAnalyticsLogger = (analyticsInstance) => {
     if (!analyticsInstance) {
-        console.warn("[AnalyticsLogger] No analytics instance provided — skipping setup.");
+        console.warn('[AnalyticsLogger] No analytics instance provided — skipping setup.');
         return;
     }
     // Guard against double-patching the same instance
@@ -98,10 +98,10 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
             params: params ?? {},
             userProperties: { ...currentUserProperties },
             timestamp: Date.now(),
-            source: "firebase",
-            userId: currentUserId ?? "",
-            screenName: "",
-            screenClass: "",
+            source: 'firebase',
+            userId: currentUserId ?? '',
+            screenName: '',
+            screenClass: '',
         });
         return originalLogEvent(name, params);
     };
@@ -110,14 +110,14 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
     analyticsInstance.logScreenView = async (params) => {
         addEvent({
             id: counter++,
-            name: "screen_view",
+            name: 'screen_view',
             params: params ?? {},
             userProperties: { ...currentUserProperties },
             timestamp: Date.now(),
-            source: "firebase",
-            screenName: params?.screen_name ?? "",
-            screenClass: params?.screen_class ?? "",
-            userId: currentUserId ?? "",
+            source: 'firebase',
+            screenName: params?.screen_name ?? '',
+            screenClass: params?.screen_class ?? '',
+            userId: currentUserId ?? '',
         });
         return originalLogScreenView(params);
     };
@@ -150,3 +150,42 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
         return originalSetUserId(id);
     };
 };
+export const autoSetupAnalyticsLogger = () => {
+    if (globalThis.__INSPECTOR_ANALYTICS_AUTOSETUP__)
+        return true;
+    let mod;
+    try {
+        mod = require('@react-native-firebase/analytics'); // optional dep
+    }
+    catch {
+        return false; // GA not installed — silent no-op
+    }
+    const accessor = mod?.default ?? mod;
+    if (typeof accessor !== 'function')
+        return false;
+    try {
+        setupAnalyticsLogger(accessor());
+    }
+    catch { } // patch default-app instance
+    if (!accessor.__INSPECTOR_WRAPPED__) {
+        // patch future/named instances
+        const wrapped = function (...args) {
+            const instance = accessor.apply(this, args);
+            try {
+                setupAnalyticsLogger(instance);
+            }
+            catch { }
+            return instance;
+        };
+        Object.setPrototypeOf(wrapped, accessor);
+        Object.assign(wrapped, accessor);
+        wrapped.__INSPECTOR_WRAPPED__ = true;
+        try {
+            if (mod.default !== undefined)
+                mod.default = wrapped;
+        }
+        catch { }
+    }
+    globalThis.__INSPECTOR_ANALYTICS_AUTOSETUP__ = true;
+    return true;
+};

package/dist/esm/customHooks/networkLogger.d.ts

@@ -1,4 +1,4 @@
-import './webViewLogger';
+import "./webViewLogger";
 type NetworkLog = {
     id: number;
     url: string;

package/dist/esm/customHooks/networkLogger.js

@@ -1,13 +1,20 @@
-import './webViewLogger';
+import "./webViewLogger";
+import axios from "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;
@@ -39,11 +46,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,
                 };
             }
@@ -60,29 +67,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 ────────────────────────────────────────────────────────────────
 export const subscribeNetworkLogs = (callback) => {
     listeners.push(callback);
     callback([...logs]);
     return () => {
-        listeners = listeners.filter(l => l !== callback);
+        listeners = listeners.filter((l) => l !== callback);
     };
 };
 export const clearNetworkLogs = () => {
@@ -93,13 +100,15 @@ export const getNetworkLogs = () => [...logs];
 // ─── 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 };
     }
@@ -117,12 +126,14 @@ export 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({
@@ -131,7 +142,7 @@ export const setupNetworkLogger = () => {
                 method,
                 startTime: start,
                 caller,
-                request: method === 'GET' ? undefined : parseRequestData(options?.body),
+                request: method === "GET" ? undefined : parseRequestData(options?.body),
                 requestHeaders,
             });
             try {
@@ -139,11 +150,11 @@ export 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 {
@@ -186,52 +197,50 @@ export 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) {
-                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);
+            const originalCreate = axios.create;
+            if (typeof originalCreate === "function") {
+                axios.create = function (...args) {
+                    const instance = originalCreate.apply(this, args);
+                    addAxiosInterceptors(instance);
+                    return instance;
+                };
             }
         }
     }
-    catch (e) {
-        // Silent fail
+    catch (_e) {
+        // Axios not available — fetch-only mode
     }
     globalThis.__NETWORK_LOGGER_INITIALIZED__ = true;
 };
 // ─── Axios interceptor helper ─────────────────────────────────────────────────
 export 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;
@@ -241,12 +250,12 @@ export 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,
@@ -264,11 +273,11 @@ export 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/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';