react-native-inapp-inspector 1.1.20 → 1.1.21

package/README.md

@@ -10,11 +10,16 @@
 
 <p align="center">
   <a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm" alt="npm version" /></a>
+  <a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
+  <a href="https://bundlephobia.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/bundlephobia/minzip/react-native-inapp-inspector?color=10b981&label=minzipped" alt="bundle size" /></a>
   <a href="https://github.com/vengatmacuser/react-native-inapp-inspector/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-green" alt="license" /></a>
-  <a href="https://github.com/vengatmacuser/react-native-inapp-inspector"><img src="https://img.shields.io/badge/platform-iOS%20%7C%20Android-blue" alt="platform" /></a>
+  <a href="https://github.com/vengatmacuser/react-native-inapp-inspector"><img src="https://img.shields.io/badge/platform-iOS%20%7C%20Android%20%7C%20Expo-blue" alt="platform" /></a>
+  <a href="https://github.com/vengatmacuser/react-native-inapp-inspector"><img src="https://img.shields.io/badge/TypeScript-Ready-3178c6" alt="TypeScript" /></a>
 </p>
 
-A self-contained, developer-first in-app debugging overlay for React Native. Inspect network traffic, console logs, stack traces, analytics events, and Redux state directly on your device or simulator with zero external dependencies.
+The **zero-config, all-in-one in-app debugging overlay for React Native & Expo**. Inspect network traffic (fetch/Axios), console logs with Metro symbolicated stack traces, Redux state diffs, Firebase Analytics events, and JavaScript bundle size directly on your device or simulator with zero native setup.
+
+> 🚀 **The modern, lightweight alternative to Flipper and Chucker** — works standalone on device, in test builds, and across standalone APKs/IPAs without desktop companion apps, cables, or open debugger ports.
 
 <p align="center">
   <img src="https://raw.githubusercontent.com/vengatmacuser/react-native-inapp-inspector/main/assets/walkthrough.gif" alt="React Native In-App Inspector Walkthrough" width="360" style="border-radius: 20px;" />
@@ -22,6 +27,22 @@ A self-contained, developer-first in-app debugging overlay for React Native. Ins
 
 ---
 
+## ⚡ Why Choose `react-native-inapp-inspector`?
+
+| Capability | **react-native-inapp-inspector** | react-native-network-logger | Flipper / RN Debugger |
+| :--- | :---: | :---: | :---: |
+| **Zero Native Setup / No Cables** | ✅ | ✅ | ❌ (Requires desktop app/cables) |
+| **Network Inspector (Fetch & Axios)** | ✅ | ✅ | ✅ |
+| **cURL & Fetch Snippet Export** | ✅ | ❌ | ⚠️ |
+| **Console Logger + Stack Traces** | ✅ (Metro Symbolicated) | ❌ | ✅ |
+| **Redux State & Action Diffs** | ✅ | ❌ | ⚠️ |
+| **Firebase Analytics Tracker** | ✅ | ❌ | ❌ |
+| **JS Bundle Size & Hermes Analyzer** | ✅ | ❌ | ❌ |
+| **Live Traffic Stream Freeze** | ✅ | ❌ | ❌ |
+| **Expo & Bare React Native** | ✅ | ✅ | ⚠️ |
+
+---
+
 ## ✨ Features
 
 | Feature | Description |
@@ -45,25 +66,28 @@ A self-contained, developer-first in-app debugging overlay for React Native. Ins
 
 ## 📦 Installation
 
+### Bare React Native
 ```bash
 npm install --save-dev react-native-inapp-inspector axios
+# or
+yarn add -D react-native-inapp-inspector axios
 ```
 
 ```bash
-yarn add -D react-native-inapp-inspector axios
+# iOS Pods
+cd ios && pod install
 ```
 
-### Peer & Native Dependencies
+### Expo Projects
+```bash
+npx expo install react-native-inapp-inspector react-native-svg react-native-linear-gradient
+```
 
