react-native-inapp-inspector 1.1.34 → 1.1.35

package/dist/esm/components/LogCard.js

@@ -134,11 +134,11 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
             styles.chip,
             {
                 backgroundColor: item.url.toLowerCase().startsWith('https')
-                    ? '#ECFDF5'
-                    : '#FFFBEB',
+                    ? AppColors.mintGreenBg
+                    : AppColors.amberWarmBg,
                 borderColor: item.url.toLowerCase().startsWith('https')
-                    ? '#A7F3D0'
-                    : '#FDE68A',
+                    ? AppColors.mintGreenBorder
+                    : AppColors.amberWarmBorder,
                 paddingHorizontal: 4,
                 paddingVertical: 1,
                 borderRadius: 4,
@@ -150,8 +150,8 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
                 fontFamily: AppFonts.interBold,
                 fontSize: 8,
                 color: item.url.toLowerCase().startsWith('https')
-                    ? '#059669'
-                    : '#D97706',
+                    ? AppColors.mintGreenText
+                    : AppColors.amber700,
             },
         ]}>
                 {item.url.toLowerCase().startsWith('https') ? 'HTTPS' : 'HTTP'}
@@ -164,8 +164,8 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
             item.client === 'graphql') && (<View style={[
                 styles.chip,
                 {
-                    backgroundColor: '#FDF2F8',
-                    borderColor: '#FBCFE8',
+                    backgroundColor: AppColors.roseBg,
+                    borderColor: AppColors.roseBorder,
                     paddingHorizontal: 4,
                     paddingVertical: 1,
                     borderRadius: 4,
@@ -176,7 +176,7 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
                 {
                     fontFamily: AppFonts.interBold,
                     fontSize: 8,
-                    color: '#DB2777',
+                    color: AppColors.pink600,
                 },
             ]}>
                   GQL
@@ -316,6 +316,24 @@ const LogCard = React.memo(function LogCard({ item, onPress, timelineMinStart, t
               </View>)}
           </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,
+                width: '100%',
+                backgroundColor: AppColors.grayBorderSecondary,
+                borderRadius: 1.5,
+                overflow: 'hidden',
+            }}>
+              <View style={{
+                height: '100%',
+                width: `${Math.min(100, Math.max(6, (item.duration / 1200) * 100))}%`,
+                backgroundColor: durationColor,
+                borderRadius: 1.5,
+            }}/>
+            </View>
+          </View>)}
       </View>
       <Animated.View pointerEvents="none" style={[
             StyleSheet.absoluteFill,

package/dist/esm/components/MetaAccordion.js

@@ -170,6 +170,48 @@ const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, metho
               </Text>
             </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 }}>
+                  {t('network.timingWaterfall')}
+                </Text>
+                <Text style={{ fontFamily: AppFonts.interMedium, fontSize: 10.5, color: getDurationColor(duration) }}>
+                  {duration < DURATION_FAST_MS
+                ? t('network.perf.fast')
+                : duration < DURATION_SLOW_MS
+                    ? t('network.perf.moderate')
+                    : t('network.perf.slow')}
+                </Text>
+              </View>
+
+              <View style={{
+                height: 6,
+                backgroundColor: AppColors.grayBorderSecondary,
+                borderRadius: 3,
+                overflow: 'hidden',
+            }}>
+                <View style={{
+                height: '100%',
+                width: `${Math.min(100, Math.max(8, (duration / 1200) * 100))}%`,
+                backgroundColor: getDurationColor(duration),
+                borderRadius: 3,
+            }}/>
+              </View>
+
+              <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginTop: 1 }}>
+                <Text style={{ fontFamily: AppFonts.interRegular, fontSize: 9.5, color: AppColors.grayTextWeak }}>
+                  0 ms
+                </Text>
+                <Text style={{ fontFamily: AppFonts.interBold, fontSize: 10, color: getDurationColor(duration) }}>
+                  {duration} ms
+                </Text>
+                <Text style={{ fontFamily: AppFonts.interRegular, fontSize: 9.5, color: AppColors.grayTextWeak }}>
+                  1,200+ ms
+                </Text>
+              </View>
+            </View>)}
           <View style={styles.metaDivider}/>
 
           <View style={styles.metaRow}>

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

