react-native-inapp-inspector 2.3.13 → 2.3.14

package/src/components/Inspector/MainScreen.tsx

@@ -36,6 +36,7 @@ import Toast from '../Toast';
 import styles from '../../styles';
 import {AppColors} from '../../styles/AppColors';
 import NavigationTracker from './NavigationTracker';
+import {isLocalDebugEnvironment} from '../../helpers';
 
 const MainScreen = () => {
   const {
@@ -171,7 +172,9 @@ const MainScreen = () => {
                       {activeTab === 'crash' && <CrashTab />}
                       {activeTab === 'device' && <DeviceInfoTab />}
                       {activeTab === 'storage' && <StorageTab />}
-                      {activeTab === 'debugging' && <DebuggingTab />}
+                      {Platform.OS === 'android' &&
+                        isLocalDebugEnvironment() &&
+                        activeTab === 'debugging' && <DebuggingTab />}
                     </Animated.View>
 
                     {/* Detail View Layer - Rendered on top with smooth slide & spring transition */}

package/src/components/Inspector/SettingsPanel.tsx

@@ -59,7 +59,7 @@ import {
   QrCodeIcon,
 } from '../NetworkIcons';
 import {LIB_VERSION} from '../../constants';
-import {copyToClipboard} from '../../helpers';
+import {copyToClipboard, isLocalDebugEnvironment} from '../../helpers';
 import {showToast} from '../../helpers/toast';
 import {pruneAllLogs} from '../../helpers/memoryManager';
 
@@ -131,78 +131,88 @@ const SettingsPanel = () => {
     Platform.OS === 'android' ? StatusBar.currentHeight || 24 : 44;
   const headerTopPadding = modalHeightPercent >= 95 ? statusBarHeight : 0;
 
-  const allModules = [
-    {
-      key: 'apis',
-      label: 'APIs (Network)',
-      category: 'core',
-      icon: 'apis',
-      desc: 'HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector',
-    },
-    {
-      key: 'logs',
-      label: 'Console Logs',
-      category: 'core',
-      icon: 'logs',
-      desc: 'Terminal console logs, warnings, errors & stack traces',
-    },
-    {
-      key: 'performance',
-      label: 'Performance Tracker',
-      category: 'diagnostic',
-      icon: 'performance',
-      desc: '60 FPS monitor, Hermes memory telemetry & re-render profiler',
-    },
-    {
-      key: 'bundle',
-      label: 'Bundle Analyzer',
-      category: 'diagnostic',
-      icon: 'bundle',
-      desc: 'Metro packager dependencies, source maps & asset breakdown',
-    },
-    {
-      key: 'crash',
-      label: 'Crash Protection',
-      category: 'diagnostic',
-      icon: 'crash',
-      desc: 'Runtime exception guard, breadcrumbs & memory snapshot',
-    },
-    {
-      key: 'analytics',
-      label: 'Analytics Logger',
-      category: 'telemetry',
-      icon: 'analytics',
-      desc: 'Firebase & custom analytics events, user properties & params',
-    },
-    {
-      key: 'redux',
-      label: 'Redux Inspector',
-      category: 'telemetry',
-      icon: 'redux',
-      desc: 'Store state diffing, action history & reducer timeline',
-    },
-    {
-      key: 'device',
-      label: 'Device Info',
-      category: 'diagnostic',
-      icon: 'device',
-      desc: 'Hardware specs, IP address, screen metrics, UDID & runtime stats',
-    },
-    {
-      key: 'storage',
-      label: 'Storage Inspector',
-      category: 'telemetry',
-      icon: 'storage',
-      desc: 'AsyncStorage & MMKV key-value store viewer with full CRUD support',
-    },
-    {
-      key: 'debugging',
-      label: 'Multi-Device Debugging',
-      category: 'diagnostic',
-      icon: 'debugging',
-      desc: 'QR Code bridge for direct Debug APK download & Metro live-reload sync',
-    },
-  ] as const;
+  const allModules = useMemo(
+    () =>
+      (
+        [
+          {
+            key: 'apis',
+            label: 'APIs (Network)',
+            category: 'core',
+            icon: 'apis',
+            desc: 'HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector',
+          },
+          {
+            key: 'logs',
+            label: 'Console Logs',
+            category: 'core',
+            icon: 'logs',
+            desc: 'Terminal console logs, warnings, errors & stack traces',
+          },
+          {
+            key: 'performance',
+            label: 'Performance Tracker',
+            category: 'diagnostic',
+            icon: 'performance',
+            desc: '60 FPS monitor, Hermes memory telemetry & re-render profiler',
+          },
+          {
+            key: 'bundle',
+            label: 'Bundle Analyzer',
+            category: 'diagnostic',
+            icon: 'bundle',
+            desc: 'Metro packager dependencies, source maps & asset breakdown',
+          },
+          {
+            key: 'crash',
+            label: 'Crash Protection',
+            category: 'diagnostic',
+            icon: 'crash',
+            desc: 'Runtime exception guard, breadcrumbs & memory snapshot',
+          },
+          {
+            key: 'analytics',
+            label: 'Analytics Logger',
+            category: 'telemetry',
+            icon: 'analytics',
+            desc: 'Firebase & custom analytics events, user properties & params',
+          },
+          {
+            key: 'redux',
+            label: 'Redux Inspector',
+            category: 'telemetry',
+            icon: 'redux',
+            desc: 'Store state diffing, action history & reducer timeline',
+          },
+          {
+            key: 'device',
+            label: 'Device Info',
+            category: 'diagnostic',
+            icon: 'device',
+            desc: 'Hardware specs, IP address, screen metrics, UDID & runtime stats',
+          },
+          {
+            key: 'storage',
+            label: 'Storage Inspector',
+            category: 'telemetry',
+            icon: 'storage',
+            desc: 'AsyncStorage & MMKV key-value store viewer with full CRUD support',
+          },
+          {
+            key: 'debugging',
+            label: 'Multi-Device Debugging',
+            category: 'diagnostic',
+            icon: 'debugging',
+            desc: 'QR Code bridge for direct Debug APK download & Metro live-reload sync',
+          },
+        ] as const
+      ).filter(m =>
+        m.key === 'debugging'
+          ? Platform.OS === 'android' && isLocalDebugEnvironment()
+          : true,
+      ),
+    [],
+  );
 
   // Staged selection state for checkboxes before clicking "Save Changes"
   const [stagedTabVisibility, setStagedTabVisibility] = useState<
@@ -217,7 +227,7 @@ const SettingsPanel = () => {
     crash: Boolean(tabVisibility?.crash),
     device: Boolean(tabVisibility?.device),
     storage: Boolean(tabVisibility?.storage),
-    debugging: Boolean(tabVisibility?.debugging ?? true),
+    debugging: Boolean(tabVisibility?.debugging),
   }));
 
   // Synchronize staged state with tabVisibility when tabVisibility updates
@@ -232,7 +242,7 @@ const SettingsPanel = () => {
       crash: Boolean(tabVisibility?.crash),
       device: Boolean(tabVisibility?.device),
       storage: Boolean(tabVisibility?.storage),
-      debugging: Boolean(tabVisibility?.debugging ?? true),
+      debugging: Boolean(tabVisibility?.debugging),
     });
   }, [tabVisibility]);
 

