react-native-inapp-inspector 2.2.8 → 2.3.0

package/dist/commonjs/helpers/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.openInVSCode = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatTimestamp = exports.formatDateTime = exports.getDomainColor = void 0;
+exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.openInVSCode = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppVersionAndBuild = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getLogPageName = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatTimestamp = exports.formatDateTime = exports.getDomainColor = void 0;
 const react_native_1 = require("react-native");
 const clipboard_1 = __importDefault(require("@react-native-clipboard/clipboard"));
 const toast_1 = require("./toast");
@@ -210,16 +210,33 @@ const escapeRegex = (str) => {
 };
 exports.escapeRegex = escapeRegex;
 const getNavigationInfo = (state, path = []) => {
-    if (!state?.routes) {
+    if (!state) {
         return {
-            path: path.length > 0 ? path.join(' ➔ ') : 'Navigators',
+            path: path.length > 0 ? path.join(' ➔ ') : '',
             params: null,
         };
     }
-    const route = state.routes[state.index ?? 0];
+    if (state.name && !state.routes) {
+        const fullPath = path.length > 0 ? [...path, state.name].join(' ➔ ') : state.name;
+        return { path: fullPath, params: state.params || null };
+    }
+    if (!state.routes ||
+        !Array.isArray(state.routes) ||
+        state.routes.length === 0) {
+        return {
+            path: path.length > 0 ? path.join(' ➔ ') : '',
+            params: null,
+        };
+    }
+    const index = typeof state.index === 'number' &&
+        state.index >= 0 &&
+        state.index < state.routes.length
+        ? state.index
+        : 0;
+    const route = state.routes[index];
     if (!route) {
         return {
-            path: path.length > 0 ? path.join(' ➔ ') : 'Navigators',
+            path: path.length > 0 ? path.join(' ➔ ') : '',
             params: null,
         };
     }
@@ -227,10 +244,89 @@ const getNavigationInfo = (state, path = []) => {
     if (route?.state) {
         return (0, exports.getNavigationInfo)(route.state, currentPath);
     }
-    const resolved = currentPath.length > 0 ? currentPath.join(' ➔ ') : 'Navigators';
+    const resolved = currentPath.length > 0 ? currentPath.join(' ➔ ') : route.name || '';
     return { path: resolved, params: route.params || null };
 };
 exports.getNavigationInfo = getNavigationInfo;
+const getLogPageName = (log, routeInfo) => {
+    // 1. If routeInfo has a valid path, resolve the leaf screen name
+    const effectiveRoute = routeInfo || log?.routeInfo;
+    if (effectiveRoute &&
+        effectiveRoute.path &&
+        effectiveRoute.path !== 'Navigators') {
+        const parts = effectiveRoute.path
+            .split(' ➔ ')
+            .map((s) => s.trim())
+            .filter(Boolean);
+        if (parts.length > 0) {
+            return parts[parts.length - 1]; // Leaf screen name, e.g. "HomeScreen", "ProfileScreen"
+        }
+        return effectiveRoute.path;
+    }
+    // 2. Extract screen / component name from log.caller stack trace
+    if (log.caller && log.caller !== 'Unknown') {
+        try {
+            const match = log.caller.match(/([^/\\]+)\.(tsx|jsx|ts|js)/i);
+            if (match && match[1]) {
+                const file = match[1];
+                const ignored = [
+                    'networklogger',
+                    'fetch',
+                    'axios',
+                    'apiclient',
+                    'request',
+                    'http',
+                    'index',
+                    'nativeinspector',
+                    'inappinspector',
+                    'bundleanalyzer',
+                ];
+                if (!ignored.includes(file.toLowerCase())) {
+                    return file;
+                }
+            }
+        }
+        catch (e) { }
+    }
+    // 3. Fallback to API resource / endpoint category from URL
+    if (log.url) {
+        try {
+            const cleanUrl = log.url.split('?')[0].split('#')[0];
+            const withoutProto = cleanUrl.replace(/^https?:\/\//i, '');
+            const slashIdx = withoutProto.indexOf('/');
+            if (slashIdx !== -1) {
+                const pathSegments = withoutProto
+                    .substring(slashIdx + 1)
+                    .split('/')
+                    .filter(Boolean);
+                const ignoredSegments = [
+                    'api',
+                    'v1',
+                    'v2',
+                    'v3',
+                    'v4',
+                    'rest',
+                    'graphql',
+                    'json',
+                    'data',
+                    'service',
+                    'app',
+                ];
+                const meaningful = pathSegments.filter(s => !ignoredSegments.includes(s.toLowerCase()));
+                if (meaningful.length > 0) {
+                    const seg = meaningful[0];
+                    return seg.charAt(0).toUpperCase() + seg.slice(1);
+                }
+            }
+            const host = withoutProto.split('/')[0];
+            if (host)
+                return host;
+        }
+        catch (e) { }
+    }
+    return 'General';
+};
+exports.getLogPageName = getLogPageName;
 const flattenObject = (obj, prefix = '') => {
     let result = {};
     if (typeof obj === 'object' && obj !== null) {
@@ -394,6 +490,100 @@ const getAppName = () => {
     return 'App';
 };
 exports.getAppName = getAppName;
+const getAppVersionAndBuild = () => {
+    let version = '';
+    let build = '';
+    // 1. Try ExpoApplication / ExponentConstants
+    const ExpoApplication = react_native_1.NativeModules.ExpoApplication;
+    if (ExpoApplication) {
+        if (typeof ExpoApplication.nativeAppVersion === 'string') {
+            version = ExpoApplication.nativeAppVersion;
+        }
+        if (typeof ExpoApplication.nativeBuildVersion === 'string') {
+            build = ExpoApplication.nativeBuildVersion;
+        }
+    }
+    const ExponentConstants = react_native_1.NativeModules.ExponentConstants;
+    if (ExponentConstants) {
+        const manifest = ExponentConstants.manifest || ExponentConstants.expoConfig;
+        if (manifest) {
+            if (!version && manifest.version) {
+                version = String(manifest.version);
+            }
+            if (!build) {
+                if (manifest.ios?.buildNumber) {
+                    build = String(manifest.ios.buildNumber);
+                }
+                else if (manifest.android?.versionCode) {
+                    build = String(manifest.android.versionCode);
+                }
+            }
+        }
+    }
+    // 2. Try react-native-device-info
+    const RNDeviceInfo = react_native_1.NativeModules.RNDeviceInfo;
+    if (RNDeviceInfo) {
+        if (!version) {
+            if (typeof RNDeviceInfo.appVersion === 'string') {
+                version = RNDeviceInfo.appVersion;
+            }
+            else if (typeof RNDeviceInfo.getVersion === 'function') {
+                try {
+                    version = RNDeviceInfo.getVersion();
+                }
+                catch (e) { }
+            }
+        }
+        if (!build) {
+            if (typeof RNDeviceInfo.buildNumber === 'string') {
+                build = RNDeviceInfo.buildNumber;
+            }
+            else if (typeof RNDeviceInfo.getBuildNumber === 'function') {
+                try {
+                    build = RNDeviceInfo.getBuildNumber();
+                }
+                catch (e) { }
+            }
+        }
+    }
+    // 3. Try PlatformConstants / Platform.constants
+    const constants = react_native_1.Platform.constants || react_native_1.NativeModules.PlatformConstants;
+    if (constants) {
+        if (!version &&
+            constants.Version &&
+            typeof constants.Version === 'string' &&
+            constants.Version.includes('.')) {
+            version = constants.Version;
+        }
+        if (!version && constants.reactNativeVersion) {
+            const rnv = constants.reactNativeVersion;
+            if (rnv.major !== undefined) {
+                version = `${rnv.major}.${rnv.minor}.${rnv.patch}`;
+            }
+        }
+    }
+    // 4. Try Android AppInfo
+    const AppInfo = react_native_1.NativeModules.AppInfo;
+    if (AppInfo) {
+        if (!version && typeof AppInfo.versionName === 'string') {
+            version = AppInfo.versionName;
+        }
+        if (!build && typeof AppInfo.versionCode === 'string') {
+            build = AppInfo.versionCode;
+        }
+    }
+    // Fallbacks
+    if (!version)
+        version = '1.0.0';
+    if (!build)
+        build = '1';
+    return {
+        version,
+        build,
+        formatted: `${version} (${build})`,
+    };
+};
+exports.getAppVersionAndBuild = getAppVersionAndBuild;
 const handleOpenExternalLink = (url) => {
     if (!url)
         return;

package/dist/commonjs/helpers/searchQueryParser.js

@@ -8,7 +8,8 @@ exports.matchNetworkLogQuery = matchNetworkLogQuery;
 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);
@@ -18,24 +19,35 @@ 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];
@@ -52,6 +64,7 @@ function matchNetworkLogQuery(log, searchQuery, routePath, options) {
                 urlRaw,
                 statusStr,
                 pathRaw,
+                callerRaw,
                 clientRaw,
                 reqRaw,
                 resRaw,
@@ -66,6 +79,7 @@ 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();
@@ -92,24 +106,28 @@ 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')) {
@@ -136,15 +154,19 @@ 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;
@@ -175,6 +197,12 @@ 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>
@@ -236,10 +264,16 @@ 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;
@@ -282,6 +316,14 @@ 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/commonjs/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/commonjs/i18n/index.js

@@ -5,9 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.I18nextProvider = exports.i18n = void 0;
 exports.t = t;
+exports.setLanguage = setLanguage;
+exports.addTranslations = addTranslations;
+exports.setTranslations = setTranslations;
 exports.useTranslation = useTranslation;
 const react_1 = __importDefault(require("react"));
 const en_json_1 = __importDefault(require("./locales/en.json"));
+const localeRegistry = {
+    en: en_json_1.default,
+};
+let currentLanguage = 'en';
 /**
  * Lightweight nested lookup for translation keys (e.g. "network.headers")
  */
@@ -37,7 +44,11 @@ function interpolate(template, params) {
  * Standalone zero-dependency translation function
  */
 function t(key, optionsOrFallback) {
-    const raw = lookupKey(en_json_1.default, 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);
@@ -49,9 +60,31 @@ function t(key, optionsOrFallback) {
     }
     return key;
 }
+function setLanguage(lang) {
+    if (typeof lang === 'string' && lang.trim()) {
+        currentLanguage = lang.trim();
+        exports.i18n.language = currentLanguage;
+    }
+}
+function addTranslations(lang, translations) {
+    if (!lang || !translations || typeof translations !== 'object')
+        return;
+    localeRegistry[lang] = {
+        ...(localeRegistry[lang] || {}),
+        ...translations,
+    };
+}
+function setTranslations(translations, lang = 'en') {
+    addTranslations(lang, translations);
+}
 exports.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/commonjs/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';