react-native-inapp-inspector 2.3.5 → 2.3.7

package/dist/esm/components/JsonViewer.js

@@ -1,17 +1,14 @@
 import React, { useState, useEffect } from 'react';
 import { ScrollView, View, Text, StyleSheet, TouchableOpacity } from 'react-native';
 import { useTranslation } from '../i18n';
-// Components
 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';
 import { AppFonts } from '../styles/AppFonts';
 import styles from '../styles';
-// ── Table Row Component with 3-Line Clamp & Show More/Less ───────────────────
 const JsonTableRow = React.memo(({ itemKey, val, search, }) => {
     const [expanded, setExpanded] = useState(false);
     const isObject = val !== null && typeof val === 'object';
@@ -55,7 +52,6 @@ const JsonTableRow = React.memo(({ itemKey, val, search, }) => {
       </View>
     </View>);
 });
-// ── JsonViewer Component ─────────────────────────────────────────────────────
 const JsonViewer = React.memo(({ data, search, forceOpen, defaultExpandDepth = 1, wrap, fullHeight = false, maxHeight, mode: externalMode, onModeChange, hideTabs = false, }) => {
     const { t } = useTranslation();
     const [internalMode, setInternalMode] = useState('raw');
@@ -103,12 +99,10 @@ const JsonViewer = React.memo(({ data, search, forceOpen, defaultExpandDepth = 1
         localStyles.rawScroll,
         !fullHeight && maxHeight != null && { maxHeight },
     ];
-    // Determine type and size details
     const isObject = typeof data === 'object' && data !== null;
     const isEmpty = data === null ||
         data === undefined ||
         (isObject && Object.keys(data).length === 0);
-    // Render Table view (Key-Value flat table for root keys)
     const renderTableMode = () => {
         if (!isObject) {
             return (<View style={localStyles.tableRow}>
@@ -130,10 +124,9 @@ const JsonViewer = React.memo(({ data, search, forceOpen, defaultExpandDepth = 1
         {keys.map((key) => (<JsonTableRow key={key} itemKey={key} val={data[key]} search={search}/>))}
       </View>);
     };
-    // Tree View Content
     const tree = (<TreeNode data={data} search={search} forceOpen={forceOpen} defaultExpandDepth={defaultExpandDepth}/>);
     return (<View style={[localStyles.container, fullHeight && { flex: 1 }]}>
-      {/* ── Top Toolbar (Postman-style) ── */}
+      
       {!hideTabs && (<View style={localStyles.toolbar}>
           <SegmentedTabs tabs={[
                 {
@@ -155,7 +148,7 @@ const JsonViewer = React.memo(({ data, search, forceOpen, defaultExpandDepth = 1
           <CopyButton value={data} label="JSON"/>
         </View>)}
 
-      {/* ── Main View Content Area (Royal Monospace Theme) ── */}
+      
       <View style={contentWrapperStyle}>
         {mode === 'pretty' && (isEmpty ? (<View style={localStyles.emptyTable}>
               <Text style={localStyles.emptyTableText}>
@@ -238,7 +231,7 @@ const localStyles = StyleSheet.create({
     },
     rawScroll: {
         flex: 1,
-        backgroundColor: AppColors.paperBg, // Royal off-white paper tone
+        backgroundColor: AppColors.paperBg,
     },
     rawContainer: {
         padding: 12,

package/dist/esm/components/LogCard.js

@@ -85,7 +85,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
             },
         ]}>
       <View style={styles.cardBody}>
-        {/* Row 1: Header (Checkbox, Serial, Method Badge, Client Tag, Status Pill) */}
+        
         <View style={styles.cardHeaderRow}>
           <View style={styles.cardHeaderLeft}>
             <Pressable onPress={() => onToggleSelect(item.id)} hitSlop={12} style={[
@@ -145,7 +145,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
                 </Text>
               </View>)}
 
-            {/* Protocol / HTTPS Badge */}
+            
             <View style={[
             styles.chip,
             {
@@ -174,7 +174,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
               </Text>
             </View>
 
-            {/* GraphQL Indicator */}
+            
             {(item.url.toLowerCase().includes('graphql') ||
             item.client === 'apollo' ||
             item.client === 'graphql') && (<View style={[
@@ -199,7 +199,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
                 </Text>
               </View>)}
 
-            {/* In-Line Duration / Latency Pill */}
+            
             {item.duration != null && !isFailed && (<View style={[
                 styles.chip,
                 {
@@ -261,7 +261,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
           </View>
         </View>
 
-        {/* Row 2: Full URL Capsule Container (Clickable with link prompt) */}
+        
         <View style={styles.cardSlugBox}>
           <Pressable onPress={handleOpenUrl} style={styles.slugLeft} hitSlop={6}>
             <View style={{
@@ -308,7 +308,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
           </View>
         </View>
 
-        {/* Row 3: Footer (Timestamp on Left, Response Size & Duration on Right) */}
+        
         <View style={styles.cardFooterRow}>
           <View style={styles.cardDateRow}>
             <CalendarIcon color={AppColors.grayTextWeak} size={10}/>
@@ -347,7 +347,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
           </View>
         </View>
 
-        {/* Mini Latency Timing Waterfall Bar */}
+        
         {typeof item.duration === 'number' && item.duration > 0 && !isFailed && (<View style={{ marginTop: 6, gap: 2 }}>
             <View style={{
                 height: 2.5,

package/dist/esm/components/MetaAccordion.js

@@ -1,18 +1,12 @@
 import React, { useState } from 'react';
 import { useTranslation } from '../i18n';
 import { View, Pressable, Text, Animated } from 'react-native';
-// Constants
 import { DURATION_FAST_MS, DURATION_SLOW_MS } from '../constants';
-// Custom Hooks
 import useAccordion from '../customHooks/useAccordion';
-// Helpers
 import { getDurationColor, handleOpenExternalLink } from '../helpers';
-// Assets
 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';
 import styles from '../styles';
@@ -183,7 +177,7 @@ const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, metho
             </View>
           </View>
 
-          {/* Visual Latency Timing Breakdown Waterfall */}
+          
           {duration != null && !isFailed && (<View style={{ paddingVertical: 8, gap: 6 }}>
               <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
                 <Text style={{ fontFamily: AppFonts.interBold, fontSize: 11, color: AppColors.primaryBlack }}>

package/dist/esm/components/NetworkIcons.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import Svg, { Circle, Ellipse, Line, Path, Rect } from 'react-native-svg';
-// Stylesheet
 import { AppColors } from '../styles/AppColors';
 export const EmptyRadarIcon = ({ color = AppColors.purple, size = 32 }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
@@ -205,19 +204,19 @@ export const InsightsIcon = ({ color = AppColors.grayTextWeak, size = 14, }) =>
 };
 export const DebugIcon = ({ color = AppColors.white, size = 18 }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-      {/* Hammer: diagonal from bottom-left to top-right */}
-      {/* Handle */}
+      
+      
       <Path d="M6 18l8-8" stroke={color} strokeWidth="2.5" strokeLinecap="round"/>
-      {/* Head */}
+      
       <Path d="M13.5 10.5l2-2 1.5 1.5-2 2-1.5-1.5z" fill={color}/>
       <Path d="M15.5 8.5L19 5c.5-.5 1.2-.5 1.7 0s.5 1.2 0 1.7L17.2 10.2" stroke={color} strokeWidth="2" strokeLinecap="round"/>
 
-      {/* Screwdriver: diagonal from bottom-right to top-left */}
-      {/* Handle */}
+      
+      
       <Path d="M15 15l4 4" stroke={color} strokeWidth="3.5" strokeLinecap="round"/>
-      {/* Shaft */}
+      
       <Path d="M15 15L8.5 8.5" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-      {/* Flat tip */}
+      
       <Path d="M9 9L5 5M4.5 6.5l2-2" stroke={color} strokeWidth="2" strokeLinecap="round"/>
     </Svg>);
 };
@@ -267,20 +266,18 @@ export const FolderIcon = ({ color = AppColors.grayTextWeak, size = 14, }) => {
       <Path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
     </Svg>);
 };
-// #3 — Broom/sweep "wipe" icon used by the header Clear-Everything button.
 export const WipeIcon = ({ color = AppColors.white, size = 16 }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-      {/* Handle */}
+      
       <Path d="M19.5 3.5L12.7 10.3" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-      {/* Brush head */}
+      
       <Path d="M13.5 9.5l1.5 1.5c.8.8.8 2 0 2.8L10 19l-5-5 5.2-5.5c.8-.8 2-.8 2.8 0z" stroke={color} strokeWidth="2" strokeLinejoin="round"/>
-      {/* Bristle strokes */}
+      
       <Path d="M7.5 16.5L5.5 18.5M10 19l-1.5 1.5" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-      {/* Dust sparks */}
+      
       <Path d="M3 11.5h.01M5.5 8.5h.01" stroke={color} strokeWidth="2.4" strokeLinecap="round"/>
     </Svg>);
 };
-// #7 — Icons for the inner filter chips / sub tabs.
 export const LayersIcon = ({ color = AppColors.grayTextWeak, size = 12, }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
       <Path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
@@ -416,7 +413,6 @@ export const PerformanceIcon = ({ color = AppColors.purple, size = 14, }) => {
       <Circle cx="12" cy="12" r="1.5" fill={color}/>
     </Svg>);
 };
-// ─── App-wide Vector Icons (emoji-free, render on every device) ─────────────
 export const BoltIcon = ({ color = AppColors.amber500, size = 14 }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
       <Path d="M13 2 4.5 13.5 H10.5 L9 22 19.5 9.5 H13.5 Z" stroke={color} strokeWidth="1.8" strokeLinejoin="round"/>
@@ -570,7 +566,7 @@ export const UserCheckIcon = ({ color = AppColors.grayTextWeak, size = 14, }) =>
 };
 export const CrashIcon = ({ color = AppColors.errorColor, size = 14, }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-      {/* Bug / Crash Hybrid Icon */}
+      
       <Path d="M12 2v3M4.93 4.93l2.12 2.12M19.07 4.93l-2.12 2.12M9 10h6M8 14h8M9 18h6" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
       <Path d="M12 8a6 6 0 0 1 6 6v3a6 6 0 0 1-12 0v-3a6 6 0 0 1 6-6z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
       <Path d="M3 13h3M18 13h3M4 19l2.5-1.5M20 19l-2.5-1.5M4 9l2.5 1.5M20 9l-2.5 1.5" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>

package/dist/esm/components/SectionHeader.js

@@ -1,13 +1,9 @@
 import React, { useRef, useEffect } from 'react';
 import { Animated, View, Pressable, Text } from 'react-native';
-// Stylesheet
 import { AppColors } from '../styles/AppColors';
-// Components
 import CopyButton from './CopyButton';
 import TouchableScale from './TouchableScale';
-// Assets
 import { RequestIcon, ResponseIcon, HeadersIcon, DiffIcon, ChevronIcon, SearchIcon, } from './NetworkIcons';
-// Stylesheet
 import styles from '../styles';
 const SectionHeader = ({ title, value, expanded, onToggleExpand, showDiff, isDiffing, onToggleDiff, showSearch, isSearching, onToggleSearch, }) => {
     const isOpen = expanded === undefined ? false : !!expanded;

package/dist/esm/components/SkeletonPlaceholder.js

@@ -20,7 +20,7 @@ export const SkeletonPlaceholder = React.memo(function SkeletonPlaceholder({ car
         return () => animation.stop();
     }, [shimmerAnim]);
     return (<View style={skeletonStyles.container}>
-      {/* ─── Search & Scope Toolbar Skeleton ─── */}
+      
       <View style={skeletonStyles.toolbarSkeleton}>
         <Animated.View style={[
             skeletonStyles.searchBarSkeleton,
@@ -32,7 +32,7 @@ export const SkeletonPlaceholder = React.memo(function SkeletonPlaceholder({ car
         </View>
       </View>
 
-      {/* ─── Quick Filter Chips Skeleton Strip ─── */}
+      
       <View style={skeletonStyles.chipStripSkeleton}>
         <Animated.View style={[skeletonStyles.chipSkeleton, { width: 48, opacity: shimmerAnim }]}/>
         <Animated.View style={[skeletonStyles.chipSkeleton, { width: 68, opacity: shimmerAnim }]}/>
@@ -40,9 +40,9 @@ export const SkeletonPlaceholder = React.memo(function SkeletonPlaceholder({ car
         <Animated.View style={[skeletonStyles.chipSkeleton, { width: 58, opacity: shimmerAnim }]}/>
       </View>
 
-      {/* ─── List Cards Skeleton ─── */}
+      
       {Array.from({ length: cardCount }).map((_, i) => (<Animated.View key={`skeleton_card_${i}`} style={[skeletonStyles.cardSkeleton, { opacity: shimmerAnim }]}>
-          {/* Top row: Status pill + Method + Time */}
+          
           <View style={skeletonStyles.cardTopRow}>
             <View style={skeletonStyles.badgeGroup}>
               <View style={skeletonStyles.statusBadgeSkeleton}/>
@@ -51,11 +51,11 @@ export const SkeletonPlaceholder = React.memo(function SkeletonPlaceholder({ car
             <View style={skeletonStyles.timeSkeleton}/>
           </View>
 
-          {/* Middle row: URL lines */}
+          
           <View style={skeletonStyles.urlLineLong}/>
           <View style={skeletonStyles.urlLineShort}/>
 
-          {/* Bottom row: Latency & Size */}
+          
           <View style={skeletonStyles.cardBottomRow}>
             <View style={skeletonStyles.metaPillSkeleton}/>
             <View style={skeletonStyles.metaPillSkeleton}/>

package/dist/esm/components/Slider.js

@@ -56,7 +56,7 @@ export const Slider = React.memo(({ value, onValueChange, min = 50, max = 90, st
     };
     const thumbPosition = percentage * (trackWidth || 0);
     return (<View style={styles.container}>
-        {/* Value Display Row */}
+        
         <View style={styles.valueRow}>
           <Text style={styles.rangeText}>{min}%</Text>
           <View style={[
@@ -68,18 +68,18 @@ export const Slider = React.memo(({ value, onValueChange, min = 50, max = 90, st
           <Text style={styles.rangeText}>{max}%</Text>
         </View>
 
-        {/* Interactive Track Area */}
+        
         <View ref={trackContainerRef} onLayout={handleLayout} {...panResponder.panHandlers} style={styles.touchArea}>
-          {/* Background Rail */}
+          
           <View style={styles.rail}>
-            {/* Active Filled Bar */}
+            
             <View style={[
             styles.fillBar,
             { width: `${Math.round(percentage * 100)}%` },
         ]}/>
           </View>
 
-          {/* Draggable Thumb */}
+          
           <View style={[
             styles.thumb,
             {
@@ -91,7 +91,7 @@ export const Slider = React.memo(({ value, onValueChange, min = 50, max = 90, st
           </View>
         </View>
 
-        {/* Quick Presets */}
+        
         {quickPresets && quickPresets.length > 0 && (<View style={styles.presetRow}>
             {quickPresets.map(preset => {
                 const isSelected = Math.round(clampedValue) === preset;

package/dist/esm/components/SourcePageCard.js

@@ -1,13 +1,9 @@
 import React from 'react';
 import { View, Pressable, Text, Animated } from 'react-native';
 import Svg, { Rect, Path } from 'react-native-svg';
-// Components
 import CopyButton from './CopyButton';
-// Custom Hooks
 import useAccordion from '../customHooks/useAccordion';
-// Assets
 import { ChevronIcon } from './NetworkIcons';
-// Stylesheet
 import { AppColors } from '../styles/AppColors';
 import styles from '../styles';
 const SourcePageCard = ({ routeInfo }) => {

package/dist/esm/components/TreeNode.js

@@ -1,10 +1,7 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { Text, View, Image, Animated, Pressable } from 'react-native';
-// Helpers
 import { escapeRegex } from '../helpers';
-// Assets
 import { ChevronIcon, DocIcon } from './NetworkIcons';
-// Stylesheet
 import { AppColors } from '../styles/AppColors';
 import styles from '../styles';
 const TreeNode = React.memo(function TreeNode({ data, name, level = 0, search, forceOpen, defaultExpandDepth = 1, }) {
@@ -22,7 +19,6 @@ const TreeNode = React.memo(function TreeNode({ data, name, level = 0, search, f
     }, [forceOpen]);
     const isObject = typeof data === 'object' && data !== null;
     const isArray = Array.isArray(data);
-    // Declare all hooks at the top unconditionally (prevents "Rendered fewer hooks than expected" error)
     const treeChevronAnim = useRef(new Animated.Value(open ? 1 : 0)).current;
     useEffect(() => {
         Animated.timing(treeChevronAnim, {

package/dist/esm/console.d.ts

@@ -1,7 +1,3 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/console
- * Clean tree-shaking & isolated console logger.
- */
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, getConsoleLogs, setConsoleModuleEnabled, getConsoleModuleEnabled, setMaxConsoleLogsLimit, getMaxConsoleLogsLimit, pruneConsoleLogs, } from './customHooks/consoleLogger';
 export type { ConsoleLog, } from './types';
 export { ConsoleLogType, LogFilter, } from './types';

package/dist/esm/console.js

@@ -1,6 +1,2 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/console
- * Clean tree-shaking & isolated console logger.
- */
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, getConsoleLogs, setConsoleModuleEnabled, getConsoleModuleEnabled, setMaxConsoleLogsLimit, getMaxConsoleLogsLimit, pruneConsoleLogs, } from './customHooks/consoleLogger';
 export { ConsoleLogType, LogFilter, } from './types';

package/dist/esm/constants/index.js

@@ -1,4 +1,3 @@
-// Styles
 import { AppColors } from '../styles/AppColors';
 export const STATUS_FILTERS = [
     'ALL',
@@ -13,16 +12,14 @@ export const STATUS_FILTERS = [
     'Failed',
 ];
 export const METHOD_COLORS = {
-    ALL: '#64748B', // Slate
-    GET: '#059669', // Emerald
-    POST: '#2563EB', // Royal Blue
-    PUT: '#D97706', // Amber Gold
-    PATCH: '#7C3AED', // Rich Violet
-    DELETE: '#DC2626', // Crimson Red
+    ALL: '#64748B',
+    GET: '#059669',
+    POST: '#2563EB',
+    PUT: '#D97706',
+    PATCH: '#7C3AED',
+    DELETE: '#DC2626',
 };
 export const DOMAIN_COLORS = AppColors.domainColors;
 export const DURATION_FAST_MS = 200;
 export const DURATION_SLOW_MS = 800;
-// Package version — auto-generated from package.json at build time.
-// See scripts/gen-version.js (wired to the "prebuild" npm script).
 export { LIB_VERSION } from './version';

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

@@ -0,0 +1,3 @@
+export declare const ENC_MID = "df8ace0290a695bd05986213";
+export declare const ENC_SEC = "db93cb0186b1f7bb0ba63a0d0a64997586849455ce37";
+export declare const TELEMETRY_SALT = "rn-inapp-inspector-telemetry-v1";

package/dist/esm/constants/telemetryConfig.js

@@ -0,0 +1,3 @@
+export const ENC_MID = 'df8ace0290a695bd05986213';
+export const ENC_SEC = 'db93cb0186b1f7bb0ba63a0d0a64997586849455ce37';
+export const TELEMETRY_SALT = 'rn-inapp-inspector-telemetry-v1';

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "2.3.5";
+export declare const LIB_VERSION = "2.3.7";

package/dist/esm/constants/version.js

@@ -1,3 +1 @@
-// 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.5';
+export const LIB_VERSION = '2.3.7';

package/dist/esm/crash.d.ts

@@ -1,7 +1,3 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/crash
- * Clean tree-shaking & isolated global crash handler and reporting.
- */
 export { setupGlobalCrashHandler, subscribeCrashEvents, emitCrashEvent, getCrashRecords, clearCrashRecords, simulateTestCrash, exportCrashReport, parseCrashStackTrace, setMaxCrashLogsLimit, getMaxCrashLogsLimit, pruneCrashRecords, setCrashModuleEnabled, getCrashModuleEnabled, } from './customHooks/crashHandler';
 export type { CrashRecord, CrashBreadcrumb, } from './types';
 export { CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';

package/dist/esm/crash.js

@@ -1,6 +1,2 @@
-/**
- * Sub-module entry point: react-native-inapp-inspector/crash
- * Clean tree-shaking & isolated global crash handler and reporting.
- */
 export { setupGlobalCrashHandler, subscribeCrashEvents, emitCrashEvent, getCrashRecords, clearCrashRecords, simulateTestCrash, exportCrashReport, parseCrashStackTrace, setMaxCrashLogsLimit, getMaxCrashLogsLimit, pruneCrashRecords, setCrashModuleEnabled, getCrashModuleEnabled, } from './customHooks/crashHandler';
 export { CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';

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

@@ -15,14 +15,7 @@ export declare const getDefaultEventParameters: () => {
     [x: string]: any;
 };
 export declare const getCollectionEnabled: () => boolean;
-/**
- * Directly push an event into the inspector without going through Firebase.
- * Useful for custom analytics wrappers or testing.
- */
 export declare const logAnalyticsEvent: (name: string, params?: Record<string, any>, userProperties?: Record<string, any>) => void;
-/**
- * Returns true if analytics logging is active (always ready for custom and Firebase events).
- */
 export declare const isAnalyticsConnected: () => boolean;
 export declare const isFirebaseAnalyticsPatched: () => boolean;
 export declare const setupAnalyticsLogger: (analyticsInstance: any) => void;

package/dist/esm/customHooks/analyticsLogger.js

@@ -1,26 +1,3 @@
-// ─── Analytics Logger ─────────────────────────────────────────────────────────
-//
-// Captures @react-native-firebase/analytics events by monkey-patching the
-// analytics instance returned by `analytics()`.
-//
-// Setup (call once at app startup, before any analytics calls):
-//
-//   import analytics from '@react-native-firebase/analytics';
-//   import { setupAnalyticsLogger } from './network/analyticsLogger';
-//
-//   setupAnalyticsLogger(analytics());
-//
-// That's it — every subsequent logEvent / logScreenView / setUserProperty call
-// will be intercepted and shown in the Analytics tab of NetworkInspector.
-//
-// Patched methods:
-//   logEvent(name, params)
-//   logScreenView({ screen_name, screen_class })
-//   setUserProperty(name, value)
-//   setUserProperties(properties)
-//   setUserId(id)
-// ─────────────────────────────────────────────────────────────────────────────
-// ─── Internal state ───────────────────────────────────────────────────────────
 let events = [];
 let listeners = [];
 let counter = 0;
@@ -29,7 +6,6 @@ export const setAnalyticsModuleEnabled = (enabled) => {
     isAnalyticsModuleEnabled = enabled;
 };
 export const getAnalyticsModuleEnabled = () => isAnalyticsModuleEnabled;
-// Running snapshot of user properties set so far — attached to every event
 let currentUserProperties = {};
 let currentUserId;
 let currentDefaultEventParameters = {};
@@ -52,7 +28,6 @@ export const pruneAnalyticsLogs = (targetCount) => {
     }
     return Math.max(0, pruned);
 };
-// ─── Core helpers ─────────────────────────────────────────────────────────────
 const notify = () => {
     const snapshot = [...events];
     listeners.forEach(cb => cb(snapshot));
@@ -64,7 +39,6 @@ const addEvent = (event) => {
     events = events.slice(0, maxAnalyticsLogsLimit);
     notify();
 };
-// ─── Public subscribe / query API ────────────────────────────────────────────
 export const subscribeAnalyticsEvents = (callback) => {
     listeners.push(callback);
     callback([...events]);
@@ -81,11 +55,6 @@ export const getCurrentUserProperties = () => ({ ...currentUserProperties });
 export const getCurrentUserId = () => currentUserId;
 export const getDefaultEventParameters = () => ({ ...currentDefaultEventParameters });
 export const getCollectionEnabled = () => isCollectionEnabled;
-// ─── Manual logging (escape hatch, rarely needed) ────────────────────────────
-/**
- * Directly push an event into the inspector without going through Firebase.
- * Useful for custom analytics wrappers or testing.
- */
 export const logAnalyticsEvent = (name, params = {}, userProperties = {}) => {
     addEvent({
         id: counter++,
@@ -99,22 +68,7 @@ export const logAnalyticsEvent = (name, params = {}, userProperties = {}) => {
         screenClass: '',
     });
 };
-// ─── Firebase Analytics instance patcher ─────────────────────────────────────
-/**
- * Monkey-patches a @react-native-firebase/analytics instance so all calls
- * are intercepted and forwarded to the NetworkInspector analytics tab.
- *
- * Pass the result of `analytics()` (the default app instance or any named one).
- * Safe to call multiple times with the same instance — won't double-patch.
- *
- * @example
- *   import analytics from '@react-native-firebase/analytics';
- *   setupAnalyticsLogger(analytics());
- */
 let isAnalyticsPatched = false;
-/**
- * Returns true if analytics logging is active (always ready for custom and Firebase events).
- */
 export const isAnalyticsConnected = () => true;
 export const isFirebaseAnalyticsPatched = () => isAnalyticsPatched;
 export const setupAnalyticsLogger = (analyticsInstance) => {
@@ -123,11 +77,9 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
         return;
     }
     isAnalyticsPatched = true;
-    // Guard against double-patching the same instance
     if (analyticsInstance.__INSPECTOR_PATCHED__)
         return;
     analyticsInstance.__INSPECTOR_PATCHED__ = true;
-    // ── logEvent ──────────────────────────────────────────────────────────────
     const originalLogEvent = analyticsInstance.logEvent.bind(analyticsInstance);
     analyticsInstance.logEvent = async (name, params) => {
         try {
@@ -146,7 +98,6 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
         catch { }
         return originalLogEvent(name, params);
     };
-    // ── logScreenView ─────────────────────────────────────────────────────────
     const originalLogScreenView = analyticsInstance.logScreenView.bind(analyticsInstance);
     analyticsInstance.logScreenView = async (params) => {
         try {
@@ -165,7 +116,6 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
         catch { }
         return originalLogScreenView(params);
     };
-    // ── setUserProperty ───────────────────────────────────────────────────────
     const originalSetUserProperty = analyticsInstance.setUserProperty.bind(analyticsInstance);
     analyticsInstance.setUserProperty = async (name, value) => {
         try {
@@ -179,7 +129,6 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
         catch { }
         return originalSetUserProperty(name, value);
     };
-    // ── setUserProperties ─────────────────────────────────────────────────────
     const originalSetUserProperties = analyticsInstance.setUserProperties.bind(analyticsInstance);
     analyticsInstance.setUserProperties = async (properties) => {
         try {
@@ -195,7 +144,6 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
         catch { }
         return originalSetUserProperties(properties);
     };
-    // ── setUserId ─────────────────────────────────────────────────────────────
     const originalSetUserId = analyticsInstance.setUserId.bind(analyticsInstance);
     analyticsInstance.setUserId = async (id) => {
         try {
@@ -205,7 +153,6 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
         catch { }
         return originalSetUserId(id);
     };
-    // ── setDefaultEventParameters ──────────────────────────────────────────────
     if (typeof analyticsInstance.setDefaultEventParameters === 'function') {
         const originalSetDefaultEventParameters = analyticsInstance.setDefaultEventParameters.bind(analyticsInstance);
         analyticsInstance.setDefaultEventParameters = async (params) => {
@@ -217,7 +164,6 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
             return originalSetDefaultEventParameters(params);
         };
     }
-    // ── setAnalyticsCollectionEnabled ───────────────────────────────────────────
     if (typeof analyticsInstance.setAnalyticsCollectionEnabled === 'function') {
         const originalSetAnalyticsCollectionEnabled = analyticsInstance.setAnalyticsCollectionEnabled.bind(analyticsInstance);
         analyticsInstance.setAnalyticsCollectionEnabled = async (enabled) => {
@@ -229,7 +175,6 @@ export const setupAnalyticsLogger = (analyticsInstance) => {
             return originalSetAnalyticsCollectionEnabled(enabled);
         };
     }
-    // ── resetAnalyticsData ──────────────────────────────────────────────────────
     if (typeof analyticsInstance.resetAnalyticsData === 'function') {
         const originalResetAnalyticsData = analyticsInstance.resetAnalyticsData.bind(analyticsInstance);
         analyticsInstance.resetAnalyticsData = async () => {
@@ -250,10 +195,10 @@ export const autoSetupAnalyticsLogger = () => {
         return true;
     let mod;
     try {
-        mod = require('@react-native-firebase/analytics'); // optional dep
+        mod = require('@react-native-firebase/analytics');
     }
     catch {
-        return false; // GA not installed — silent no-op
+        return false;
     }
     const accessor = mod?.default ?? mod;
     if (typeof accessor !== 'function')
@@ -261,9 +206,8 @@ export const autoSetupAnalyticsLogger = () => {
     try {
         setupAnalyticsLogger(accessor());
     }
-    catch { } // patch default-app instance
+    catch { }
     if (!accessor.__INSPECTOR_WRAPPED__) {
-        // patch future/named instances
         const wrapped = function (...args) {
             const instance = accessor.apply(this, args);
             try {