react-native-inapp-inspector 2.3.13 → 2.3.15

package/dist/esm/components/QRCodeView.js

@@ -6,7 +6,7 @@ import { AppColors } from '../styles/AppColors';
 export const QRCodeView = ({ value, size = 200, color = '#000000', backgroundColor = '#FFFFFF', }) => {
     const matrix = useMemo(() => generateQRMatrix(value || 'http://localhost:8081'), [value]);
     const numCells = matrix.length || 21;
-    const margin = 3;
+    const margin = 4;
     const totalCells = numCells + margin * 2;
     const cellSize = size / totalCells;
     return (<View style={[

package/dist/esm/constants/telemetryConfig.d.ts

@@ -1,3 +1,3 @@
-export declare const ENC_MID = "";
-export declare const ENC_SEC = "";
-export declare const TELEMETRY_SALT = "";
+export declare const ENC_MID = "df8ace0290a695bd05986213";
+export declare const ENC_SEC = "db93cb0186b1f7bb0ba63a0d0a64997586849455ce37";
+export declare const TELEMETRY_SALT = "rn-inapp-inspector-telemetry-v1";

package/dist/esm/constants/telemetryConfig.js

@@ -1,3 +1,3 @@
-export const ENC_MID = '';
-export const ENC_SEC = '';
-export const TELEMETRY_SALT = '';
+export const ENC_MID = 'df8ace0290a695bd05986213';
+export const ENC_SEC = 'db93cb0186b1f7bb0ba63a0d0a64997586849455ce37';
+export const TELEMETRY_SALT = 'rn-inapp-inspector-telemetry-v1';

package/dist/esm/constants/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "2.3.13";
+export declare const LIB_VERSION = "2.3.15";

package/dist/esm/constants/version.js

@@ -1 +1 @@
-export const LIB_VERSION = '2.3.13';
+export const LIB_VERSION = '2.3.15';

package/dist/esm/customHooks/analyticsLogger.js

@@ -10,7 +10,7 @@ let currentUserProperties = {};
 let currentUserId;
 let currentDefaultEventParameters = {};
 let isCollectionEnabled = true;
-let maxAnalyticsLogsLimit = 75;
+let maxAnalyticsLogsLimit = 150;
 export const setMaxAnalyticsLogsLimit = (limit) => {
     maxAnalyticsLogsLimit = Math.max(10, limit);
     if (events.length > maxAnalyticsLogsLimit) {

package/dist/esm/customHooks/consoleLogger.js

@@ -10,7 +10,7 @@ export const setConsoleModuleEnabled = (enabled) => {
     isConsoleModuleEnabled = enabled;
 };
 export const getConsoleModuleEnabled = () => isConsoleModuleEnabled;
-let maxConsoleLogsLimit = 100;
+let maxConsoleLogsLimit = 250;
 export const setMaxConsoleLogsLimit = (limit) => {
     maxConsoleLogsLimit = Math.max(10, limit);
     if (logs.length > maxConsoleLogsLimit) {
@@ -237,7 +237,7 @@ const addLog = (type, args, sourceMethod) => {
         logs = logs.slice(0, maxConsoleLogsLimit);
         notify();
         const stackToSymbolicate = errorStack || stackToUse || stack;
-        if (stackToSymbolicate && typeof __DEV__ !== 'undefined' && __DEV__) {
+        if (type === 'error' && stackToSymbolicate && typeof __DEV__ !== 'undefined' && __DEV__) {
             const currentLogId = newLog.id;
             symbolicateStack(stackToSymbolicate)
                 .then(symFrames => {
@@ -355,6 +355,8 @@ export const setupConsoleLogger = () => {
         info: console.info,
         warn: console.warn,
         error: console.error,
+        debug: console.debug,
+        trace: console.trace,
     };
     console.log = (...args) => {
         try {
@@ -370,6 +372,30 @@ export const setupConsoleLogger = () => {
         catch { }
         originalConsole.info(...args);
     };
+    console.debug = (...args) => {
+        try {
+            addLog('info', args, 'info');
+        }
+        catch { }
+        if (typeof originalConsole.debug === 'function') {
+            originalConsole.debug(...args);
+        }
+        else {
+            originalConsole.log(...args);
+        }
+    };
+    console.trace = (...args) => {
+        try {
+            addLog('info', args, 'info');
+        }
+        catch { }
+        if (typeof originalConsole.trace === 'function') {
+            originalConsole.trace(...args);
+        }
+        else {
+            originalConsole.log(...args);
+        }
+    };
     console.warn = (...args) => {
         try {
             addLog('warn', args, 'warn');
@@ -398,3 +424,9 @@ export const setupConsoleLogger = () => {
     catch { }
     globalThis.__CONSOLE_LOGGER_INITIALIZED__ = true;
 };
+if (typeof globalThis !== 'undefined') {
+    try {
+        setupConsoleLogger();
+    }
+    catch { }
+}

package/dist/esm/customHooks/crashHandler.js

@@ -10,7 +10,7 @@ let lastHandledErrorTimestamp = 0;
 let crashRecordsStore = [];
 let breadcrumbsStore = [];
 const MAX_BREADCRUMBS = 50;
-let maxStoredCrashes = 50;
+let maxStoredCrashes = 100;
 const appStartTime = Date.now();
 let isCrashModuleEnabled = false;
 export const setCrashModuleEnabled = (enabled) => {

package/dist/esm/customHooks/networkLogger.js

@@ -12,16 +12,22 @@ export const setNetworkModuleEnabled = (enabled) => {
     isNetworkModuleEnabled = enabled;
 };
 export const getNetworkModuleEnabled = () => isNetworkModuleEnabled;
-const ALLOWED_METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE"];
+const ALLOWED_METHODS = [
+    "GET",
+    "POST",
+    "PUT",
+    "PATCH",
+    "DELETE",
+    "HEAD",
+    "OPTIONS",
+    "CONNECT",
+    "TRACE",
+];
 const IGNORED_URL_PATTERNS = [
-    /\/symbolicate(?:[/?#]|$)/i,
+    /\/symbolicate(?:\?|$)/i,
     /\/index\.bundle(?:\?|$)/i,
-    /\/hot(?:\?|$)/i,
-    /\/message(?:\?|$)/i,
     /\/open-debugger(?:\?|$)/i,
-    /\/status(?:\?|$)/i,
-    /127\.0\.0\.1:(?:8081|8082|8083|19000|19001|19002|3000|8000)/i,
-    /localhost:(?:8081|8082|8083|19000|19001|19002|3000|8000)\/index\.bundle/i,
+    /:(?:8081|8082|8083|19000|19001)\/(?:index\.bundle|symbolicate|hot|message|status)/i,
     /google-analytics\.com\/mp\/collect/i,
     /analytics\.google\.com/i,
 ];
@@ -30,6 +36,21 @@ function shouldIgnoreUrl(url) {
         return false;
     return IGNORED_URL_PATTERNS.some((re) => re.test(url));
 }
+function parseXHRResponseHeaders(headerStr) {
+    if (!headerStr || typeof headerStr !== "string")
+        return undefined;
+    const lines = headerStr.trim().split(/[\r\n]+/);
+    const result = {};
+    lines.forEach((line) => {
+        const idx = line.indexOf(":");
+        if (idx > 0) {
+            const key = line.substring(0, idx).trim().toLowerCase();
+            const val = line.substring(idx + 1).trim();
+            result[key] = val;
+        }
+    });
+    return Object.keys(result).length > 0 ? result : undefined;
+}
 function normaliseHeaders(raw) {
     if (!raw)
         return undefined;
@@ -112,7 +133,7 @@ export const clearNetworkLogs = () => {
     notify();
 };
 export const getNetworkLogs = () => [...logs];
-let maxNetworkLogsLimit = 100;
+let maxNetworkLogsLimit = 250;
 export const setMaxNetworkLogsLimit = (limit) => {
     maxNetworkLogsLimit = Math.max(10, limit);
     if (logs.length > maxNetworkLogsLimit) {
@@ -138,7 +159,7 @@ const addOrUpdateLog = (log) => {
     if (!isNetworkModuleEnabled)
         return;
     const method = log.method?.toUpperCase();
-    if (!ALLOWED_METHODS.includes(method))
+    if (method && !ALLOWED_METHODS.includes(method))
         return;
     if (shouldIgnoreUrl(log.url))
         return;
@@ -152,18 +173,143 @@ const addOrUpdateLog = (log) => {
     logs = logs.slice(0, maxNetworkLogsLimit);
     notify();
 };
+let isInsideFetch = false;
 export const setupNetworkLogger = () => {
     if (globalThis.__NETWORK_LOGGER_INITIALIZED__)
         return;
     globalThis.__NETWORK_LOGGER__ = addOrUpdateLog;
+    const globalXHR = globalThis.XMLHttpRequest;
+    if (globalXHR && globalXHR.prototype && !globalThis.__XHR_LOGGER_INITIALIZED__) {
+        globalThis.__XHR_LOGGER_INITIALIZED__ = true;
+        const originalOpen = globalXHR.prototype.open;
+        const originalSend = globalXHR.prototype.send;
+        const originalSetRequestHeader = globalXHR.prototype.setRequestHeader;
+        globalXHR.prototype.open = function (method, url, async, user, password) {
+            this.__logMethod = (method || "GET").toUpperCase();
+            this.__logUrl = typeof url === "string" ? url : String(url);
+            this.__logRequestHeaders = {};
+            this.__logStartTime = Date.now();
+            this.__logCaller = getCallerFromStack();
+            return originalOpen.apply(this, [method, url, async !== false, user, password]);
+        };
+        globalXHR.prototype.setRequestHeader = function (header, value) {
+            if (header && value != null) {
+                if (!this.__logRequestHeaders)
+                    this.__logRequestHeaders = {};
+                this.__logRequestHeaders[header.toLowerCase()] = String(value);
+            }
+            return originalSetRequestHeader.apply(this, [header, value]);
+        };
+        globalXHR.prototype.send = function (body) {
+            if (!isNetworkModuleEnabled || isInsideFetch || this.__inAppInspectorTracked) {
+                return originalSend.apply(this, [body]);
+            }
+            const url = this.__logUrl || "";
+            const method = this.__logMethod || "GET";
+            if (shouldIgnoreUrl(url)) {
+                return originalSend.apply(this, [body]);
+            }
+            const id = counter++;
+            this.__logId = id;
+            const start = this.__logStartTime || Date.now();
+            const caller = this.__logCaller || "Unknown";
+            const requestHeaders = this.__logRequestHeaders;
+            let client = "xhr";
+            if (requestHeaders?.["apollographql-client-name"] ||
+                url.toLowerCase().includes("/graphql")) {
+                client = "apollo";
+            }
+            else if (caller.toLowerCase().includes("axios")) {
+                client = "axios";
+            }
+            const currentRoute = currentRouteProvider ? currentRouteProvider() : null;
+            addOrUpdateLog({
+                id,
+                url,
+                method,
+                startTime: start,
+                caller,
+                client,
+                routeInfo: currentRoute || undefined,
+                request: method === "GET" ? undefined : parseRequestData(body),
+                requestHeaders: Object.keys(requestHeaders || {}).length > 0 ? requestHeaders : undefined,
+            });
+            const onFinished = () => {
+                if (this.__logFinished)
+                    return;
+                this.__logFinished = true;
+                const duration = Date.now() - start;
+                let responseData = null;
+                try {
+                    if (this.responseType === "" || this.responseType === "text") {
+                        const raw = this.responseText;
+                        try {
+                            responseData = JSON.parse(raw);
+                        }
+                        catch {
+                            responseData = raw;
+                        }
+                    }
+                    else if (this.responseType === "json") {
+                        responseData = this.response;
+                    }
+                    else if (this.responseType === "blob") {
+                        responseData = `[Blob: ${this.response?.size || 0} bytes]`;
+                    }
+                    else {
+                        responseData = `[${this.responseType || "Unknown"} Data]`;
+                    }
+                }
+                catch {
+                    responseData = this.response || null;
+                }
+                const rawRespHeaders = this.getAllResponseHeaders
+                    ? this.getAllResponseHeaders()
+                    : "";
+                const responseHeaders = parseXHRResponseHeaders(rawRespHeaders);
+                addOrUpdateLog({
+                    id,
+                    url,
+                    method,
+                    status: this.status,
+                    response: responseData,
+                    duration,
+                    startTime: start,
+                    caller,
+                    client,
+                    responseHeaders,
+                });
+            };
+            const onErrorOrAbort = () => {
+                if (this.__logFinished)
+                    return;
+                this.__logFinished = true;
+                const duration = Date.now() - start;
+                addOrUpdateLog({
+                    id,
+                    url,
+                    method,
+                    status: this.status || 0,
+                    response: "Network request failed",
+                    duration,
+                    startTime: start,
+                    caller,
+                    client,
+                });
+            };
+            this.addEventListener("load", onFinished);
+            this.addEventListener("error", onErrorOrAbort);
+            this.addEventListener("abort", onErrorOrAbort);
+            this.addEventListener("timeout", onErrorOrAbort);
+            return originalSend.apply(this, [body]);
+        };
+    }
     const originalFetch = globalThis.fetch;
     if (originalFetch) {
         globalThis.fetch = async (url, options = {}) => {
             if (!isNetworkModuleEnabled)
                 return originalFetch(url, options);
             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;
@@ -171,18 +317,19 @@ export const setupNetworkLogger = () => {
                 return originalFetch(url, options);
             let caller = "Unknown";
             let requestHeaders;
-            let client = 'fetch';
+            let client = "fetch";
             try {
                 requestHeaders = normaliseHeaders(options?.headers);
                 caller = getCallerFromStack();
-                if (requestHeaders?.['apollographql-client-name'] || finalUrl?.toLowerCase().includes('/graphql')) {
-                    client = 'apollo';
+                if (requestHeaders?.["apollographql-client-name"] ||
+                    finalUrl?.toLowerCase().includes("/graphql")) {
+                    client = "apollo";
                 }
-                else if (requestHeaders?.['x-requested-with']?.toLowerCase().includes('xmlhttprequest')) {
-                    client = 'xhr';
+                else if (requestHeaders?.["x-requested-with"]?.toLowerCase().includes("xmlhttprequest")) {
+                    client = "xhr";
                 }
-                else if (caller?.toLowerCase().includes('axios')) {
-                    client = 'axios';
+                else if (caller?.toLowerCase().includes("axios")) {
+                    client = "axios";
                 }
                 const currentRoute = currentRouteProvider ? currentRouteProvider() : null;
                 addOrUpdateLog({
@@ -199,7 +346,14 @@ export const setupNetworkLogger = () => {
             }
             catch { }
             try {
-                const response = await originalFetch(url, options);
+                isInsideFetch = true;
+                let response;
+                try {
+                    response = await originalFetch(url, options);
+                }
+                finally {
+                    isInsideFetch = false;
+                }
                 const duration = Date.now() - start;
                 try {
                     const responseHeaders = normaliseHeaders(response.headers);
@@ -282,8 +436,6 @@ export const setupNetworkLogger = () => {
 export const addAxiosInterceptors = (axiosInstance) => {
     axiosInstance.interceptors.request.use(async (config) => {
         const method = (config.method || "GET").toUpperCase();
-        if (!ALLOWED_METHODS.includes(method))
-            return config;
         const id = counter++;
         const start = Date.now();
         const caller = getCallerFromStack();
@@ -302,7 +454,7 @@ export const addAxiosInterceptors = (axiosInstance) => {
             method,
             startTime: start,
             caller,
-            client: 'axios',
+            client: "axios",
             routeInfo: currentRoute || undefined,
             request: method === "GET" ? undefined : parseRequestData(config.data),
             requestHeaders: normaliseHeaders(config.headers),
@@ -315,7 +467,7 @@ export const addAxiosInterceptors = (axiosInstance) => {
         const start = config.__logStart;
         const caller = config.__logCaller;
         const method = (config.method || "GET").toUpperCase();
-        if (id == null || !ALLOWED_METHODS.includes(method))
+        if (id == null)
             return response;
         let url = config.url ?? "";
         if (!url.startsWith("http"))
@@ -329,7 +481,7 @@ export const addAxiosInterceptors = (axiosInstance) => {
             startTime: start || Date.now(),
             duration: start != null ? Date.now() - start : undefined,
             caller,
-            client: 'axios',
+            client: "axios",
             responseHeaders: normaliseHeaders(response.headers),
         });
         return response;
@@ -339,7 +491,7 @@ export const addAxiosInterceptors = (axiosInstance) => {
         const start = config.__logStart;
         const caller = config.__logCaller;
         const method = (config.method || "GET").toUpperCase();
-        if (id != null && ALLOWED_METHODS.includes(method)) {
+        if (id != null) {
             let url = config.url ?? "";
             if (!url.startsWith("http"))
                 url = `${config.baseURL ?? ""}${url}`;
@@ -352,10 +504,16 @@ export const addAxiosInterceptors = (axiosInstance) => {
                 startTime: start || Date.now(),
                 duration: start != null ? Date.now() - start : undefined,
                 caller,
-                client: 'axios',
+                client: "axios",
                 responseHeaders: normaliseHeaders(error.response?.headers),
             });
         }
         return Promise.reject(error);
     });
 };
+if (typeof globalThis !== "undefined") {
+    try {
+        setupNetworkLogger();
+    }
+    catch { }
+}

package/dist/esm/helpers/index.d.ts

@@ -1,6 +1,7 @@
 import { NetworkLog, RouteInfo, DiffResult, JsonContent, StackFrameType } from '../types';
 export * from './searchQueryParser';
 export * from './memoryManager';
+export declare const isLocalDebugEnvironment: () => boolean;
 export declare const getDomainColor: (domain: string) => string;
 export declare const formatDateTime: (timestamp: number) => string;
 export declare const formatTimestamp: (timestamp: number) => string;

package/dist/esm/helpers/index.js

@@ -5,6 +5,15 @@ import { AppColors } from '../styles/AppColors';
 import { DOMAIN_COLORS, DURATION_FAST_MS, DURATION_SLOW_MS } from '../constants';
 export * from './searchQueryParser';
 export * from './memoryManager';
+export const isLocalDebugEnvironment = () => {
+    const isDev = typeof __DEV__ !== 'undefined' && Boolean(__DEV__);
+    const scriptURL = NativeModules.SourceCode?.scriptURL || '';
+    const hasDevServer = scriptURL.startsWith('http://') ||
+        scriptURL.startsWith('https://') ||
+        scriptURL.includes(':8081') ||
+        scriptURL.includes(':8082');
+    return isDev || hasDevServer;
+};
 export const getDomainColor = (domain) => {
     if (!domain)
         return DOMAIN_COLORS[0];

package/dist/esm/helpers/qrGenerator.d.ts

@@ -1,2 +1,3 @@
 export type QRECC = 'L' | 'M' | 'Q' | 'H';
 export declare function generateQRMatrix(text: string, ecc?: QRECC): boolean[][];
+export default generateQRMatrix;