@@ -115,3 +115,12 @@ export declare const AppFramesIcon: ({ color, size, }: IconProps) => React.JSX.E
 export declare const AllFramesIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const ListenerIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const LoadingSpinnerIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const FlaskIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const ZapIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const DiceIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const BarChartIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const KeyIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const SmartphoneIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const AlertTriangleIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const BugIcon: ({ color, size }: IconProps) => React.JSX.Element;
+export declare const TagIcon: ({ color, size }: IconProps) => React.JSX.Element;

package/dist/esm/components/NetworkIcons.js

@@ -662,3 +662,41 @@ export const LoadingSpinnerIcon = ({ color = AppColors.amber800Warm, size = 12,
       <Path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83" stroke={color} strokeWidth="2.2" strokeLinecap="round"/>
     </Svg>);
 };
+export const FlaskIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path d="M10 2v5.5L4.4 18.2A2 2 0 0 0 6.2 21h11.6a2 2 0 0 0 1.8-2.8L14 7.5V2M8.5 2h7M7 15h10" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    <Circle cx="12" cy="18" r="1" fill={color}/>
+  </Svg>);
+export const ZapIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+  </Svg>);
+export const DiceIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Rect x="3" y="3" width="18" height="18" rx="4" stroke={color} strokeWidth="1.8"/>
+    <Circle cx="8.5" cy="8.5" r="1.5" fill={color}/>
+    <Circle cx="15.5" cy="8.5" r="1.5" fill={color}/>
+    <Circle cx="12" cy="12" r="1.5" fill={color}/>
+    <Circle cx="8.5" cy="15.5" r="1.5" fill={color}/>
+    <Circle cx="15.5" cy="15.5" r="1.5" fill={color}/>
+  </Svg>);
+export const BarChartIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path d="M18 20V10M12 20V4M6 20v-6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </Svg>);
+export const KeyIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Circle cx="7.5" cy="15.5" r="4.5" stroke={color} strokeWidth="1.8"/>
+    <Path d="m11 12 8.5-8.5M16 4.5l3 3M19 7.5l2-2" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+  </Svg>);
+export const SmartphoneIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Rect x="5" y="2" width="14" height="20" rx="3" stroke={color} strokeWidth="1.8"/>
+    <Path d="M12 18h.01" stroke={color} strokeWidth="2.5" strokeLinecap="round"/>
+  </Svg>);
+export const AlertTriangleIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    <Path d="M12 9v4M12 17h.01" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+  </Svg>);
+export const BugIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Rect width="8" height="12" x="8" y="8" rx="4" stroke={color} strokeWidth="1.8"/>
+    <Path d="m19 7-3 2M5 7l3 2M19 19l-3-2M5 19l3-2M20 13h-4M4 13h4M10 4l2 2 2-2" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+  </Svg>);
+export const TagIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8 8a2 2 0 0 0 2.828 0l7.172-7.172a2 2 0 0 0 0-2.828l-8-8z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    <Circle cx="7.5" cy="7.5" r="1.5" fill={color}/>
+  </Svg>);

package/dist/esm/components/Toast.js

