react-native-inapp-inspector 2.2.8 → 2.3.0

package/dist/esm/components/Inspector/StorageTab.js

@@ -245,9 +245,25 @@ export const StorageTab = React.memo(() => {
         <View style={styles.searchBar}>
           <SearchIcon size={14} color={AppColors.grayTextWeak}/>
           <TextInput value={search} onChangeText={setSearch} placeholder={`Search ${entries.length} keys & values...`} placeholderTextColor={AppColors.grayTextWeak} style={styles.searchInput} clearButtonMode="while-editing"/>
-          {search.length > 0 && (<TouchableScale onPress={() => setSearch('')} hitSlop={8}>
-              <ClearIcon size={13} color={AppColors.grayTextWeak}/>
-            </TouchableScale>)}
+          {search.length > 0 && (<View style={{ flexDirection: 'row', alignItems: 'center', gap: 4 }}>
+              <View style={{
+                backgroundColor: `${AppColors.purple}20`,
+                borderRadius: 10,
+                paddingHorizontal: 6,
+                paddingVertical: 1.5,
+            }}>
+                <Text style={{
+                color: AppColors.purple,
+                fontSize: 9.5,
+                fontFamily: AppFonts.interBold,
+            }}>
+                  {filteredEntries.length}
+                </Text>
+              </View>
+              <TouchableScale onPress={() => setSearch('')} hitSlop={8}>
+                <ClearIcon size={13} color={AppColors.grayTextWeak}/>
+              </TouchableScale>
+            </View>)}
         </View>
 
         {/* Action Buttons: Add Key & Refresh */}

package/dist/esm/components/JsonViewer.js

@@ -5,6 +5,7 @@ import { useTranslation } from '../i18n';
 import TreeNode from './TreeNode';
 import SegmentedTabs from './SegmentedTabs';
 import HighlightText from './HighlightText';
+import CopyButton from './CopyButton';
 import { PrettyIcon, RawIcon, TableIcon } from './NetworkIcons';
 // Styles
 import { AppColors } from '../styles/AppColors';
@@ -151,6 +152,7 @@ const JsonViewer = React.memo(({ data, search, forceOpen, defaultExpandDepth = 1
                     icon: (isActive) => (<TableIcon color={isActive ? AppColors.white : AppColors.slate400} size={12}/>),
                 },
             ]} activeKey={mode} onChange={key => setMode(key)}/>
+          <CopyButton value={data} label="JSON"/>
         </View>)}
 
       {/* ── Main View Content Area (Royal Monospace Theme) ── */}

package/dist/esm/components/MetaAccordion.js

@@ -11,6 +11,7 @@ import { getDurationColor, handleOpenExternalLink } from '../helpers';
 import { ChevronIcon, CalendarIcon, StatusIcon, ClockIcon, SizeIcon, TerminalIcon, GlobeIcon, } from './NetworkIcons';
 // Components
 import TouchableScale from './TouchableScale';
+import CopyButton from './CopyButton';
 // Stylesheet
 import { AppColors } from '../styles/AppColors';
 import { AppFonts } from '../styles/AppFonts';
@@ -60,9 +61,20 @@ const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, metho
       <Pressable onPress={toggleOpen} hitSlop={12}>
         <View style={styles.metaHeader}>
           <Text style={styles.metaTitle}>Metadata</Text>
-          <Animated.View style={chevronStyle}>
-            <ChevronIcon color={AppColors.grayTextWeak} size={14}/>
-          </Animated.View>
+          <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
+            <CopyButton value={{
+            status: status ?? 0,
+            duration: duration != null ? `${duration} ms` : '—',
+            size: size || '—',
+            triggeredAt: triggeredAt || '',
+            method: method || 'GET',
+            contentType: contentType || 'application/json',
+            url: url || '',
+        }} label="Metadata"/>
+            <Animated.View style={chevronStyle}>
+              <ChevronIcon color={AppColors.grayTextWeak} size={14}/>
+            </Animated.View>
+          </View>
         </View>
       </Pressable>
 

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "2.2.8";
+export declare const LIB_VERSION = "2.3.0";

package/dist/esm/constants/version.js

@@ -1,3 +1,3 @@
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-export const LIB_VERSION = '2.2.8';
+export const LIB_VERSION = '2.3.0';

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