-The package has React and React Native as peer dependencies. It depends on `@react-navigation/native`, `react-native-linear-gradient`, and `react-native-svg`.
+### Dependencies
+The package requires React (`>=18.0.0`) and React Native (`>=0.60.0`) as peer dependencies and utilizes `@react-navigation/native`, `react-native-linear-gradient`, and `react-native-svg`.
 
 *(Optional)* If you use `@react-native-clipboard/clipboard` in your project, the inspector automatically detects and utilizes native clipboard bridges for seamless emulator-to-host copying.
 
-```bash
-# iOS Pods installation
-cd ios && pod install
-```
-
 ---
 
 ## 🚀 Basic Setup

package/dist/commonjs/components/ConsoleLogCard.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConsoleLogCard = void 0;
 const react_1 = __importDefault(require("react"));
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../i18n");
 const react_native_1 = require("react-native");
 const AppColors_1 = require("../styles/AppColors");
 const AppFonts_1 = require("../styles/AppFonts");
@@ -64,7 +64,7 @@ const getLogMessageWithBadges = (message, searchStr, textStyle, highlightStyle,
 };
 exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, searchStr = '', }) {
     const { setSelectedLog } = (0, InspectorContext_1.useInspector)();
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const jsonContent = (0, helpers_1.getJsonContent)(item.message);
     const isAnalyticsError = item.message
         .toLowerCase()

package/dist/commonjs/components/DiffViewer.js

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../i18n");
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 // Helpers
@@ -45,7 +45,7 @@ const helpers_1 = require("../helpers");
 const AppColors_1 = require("../styles/AppColors");
 const styles_1 = __importDefault(require("../styles"));
 const DiffViewer = react_1.default.memo(({ oldData, newData, forceOpen, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const diffs = (0, react_1.useMemo)(() => (0, helpers_1.getDiff)(oldData, newData), [oldData, newData]);
     if (forceOpen === false) {
         return (<react_native_1.View style={styles_1.default.codeBlock}>

package/dist/commonjs/components/HeadersSection.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../i18n");
 const react_native_1 = require("react-native");
 // Components
 const CopyButton_1 = __importDefault(require("./CopyButton"));
@@ -97,7 +97,7 @@ const HeaderRow = react_1.default.memo(function HeaderRow({ headerKey, value, is
     </react_native_1.Animated.View>);
 });
 const HeadersSection = ({ title, headers, search, resetKey, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const { toggleOpen, forceOpen, chevronStyle, bodyStyle } = (0, useAccordion_1.default)(false, 2400, 300);
     (0, react_1.useEffect)(() => {
         forceOpen(false);

package/dist/commonjs/components/Inspector/BundleTab.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../../i18n");
 const TouchableScale_1 = __importDefault(require("../TouchableScale"));
 const CopyButton_1 = __importDefault(require("../CopyButton"));
 const HighlightText_1 = __importDefault(require("../HighlightText"));
@@ -776,7 +776,7 @@ const CATEGORY_COLORS = {
     json: { label: 'JSON / Data', color: '#10B981', bg: '#D1FAE5' },
 };
 const BundleTab = react_1.default.memo(() => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const [activeSubTab, setActiveSubTab] = (0, react_1.useState)('overview');
     const [search, setSearch] = (0, react_1.useState)('');
     const [activeCategory, setActiveCategory] = (0, react_1.useState)('ALL');

package/dist/commonjs/components/Inspector/ConsoleTab.js

@@ -39,7 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const InspectorContext_1 = require("./InspectorContext");
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../../i18n");
 const TouchableScale_1 = __importDefault(require("../TouchableScale"));
 const AnimatedEntrance_1 = __importDefault(require("../AnimatedEntrance"));
 const ConsoleLogCard_1 = require("../ConsoleLogCard");
@@ -50,7 +50,7 @@ const AppColors_1 = require("../../styles/AppColors");
 const AppFonts_1 = require("../../styles/AppFonts");
 const NetworkIcons_1 = require("../NetworkIcons");
 const ConsoleTab = react_1.default.memo(() => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const { logSearch, setLogSearch, logSortOrder, setLogSortOrder, handleDelete, logFilters, setLogFilters, logCounts, filteredConsoleLogs, visibleConsoleLogs, isConsolePaused, setIsConsolePaused, } = (0, InspectorContext_1.useInspector)();
     const renderItem = (0, react_1.useCallback)(({ item, index }) => (<AnimatedEntrance_1.default index={index} distance={8}>
         <ConsoleLogCard_1.ConsoleLogCard item={item} searchStr={logSearch}/>

package/dist/commonjs/components/Inspector/LogDetail.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../../i18n");
 const react_native_1 = require("react-native");
 const InspectorContext_1 = require("./InspectorContext");
 const HighlightText_1 = __importDefault(require("../HighlightText"));
@@ -65,7 +65,7 @@ const getRelativeTime = (timestamp) => {
     return `${days}d ago`;
 };
 const LogDetail = react_1.default.memo(() => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const { selectedLog } = (0, InspectorContext_1.useInspector)();
     const [activeTab, setActiveTab] = (0, react_1.useState)('output');
     const [detailSearch, setDetailSearch] = (0, react_1.useState)('');

package/dist/commonjs/components/Inspector/NetworkDetail.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../../i18n");
 const react_native_1 = require("react-native");
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 const InspectorContext_1 = require("./InspectorContext");
@@ -57,7 +57,7 @@ const constants_1 = require("../../constants");
 const helpers_1 = require("../../helpers");
 const NetworkIcons_1 = require("../NetworkIcons");
 const NetworkDetail = react_1.default.memo(() => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const { selected, detailDisplayUrl, apiDetailActiveTab, setApiDetailActiveTab, detailSearch, setDetailSearch, reqExpanded, setReqExpanded, resExpanded, setResExpanded, showReqDiff, setShowReqDiff, showResDiff, setShowResDiff, prevRequestData, prevResponseData, logRouteMapRef, } = (0, InspectorContext_1.useInspector)();
     if (!selected)
         return null;

package/dist/commonjs/components/Inspector/ReduxDetail.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../../i18n");
 const InspectorContext_1 = require("./InspectorContext");
 const SegmentedTabs_1 = __importDefault(require("../SegmentedTabs"));
 const JsonViewer_1 = __importDefault(require("../JsonViewer"));
@@ -54,7 +54,7 @@ const AppColors_1 = require("../../styles/AppColors");
 const AppFonts_1 = require("../../styles/AppFonts");
 const NetworkIcons_1 = require("../NetworkIcons");
 const ReduxDetail = react_1.default.memo(() => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const { reduxState, reduxLastActionMap, selectedReduxSlice, selectedReduxAction, setSelectedReduxSlice, setSelectedReduxAction, } = (0, InspectorContext_1.useInspector)();
     // Search filter within details
     const [detailSearch, setDetailSearch] = (0, react_1.useState)('');

package/dist/commonjs/components/JsonViewer.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../i18n");
 // Components
 const TreeNode_1 = __importDefault(require("./TreeNode"));
 const SegmentedTabs_1 = __importDefault(require("./SegmentedTabs"));
@@ -94,7 +94,7 @@ const JsonTableRow = react_1.default.memo(({ itemKey, val, search, }) => {
 });
 // ── JsonViewer Component ─────────────────────────────────────────────────────
 const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpandDepth, wrap, fullHeight = false, maxHeight, mode: externalMode, onModeChange, hideTabs = false, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const [internalMode, setInternalMode] = (0, react_1.useState)('pretty');
     const mode = externalMode ?? internalMode;
     const setMode = (newMode) => {

package/dist/commonjs/components/LogCard.js

@@ -46,9 +46,9 @@ const NetworkIcons_1 = require("./NetworkIcons");
 const styles_1 = __importDefault(require("../styles"));
 const HighlightText_1 = __importDefault(require("./HighlightText"));
 const TouchableScale_1 = __importDefault(require("./TouchableScale"));
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../i18n");
 const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineMinStart, timelineTotalRange, isNew, isSelected, onToggleSelect, searchStr, }) {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const methodColor = constants_1.METHOD_COLORS[item.method] ?? constants_1.METHOD_COLORS.ALL;
     const isFailed = item.status === 0 || (item.status != null && item.status >= 400);
     const isLoading = item.status == null;

package/dist/commonjs/components/MetaAccordion.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
+const i18n_1 = require("../i18n");
 const react_native_1 = require("react-native");
 // Constants
 const constants_1 = require("../constants");
@@ -54,7 +54,7 @@ const AppColors_1 = require("../styles/AppColors");
 const AppFonts_1 = require("../styles/AppFonts");
 const styles_1 = __importDefault(require("../styles"));
 const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, method, contentType, url, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    const { t } = (0, i18n_1.useTranslation)();
     const [urlExpanded, setUrlExpanded] = (0, react_1.useState)(false);
     const { toggleOpen, chevronStyle, bodyStyle } = (0, useAccordion_1.default)(true, 800, 390);
     const isFailed = status === 0 || status == null;

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.20";
+export declare const LIB_VERSION = "1.1.21";

package/dist/commonjs/constants/version.js

@@ -3,4 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-exports.LIB_VERSION = '1.1.20';
+exports.LIB_VERSION = '1.1.21';

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

@@ -1,2 +1,28 @@
-declare const i18n: import("i18next").i18n;
+import React from 'react';
+type TranslationParams = Record<string, any>;
+/**
+ * Standalone zero-dependency translation function
+ */
+export declare function t(key: string, optionsOrFallback?: TranslationParams | string): string;
+export declare const i18n: {
+    t: typeof t;
+    language: string;
+};
+/**
+ * React hook compatible with react-i18next useTranslation()
+ */
+export declare function useTranslation(): {
+    t: typeof t;
+    i18n: {
+        t: typeof t;
+        language: string;
+    };
+};
+/**
+ * Backward-compatible I18nextProvider component
+ */
+export declare const I18nextProvider: ({ children }: {
+    children?: React.ReactNode;
+    i18n?: any;
+}) => any;
 export default i18n;

package/dist/commonjs/i18n/index.js

@@ -3,25 +3,70 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const i18next_1 = __importDefault(require("i18next"));
-const react_i18next_1 = require("react-i18next");
+exports.I18nextProvider = exports.i18n = void 0;
+exports.t = t;
+exports.useTranslation = useTranslation;
+const react_1 = __importDefault(require("react"));
 const en_json_1 = __importDefault(require("./locales/en.json"));
-// Dedicated instance so the inspector never collides with the host app's own
-// i18next setup (or with i18next instances created by other libraries).
-const i18n = i18next_1.default.createInstance();
-i18n.use(react_i18next_1.initReactI18next).init({
-    lng: 'en',
-    fallbackLng: 'en',
-    resources: {
-        en: {
-            translation: en_json_1.default,
-        },
-    },
-    interpolation: {
-        escapeValue: false,
-    },
-    react: {
-        useSuspense: false,
-    },
-});
-exports.default = i18n;
+/**
+ * Lightweight nested lookup for translation keys (e.g. "network.headers")
+ */
+function lookupKey(obj, path) {
+    if (!obj || !path)
+        return undefined;
+    const parts = path.split('.');
+    let current = obj;
+    for (let i = 0; i < parts.length; i++) {
+        if (current == null)
+            return undefined;
+        current = current[parts[i]];
+    }
+    return current;
+}
+/**
+ * Interpolates {{key}} placeholders in string templates
+ */
+function interpolate(template, params) {
+    if (!params || typeof template !== 'string')
+        return template;
+    return template.replace(/\{\{\s*([a-zA-Z0-9_]+)\s*\}\}/g, (_, key) => {
+        return params[key] !== undefined ? String(params[key]) : `{{${key}}}`;
+    });
+}
+/**
+ * Standalone zero-dependency translation function
+ */
+function t(key, optionsOrFallback) {
+    const raw = lookupKey(en_json_1.default, key);
+    if (typeof raw === 'string') {
+        if (typeof optionsOrFallback === 'object' && optionsOrFallback !== null) {
+            return interpolate(raw, optionsOrFallback);
+        }
+        return raw;
+    }
+    if (typeof optionsOrFallback === 'string') {
+        return optionsOrFallback;
+    }
+    return key;
+}
+exports.i18n = {
+    t,
+    language: 'en',
+};
+/**
+ * React hook compatible with react-i18next useTranslation()
+ */
+function useTranslation() {
+    return {
+        t,
+        i18n: exports.i18n,
+    };
+}
+/**
+ * Backward-compatible I18nextProvider component
+ */
+const I18nextProvider = ({ children }) => {
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+};
+exports.I18nextProvider = I18nextProvider;
+exports.default = exports.i18n;

package/dist/commonjs/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-declare const NetworkInspectorWrapper: (props: any) => React.JSX.Element;
+import { NetworkInspectorProps } from './types';
+declare const NetworkInspectorWrapper: (props: NetworkInspectorProps) => React.JSX.Element;
 export default NetworkInspectorWrapper;
 export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, addAxiosInterceptors, } from './customHooks/networkLogger';
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, } from './customHooks/consoleLogger';

package/dist/commonjs/index.js

@@ -41,8 +41,7 @@ const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = require("@react-navigation/native");
 // i18n
-const react_i18next_1 = require("react-i18next");
-const i18n_1 = __importDefault(require("./i18n"));
+const i18n_1 = require("./i18n");
 // Components
 const ErrorBoundary_1 = __importDefault(require("./components/ErrorBoundary"));
 const MainScreen_1 = __importDefault(require("./components/Inspector/MainScreen"));
@@ -1280,11 +1279,16 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     </InspectorContext_1.InspectorContext.Provider>);
 };
 const NetworkInspectorWrapper = (props) => {
-    return (<react_i18next_1.I18nextProvider i18n={i18n_1.default}>
+    // 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) {
+        return null;
+    }
+    return (<i18n_1.I18nextProvider i18n={i18n_1.i18n}>
       <ErrorBoundary_1.default fallbackType="inline">
         <NetworkInspector {...props}/>
       </ErrorBoundary_1.default>
-    </react_i18next_1.I18nextProvider>);
+    </i18n_1.I18nextProvider>);
 };
 exports.default = NetworkInspectorWrapper;
 // Re-export public APIs

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

@@ -85,6 +85,7 @@ export interface PersistedSettings {
 export interface NetworkInspectorProps {
     enabled?: boolean;
     isEnabled?: boolean;
+    forceEnable?: boolean;
     storage?: InspectorStorage;
     navigationRef?: any;
     appIcon?: any;

package/dist/esm/components/ConsoleLogCard.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../i18n';
 import { Pressable, StyleSheet, Text, View, } from 'react-native';
 import { AppColors } from '../styles/AppColors';
 import { AppFonts } from '../styles/AppFonts';

package/dist/esm/components/DiffViewer.js

@@ -1,4 +1,4 @@
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../i18n';
 import React, { useMemo } from 'react';
 import { View, Text, ScrollView } from 'react-native';
 // Helpers

package/dist/esm/components/HeadersSection.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../i18n';
 import { View, Pressable, Text, Animated } from 'react-native';
 // Components
 import CopyButton from './CopyButton';

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

@@ -1,6 +1,6 @@
 import React, { useState, useMemo, useCallback } from 'react';
 import { Image, Linking, Pressable, ScrollView, StyleSheet, Text, TextInput, View, } from 'react-native';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../../i18n';
 import TouchableScale from '../TouchableScale';
 import CopyButton from '../CopyButton';
 import HighlightText from '../HighlightText';

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

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
 import { FlatList, Pressable, ScrollView, Text, TextInput, View, } from 'react-native';
 import { useInspector } from './InspectorContext';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../../i18n';
 import TouchableScale from '../TouchableScale';
 import AnimatedEntrance from '../AnimatedEntrance';
 import { ConsoleLogCard } from '../ConsoleLogCard';

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

@@ -1,5 +1,5 @@
 import React, { useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../../i18n';
 import { Pressable, ScrollView, StyleSheet, Text, TextInput, View, } from 'react-native';
 import { useInspector } from './InspectorContext';
 import HighlightText from '../HighlightText';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../../i18n';
 import { Image, Linking, Pressable, ScrollView, Text, TextInput, View, } from 'react-native';
 import Svg, { Circle } from 'react-native-svg';
 import { animateNextLayout, useInspector } from './InspectorContext';

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

@@ -1,6 +1,6 @@
 import React, { useState, useMemo, useEffect } from 'react';
 import { Alert, Platform, Pressable, ScrollView, StyleSheet, Text, TextInput, ToastAndroid, TouchableOpacity, View, } from 'react-native';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../../i18n';
 import { useInspector } from './InspectorContext';
 import SegmentedTabs from '../SegmentedTabs';
 import JsonViewer from '../JsonViewer';

package/dist/esm/components/JsonViewer.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { ScrollView, View, Text, StyleSheet, TouchableOpacity } from 'react-native';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../i18n';
 // Components
 import TreeNode from './TreeNode';
 import SegmentedTabs from './SegmentedTabs';

package/dist/esm/components/LogCard.js

@@ -8,7 +8,7 @@ import { CalendarIcon, ClockIcon, SizeIcon } from './NetworkIcons';
 import styles from '../styles';
 import HighlightText from './HighlightText';
 import TouchableScale from './TouchableScale';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../i18n';
 const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, timelineTotalRange, isNew, isSelected, onToggleSelect, searchStr, }) {
     const { t } = useTranslation();
     const methodColor = METHOD_COLORS[item.method] ?? METHOD_COLORS.ALL;

package/dist/esm/components/MetaAccordion.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../i18n';
 import { View, Pressable, Text, Animated } from 'react-native';
 // Constants
 import { DURATION_FAST_MS, DURATION_SLOW_MS } from '../constants';

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.20";
+export declare const LIB_VERSION = "1.1.21";

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 = '1.1.20';
+export const LIB_VERSION = '1.1.21';

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

@@ -1,2 +1,28 @@
-declare const i18n: import("i18next").i18n;
+import React from 'react';
+type TranslationParams = Record<string, any>;
+/**
+ * Standalone zero-dependency translation function
+ */
+export declare function t(key: string, optionsOrFallback?: TranslationParams | string): string;
+export declare const i18n: {
+    t: typeof t;
+    language: string;
+};
+/**
+ * React hook compatible with react-i18next useTranslation()
+ */
+export declare function useTranslation(): {
+    t: typeof t;
+    i18n: {
+        t: typeof t;
+        language: string;
+    };
+};
+/**
+ * Backward-compatible I18nextProvider component
+ */
+export declare const I18nextProvider: ({ children }: {
+    children?: React.ReactNode;
+    i18n?: any;
+}) => any;
 export default i18n;

package/dist/esm/i18n/index.js

@@ -1,22 +1,63 @@
-import i18next from 'i18next';
-import { initReactI18next } from 'react-i18next';
+import React from 'react';
 import en from './locales/en.json';
-// Dedicated instance so the inspector never collides with the host app's own
-// i18next setup (or with i18next instances created by other libraries).
-const i18n = i18next.createInstance();
-i18n.use(initReactI18next).init({
-    lng: 'en',
-    fallbackLng: 'en',
-    resources: {
-        en: {
-            translation: en,
-        },
-    },
-    interpolation: {
-        escapeValue: false,
-    },
-    react: {
-        useSuspense: false,
-    },
-});
+/**
+ * Lightweight nested lookup for translation keys (e.g. "network.headers")
+ */
+function lookupKey(obj, path) {
+    if (!obj || !path)
+        return undefined;
+    const parts = path.split('.');
+    let current = obj;
+    for (let i = 0; i < parts.length; i++) {
+        if (current == null)
+            return undefined;
+        current = current[parts[i]];
+    }
+    return current;
+}
+/**
+ * Interpolates {{key}} placeholders in string templates
+ */
+function interpolate(template, params) {
+    if (!params || typeof template !== 'string')
+        return template;
+    return template.replace(/\{\{\s*([a-zA-Z0-9_]+)\s*\}\}/g, (_, key) => {
+        return params[key] !== undefined ? String(params[key]) : `{{${key}}}`;
+    });
+}
+/**
+ * Standalone zero-dependency translation function
+ */
+export function t(key, optionsOrFallback) {
+    const raw = lookupKey(en, key);
+    if (typeof raw === 'string') {
+        if (typeof optionsOrFallback === 'object' && optionsOrFallback !== null) {
+            return interpolate(raw, optionsOrFallback);
+        }
+        return raw;
+    }
+    if (typeof optionsOrFallback === 'string') {
+        return optionsOrFallback;
+    }
+    return key;
+}
+export const i18n = {
+    t,
+    language: 'en',
+};
+/**
+ * React hook compatible with react-i18next useTranslation()
+ */
+export function useTranslation() {
+    return {
+        t,
+        i18n,
+    };
+}
+/**
+ * Backward-compatible I18nextProvider component
+ */
+export const I18nextProvider = ({ children }) => {
+    return React.createElement(React.Fragment, null, children);
+};
 export default i18n;

package/dist/esm/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-declare const NetworkInspectorWrapper: (props: any) => React.JSX.Element;
+import { NetworkInspectorProps } from './types';
+declare const NetworkInspectorWrapper: (props: NetworkInspectorProps) => React.JSX.Element;
 export default NetworkInspectorWrapper;
 export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, addAxiosInterceptors, } from './customHooks/networkLogger';
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, } from './customHooks/consoleLogger';

package/dist/esm/index.js

@@ -2,8 +2,7 @@ import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react'
 import { Alert, Animated, PanResponder, Platform, UIManager, LogBox, InteractionManager, } from 'react-native';
 import { NavigationContext } from '@react-navigation/native';
 // i18n
-import { I18nextProvider } from 'react-i18next';
-import i18n from './i18n';
+import { I18nextProvider, i18n } from './i18n';
 // Components
 import ErrorBoundary from './components/ErrorBoundary';
 import MainScreen from './components/Inspector/MainScreen';
@@ -1241,6 +1240,11 @@ 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) {
+        return null;
+    }
     return (<I18nextProvider i18n={i18n}>
       <ErrorBoundary fallbackType="inline">
         <NetworkInspector {...props}/>

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

@@ -85,6 +85,7 @@ export interface PersistedSettings {
 export interface NetworkInspectorProps {
     enabled?: boolean;
     isEnabled?: boolean;
+    forceEnable?: boolean;
     storage?: InspectorStorage;
     navigationRef?: any;
     appIcon?: any;

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "1.1.20",
-  "description": "A self-contained network, console, analytics, and webview inspector for React Native applications.",
+  "version": "1.1.21",
+  "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",
     "url": "git+https://github.com/vengatmacuser/react-native-inapp-inspector.git"
   },
   "bugs": {
-    "url": "https://github.com/vengatmacuser/react-native-inapp-inspector/issues"
+    "url": "https://github.com/vengatmacuser/react-native-inapp-inspector/issues",
+    "email": "vengatmacuser@gmail.com"
   },
   "homepage": "https://github.com/vengatmacuser/react-native-inapp-inspector#readme",
   "main": "dist/commonjs/index.js",
@@ -35,11 +36,32 @@
   },
   "keywords": [
     "react-native",
+    "react-native-inapp-inspector",
     "network-logger",
     "network-inspector",
+    "react-native-network-logger",
+    "flipper-alternative",
+    "chucker",
+    "chucker-react-native",
+    "in-app-inspector",
+    "in-app-debugger",
+    "react-native-debugger",
+    "react-native-devtools",
+    "devtools",
+    "expo",
+    "expo-network-logger",
+    "http-logger",
+    "api-inspector",
+    "console-logger",
+    "redux-inspector",
+    "redux-logger",
     "analytics-logger",
-    "webview-logger",
-    "debug-tool"
+    "bundle-visualizer",
+    "hermes",
+    "zero-config",
+    "debug-tool",
+    "ios",
+    "android"
   ],
   "author": "Vengateswaran Balakrishnan",
   "contributors": [
@@ -53,16 +75,16 @@
     "type": "github",
     "url": "https://github.com/sponsors/vengatmacuser"
   },
-  "dependencies": {
-    "@react-navigation/native": "^6.1.9",
-    "i18next": "^26.3.6",
-    "react-i18next": "^17.0.11",
-    "react-native-linear-gradient": "^2.8.3",
-    "react-native-svg": "^15.14.0"
-  },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-native": ">=0.60.0"
+    "react-native": ">=0.60.0",
+    "react-native-linear-gradient": ">=2.0.0",
+    "react-native-svg": ">=12.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@react-navigation/native": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@react-navigation/native": "^6.1.9",