react-native-inapp-inspector 2.2.9 → 2.3.1

package/dist/esm/helpers/searchQueryParser.js

@@ -5,7 +5,8 @@
 export function matchNetworkLogQuery(log, searchQuery, routePath, options) {
     if (!searchQuery || searchQuery.trim().length === 0)
         return true;
-    const rawTokens = searchQuery.trim().match(/(?:[^\s"']+|"[^"]*"|'[^']*')+/g) || [];
+    // Split tokens by spaces or commas while respecting quotes
+    const rawTokens = searchQuery.trim().match(/(?:[^\s,"']+|"[^"]*"|'[^']*')+/g) || [];
     if (rawTokens.length === 0)
         return true;
     const isCaseSensitive = Boolean(options?.isCaseSensitive);
@@ -15,24 +16,35 @@ export function matchNetworkLogQuery(log, searchQuery, routePath, options) {
     const urlRaw = log.url || '';
     const statusNum = typeof log.status === 'number'
         ? log.status
-        : parseInt(String(log.status || 0), 10);
-    const statusStr = String(log.status ?? '');
+        : log.status != null
+            ? parseInt(String(log.status), 10)
+            : null;
+    const statusStr = log.status != null ? String(log.status) : 'pending';
     const durationNum = log.duration || 0;
     const clientRaw = log.client || '';
+    const callerRaw = log.caller || '';
     const reqRaw = typeof log.request === 'string'
         ? log.request
-        : JSON.stringify(log.request || '');
+        : log.request != null
+            ? JSON.stringify(log.request)
+            : '';
     const resRaw = typeof log.response === 'string'
         ? log.response
-        : JSON.stringify(log.response || '');
-    const reqHeadersRaw = JSON.stringify(log.requestHeaders || '');
-    const resHeadersRaw = JSON.stringify(log.responseHeaders || '');
-    const pathRaw = routePath || '';
+        : log.response != null
+            ? JSON.stringify(log.response)
+            : '';
+    const reqHeadersRaw = log.requestHeaders
+        ? JSON.stringify(log.requestHeaders)
+        : '';
+    const resHeadersRaw = log.responseHeaders
+        ? JSON.stringify(log.responseHeaders)
+        : '';
+    const pathRaw = routePath || log?.routeInfo?.path || '';
     // Construct search corpus based on active scope
     const getScopedCorpus = (caseSens) => {
         let parts = [];
         if (scope === 'url') {
-            parts = [methodRaw, urlRaw, pathRaw];
+            parts = [methodRaw, urlRaw, pathRaw, callerRaw];
         }
         else if (scope === 'reqBody') {
             parts = [reqRaw];
@@ -49,6 +61,7 @@ export function matchNetworkLogQuery(log, searchQuery, routePath, options) {
                 urlRaw,
                 statusStr,
                 pathRaw,
+                callerRaw,
                 clientRaw,
                 reqRaw,
                 resRaw,
@@ -63,6 +76,7 @@ export function matchNetworkLogQuery(log, searchQuery, routePath, options) {
     const methodStr = methodRaw.toLowerCase();
     const urlStr = urlRaw.toLowerCase();
     const clientStr = clientRaw.toLowerCase();
+    const callerStr = callerRaw.toLowerCase();
     const reqStr = reqRaw.toLowerCase();
     const resStr = resRaw.toLowerCase();
     const reqHeadersStr = reqHeadersRaw.toLowerCase();
@@ -89,24 +103,28 @@ export function matchNetworkLogQuery(log, searchQuery, routePath, options) {
         // 2. status:<VAL> or s:<VAL>
         if (lowerToken.startsWith('status:') || lowerToken.startsWith('s:')) {
             const val = lowerToken.replace(/^(status:|s:)/, '').trim();
-            if (val.startsWith('>=')) {
+            if (val === 'pending' || val === 'loading') {
+                if (log.status != null)
+                    return false;
+            }
+            else if (val.startsWith('>=')) {
                 const threshold = parseInt(val.slice(2), 10);
-                if (isNaN(threshold) || statusNum < threshold)
+                if (isNaN(threshold) || statusNum === null || statusNum < threshold)
                     return false;
             }
             else if (val.startsWith('>')) {
                 const threshold = parseInt(val.slice(1), 10);
-                if (isNaN(threshold) || statusNum <= threshold)
+                if (isNaN(threshold) || statusNum === null || statusNum <= threshold)
                     return false;
             }
             else if (val.startsWith('<=')) {
                 const threshold = parseInt(val.slice(2), 10);
-                if (isNaN(threshold) || statusNum > threshold)
+                if (isNaN(threshold) || statusNum === null || statusNum > threshold)
                     return false;
             }
             else if (val.startsWith('<')) {
                 const threshold = parseInt(val.slice(1), 10);
-                if (isNaN(threshold) || statusNum >= threshold)
+                if (isNaN(threshold) || statusNum === null || statusNum >= threshold)
                     return false;
             }
             else if (val.endsWith('xx') || val.endsWith('x')) {
@@ -133,15 +151,19 @@ export function matchNetworkLogQuery(log, searchQuery, routePath, options) {
                 flag === 'failed' ||
                 flag === 'err' ||
                 flag === 'fail') {
-                const isErr = log.status === 0 || log.status == null || statusNum >= 400;
+                const isErr = log.status === 0 || (statusNum !== null && statusNum >= 400);
                 if (!isErr)
                     return false;
             }
             else if (flag === 'success' || flag === 'ok' || flag === '2xx') {
-                const isSuccess = statusNum >= 200 && statusNum < 300;
+                const isSuccess = statusNum !== null && statusNum >= 200 && statusNum < 300;
                 if (!isSuccess)
                     return false;
             }
+            else if (flag === 'pending' || flag === 'loading') {
+                if (log.status != null)
+                    return false;
+            }
             else if (flag === 'slow') {
                 if (durationNum < 1000)
                     return false;
@@ -172,6 +194,12 @@ export function matchNetworkLogQuery(log, searchQuery, routePath, options) {
                 if (!isJson)
                     return false;
             }
+            else if (flag === 'image') {
+                const isImg = resHeadersStr.includes('image/') ||
+                    /\.(png|jpe?g|gif|webp|svg)/i.test(urlStr);
+                if (!isImg)
+                    return false;
+            }
             continue;
         }
         // 4. slow:<DURATION> or dur:<DURATION> or duration:<DURATION>
@@ -233,10 +261,16 @@ export function matchNetworkLogQuery(log, searchQuery, routePath, options) {
                 return false;
             continue;
         }
-        // 7. path:<PATH> or p:<PATH>
-        if (lowerToken.startsWith('path:') || lowerToken.startsWith('p:')) {
-            const targetPath = lowerToken.replace(/^(path:|p:)/, '').trim();
-            if (!urlStr.includes(targetPath) && !pathStr.includes(targetPath)) {
+        // 7. path:<PATH> or p:<PATH> or page:<PAGE>
+        if (lowerToken.startsWith('path:') ||
+            lowerToken.startsWith('p:') ||
+            lowerToken.startsWith('page:')) {
+            const targetPath = lowerToken
+                .replace(/^(path:|p:|page:)/, '')
+                .trim();
+            if (!urlStr.includes(targetPath) &&
+                !pathStr.includes(targetPath) &&
+                !callerStr.includes(targetPath)) {
                 return false;
             }
             continue;
@@ -279,6 +313,14 @@ export function matchNetworkLogQuery(log, searchQuery, routePath, options) {
         else {
             const queryTerm = isCaseSensitive ? token : lowerToken;
             if (!targetCorpus.includes(queryTerm)) {
+                // Special case: if user typed "error" / "failed", check error status
+                if (queryTerm === 'error' ||
+                    queryTerm === 'failed' ||
+                    queryTerm === 'fail') {
+                    const isErr = log.status === 0 || (statusNum !== null && statusNum >= 400);
+                    if (isErr)
+                        continue;
+                }
                 return false;
             }
         }

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

@@ -4,9 +4,17 @@ type TranslationParams = Record<string, any>;
  * Standalone zero-dependency translation function
  */
 export declare function t(key: string, optionsOrFallback?: TranslationParams | string): string;
+export declare function setLanguage(lang: string): void;
+export declare function addTranslations(lang: string, translations: Record<string, any>): void;
+export declare function setTranslations(translations: Record<string, any>, lang?: string): void;
 export declare const i18n: {
     t: typeof t;
     language: string;
+    changeLanguage: typeof setLanguage;
+    addResourceBundle: (lng: string, _ns: string, resources: any) => void;
+    setLanguage: typeof setLanguage;
+    addTranslations: typeof addTranslations;
+    setTranslations: typeof setTranslations;
 };
 /**
  * React hook compatible with react-i18next useTranslation()
@@ -16,6 +24,11 @@ export declare function useTranslation(): {
     i18n: {
         t: typeof t;
         language: string;
+        changeLanguage: typeof setLanguage;
+        addResourceBundle: (lng: string, _ns: string, resources: any) => void;
+        setLanguage: typeof setLanguage;
+        addTranslations: typeof addTranslations;
+        setTranslations: typeof setTranslations;
     };
 };
 /**

package/dist/esm/i18n/index.js

@@ -1,5 +1,9 @@
 import React from 'react';
-import en from './locales/en.json';
+import enLocale from './locales/en.json';
+const localeRegistry = {
+    en: enLocale,
+};
+let currentLanguage = 'en';
 /**
  * Lightweight nested lookup for translation keys (e.g. "network.headers")
  */
@@ -29,7 +33,11 @@ function interpolate(template, params) {
  * Standalone zero-dependency translation function
  */
 export function t(key, optionsOrFallback) {
-    const raw = lookupKey(en, key);
+    const activeBundle = localeRegistry[currentLanguage] || localeRegistry.en;
+    let raw = lookupKey(activeBundle, key);
+    if (raw === undefined && currentLanguage !== 'en') {
+        raw = lookupKey(localeRegistry.en, key);
+    }
     if (typeof raw === 'string') {
         if (typeof optionsOrFallback === 'object' && optionsOrFallback !== null) {
             return interpolate(raw, optionsOrFallback);
@@ -41,9 +49,31 @@ export function t(key, optionsOrFallback) {
     }
     return key;
 }
+export function setLanguage(lang) {
+    if (typeof lang === 'string' && lang.trim()) {
+        currentLanguage = lang.trim();
+        i18n.language = currentLanguage;
+    }
+}
+export function addTranslations(lang, translations) {
+    if (!lang || !translations || typeof translations !== 'object')
+        return;
+    localeRegistry[lang] = {
+        ...(localeRegistry[lang] || {}),
+        ...translations,
+    };
+}
+export function setTranslations(translations, lang = 'en') {
+    addTranslations(lang, translations);
+}
 export const i18n = {
     t,
-    language: 'en',
+    language: currentLanguage,
+    changeLanguage: setLanguage,
+    addResourceBundle: (lng, _ns, resources) => addTranslations(lng, resources),
+    setLanguage,
+    addTranslations,
+    setTranslations,
 };
 /**
  * React hook compatible with react-i18next useTranslation()

package/dist/esm/index.d.ts

@@ -23,3 +23,6 @@ export { setMaxPerformanceEventsLimit, getMaxPerformanceEventsLimit, prunePerfor
 export { BrandSquareIcon, BrandCircleIcon, } from './components/NetworkIcons';
 export { connectAsyncStorage, connectMMKV, isAsyncStorageConnected, isMMKVConnected, getRegisteredMMKVInstanceIds, fetchStorageEntries, setStorageEntry, removeStorageEntry, clearStorageDriver, subscribeToStorageChanges, type StorageEntry, type StorageDriver, } from './customHooks/storageInspector';
 export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';
+export { AppFonts, setAppFonts, type AppFontConfig, } from './styles/AppFonts';
+export { AppColors, setAppColors, getThemeColors, updateAppColorsTheme, } from './styles/AppColors';
+export { t, i18n, useTranslation, setLanguage, addTranslations, setTranslations, I18nextProvider, } from './i18n';

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react';
-import { Alert, Animated, PanResponder, Platform, UIManager, LogBox, InteractionManager, } from 'react-native';
+import { Alert, Animated, PanResponder, Platform, UIManager, LogBox, } from 'react-native';
 import { NavigationContext } from '@react-navigation/native';
 // i18n
 import { I18nextProvider, i18n } from './i18n';
@@ -8,12 +8,12 @@ import ErrorBoundary from './components/ErrorBoundary';
 import MainScreen from './components/Inspector/MainScreen';
 import { InspectorContext, animateNextLayout, } from './components/Inspector/InspectorContext';
 // Helpers
-import { formatDisplayUrl, getNavigationInfo, deduplicateLogs, getDomainColor, getEventCategory, matchNetworkLogQuery, setupMemoryWarningHandler, } from './helpers';
+import { formatDisplayUrl, getNavigationInfo, getLogPageName, deduplicateLogs, getDomainColor, getEventCategory, matchNetworkLogQuery, setupMemoryWarningHandler, } from './helpers';
 // #5 — settings persistence
 import { loadSettings, saveSettings, setCustomStorage, clearPersistedSettings, calculateRamBasedLimits, } from './helpers/settingsStore';
 import { getNativeSystemMetrics, pushNativeLogRecord, fetchNativeCachedPage, } from './native/NativeInspector';
 // Network
-import { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, setNetworkModuleEnabled, setMaxNetworkLogsLimit, } from './customHooks/networkLogger';
+import { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, setNetworkModuleEnabled, setMaxNetworkLogsLimit, setRouteInfoProvider, } from './customHooks/networkLogger';
 // Console
 import { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, setConsoleModuleEnabled, } from './customHooks/consoleLogger';
 import { IGNORED_LOG_PREFIXES } from './customHooks/logFilters';
@@ -27,7 +27,7 @@ import { showNativeFloatingButton, hideNativeFloatingButton, setNativeFloatingBu
 import { LIB_VERSION } from './constants';
 // Stylesheet
 import { toggleGlobalTheme } from './styles';
-const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigationRef, appIcon, environment, initialVisible, visible: controlledVisible, }) => {
+const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, environment, initialVisible = false, visible: controlledVisible, }) => {
     // Set custom storage synchronously during render phase
     setCustomStorage(storage || null);
     const [isDark, setIsDark] = useState(false);
@@ -39,7 +39,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const [modalHeightPercent, setModalHeightPercent] = useState(90);
     const [modalAnimationType, setModalAnimationType] = useState('slide');
     const [logs, setLogs] = useState([]);
-    const [visible, setVisible] = useState(initialVisible ?? controlledVisible ?? false);
+    const [visible, setVisible] = useState(controlledVisible ?? initialVisible ?? false);
     useEffect(() => {
         if (controlledVisible !== undefined) {
             setVisible(controlledVisible);
@@ -183,8 +183,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         bundle: false,
         performance: false,
         crash: false,
-        device: true,
-        storage: true,
+        device: false,
+        storage: false,
     });
     const [maxNetworkLogs, setMaxNetworkLogs] = useState(100);
     const [maxAnalyticsEventsLimit, setMaxAnalyticsEventsLimit] = useState(75);
@@ -239,8 +239,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             bundle: false,
             performance: false,
             crash: false,
-            device: true,
-            storage: true,
+            device: false,
+            storage: false,
         });
         setDefaultTab('apis');
         setIsAutoRamLimitEnabled(true);
@@ -314,6 +314,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                         bundle: false,
                         performance: false,
                         crash: false,
+                        device: false,
+                        storage: false,
                     },
                     ...(saved.tabVisibility || {}),
                     apis: true,
@@ -539,12 +541,21 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const navigationContext = React.useContext(NavigationContext);
     const hasNavigationContext = navigationContext !== undefined;
     const currentRouteRef = useRef({
-        path: 'Navigators',
+        path: '',
         params: null,
     });
+    useEffect(() => {
+        setRouteInfoProvider(() => currentRouteRef.current);
+        return () => {
+            setRouteInfoProvider(null);
+        };
+    }, []);
     useEffect(() => {
         if (navState) {
-            currentRouteRef.current = getNavigationInfo(navState);
+            const info = getNavigationInfo(navState);
+            if (info?.path) {
+                currentRouteRef.current = info;
+            }
         }
     }, [navState]);
     useEffect(() => {
@@ -553,9 +564,22 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         const updateState = () => {
             try {
                 if (typeof navigationRef.isReady === 'function' && navigationRef.isReady()) {
+                    const currentRoute = typeof navigationRef.getCurrentRoute === 'function'
+                        ? navigationRef.getCurrentRoute()
+                        : null;
+                    if (currentRoute?.name) {
+                        currentRouteRef.current = {
+                            path: currentRoute.name,
+                            params: currentRoute.params || null,
+                        };
+                    }
                     const state = navigationRef.getRootState();
                     if (state) {
                         setNavState(state);
+                        const routeInfo = getNavigationInfo(state);
+                        if (routeInfo?.path) {
+                            currentRouteRef.current = routeInfo;
+                        }
                     }
                 }
             }
@@ -719,22 +743,26 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const useNativeFab = (Platform.OS === 'ios' || Platform.OS === 'android') && isNativeModule;
     // 100% Native Main-Thread Floating Button Lifecycle
     useEffect(() => {
-        if (!useNativeFab || !isEnabled || !enabled) {
+        if (!useNativeFab || !enabled) {
             if (useNativeFab) {
-                hideNativeFloatingButton();
+                hideNativeFloatingButton().catch(() => { });
             }
             return;
         }
         if (visible) {
-            hideNativeFloatingButton();
+            hideNativeFloatingButton().catch(() => { });
         }
         else {
-            showNativeFloatingButton();
-            setNativeFloatingButtonBadge(logs.length > 0 || analyticsEvents.length > 0);
+            showNativeFloatingButton().catch(() => { });
+            setNativeFloatingButtonBadge(logs.length > 0 || analyticsEvents.length > 0).catch(() => { });
         }
+        return () => {
+            if (useNativeFab) {
+                hideNativeFloatingButton().catch(() => { });
+            }
+        };
     }, [
         useNativeFab,
-        isEnabled,
         enabled,
         visible,
         logs.length,
@@ -793,20 +821,11 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             if (freshCrashes.length > 0) {
                 setCrashRecords(freshCrashes);
             }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [visible]);
-    useEffect(() => {
-        if (visible) {
-            const task = InteractionManager.runAfterInteractions(() => {
+            const frame = requestAnimationFrame(() => {
                 setIsReady(true);
             });
-            const fallbackTimer = setTimeout(() => {
-                setIsReady(true);
-            }, 350);
             return () => {
-                task.cancel();
-                clearTimeout(fallbackTimer);
+                cancelAnimationFrame(frame);
             };
         }
         else {
@@ -867,7 +886,9 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 if (freshIds.size > 0) {
                     freshIds.forEach(id => {
                         if (!logRouteMapRef.current.has(id)) {
-                            logRouteMapRef.current.set(id, currentRouteRef.current);
+                            const matchedLog = deduped.find(l => l.id === id);
+                            const resolvedRoute = matchedLog?.routeInfo || currentRouteRef.current;
+                            logRouteMapRef.current.set(id, resolvedRoute);
                         }
                     });
                     setNewLogIds(freshIds);
@@ -880,6 +901,12 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 const deduped = deduplicateLogs(raw);
                 const incoming = new Set(deduped.map(l => l.id));
                 prevLogIdsRef.current = incoming;
+                deduped.forEach(l => {
+                    if (!logRouteMapRef.current.has(l.id)) {
+                        const resolvedRoute = l?.routeInfo || currentRouteRef.current;
+                        logRouteMapRef.current.set(l.id, resolvedRoute);
+                    }
+                });
                 setLogs(deduped);
             }
             else {
@@ -1151,8 +1178,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         const groups = [];
         for (let i = 0; i < filteredLogs.length; i++) {
             const log = filteredLogs[i];
-            const routeInfo = logRouteMapRef.current.get(log.id);
-            const pageName = routeInfo?.path || 'Navigators';
+            const routeInfo = logRouteMapRef.current.get(log.id) || log?.routeInfo;
+            const pageName = getLogPageName(log, routeInfo);
             if (groups.length === 0 ||
                 groups[groups.length - 1].pageName !== pageName) {
                 groups.push({ pageName, color: getDomainColor(pageName), logs: [] });
@@ -1405,7 +1432,28 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                     log.type || '',
                     log.sourceMethod || '',
                 ].join(' ').toLowerCase();
-                return queryTokens.every(token => searchTarget.includes(token));
+                return queryTokens.every(token => {
+                    if (token.startsWith('level:') || token.startsWith('is:') || token.startsWith('type:')) {
+                        const flag = token.replace(/^(level:|is:|type:)/, '').trim();
+                        if (flag === 'error' || flag === 'err')
+                            return log.type === 'error';
+                        if (flag === 'warn' || flag === 'warning')
+                            return log.type === 'warn';
+                        if (flag === 'info')
+                            return log.type === 'info';
+                        if (flag === 'log')
+                            return log.sourceMethod === 'log';
+                        if (flag === 'analytics')
+                            return (log.message || '').toLowerCase().includes('[analytics');
+                    }
+                    if (token === 'error' || token === 'err') {
+                        return log.type === 'error' || searchTarget.includes(token);
+                    }
+                    if (token === 'warn' || token === 'warning') {
+                        return log.type === 'warn' || searchTarget.includes(token);
+                    }
+                    return searchTarget.includes(token);
+                });
             });
         }
         // #7 — apply sort order (newest/oldest first)
@@ -1613,7 +1661,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         setVisible,
         closeModal,
         isReady,
-        isEnabled,
+        enabled,
+        isEnabled: enabled,
         appIcon,
         environment,
         modalHeightPercent,
@@ -1790,14 +1839,22 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     </InspectorContext.Provider>);
 };
 const NetworkInspectorWrapper = (props) => {
-    // If running in production release build and not explicitly force-enabled (e.g. for QA builds),
-    // return null immediately for 0-overhead production stubbing.
-    if (typeof __DEV__ !== 'undefined' && !__DEV__ && !props?.forceEnable) {
+    const enabled = props?.enabled ?? true;
+    useEffect(() => {
+        if (!enabled) {
+            hideNativeFloatingButton().catch(() => { });
+        }
+        return () => {
+            hideNativeFloatingButton().catch(() => { });
+        };
+    }, [enabled]);
+    // If enabled is false, return null immediately with 0 overhead
+    if (!enabled) {
         return null;
     }
     return (<I18nextProvider i18n={i18n}>
       <ErrorBoundary fallbackType="inline">
-        <NetworkInspector {...props}/>
+        <NetworkInspector {...props} enabled={enabled}/>
       </ErrorBoundary>
     </I18nextProvider>);
 };
@@ -1824,3 +1881,6 @@ export { setMaxPerformanceEventsLimit, getMaxPerformanceEventsLimit, prunePerfor
 export { BrandSquareIcon, BrandCircleIcon, } from './components/NetworkIcons';
 export { connectAsyncStorage, connectMMKV, isAsyncStorageConnected, isMMKVConnected, getRegisteredMMKVInstanceIds, fetchStorageEntries, setStorageEntry, removeStorageEntry, clearStorageDriver, subscribeToStorageChanges, } from './customHooks/storageInspector';
 export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';
+export { AppFonts, setAppFonts, } from './styles/AppFonts';
+export { AppColors, setAppColors, getThemeColors, updateAppColorsTheme, } from './styles/AppColors';
+export { t, i18n, useTranslation, setLanguage, addTranslations, setTranslations, I18nextProvider, } from './i18n';

package/dist/esm/styles/AppColors.d.ts

@@ -344,4 +344,8 @@ export declare const getThemeColors: (isDark: boolean) => {
 };
 export declare const AppColors: typeof LightColors;
 export declare const updateAppColorsTheme: (isDark: boolean) => void;
+/**
+ * Configure or override specific color tokens used throughout the inspector.
+ */
+export declare const setAppColors: (customColors: Partial<typeof LightColors>) => void;
 export default AppColors;

package/dist/esm/styles/AppColors.js

@@ -384,4 +384,13 @@ Object.assign(AppColors, LightColors);
 export const updateAppColorsTheme = (isDark) => {
     Object.assign(AppColors, getThemeColors(isDark));
 };
+/**
+ * Configure or override specific color tokens used throughout the inspector.
+ */
+export const setAppColors = (customColors) => {
+    if (!customColors || typeof customColors !== 'object')
+        return;
+    Object.assign(AppColors, customColors);
+    Object.assign(LightColors, customColors);
+};
 export default AppColors;

package/dist/esm/styles/AppFonts.d.ts

@@ -1,7 +1,18 @@
+export interface AppFontConfig {
+    interRegular?: string;
+    interMedium?: string;
+    interBold?: string;
+    Sfprotext?: string;
+}
 export declare const AppFonts: {
     interRegular: string;
     interMedium: string;
     interBold: string;
     Sfprotext: string;
 };
+/**
+ * Configure or override font families used across all inspector screens.
+ * Useful when integrating into apps with custom font setups or system fonts.
+ */
+export declare const setAppFonts: (customFonts: Partial<typeof AppFonts>) => void;
 export default AppFonts;

package/dist/esm/styles/AppFonts.js

@@ -4,4 +4,13 @@ export const AppFonts = {
     interBold: 'Inter-Bold',
     Sfprotext: 'Inter-Regular',
 };
+/**
+ * Configure or override font families used across all inspector screens.
+ * Useful when integrating into apps with custom font setups or system fonts.
+ */
+export const setAppFonts = (customFonts) => {
+    if (!customFonts || typeof customFonts !== 'object')
+        return;
+    Object.assign(AppFonts, customFonts);
+};
 export default AppFonts;

package/dist/esm/types/interfaces.d.ts

@@ -106,6 +106,7 @@ export interface NetworkLog {
     /** Client identifier: axios, fetch, xhr, apollo, etc. */
     client?: 'axios' | 'fetch' | 'xhr' | 'apollo' | 'graphql' | string;
     caller?: string;
+    routeInfo?: RouteInfo;
 }
 export interface RouteInfo {
     path: string;
@@ -156,8 +157,6 @@ export interface PersistedSettings {
 }
 export interface NetworkInspectorProps {
     enabled?: boolean;
-    isEnabled?: boolean;
-    forceEnable?: boolean;
     storage?: InspectorStorage;
     navigationRef?: any;
     appIcon?: any;
@@ -173,6 +172,7 @@ export interface InspectorContextValue {
     setVisible: React.Dispatch<React.SetStateAction<boolean>>;
     closeModal: () => void;
     isReady: boolean;
+    enabled: boolean;
     isEnabled: boolean;
     appIcon?: any;
     environment?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "2.2.9",
+  "version": "2.3.1",
   "description": "The zero-config, all-in-one in-app debugger for React Native & Expo. Inspect Network (fetch/axios), Console logs, Stack Traces, Redux State, Firebase Analytics, and JS Bundle size directly on device.",
   "repository": {
     "type": "git",