@@ -1,3 +1,4 @@
+import { RouteInfo } from "../types";
 type NetworkLog = {
     id: number;
     url: string;
@@ -11,7 +12,9 @@ type NetworkLog = {
     client?: string;
     requestHeaders?: Record<string, string>;
     responseHeaders?: Record<string, string>;
+    routeInfo?: RouteInfo;
 };
+export declare const setRouteInfoProvider: (provider: (() => RouteInfo | null) | null) => void;
 export declare const setNetworkModuleEnabled: (enabled: boolean) => void;
 export declare const getNetworkModuleEnabled: () => boolean;
 export declare const subscribeNetworkLogs: (callback: (logs: NetworkLog[]) => void) => () => void;

package/dist/esm/customHooks/networkLogger.js

@@ -4,6 +4,10 @@ let logs = [];
 let listeners = [];
 let counter = 0;
 let isNetworkModuleEnabled = true;
+let currentRouteProvider = null;
+export const setRouteInfoProvider = (provider) => {
+    currentRouteProvider = provider;
+};
 export const setNetworkModuleEnabled = (enabled) => {
     isNetworkModuleEnabled = enabled;
 };
@@ -185,6 +189,7 @@ export const setupNetworkLogger = () => {
                 else if (caller?.toLowerCase().includes('axios')) {
                     client = 'axios';
                 }
+                const currentRoute = currentRouteProvider ? currentRouteProvider() : null;
                 addOrUpdateLog({
                     id,
                     url: finalUrl,
@@ -192,6 +197,7 @@ export const setupNetworkLogger = () => {
                     startTime: start,
                     caller,
                     client,
+                    routeInfo: currentRoute || undefined,
                     request: method === "GET" ? undefined : parseRequestData(options?.body),
                     requestHeaders,
                 });
@@ -298,6 +304,7 @@ export const addAxiosInterceptors = (axiosInstance) => {
         config.__logId = id;
         config.__logStart = start;
         config.__logCaller = caller;
+        const currentRoute = currentRouteProvider ? currentRouteProvider() : null;
         addOrUpdateLog({
             id,
             url,
@@ -305,6 +312,7 @@ export const addAxiosInterceptors = (axiosInstance) => {
             startTime: start,
             caller,
             client: 'axios',
+            routeInfo: currentRoute || undefined,
             request: method === "GET" ? undefined : parseRequestData(config.data),
             requestHeaders: normaliseHeaders(config.headers),
         });

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

@@ -15,6 +15,7 @@ export declare const getFetchCommand: (log: NetworkLog) => string;
 export declare const deduplicateLogs: (raw: NetworkLog[]) => NetworkLog[];
 export declare const escapeRegex: (str: string) => string;
 export declare const getNavigationInfo: (state: any, path?: string[]) => RouteInfo;
+export declare const getLogPageName: (log: NetworkLog, routeInfo?: RouteInfo | null) => string;
 export declare const flattenObject: (obj: any, prefix?: string) => Record<string, any>;
 export declare const getDiff: (oldObj: any, newObj: any) => DiffResult[];
 export declare const formatDisplayUrl: (url: string) => string;
@@ -24,6 +25,11 @@ export declare const isAllValuesEmpty: (obj: Record<string, any>) => boolean;
 export declare const formatDateTimeToAnalytics: (ts: number) => string;
 export declare const getBundleIdentifier: () => string;
 export declare const getAppName: () => string;
+export declare const getAppVersionAndBuild: () => {
+    version: string;
+    build: string;
+    formatted: string;
+};
 export declare const handleOpenExternalLink: (url: string) => void;
 /** Formats a timestamp as HH:MM:SS (no milliseconds). */
 export declare const formatTimeShort: (ts: number) => string;

package/dist/esm/helpers/index.js

@@ -177,16 +177,33 @@ export const escapeRegex = (str) => {
     return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 };
 export 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,
         };
     }
@@ -194,9 +211,87 @@ export const getNavigationInfo = (state, path = []) => {
     if (route?.state) {
         return 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 };
 };
+export 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';
+};
 export const flattenObject = (obj, prefix = '') => {
     let result = {};
     if (typeof obj === 'object' && obj !== null) {
@@ -351,6 +446,99 @@ export const getAppName = () => {
     }
     return 'App';
 };
+export const getAppVersionAndBuild = () => {
+    let version = '';
+    let build = '';
+    // 1. Try ExpoApplication / ExponentConstants
+    const ExpoApplication = NativeModules.ExpoApplication;
+    if (ExpoApplication) {
+        if (typeof ExpoApplication.nativeAppVersion === 'string') {
+            version = ExpoApplication.nativeAppVersion;
+        }
+        if (typeof ExpoApplication.nativeBuildVersion === 'string') {
+            build = ExpoApplication.nativeBuildVersion;
+        }
+    }
+    const ExponentConstants = 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 = 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 = Platform.constants || 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 = 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})`,
+    };
+};
 export const handleOpenExternalLink = (url) => {
     if (!url)
         return;

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