react-native-inapp-inspector 1.1.26 → 1.1.28

package/dist/commonjs/customHooks/reduxLogger.d.ts

@@ -1,5 +1,6 @@
 import { ReduxHistoryEntry } from '../types';
 export { ReduxHistoryEntry };
+export declare const isReduxConnected: () => boolean;
 export declare const getReduxState: () => any;
 export declare const setReduxAutoRefresh: (val: boolean) => void;
 export declare const getReduxAutoRefresh: () => boolean;

package/dist/commonjs/customHooks/reduxLogger.js

@@ -13,7 +13,7 @@
 //      dispatch reference at store-creation time) still update the state tree
 //      and per-reducer "last action" consistently.
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.connectReduxStore = exports.inspectorReduxMiddleware = exports.subscribeReduxState = exports.setReduxState = exports.clearActionHistory = exports.getActionHistory = exports.clearLastActionForReducer = exports.getLastActionForReducer = exports.getReduxAutoRefresh = exports.setReduxAutoRefresh = exports.getReduxState = void 0;
+exports.connectReduxStore = exports.inspectorReduxMiddleware = exports.subscribeReduxState = exports.setReduxState = exports.clearActionHistory = exports.getActionHistory = exports.clearLastActionForReducer = exports.getLastActionForReducer = exports.getReduxAutoRefresh = exports.setReduxAutoRefresh = exports.getReduxState = exports.isReduxConnected = void 0;
 let currentReduxState = null;
 const listeners = new Set();
 let globalReduxAutoRefresh = true;
@@ -26,6 +26,8 @@ let historyIdSeq = 0;
 // timeline entries and inconsistent counts.
 const connectedStores = new WeakSet();
 let middlewareAttached = false;