@@ -85,17 +85,17 @@ const styles = StyleSheet.create({
     toastCard: {
         flexDirection: 'row',
         alignItems: 'center',
-        backgroundColor: '#0F172AEE', // dark slate glass
+        backgroundColor: AppColors.toastBg,
         paddingVertical: 10,
         paddingHorizontal: 16,
         borderRadius: 24,
-        shadowColor: '#000000',
+        shadowColor: AppColors.black,
         shadowOffset: { width: 0, height: 6 },
         shadowOpacity: 0.28,
         shadowRadius: 10,
         elevation: 8,
         borderWidth: 1,
-        borderColor: '#33415588',
+        borderColor: AppColors.toastBorder,
         maxWidth: '90%',
         gap: 9,
     },

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

@@ -1,10 +1,12 @@
 import React from 'react';
-declare const TouchableScale: React.NamedExoticComponent<{
+import { PressableProps } from 'react-native';
+export interface TouchableScaleProps extends PressableProps {
     onPress?: () => void;
     onLongPress?: () => void;
     style?: any;
     children?: React.ReactNode;
     hitSlop?: any;
     disabled?: boolean;
-}>;
+}
+declare const TouchableScale: React.NamedExoticComponent<TouchableScaleProps>;
 export default TouchableScale;

package/dist/esm/components/TouchableScale.js

@@ -1,11 +1,11 @@
 import React, { useRef } from 'react';
 import { Animated, Pressable, StyleSheet, Platform } from 'react-native';
-const TouchableScale = React.memo(function TouchableScale({ onPress, onLongPress, style, children, hitSlop, disabled, }) {
+const TouchableScale = React.memo(function TouchableScale({ onPress, onLongPress, style, children, hitSlop, disabled, accessible, accessibilityRole, accessibilityLabel, accessibilityHint, accessibilityState, accessibilityValue, ...rest }) {
     if (Platform.OS === 'android') {
-        return (<Pressable disabled={disabled} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop} style={({ pressed }) => [
+        return (<Pressable accessible={accessible} accessibilityRole={accessibilityRole} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityState={accessibilityState} accessibilityValue={accessibilityValue} disabled={disabled} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop} style={({ pressed }) => [
                 style,
                 { opacity: pressed ? 0.75 : 1 },
-            ]}>
+            ]} {...rest}>
         {children}
       </Pressable>);
     }
@@ -38,7 +38,7 @@ const TouchableScale = React.memo(function TouchableScale({ onPress, onLongPress
         flexShrink: flattenedStyle.flexShrink,
         gap: flattenedStyle.gap,
     };
-    return (<Pressable disabled={disabled} style={style} onPressIn={() => animatePress(true)} onPressOut={() => animatePress(false)} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop}>
+    return (<Pressable accessible={accessible} accessibilityRole={accessibilityRole} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityState={accessibilityState} accessibilityValue={accessibilityValue} disabled={disabled} style={style} onPressIn={() => animatePress(true)} onPressOut={() => animatePress(false)} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop} {...rest}>
       <Animated.View style={[{ opacity, transform: [{ scale }] }, layoutStyle]}>
         {children}
       </Animated.View>

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.34";
+export declare const LIB_VERSION = "1.1.35";

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.34';
+export const LIB_VERSION = '1.1.35';

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

@@ -1,4 +1,6 @@
 import { AnalyticsEvent } from '../types';
+export declare const setAnalyticsModuleEnabled: (enabled: boolean) => void;
+export declare const getAnalyticsModuleEnabled: () => boolean;
 export declare const subscribeAnalyticsEvents: (callback: (events: AnalyticsEvent[]) => void) => () => void;
 export declare const clearAnalyticsEvents: () => void;
 export declare const getAnalyticsEvents: () => AnalyticsEvent[];

package/dist/esm/customHooks/analyticsLogger.js

@@ -24,6 +24,11 @@
 let events = [];
 let listeners = [];
 let counter = 0;
+let isAnalyticsModuleEnabled = false;
+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;
@@ -35,6 +40,8 @@ const notify = () => {
     listeners.forEach(cb => cb(snapshot));
 };
 const addEvent = (event) => {
+    if (!isAnalyticsModuleEnabled)
+        return;
     events.unshift(event);
     events = events.slice(0, 200);
     notify();

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

@@ -103,6 +103,8 @@ export interface HostBundleAnalysisResult {
         };
     };
 }
+export declare const setBundleModuleEnabled: (enabled: boolean) => void;
+export declare const getBundleModuleEnabled: () => boolean;
 export declare const getHostScriptURL: () => string;
 export declare const trackRuntimeModuleExecution: () => void;
 export declare const trackRuntimeDefine: () => void;

package/dist/esm/customHooks/bundleAnalyzer.js

@@ -13,6 +13,11 @@ import { NativeModules, Platform, TurboModuleRegistry } from 'react-native';
 let cachedAnalysis = null;
 let isAnalyzing = false;
 const subscribers = [];
+let isBundleModuleEnabled = false;
+export const setBundleModuleEnabled = (enabled) => {
+    isBundleModuleEnabled = enabled;
+};
+export const getBundleModuleEnabled = () => isBundleModuleEnabled;
 const getSourceCodeModule = () => {
     try {
         const legacy = NativeModules?.SourceCode;
@@ -699,31 +704,33 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
     const releaseJsMb = Number(((totalDevKb * 0.38) / 1024).toFixed(2));
     const nodeModulesMb = Number((nodeModulesKb / 1024).toFixed(2));
     const assetsMediaMb = Number((assetsMediaKb / 1024).toFixed(2));
-    const pkgCount = Math.max(packagesList.length, 1);
+    // In node_modules, only ~15-20% of packages contain compiled native code (C++ .so, Swift/Obj-C)
+    // Clamp effective native packages so large JS dependency trees (150+ packages) scale realistically
+    const effectiveNativePkgCount = Math.min(packagesList.length, 55);
     // ─── 1. iOS Binary Calculations (.ipa / App Store) ────────────────────────
     // Base React Native iOS engine Mach-O + third-party dynamic Frameworks + Assets + Hermes
-    const nativeFrameworksMb = Number((42.0 + pkgCount * 1.4 + nodeModulesMb * 4.2).toFixed(1));
-    const nativeMachoMb = Number((36.0 + pkgCount * 0.95 + nodeModulesMb * 2.8).toFixed(1));
-    const assetsCatalogMb = Number((28.0 + assetsMediaMb * 3.5).toFixed(1));
+    const nativeFrameworksMb = Number((48.0 + effectiveNativePkgCount * 0.35 + nodeModulesMb * 0.9).toFixed(1));
+    const nativeMachoMb = Number((38.0 + effectiveNativePkgCount * 0.22 + nodeModulesMb * 0.6).toFixed(1));
+    const assetsCatalogMb = Number((30.0 + assetsMediaMb * 2.2).toFixed(1));
     const metadataMb = 6.4;
     const iosInstallMb = Number((releaseJsMb + nativeFrameworksMb + nativeMachoMb + assetsCatalogMb + metadataMb).toFixed(1));
-    // iOS .ipa is a compressed ZIP archive of the app bundle (typically 62-65% of on-device install footprint)
-    const iosDownloadMb = Number((iosInstallMb * 0.635).toFixed(1));
+    // iOS .ipa is a compressed ZIP archive of the app bundle (typically 65% of on-device install footprint) -> ~111.9 MB
+    const iosDownloadMb = Number((iosInstallMb * 0.655).toFixed(1));
     // ─── 2. Android Google Play App Bundle (.aab / dynamic split delivery) ───
-    const androidCppMb = Number((18.0 + pkgCount * 0.6 + nodeModulesMb * 1.5).toFixed(1));
-    const androidDexMb = Number((12.0 + pkgCount * 0.35 + nodeModulesMb * 0.8).toFixed(1));
-    const androidResMb = Number((14.0 + assetsMediaMb * 2.2).toFixed(1));
+    const androidCppMb = Number((20.0 + effectiveNativePkgCount * 0.12 + nodeModulesMb * 0.4).toFixed(1));
+    const androidDexMb = Number((14.0 + effectiveNativePkgCount * 0.08 + nodeModulesMb * 0.25).toFixed(1));
+    const androidResMb = Number((16.0 + assetsMediaMb * 1.5).toFixed(1));
     const androidInstallMb = Number((releaseJsMb + androidCppMb + androidDexMb + androidResMb + 3.8).toFixed(1));
-    const androidDownloadMb = Number((androidInstallMb * 0.52).toFixed(1));
+    const androidDownloadMb = Number((androidInstallMb * 0.54).toFixed(1));
     // ─── 3. Universal Standalone FAT APK (.apk) ───────────────────────────────
     // Multi-ABI FAT APK bundling 4 distinct native architectures (arm64-v8a + armeabi-v7a + x86_64 + x86)
-    // Each ABI duplicates core C++ engine, JSI runtime (libhermes.so, libreactnative.so), and native third-party .so libs
-    const androidMultiAbiCppMb = Number((165.0 + pkgCount * 4.0 + nodeModulesMb * 12.5).toFixed(1));
-    const androidApkDexMb = Number((36.0 + pkgCount * 0.8 + nodeModulesMb * 2.2).toFixed(1));
-    const androidApkResMb = Number((42.0 + assetsMediaMb * 6.5).toFixed(1));
-    const androidApkMetaMb = 8.2;
+    // Base multi-ABI engine C++ libraries (libhermes.so, libreactnativejni.so, libfbjni.so, libc++_shared.so) ~195 MB
+    const androidMultiAbiCppMb = Number((195.0 + effectiveNativePkgCount * 0.55 + nodeModulesMb * 1.6).toFixed(1));
+    const androidApkDexMb = Number((54.0 + effectiveNativePkgCount * 0.2 + nodeModulesMb * 0.6).toFixed(1));
+    const androidApkResMb = Number((58.0 + assetsMediaMb * 2.8).toFixed(1));
+    const androidApkMetaMb = 8.5;
     const androidApkInstallMb = Number((releaseJsMb + androidMultiAbiCppMb + androidApkDexMb + androidApkResMb + androidApkMetaMb).toFixed(1));
-    const androidApkDownloadMb = Number((androidApkInstallMb * 0.96).toFixed(1));
+    const androidApkDownloadMb = Number(androidApkInstallMb.toFixed(1));
     const iosComponents = [
         {
             id: 'ios-c1',

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

@@ -1,4 +1,6 @@
 import { ConsoleLog } from '../types';
+export declare const setConsoleModuleEnabled: (enabled: boolean) => void;
+export declare const getConsoleModuleEnabled: () => boolean;
 export declare const addLogFromCrash: (error: any, message: string, stack?: string, isFatal?: boolean) => ConsoleLog;
 export declare const subscribeConsoleLogs: (callback: (logs: ConsoleLog[]) => void) => () => void;
 export declare const clearConsoleLogs: () => void;

package/dist/esm/customHooks/consoleLogger.js

@@ -5,6 +5,11 @@ let logs = [];
 let listeners = [];
 let counter = 0;
 let isIntercepting = false;
+let isConsoleModuleEnabled = true;
+export const setConsoleModuleEnabled = (enabled) => {
+    isConsoleModuleEnabled = enabled;
+};
+export const getConsoleModuleEnabled = () => isConsoleModuleEnabled;
 const MAX_LOGS = 100;
 // ─── Helpers ──────────────────────────────────────────────────────────────────
 const formatArgs = (args) => {
@@ -186,6 +191,8 @@ const notify = () => {
     listeners.forEach(cb => cb(snapshot));
 };
 const addLog = (type, args, sourceMethod) => {
+    if (!isConsoleModuleEnabled)
+        return;
     if (isIntercepting)
         return;
     isIntercepting = true;

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

@@ -11,6 +11,8 @@ export interface CrashEventPayload {
 }
 export { CrashExportFormat };
 type CrashListener = (payload: CrashEventPayload) => void;
+export declare const setCrashModuleEnabled: (enabled: boolean) => void;
+export declare const getCrashModuleEnabled: () => boolean;
 export declare const setMaxCrashLogsLimit: (max: number) => void;
 export declare const addCrashBreadcrumb: (type: CrashBreadcrumb["type"], message: string, data?: any) => void;
 export declare const recordNavigationBreadcrumb: (fromRoute: string, toRoute: string) => void;

package/dist/esm/customHooks/crashHandler.js

@@ -11,6 +11,11 @@ let breadcrumbsStore = [];
 const MAX_BREADCRUMBS = 50;
 let maxStoredCrashes = 100;
 const appStartTime = Date.now();
+let isCrashModuleEnabled = false;
+export const setCrashModuleEnabled = (enabled) => {
+    isCrashModuleEnabled = enabled;
+};
+export const getCrashModuleEnabled = () => isCrashModuleEnabled;
 // ─── BREADCRUMB MANAGERS ───────────────────────────────────────────────────────
 export const setMaxCrashLogsLimit = (max) => {
     maxStoredCrashes = Math.max(10, max);
@@ -19,6 +24,8 @@ export const setMaxCrashLogsLimit = (max) => {
     }
 };
 export const addCrashBreadcrumb = (type, message, data) => {
+    if (!isCrashModuleEnabled)
+        return;
     try {
         const entry = {
             type,

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

@@ -12,6 +12,8 @@ type NetworkLog = {
     requestHeaders?: Record<string, string>;
     responseHeaders?: Record<string, string>;
 };
+export declare const setNetworkModuleEnabled: (enabled: boolean) => void;
+export declare const getNetworkModuleEnabled: () => boolean;
 export declare const subscribeNetworkLogs: (callback: (logs: NetworkLog[]) => void) => () => void;
 export declare const clearNetworkLogs: () => void;
 export declare const getNetworkLogs: () => NetworkLog[];

package/dist/esm/customHooks/networkLogger.js

@@ -3,6 +3,11 @@ import { setupGlobalCrashHandler } from "./crashHandler";
 let logs = [];
 let listeners = [];
 let counter = 0;
+let isNetworkModuleEnabled = true;
+export const setNetworkModuleEnabled = (enabled) => {
+    isNetworkModuleEnabled = enabled;
+};
+export const getNetworkModuleEnabled = () => isNetworkModuleEnabled;
 const ALLOWED_METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE"];
 const IGNORED_URL_PATTERNS = [
     /\/symbolicate(?:[/?#]|$)/i,
@@ -112,6 +117,8 @@ const notify = () => {
     listeners.forEach((cb) => cb(snapshot));
 };
 const addOrUpdateLog = (log) => {
+    if (!isNetworkModuleEnabled)
+        return;
     const method = log.method?.toUpperCase();
     if (!ALLOWED_METHODS.includes(method))
         return;
@@ -135,6 +142,8 @@ export const setupNetworkLogger = () => {
     const originalFetch = globalThis.fetch;
     if (originalFetch) {
         globalThis.fetch = async (url, options = {}) => {
+            if (!isNetworkModuleEnabled)
+                return originalFetch(url, options);
             const method = (options?.method || "GET").toUpperCase();
             if (!ALLOWED_METHODS.includes(method))
                 return originalFetch(url, options);

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

@@ -77,6 +77,8 @@ export declare function getCallerSourceFile(fallbackName?: string): string;
 export declare const getInitialRenderProfiles: () => ComponentRenderProfile[];
 export declare const getInitialPerformanceEvents: () => PerformanceEvent[];
 export declare const INITIAL_EVENTS: PerformanceEvent[];
+export declare const setPerformanceModuleEnabled: (enabled: boolean) => void;
+export declare const getPerformanceModuleEnabled: () => boolean;
 export declare const subscribeRenderProfiles: (listener: (profiles: ComponentRenderProfile[]) => void) => () => void;
 export declare const getRenderProfiles: () => ComponentRenderProfile[];
 export declare const registerComponentProfile: (profile: ComponentRenderProfile) => void;
@@ -129,7 +131,7 @@ export declare const useComponentProfiler: (componentName: string, options?: {
     sourceFile?: string;
     propsToCompare?: Record<string, any>;
 }) => void;
-export declare const usePerformanceTracker: () => {
+export declare const usePerformanceTracker: (enabled?: boolean) => {
     isRecording: boolean;
     setIsRecording: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     currentFps: number;

package/dist/esm/customHooks/performanceTracker.js

@@ -170,6 +170,11 @@ export function getCallerSourceFile(fallbackName) {
 export const getInitialRenderProfiles = () => [];
 export const getInitialPerformanceEvents = () => [];
 export const INITIAL_EVENTS = [];
+let isPerformanceModuleEnabled = false;
+export const setPerformanceModuleEnabled = (enabled) => {
+    isPerformanceModuleEnabled = enabled;
+};
+export const getPerformanceModuleEnabled = () => isPerformanceModuleEnabled;
 const globalRenderRegistry = new Map();
 const renderListeners = new Set();
 const notifyRenderListeners = () => {
@@ -190,10 +195,14 @@ export const subscribeRenderProfiles = (listener) => {
 };
 export const getRenderProfiles = () => Array.from(globalRenderRegistry.values());
 export const registerComponentProfile = (profile) => {
+    if (!isPerformanceModuleEnabled)
+        return;
     globalRenderRegistry.set(profile.name, profile);
     notifyRenderListeners();
 };
 export const trackComponentRender = (params) => {
+    if (!isPerformanceModuleEnabled)
+        return;
     const existing = globalRenderRegistry.get(params.name);
     const now = Date.now();
     const renderTimeMs = params.renderTimeMs ?? 1.5;
@@ -434,7 +443,8 @@ export const useComponentProfiler = (componentName, options) => {
         });
     });
 };
-export const usePerformanceTracker = () => {
+export const usePerformanceTracker = (enabled = true) => {
+    const isTrackerActive = enabled && isPerformanceModuleEnabled;
     const [isRecording, setIsRecording] = useState(true);
     const [currentFps, setCurrentFps] = useState(60);
     const [minFps, setMinFps] = useState(60);
@@ -448,6 +458,8 @@ export const usePerformanceTracker = () => {
     const [renderProfiles, setRenderProfiles] = useState(() => getRenderProfiles());
     const [events, setEvents] = useState(() => getPerformanceEvents());
     useEffect(() => {
+        if (!isTrackerActive)
+            return;
         const unsubRender = subscribeRenderProfiles(profiles => {
             setRenderProfiles(profiles);
         });
@@ -458,13 +470,13 @@ export const usePerformanceTracker = () => {
             unsubRender();
             unsubEvents();
         };
-    }, []);
+    }, [isTrackerActive]);
     const lastFrameTimeRef = useRef(Date.now());
     const rafIdRef = useRef(null);
     const appStartTimestampRef = useRef(Date.now());
     // Live Frame Measurement Loop
     useEffect(() => {
-        if (!isRecording)
+        if (!isTrackerActive || !isRecording)
             return;
         let isMounted = true;
         let frameCount = 0;

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

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

package/dist/esm/customHooks/reduxLogger.js

@@ -15,6 +15,11 @@ import { parseStackLine } from '../helpers';
 let currentReduxState = null;
 const listeners = new Set();
 let globalReduxAutoRefresh = true;
+let isReduxModuleEnabled = false;
+export const setReduxModuleEnabled = (enabled) => {
+    isReduxModuleEnabled = enabled;
+};
+export const getReduxModuleEnabled = () => isReduxModuleEnabled;
 let lastActionForReducer = {};
 let actionHistory = [];
 const MAX_HISTORY = 50;
@@ -163,6 +168,8 @@ function extractSliceName(actionType, affectedSlices) {
     return undefined;
 }
 function recordAction(action, prevState, nextState, rawStack) {
+    if (!isReduxModuleEnabled)
+        return;
     const stack = rawStack || new Error().stack || '';
     const type = actionTypeOf(action);
     const payload = action && typeof action === 'object' && action.payload !== undefined