package/src/components/Inspector/TabBar.tsx

@@ -1,5 +1,12 @@
 import React from 'react';
-import {Animated, ScrollView, Text, TouchableOpacity, View} from 'react-native';
+import {
+  Animated,
+  Platform,
+  ScrollView,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native';
 import {useInspector} from './InspectorContext';
 import styles from '../../styles';
 import {AppColors} from '../../styles/AppColors';
@@ -20,6 +27,7 @@ import {
 import {isReduxConnected} from '../../customHooks/reduxLogger';
 import {isAnalyticsConnected} from '../../customHooks/analyticsLogger';
 import {triggerNativeHaptic} from '../../native/NativeInspector';
+import {isLocalDebugEnvironment} from '../../helpers';
 
 const TabBar = React.memo(() => {
   const {
@@ -110,7 +118,13 @@ const TabBar = React.memo(() => {
           ] as const
         )
           .filter(tab => {
-            if (tab.key === 'debugging') return true;
+            if (tab.key === 'debugging') {
+              return (
+                Platform.OS === 'android' &&
+                isLocalDebugEnvironment() &&
+                Boolean(tabVisibility?.debugging)
+              );
+            }
             if (!tabVisibility?.[tab.key]) return false;
             if (tab.key === 'redux' && !isReduxAvail) return false;
             if (tab.key === 'analytics' && !isAnalyticsAvail) return false;

package/src/components/QRCodeView.tsx

@@ -19,8 +19,8 @@ export const QRCodeView: React.FC<QRCodeViewProps> = ({
 }) => {
   const matrix = useMemo(() => generateQRMatrix(value || 'http://localhost:8081'), [value]);
   const numCells = matrix.length || 21;
-  // Add a 3-module quiet zone (white border) required by QR scanners
-  const margin = 3;
+  // Standard 4-module quiet zone (white border) for 100% instant phone camera / Google Lens recognition
+  const margin = 4;
   const totalCells = numCells + margin * 2;
   const cellSize = size / totalCells;
 

package/src/constants/telemetryConfig.ts

@@ -1,4 +1,6 @@
 // AUTO-GENERATED FILE — do not edit by hand.
-export const ENC_MID = '';
-export const ENC_SEC = '';
-export const TELEMETRY_SALT = '';
+// Generated by scripts/gen-telemetry.js from .env at build time.
+
+export const ENC_MID = 'df8ace0290a695bd05986213';
+export const ENC_SEC = 'db93cb0186b1f7bb0ba63a0d0a64997586849455ce37';
+export const TELEMETRY_SALT = 'rn-inapp-inspector-telemetry-v1';

package/src/constants/version.ts

@@ -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.3.13';
+export const LIB_VERSION = '2.3.14';

package/src/helpers/index.ts

@@ -25,6 +25,21 @@ import {
 export * from './searchQueryParser';
 export * from './memoryManager';
 
+/**
+ * Returns true if running in local debug environment (connected to Metro/dev server, __DEV__ is true).
+ * Returns false in standalone release / signed APKs.
+ */
+export const isLocalDebugEnvironment = (): boolean => {
+  const isDev = typeof __DEV__ !== 'undefined' && Boolean(__DEV__);
+  const scriptURL: string = NativeModules.SourceCode?.scriptURL || '';
+  const hasDevServer =
+    scriptURL.startsWith('http://') ||
+    scriptURL.startsWith('https://') ||
+    scriptURL.includes(':8081') ||
+    scriptURL.includes(':8082');
+  return isDev || hasDevServer;
+};
+
 export const getDomainColor = (domain: string): string => {
   if (!domain) return DOMAIN_COLORS[0];
   let hash = 0;