+const isReduxConnected = () => middlewareAttached || currentReduxState != null || actionHistory.length > 0;
+exports.isReduxConnected = isReduxConnected;
 const getReduxState = () => currentReduxState;
 exports.getReduxState = getReduxState;
 const setReduxAutoRefresh = (val) => {

package/dist/commonjs/helpers/index.js

@@ -62,7 +62,20 @@ const getSize = (data) => {
 exports.getSize = getSize;
 // Safely detect and load clipboard natively without static require() calls that Metro fails on
 const getClipboardModule = () => {
-    // 1. Check TurboModuleRegistry (TurboModules / New Architecture)
+    // 1. Check our built-in native module (NetworkInspectorModule)
+    try {
+        const tmReg = react_native_1.TurboModuleRegistry || globalThis.__turboModuleProxy;
+        const inspectorMod = react_native_1.NativeModules?.NetworkInspectorModule ||
+            (tmReg?.get ? tmReg.get('NetworkInspectorModule') : null);
+        if (inspectorMod && typeof inspectorMod.copyToClipboard === 'function') {
+            return {
+                setString: (str) => inspectorMod.copyToClipboard(str),
+                setStringAsync: (str) => inspectorMod.copyToClipboard(str),
+            };
+        }
+    }
+    catch { }
+    // 2. Check TurboModuleRegistry (TurboModules / New Architecture)
     try {
         const tmReg = react_native_1.TurboModuleRegistry || globalThis.__turboModuleProxy;
         if (tmReg?.get) {
@@ -77,7 +90,7 @@ const getClipboardModule = () => {
         }
     }
     catch { }
-    // 2. Check legacy NativeModules table (Bridge / Old Architecture)
+    // 3. Check legacy NativeModules table (Bridge / Old Architecture)
     try {
         if (react_native_1.NativeModules?.RNCClipboard &&
             typeof react_native_1.NativeModules.RNCClipboard.setString === 'function') {
@@ -93,7 +106,7 @@ const getClipboardModule = () => {
         }
     }
     catch { }
-    // 3. Check legacy React Native core Clipboard
+    // 4. Check legacy React Native core Clipboard
     try {
         if (react_native_1.Clipboard && typeof react_native_1.Clipboard.setString === 'function') {
             return react_native_1.Clipboard;
@@ -121,6 +134,17 @@ const copyToClipboard = (value, label) => {
         }
     }
     catch { }
+    // Built-in native module direct invocation
+    if (!copied) {
+        try {
+            const inspectorMod = react_native_1.NativeModules?.NetworkInspectorModule;
+            if (inspectorMod && typeof inspectorMod.copyToClipboard === 'function') {
+                inspectorMod.copyToClipboard(textToCopy);
+                copied = true;
+            }
+        }
+        catch { }
+    }
     if (!copied) {
         try {
             if (typeof navigator !== 'undefined' && navigator?.clipboard?.writeText) {

package/dist/commonjs/i18n/locales/en.json

@@ -39,6 +39,11 @@
         "mainTitle": "Settings",
         "requiredBadge": "REQUIRED",
         "defaultBadge": "DEFAULT",
+        "notConnectedBadge": "NOT CONNECTED",
+        "notDetectedBadge": "NOT DETECTED",
+        "readOnlyBadge": "READ ONLY",
+        "reduxNotConnectedTip": "Redux store is not connected. Call connectReduxStore(store) or use inspectorReduxMiddleware to enable.",
+        "analyticsNotConnectedTip": "Analytics is not initialized. Call setupAnalyticsLogger(analytics()) to enable.",
         "tabVisibility": "Tab Visibility",
         "tabVisibilityDescription": "Choose which modules appear in the inspector",
         "settingsTitle": "Settings",
@@ -262,7 +267,19 @@
         "pageViewCategory": "Page View",
         "ecommerceCategory": "Ecommerce",
         "systemCategory": "System",
-        "customCategory": "Custom"
+        "customCategory": "Custom",
+        "realtimeStream": "Realtime Activity",
+        "liveTelemetry": "Live Telemetry",
+        "eventsInWindow": "events in window",
+        "eventVelocity": "{{rate}} ev/min",
+        "peakVolume": "Peak: {{count}}",
+        "time30mAgo": "-30m",
+        "time20mAgo": "-20m",
+        "time10mAgo": "-10m",
+        "timeNow": "NOW",
+        "selectedBucket": "Bucket: {{time}} ({{count}} events)",
+        "totalRevenue": "Revenue",
+        "activeDistribution": "Category Split"
     },
     "redux": {
         "title": "Redux",
@@ -351,6 +368,14 @@
         "components": "Components",
         "memoryGc": "Memory & GC",
         "networkIo": "Network & I/O",
+        "catAll": "All",
+        "catJanky": "Janky",
+        "catNavigation": "Navigation",
+        "catRender": "Components",
+        "catMemory": "Memory",
+        "catIo": "I/O",
+        "recording": "Recording",
+        "paused": "Paused",
         "budgetHeadroom": "~{{time}}ms Headroom ({{percent}}%)",
         "jsExec": "JS Exec: {{time}}ms",
         "yogaLayoutTime": "Yoga Layout: {{time}}ms",
@@ -370,8 +395,144 @@
         "fpsUnit": "FPS",
         "jsLag": "JS Lag",
         "jankRate": "Jank Rate",
+        "fpsAreaChartTitle": "Real-Time FPS Stream & Jitter (30s)",
+        "fpsAreaChartSub": "Live 60 FPS target with continuous frame variance measurement",
+        "frameLatencyDistTitle": "Frame Latency Distribution",
+        "frameLatencyDistSub": "Proportion of frames delivered within 16.6ms budget",
+        "optimalBucket": "< 16.6ms (60 FPS)",
+        "minorJankBucket": "16.7 - 33.3ms (30-60 FPS)",
+        "noticeableJankBucket": "33.4 - 50.0ms (20-30 FPS)",
+        "severeFreezeBucket": "> 50.0ms (< 20 FPS)",
+        "hermesHeapTrendTitle": "Memory & Hermes Heap Dynamics",
+        "hermesHeapTrendSub": "Live allocation vs generational GC scavenge cycles",
         "live": "Live",
-        "msTotal": "{{duration}}ms total • {{time}}"
+        "msTotal": "{{duration}}ms total • {{time}}",
+        "droppedFrames": "{{count}} Dropped",
+        "zeroDropped": "0 Dropped",
+        "frameBudgetMs": "{{time}}ms / frame ({{budget}}% budget)",
+        "target60Fps": "Target 60 FPS • Actual {{fps}} FPS",
+        "frameDuration": "Frame Duration",
+        "frameDurationVal": "{{time}} ms (16.67ms budget)",
+        "frameUtilization": "Frame Budget Exceeded",
+        "frameBudgetOk": "Frame Budget Headroom",
+        "bottleneck": "Bottleneck",
+        "jsBound": "JS Thread Bound",
+        "uiBound": "UI Thread Bound",
+        "balanced": "Balanced",
+        "smooth": "Smooth 60 FPS",
+        "minorJank": "Minor Stutter",
+        "noticeableJank": "Noticeable Jank",
+        "severeFreeze": "Severe Freeze",
+        "screenContext": "Screen Context",
+        "profileReason1": "Inline arrow function props passed to children (onAddToCart={() => ...})",
+        "profileReason2": "Unmemoized Redux selector creating new object reference on every dispatch",
+        "profileReason3": "Dynamic style object created in render body ({ marginTop: insets.top + 10 })",
+        "profileReason4": "FlatList missing getItemLayout causing async layout measuring passes",
+        "profileReason5": "renderItem function defined anonymously inside JSX body",
+        "profileReason6": "List item components not wrapped with React.memo",
+        "profileReason7": "Parent screen re-rendered on keyboard show/hide event",
+        "profileReason8": "Unstable callback reference passed into checkout button",
+        "profileReason9": "TextInput value state triggers parent re-render on every keystroke without debouncing",
+        "profileReason10": "Passing unmemoized filter object ({ category, minPrice }) down to child chips",
+        "profileReason11": "Avatar image cache re-validation on auth session refresh",
+        "fixUseCallbackTitle": "Wrap Event Handlers in useCallback",
+        "fixUseCallbackDesc": "Inline functions recreate a new memory reference on every render, invalidating React.memo on child components.",
+        "fixCreateSelectorTitle": "Memoize Redux / Zustand Selectors with shallowEqual",
+        "fixCreateSelectorDesc": "Returning new object or array references inside useSelector forces an automatic re-render on every state dispatch.",
+        "fixUseMemoStylesTitle": "Hoist Styles or Use useMemo for Dynamic Dimensions",
+        "fixUseMemoStylesDesc": "Inline style objects create new object identities on every frame pass, causing Yoga Flexbox reconciliation diffs.",
+        "fixGetItemLayoutTitle": "Implement getItemLayout for Fixed-Height Items",
+        "fixGetItemLayoutDesc": "Supplying getItemLayout allows FlatList to immediately compute scroll offsets and virtual windows without measuring views asynchronously.",
+        "fixReactMemoTitle": "Wrap List Items in React.memo",
+        "fixReactMemoDesc": "Prevents all 50+ visible list items from re-rendering when parent list state (e.g. scroll position or pagination) updates.",
+        "fixComponentSplittingTitle": "Isolate Fast-Changing State in Leaf Components",
+        "fixComponentSplittingDesc": "Move keyboard listeners and modal animation state into self-contained subcomponents so the parent does not re-render.",
+        "fixDebouncedInputTitle": "Debounce Search Input or Use Local Controlled State",
+        "fixDebouncedInputDesc": "Do not propagate keystroke state into global store immediately. Use a 250ms debounce or uncontrolled ref.",
+        "fixPrimitivePropsTitle": "Pass Primitive Props Instead of Large Objects",
+        "fixPrimitivePropsDesc": "Passing only categoryId string instead of whole category object prevents re-renders when other category metadata updates.",
+        "fixUseRefForTrackingTitle": "Use useRef for Non-Visual Tracking Values",
+        "fixUseRefForTrackingDesc": "Do not store analytics timers, scroll offsets, or tracking IDs in useState if they do not directly alter the JSX tree.",
+        "highImpact": "High Impact",
+        "mediumImpact": "Medium Impact",
+        "bestPractice": "Best Practice",
+        "beforeUseCallback": "// ❌ Before in <{{comp}} /> (re-creates function reference on every render):",
+        "afterUseCallback": "// ✅ After (stable memoized callback reference):",
+        "beforeCreateSelector": "// ❌ Before in <{{comp}} /> (returns new object reference every render):",
+        "afterCreateSelector": "// ✅ After (shallowEqual prevents re-render unless values change):",
+        "beforeMemo": "// ❌ Before (<{{comp}} />):",
+        "afterMemo": "// ✅ After (skips render if props are shallowly identical):",
+        "flatListOptimization": "// FlatList Optimization for <{{comp}} />",
+        "customComparator": "// Custom equality function for <{{comp}} />",
+        "debounceInput": "// Debounce input inside <{{comp}} /> to prevent per-keystroke renders:",
+        "isolateState": "// Isolate rapidly changing state from <{{comp}} /> to child sub-tree\n// ✅ Encapsulate animated layout inside isolated component:",
+        "beforeUseRef": "// ❌ Before in <{{comp}} /> (triggers whole component re-render on value change):",
+        "afterUseRef": "// ✅ After (preserves mutable reference across renders without re-rendering):",
+        "fixInteractionManagerTitle": "Defer Offscreen Logic with InteractionManager",
+        "fixInteractionManagerDesc": "Heavy data processing during screen animations drops frames. Defer until transition finishes.",
+        "beforeInteractionManager": "// ❌ Before in <{{comp}} /> (runs heavy computation while transition animates):\nuseEffect(() => {\n  loadHeavyData();\n}, []);",
+        "afterInteractionManager": "// ✅ After (waits until transition completes smoothly):\nuseEffect(() => {\n  const task = InteractionManager.runAfterInteractions(() => {\n    loadHeavyData();\n  });\n  return () => task.cancel();\n}, []);",
+        "fixFlatListWindowingTitle": "Tune FlatList Windowing Properties",
+        "fixFlatListWindowingDesc": "Configure maxToRenderPerBatch and windowSize to minimize offscreen virtualized view allocations.",
+        "beforeFlatListWindowing": "// FlatList Windowing Optimization for <{{comp}} />:\n<FlatList\n  data={items}\n  maxToRenderPerBatch={10}\n  windowSize={5}\n  initialNumToRender={8}\n  removeClippedSubviews={true}\n/>",
+        "fixImageCachingTitle": "Optimize Image Caching and Downscaling",
+        "fixImageCachingDesc": "Use priority headers or resizeMode downscaling to avoid massive bitmap allocations in the Hermes heap.",
+        "beforeImageCaching": "// Image Optimization for <{{comp}} />:\n<Image\n  source={{ uri: imageUrl, cache: 'force-cache' }}\n  resizeMode=\"cover\"\n  fadeDuration={100}\n/>",
+        "fixContextSplittingTitle": "Split Monolithic Context into Granular Providers",
+        "fixContextSplittingDesc": "Components subscribing to a large context re-render even when unused state properties change.",
+        "beforeContextSplitting": "// ❌ Before (<{{comp}} /> consumes entire AppContext):\nconst { user, cart, theme } = useAppContext();",
+        "afterContextSplitting": "// ✅ After (subscribe to dedicated slice context):\nconst theme = useThemeContext();",
+        "fixInlineStylesHoistTitle": "Hoist Static Styles with StyleSheet.create",
+        "fixInlineStylesHoistDesc": "Inline style objects allocate new memory references on each render pass, causing Yoga reconciliation overhead.",
+        "beforeInlineStyles": "// ❌ Before (<{{comp}} /> allocates inline object every frame):\n<View style={{ flex: 1, padding: 16, backgroundColor: '#ffffff' }} />",
+        "afterInlineStyles": "// ✅ After (hoisted StyleSheet reference):\nconst styles = StyleSheet.create({ container: { flex: 1, padding: 16, backgroundColor: '#ffffff' } });\n<View style={styles.container} />",
+        "transitionEventLabel": "Screen Transition: {{screen}}",
+        "transitionEventDetail": "Transition completed in {{duration}}ms (TTI: {{tti}}ms).",
+        "transitionEventAdvice": "Interaction completed within 60 FPS target budget.",
+        "heavyTaskEventLabel": "Heavy Synchronous Task: {{taskName}}",
+        "heavyTaskEventDetail": "JS thread blocked for {{duration}}ms during task execution.",
+        "heavyTaskEventAdvice": "Consider offloading to web worker, InteractionManager, or batching in chunks.",
+        "asyncOpEventLabel": "Slow Async Operation: {{opName}}",
+        "asyncOpEventDetail": "Async task took {{duration}}ms to resolve.",
+        "renderLoopWarningLabel": "Rapid Re-render Spike in <{{comp}} />",
+        "renderLoopWarningDetail": "Component re-rendered {{count}} times in 500ms. Potential infinite loop or unstable dependencies.",
+        "renderLoopWarningAdvice": "Check useEffect / useCallback dependency arrays for unstable object or function references.",
+        "event1Label": "Main Thread Spike during Navigation",
+        "event1Detail": "Screen transition triggered heavy layout reconciliation and simultaneous component mounts.",
+        "event1Advice": "Defer non-critical offscreen hooks with InteractionManager.runAfterInteractions to preserve 60 FPS.",
+        "event2Label": "FlatList Virtualization Re-render Pass",
+        "event2Detail": "FlatList rendered 25 items simultaneously on orientation change without memoized row component.",
+        "event2Advice": "Implement getItemLayout and React.memo(LogCard) to skip redundant diffing passes.",
+        "event3Label": "Native Modal Slide-Up Transition",
+        "event3Detail": "Hardware accelerated native driver animated transform running smoothly at sustained 60 FPS.",
+        "event3Advice": "Using nativeDriver: true successfully prevents JS thread blocking during animations.",
+        "event4Label": "Hermes Generational Garbage Collection",
+        "event4Detail": "Minor generational GC cycle scavenged 4.2 MB ephemeral heap objects with sub-millisecond thread pause.",
+        "event4Advice": "Hermes generational garbage collector is operating within optimal sub-5ms limits.",
+        "gcCycleLabel": "Manual Garbage Collection Cycle",
+        "gcCycleDetail": "Reclaimed ~{{amount}} MB unreferenced heap objects and compacted memory nursery.",
+        "gcCycleAdvice": "Heap usage optimized. Generational nursery cleared.",
+        "liveFpsDropLabel": "Live Frame Rate Dip ({{fps}} FPS)",
+        "liveFpsDropDetail": "Main thread frame duration extended to {{duration}}ms during view update.",
+        "liveFpsDropAdvice": "Heavy JavaScript execution during frame pass delayed display presentation.",
+        "event5Label": "Large JSON Payload Deserialization",
+        "event5Detail": "50-item API response parse overhead in network adapter (185 KB JSON raw string).",
+        "event5Advice": "Consider paginating API payloads or streaming responses if payload size exceeds 250 KB.",
+        "event6Label": "Image Bitmap Decode & Rasterization",
+        "event6Detail": "Retina raster decode for banner_dark.png (1200×630px raster buffer allocation).",
+        "event6Advice": "Downscale asset dimensions or convert to WebP to reduce decode latency by ~65%.",
+        "event7Label": "Native TurboModule JSI Invocation",
+        "event7Detail": "AsyncStorage / MMKV preferences transaction read across 32 configuration keys.",
+        "event7Advice": "Direct C++ JSI Turbomodule bindings completely bypass legacy JSON bridge serialization overhead.",
+        "event8Label": "Redux Action State Tree Diffing",
+        "event8Detail": "Redux dispatch pass evaluated 6 reducer slices and emitted state notification in 4.8ms.",
+        "event8Advice": "State tree immutability preserved. Memoized selectors prevented redundant component renders.",
+        "event9Label": "Touch-to-Render Event Latency",
+        "event9Detail": "Gesture responder dispatched tap event to TabBar button with immediate 60 FPS response.",
+        "event9Advice": "Touch responder latency is well within standard 16.67ms frame budget.",
+        "event10Label": "C++ Yoga Flexbox Layout Pass",
+        "event10Detail": "Inspector UI multi-tab card layout recalculation and font metrics pass in C++ Yoga engine.",
+        "event10Advice": "Flexbox layout constraints are cached and computed efficiently with zero reflow penalties."
     },
     "bundle": {
         "heroTitle": "Bundle & Asset Architecture",
@@ -525,7 +686,52 @@
         "bestPractice": "Best Practice",
         "actionRequired": "Action Required",
         "active": "Active",
-        "tipDetails": "Tip Details"
+        "tipDetails": "Tip Details",
+        "iosComp1Name": "Frameworks & Dynamic Pods",
+        "iosComp1Desc": "React, Hermes, and {{count}} native pod frameworks.",
+        "iosComp1Advice": "Ensure Dead Code Stripping (STRIP_INSTALLED_PRODUCT = YES) in Release mode.",
+        "iosComp2Name": "Mach-O Executable (ARM64)",
+        "iosComp2Desc": "Host App compiled Swift/Objective-C and C++ native bridges.",
+        "iosComp2Advice": "Enable Monolithic LTO (Link-Time Optimization) in Xcode Scheme.",
+        "iosComp3Name": "Asset Catalog (Assets.car)",
+        "iosComp3Desc": "AppIcons, splash screens, vector glyphs, and bundled fonts.",
+        "iosComp3Advice": "Compile images into Xcode Asset Catalog for automatic App Thinning.",
+        "iosComp4Name": "Hermes Bytecode (main.jsbundle)",
+        "iosComp4Desc": "Host app JavaScript compiled AOT into Hermes bytecode ({{count}} files).",
+        "iosComp4Advice": "AOT bytecode loads with 0ms compile latency on device launch.",
+        "iosComp5Name": "Metadata & Code Signatures",
+        "iosComp5Desc": "_CodeSignature, Info.plist, and entitlements block.",
+        "iosComp5Advice": "Standard Apple Code Signing & provisioning signature.",
+        "andComp1Name": "Native C++ Libraries (.so)",
+        "andComp1Desc": "libhermes.so, libfbjni.so, and {{count}} C++ native adapters.",
+        "andComp1Advice": "Deploy with Android App Bundle (.aab) to deliver per-ABI split APKs.",
+        "andComp2Name": "Compiled DEX (classes.dex)",
+        "andComp2Desc": "Compiled Java & Kotlin runtime, AndroidX, and React Native bridges.",
+        "andComp2Advice": "Enable R8 / ProGuard shrinking (minifyEnabled true) in build.gradle.",
+        "andComp3Name": "Android Resources (res/)",
+        "andComp3Desc": "Drawables, vector XMLs, mipmap densities, resources.arsc, fonts.",
+        "andComp3Advice": "Use WebP and VectorDrawables to avoid multi-density asset duplication.",
+        "andComp4Name": "Hermes Bytecode (Android)",
+        "andComp4Desc": "Host app JavaScript compiled into Hermes bytecode ({{count}} files).",
+        "andComp4Advice": "Pre-compiled bytecode during assembleRelease gradle task.",
+        "andComp5Name": "Manifest & Signatures (META-INF)",
+        "andComp5Desc": "AndroidManifest.xml, signing certs, v2/v3/v4 APK Signature Scheme blocks.",
+        "andComp5Advice": "Official Google Play signing & signature block.",
+        "apkComp1Name": "Multi-ABI C++ Libraries (.so)",
+        "apkComp1Desc": "Universal multi-architecture shared libraries (.so) bundled for direct sideloading.",
+        "apkComp1Advice": "Use Android App Bundle (.aab) for Google Play to reduce install size by 60%.",
+        "apkComp2Name": "Compiled DEX Bytecode (classes.dex)",
+        "apkComp2Desc": "Compiled Java & Kotlin runtime, AndroidX libraries, and native bridge modules.",
+        "apkComp2Advice": "Enable R8 / ProGuard shrinking (minifyEnabled true) and shrinkResources true.",
+        "apkComp3Name": "Android Resources & Assets (res/)",
+        "apkComp3Desc": "Drawables, vector XMLs, mipmap densities, resources.arsc, fonts.",
+        "apkComp3Advice": "Use WebP and VectorDrawables to avoid multi-density asset duplication.",
+        "apkComp4Name": "Hermes Bytecode Bundle (Android)",
+        "apkComp4Desc": "Host app JavaScript compiled into Hermes bytecode ({{count}} files).",
+        "apkComp4Advice": "Pre-compiled bytecode during assembleRelease gradle task.",
+        "apkComp5Name": "Manifest & Signatures (META-INF)",
+        "apkComp5Desc": "AndroidManifest.xml, signing certs, JAR & v2/v3/v4 APK Signature Scheme.",
+        "apkComp5Advice": "Enterprise sideload & direct install signature block."
     },
     "errors": {
         "title": "Something went wrong",
@@ -538,7 +744,22 @@
         "modalMessage": "The inspector hit an unexpected error. You can reset it below.",
         "inlineTitle": "Inspector error",
         "inlineMessage": "An unexpected error occurred inside the inspector.",
-        "networkError": "Network request failed"
+        "networkError": "Network request failed",
+        "crashIntercepted": "CRASH INTERCEPTED",
+        "protected": "PROTECTED",
+        "rootCauseTitle": "Root Cause Diagnostics",
+        "rootCauseSubtitle": "Inspector caught this runtime error to prevent app termination",
+        "exactLocation": "EXACT SOURCE LOCATION",
+        "file": "File:",
+        "lineCol": "Line / Col:",
+        "lineColVal": "Line {{line}}, Col {{col}}",
+        "function": "Function:",
+        "callStack": "CALL STACK FRAMES",
+        "framesCount": "{{count}} frames",
+        "tryAgainRecover": "Try Again / Recover",
+        "copyDiagnostics": "Copy Diagnostics",
+        "appTag": "APP",
+        "copy": "Copy"
     },
     "jsonViewer": {
         "pretty": "Pretty",

package/dist/commonjs/index.d.ts

@@ -10,6 +10,6 @@ export { default as CrashTab } from './components/Inspector/CrashTab';
 export { default as ErrorBoundary } from './components/ErrorBoundary';
 export { connectReduxStore, inspectorReduxMiddleware, getReduxState, subscribeReduxState, getActionHistory, clearActionHistory, getLastActionForReducer, } from './customHooks/reduxLogger';
 export { getEventCategory, registerGAPlugin, type GAPlugin, } from './helpers/gaAnalyticsRegistry';
-export { usePerformanceTracker, logPerformanceEvent, clearPerformanceEvents, subscribePerformanceEvents, getPerformanceEvents, } from './customHooks/performanceTracker';
+export { usePerformanceTracker, useComponentProfiler, useNavigationProfiler, trackComponentRender, trackNavigationTransition, trackHeavyTask, measureAsync, getHermesMemoryStats, registerComponentProfile, subscribeRenderProfiles, getRenderProfiles, logPerformanceEvent, clearPerformanceEvents, subscribePerformanceEvents, getPerformanceEvents, getInitialRenderProfiles, getInitialPerformanceEvents, generateFixSnippet, } from './customHooks/performanceTracker';
 export { InspectLog, InspectTrackTime, InspectCatch, type InspectLogOptions, } from './decorators';
 export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';

package/dist/commonjs/index.js

@@ -36,8 +36,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveTab = exports.InspectCatch = exports.InspectTrackTime = exports.InspectLog = exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.usePerformanceTracker = exports.registerGAPlugin = exports.getEventCategory = exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = exports.ErrorBoundary = exports.CrashTab = exports.computeCrashFingerprint = exports.recordUserActionBreadcrumb = exports.recordReduxBreadcrumb = exports.recordNetworkBreadcrumb = exports.recordNavigationBreadcrumb = exports.addCrashBreadcrumb = exports.recordCustomCrash = exports.parseCrashStackTrace = exports.exportCrashReport = exports.simulateTestCrash = exports.clearCrashRecords = exports.getCrashRecords = exports.emitCrashEvent = exports.subscribeCrashEvents = exports.setupGlobalCrashHandler = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
-exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = void 0;
+exports.registerComponentProfile = exports.getHermesMemoryStats = exports.measureAsync = exports.trackHeavyTask = exports.trackNavigationTransition = exports.trackComponentRender = exports.useNavigationProfiler = exports.useComponentProfiler = exports.usePerformanceTracker = exports.registerGAPlugin = exports.getEventCategory = exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = exports.ErrorBoundary = exports.CrashTab = exports.computeCrashFingerprint = exports.recordUserActionBreadcrumb = exports.recordReduxBreadcrumb = exports.recordNetworkBreadcrumb = exports.recordNavigationBreadcrumb = exports.addCrashBreadcrumb = exports.recordCustomCrash = exports.parseCrashStackTrace = exports.exportCrashReport = exports.simulateTestCrash = exports.clearCrashRecords = exports.getCrashRecords = exports.emitCrashEvent = exports.subscribeCrashEvents = exports.setupGlobalCrashHandler = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
+exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = exports.ActiveTab = exports.InspectCatch = exports.InspectTrackTime = exports.InspectLog = exports.generateFixSnippet = exports.getInitialPerformanceEvents = exports.getInitialRenderProfiles = exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.getRenderProfiles = exports.subscribeRenderProfiles = void 0;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = require("@react-navigation/native");
@@ -375,9 +375,22 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     (0, react_1.useEffect)(() => {
         (0, reduxLogger_1.setReduxAutoRefresh)(reduxAutoRefresh);
     }, [reduxAutoRefresh]);
+    // Auto-unselect Redux or Analytics tab if module is not connected / available
+    (0, react_1.useEffect)(() => {
+        if (activeTab === 'redux' && !(0, reduxLogger_1.isReduxConnected)()) {
+            setActiveTab('apis');
+        }
+        if (activeTab === 'analytics' && !(0, analyticsLogger_1.isAnalyticsConnected)()) {
+            setActiveTab('apis');
+        }
+    }, [activeTab]);
     const toggleTabVisibility = (key) => {
         if (key === 'apis')
             return;
+        if (key === 'redux' && !(0, reduxLogger_1.isReduxConnected)())
+            return;
+        if (key === 'analytics' && !(0, analyticsLogger_1.isAnalyticsConnected)())
+            return;
         setTabVisibility(prev => {
             const nextVal = !prev[key];
             const newVisibility = { ...prev, [key]: nextVal };
@@ -393,6 +406,10 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         });
     };
     const switchActiveTab = (0, react_1.useCallback)((key) => {
+        if (key === 'redux' && !(0, reduxLogger_1.isReduxConnected)())
+            return;
+        if (key === 'analytics' && !(0, analyticsLogger_1.isAnalyticsConnected)())
+            return;
         setActiveTab(key);
     }, []);
     const [selectedEvent, setSelectedEvent] = (0, react_1.useState)(null);
@@ -1228,6 +1245,10 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         setVisible(false);
         setSelected(null);
         setSelectedEvent(null);
+        setSelectedLog(null);
+        setSelectedReduxSlice(null);
+        setSelectedReduxAction(null);
+        setSelectedCrash(null);
     }
     function handleClearAll() {
         (0, networkLogger_1.clearNetworkLogs)();
@@ -1592,10 +1613,23 @@ Object.defineProperty(exports, "getEventCategory", { enumerable: true, get: func
 Object.defineProperty(exports, "registerGAPlugin", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.registerGAPlugin; } });
 var performanceTracker_1 = require("./customHooks/performanceTracker");
 Object.defineProperty(exports, "usePerformanceTracker", { enumerable: true, get: function () { return performanceTracker_1.usePerformanceTracker; } });
+Object.defineProperty(exports, "useComponentProfiler", { enumerable: true, get: function () { return performanceTracker_1.useComponentProfiler; } });
+Object.defineProperty(exports, "useNavigationProfiler", { enumerable: true, get: function () { return performanceTracker_1.useNavigationProfiler; } });
+Object.defineProperty(exports, "trackComponentRender", { enumerable: true, get: function () { return performanceTracker_1.trackComponentRender; } });
+Object.defineProperty(exports, "trackNavigationTransition", { enumerable: true, get: function () { return performanceTracker_1.trackNavigationTransition; } });
+Object.defineProperty(exports, "trackHeavyTask", { enumerable: true, get: function () { return performanceTracker_1.trackHeavyTask; } });
+Object.defineProperty(exports, "measureAsync", { enumerable: true, get: function () { return performanceTracker_1.measureAsync; } });
+Object.defineProperty(exports, "getHermesMemoryStats", { enumerable: true, get: function () { return performanceTracker_1.getHermesMemoryStats; } });
+Object.defineProperty(exports, "registerComponentProfile", { enumerable: true, get: function () { return performanceTracker_1.registerComponentProfile; } });
+Object.defineProperty(exports, "subscribeRenderProfiles", { enumerable: true, get: function () { return performanceTracker_1.subscribeRenderProfiles; } });
+Object.defineProperty(exports, "getRenderProfiles", { enumerable: true, get: function () { return performanceTracker_1.getRenderProfiles; } });
 Object.defineProperty(exports, "logPerformanceEvent", { enumerable: true, get: function () { return performanceTracker_1.logPerformanceEvent; } });
 Object.defineProperty(exports, "clearPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.clearPerformanceEvents; } });
 Object.defineProperty(exports, "subscribePerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.subscribePerformanceEvents; } });
 Object.defineProperty(exports, "getPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.getPerformanceEvents; } });
+Object.defineProperty(exports, "getInitialRenderProfiles", { enumerable: true, get: function () { return performanceTracker_1.getInitialRenderProfiles; } });
+Object.defineProperty(exports, "getInitialPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.getInitialPerformanceEvents; } });
+Object.defineProperty(exports, "generateFixSnippet", { enumerable: true, get: function () { return performanceTracker_1.generateFixSnippet; } });
 var decorators_1 = require("./decorators");
 Object.defineProperty(exports, "InspectLog", { enumerable: true, get: function () { return decorators_1.InspectLog; } });
 Object.defineProperty(exports, "InspectTrackTime", { enumerable: true, get: function () { return decorators_1.InspectTrackTime; } });

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

@@ -645,12 +645,14 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         paddingHorizontal: number;
         paddingVertical: number;
         borderRadius: number;
+        marginTop: number;
     };
     slugText: {
         fontFamily: string;
         fontSize: number;
+        lineHeight: number;
         color: string;
-        flexShrink: number;
+        flex: number;
     };
     slugRight: {
         flexDirection: string;

package/dist/commonjs/styles/index.js

@@ -615,13 +615,13 @@ const getRawStyles = (colors) => ({
         borderWidth: 1,
         borderColor: `${colors.brandPurple}18`,
         paddingHorizontal: 8,
-        paddingVertical: 5,
+        paddingVertical: 6,
         marginVertical: 5,
         gap: 6,
     },
     slugLeft: {
         flexDirection: 'row',
-        alignItems: 'center',
+        alignItems: 'flex-start',
         flex: 1,
         gap: 6,
     },
@@ -632,14 +632,16 @@ const getRawStyles = (colors) => ({
         letterSpacing: 0.5,
         backgroundColor: `${colors.brandPurple}15`,
         paddingHorizontal: 4,
-        paddingVertical: 1,
+        paddingVertical: 1.5,
         borderRadius: 4,
+        marginTop: 1,
     },
     slugText: {
-        fontFamily: AppFonts_1.AppFonts.interBold,
-        fontSize: 12,
+        fontFamily: AppFonts_1.AppFonts.interMedium,
+        fontSize: 11.5,
+        lineHeight: 15.5,
         color: colors.primaryBlack,
-        flexShrink: 1,
+        flex: 1,
     },
     slugRight: {
         flexDirection: 'row',

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

@@ -102,6 +102,9 @@ export interface NetworkLog {
     responseHeaders?: Record<string, string>;
     /** #9 — number of consecutive identical requests collapsed into this entry. */
     duplicateCount?: number;
+    /** Client identifier: axios, fetch, xhr, apollo, etc. */
+    client?: 'axios' | 'fetch' | 'xhr' | 'apollo' | 'graphql' | string;
+    caller?: string;
 }
 export interface RouteInfo {
     path: string;

package/dist/esm/components/ErrorBoundary.d.ts

@@ -6,6 +6,6 @@ export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBo
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     private handleReset;
     private handleCopyTrace;
-    render(): React.ReactNode;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | React.JSX.Element;
 }
 export default ErrorBoundary;