react-native-inapp-inspector 1.1.33 → 1.1.35

package/dist/commonjs/components/LogCard.js

@@ -172,11 +172,11 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
             styles_1.default.chip,
             {
                 backgroundColor: item.url.toLowerCase().startsWith('https')
-                    ? '#ECFDF5'
-                    : '#FFFBEB',
+                    ? AppColors_1.AppColors.mintGreenBg
+                    : AppColors_1.AppColors.amberWarmBg,
                 borderColor: item.url.toLowerCase().startsWith('https')
-                    ? '#A7F3D0'
-                    : '#FDE68A',
+                    ? AppColors_1.AppColors.mintGreenBorder
+                    : AppColors_1.AppColors.amberWarmBorder,
                 paddingHorizontal: 4,
                 paddingVertical: 1,
                 borderRadius: 4,
@@ -188,8 +188,8 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
                 fontFamily: AppFonts_1.AppFonts.interBold,
                 fontSize: 8,
                 color: item.url.toLowerCase().startsWith('https')
-                    ? '#059669'
-                    : '#D97706',
+                    ? AppColors_1.AppColors.mintGreenText
+                    : AppColors_1.AppColors.amber700,
             },
         ]}>
                 {item.url.toLowerCase().startsWith('https') ? 'HTTPS' : 'HTTP'}
@@ -202,8 +202,8 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
             item.client === 'graphql') && (<react_native_1.View style={[
                 styles_1.default.chip,
                 {
-                    backgroundColor: '#FDF2F8',
-                    borderColor: '#FBCFE8',
+                    backgroundColor: AppColors_1.AppColors.roseBg,
+                    borderColor: AppColors_1.AppColors.roseBorder,
                     paddingHorizontal: 4,
                     paddingVertical: 1,
                     borderRadius: 4,
@@ -214,7 +214,7 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
                 {
                     fontFamily: AppFonts_1.AppFonts.interBold,
                     fontSize: 8,
-                    color: '#DB2777',
+                    color: AppColors_1.AppColors.pink600,
                 },
             ]}>
                   GQL
@@ -354,6 +354,24 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
               </react_native_1.View>)}
           </react_native_1.View>
         </react_native_1.View>
+
+        {/* Mini Latency Timing Waterfall Bar */}
+        {typeof item.duration === 'number' && item.duration > 0 && !isFailed && (<react_native_1.View style={{ marginTop: 6, gap: 2 }}>
+            <react_native_1.View style={{
+                height: 2.5,
+                width: '100%',
+                backgroundColor: AppColors_1.AppColors.grayBorderSecondary,
+                borderRadius: 1.5,
+                overflow: 'hidden',
+            }}>
+              <react_native_1.View style={{
+                height: '100%',
+                width: `${Math.min(100, Math.max(6, (item.duration / 1200) * 100))}%`,
+                backgroundColor: durationColor,
+                borderRadius: 1.5,
+            }}/>
+            </react_native_1.View>
+          </react_native_1.View>)}
       </react_native_1.View>
       <react_native_1.Animated.View pointerEvents="none" style={[
             react_native_1.StyleSheet.absoluteFill,

package/dist/commonjs/components/MetaAccordion.js

@@ -208,6 +208,48 @@ const MetaAccordion = ({ status, statusColor, duration, size, triggeredAt, metho
               </react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
+
+          {/* Visual Latency Timing Breakdown Waterfall */}
+          {duration != null && !isFailed && (<react_native_1.View style={{ paddingVertical: 8, gap: 6 }}>
+              <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 11, color: AppColors_1.AppColors.primaryBlack }}>
+                  {t('network.timingWaterfall')}
+                </react_native_1.Text>
+                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interMedium, fontSize: 10.5, color: (0, helpers_1.getDurationColor)(duration) }}>
+                  {duration < constants_1.DURATION_FAST_MS
+                ? t('network.perf.fast')
+                : duration < constants_1.DURATION_SLOW_MS
+                    ? t('network.perf.moderate')
+                    : t('network.perf.slow')}
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.View style={{
+                height: 6,
+                backgroundColor: AppColors_1.AppColors.grayBorderSecondary,
+                borderRadius: 3,
+                overflow: 'hidden',
+            }}>
+                <react_native_1.View style={{
+                height: '100%',
+                width: `${Math.min(100, Math.max(8, (duration / 1200) * 100))}%`,
+                backgroundColor: (0, helpers_1.getDurationColor)(duration),
+                borderRadius: 3,
+            }}/>
+              </react_native_1.View>
+
+              <react_native_1.View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginTop: 1 }}>
+                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 9.5, color: AppColors_1.AppColors.grayTextWeak }}>
+                  0 ms
+                </react_native_1.Text>
+                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interBold, fontSize: 10, color: (0, helpers_1.getDurationColor)(duration) }}>
+                  {duration} ms
+                </react_native_1.Text>
+                <react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 9.5, color: AppColors_1.AppColors.grayTextWeak }}>
+                  1,200+ ms
+                </react_native_1.Text>
+              </react_native_1.View>
+            </react_native_1.View>)}
           <react_native_1.View style={styles_1.default.metaDivider}/>
 
           <react_native_1.View style={styles_1.default.metaRow}>

package/dist/commonjs/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/commonjs/components/NetworkIcons.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfoCircleIcon = exports.UserIcon = exports.LayersIcon = exports.WipeIcon = exports.FolderIcon = exports.SettingsIcon = exports.EyeIcon = exports.JsIcon = exports.CssIcon = exports.HtmlIcon = exports.BrandSquareIcon = exports.BrandCircleIcon = exports.MoonIcon = exports.SunIcon = exports.DebugIcon = exports.InsightsIcon = exports.AnalyticsIcon = exports.WhiteBackNavigation = exports.CloseWhite = exports.DownloadIcon = exports.FilterIcon = exports.ChevronIcon = exports.SortArrowIcon = exports.GlobeIcon = exports.DiffIcon = exports.SignalIcon = exports.ExportIcon = exports.HeaderPauseIcon = exports.TrashIcon = exports.FailIcon = exports.CircleAlertIcon = exports.CircleXIcon = exports.CircleCheckIcon = exports.CheckIcon = exports.TerminalIcon = exports.FetchIcon = exports.CopyIcon = exports.HeadersIcon = exports.ResponseIcon = exports.RequestIcon = exports.SizeIcon = exports.StatusIcon = exports.CalendarIcon = exports.ClockIcon = exports.ClearIcon = exports.SearchIcon = exports.ExpandCollapseIcon = exports.ScreenIcon = exports.MapPinIcon = exports.EmptyRadarIcon = void 0;
 exports.DiagnosticsIcon = exports.StackTraceIcon = exports.LayoutIcon = exports.ChipIcon = exports.SkullIcon = exports.ShieldAlertIcon = exports.CrashIcon = exports.UserCheckIcon = exports.TargetGoalIcon = exports.RepeatIcon = exports.PinIcon = exports.HourglassIcon = exports.FlameIcon = exports.CodeBracketsIcon = exports.AndroidIcon = exports.AppleIcon = exports.LinkChainIcon = exports.GitHubIcon = exports.PackageBoxIcon = exports.ExternalLinkIcon = exports.MoneyIcon = exports.CartIcon = exports.TextAaIcon = exports.BrainIcon = exports.AtomIcon = exports.MapIcon = exports.SparkleIcon = exports.LightbulbIcon = exports.DocIcon = exports.FolderOpenIcon = exports.BanIcon = exports.BoltIcon = exports.PerformanceIcon = exports.ReduxIcon = exports.MetadataIcon = exports.StorageIcon = exports.RefreshCcwIcon = exports.TimelineIcon = exports.LiveStateIcon = exports.BundleIcon = exports.ForwardChevronIcon = exports.PackageIcon = exports.TableIcon = exports.RawIcon = exports.PrettyIcon = exports.SortIcon = exports.MotionIcon = exports.TrendingUpIcon = exports.ErrorCircleIcon = exports.WarningTriangleIcon = void 0;
-exports.LoadingSpinnerIcon = exports.ListenerIcon = exports.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = void 0;
+exports.TagIcon = exports.BugIcon = exports.AlertTriangleIcon = exports.SmartphoneIcon = exports.KeyIcon = exports.BarChartIcon = exports.DiceIcon = exports.ZapIcon = exports.FlaskIcon = exports.LoadingSpinnerIcon = exports.ListenerIcon = exports.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 // Stylesheet
@@ -808,3 +808,50 @@ const LoadingSpinnerIcon = ({ color = AppColors_1.AppColors.amber800Warm, size =
     </react_native_svg_1.default>);
 };
 exports.LoadingSpinnerIcon = LoadingSpinnerIcon;
+const FlaskIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.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"/>
+    <react_native_svg_1.Circle cx="12" cy="18" r="1" fill={color}/>
+  </react_native_svg_1.default>);
+exports.FlaskIcon = FlaskIcon;
+const ZapIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.ZapIcon = ZapIcon;
+const DiceIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Rect x="3" y="3" width="18" height="18" rx="4" stroke={color} strokeWidth="1.8"/>
+    <react_native_svg_1.Circle cx="8.5" cy="8.5" r="1.5" fill={color}/>
+    <react_native_svg_1.Circle cx="15.5" cy="8.5" r="1.5" fill={color}/>
+    <react_native_svg_1.Circle cx="12" cy="12" r="1.5" fill={color}/>
+    <react_native_svg_1.Circle cx="8.5" cy="15.5" r="1.5" fill={color}/>
+    <react_native_svg_1.Circle cx="15.5" cy="15.5" r="1.5" fill={color}/>
+  </react_native_svg_1.default>);
+exports.DiceIcon = DiceIcon;
+const BarChartIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M18 20V10M12 20V4M6 20v-6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.BarChartIcon = BarChartIcon;
+const KeyIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Circle cx="7.5" cy="15.5" r="4.5" stroke={color} strokeWidth="1.8"/>
+    <react_native_svg_1.Path d="m11 12 8.5-8.5M16 4.5l3 3M19 7.5l2-2" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.KeyIcon = KeyIcon;
+const SmartphoneIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Rect x="5" y="2" width="14" height="20" rx="3" stroke={color} strokeWidth="1.8"/>
+    <react_native_svg_1.Path d="M12 18h.01" stroke={color} strokeWidth="2.5" strokeLinecap="round"/>
+  </react_native_svg_1.default>);
+exports.SmartphoneIcon = SmartphoneIcon;
+const AlertTriangleIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.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"/>
+    <react_native_svg_1.Path d="M12 9v4M12 17h.01" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+  </react_native_svg_1.default>);
+exports.AlertTriangleIcon = AlertTriangleIcon;
+const BugIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Rect width="8" height="12" x="8" y="8" rx="4" stroke={color} strokeWidth="1.8"/>
+    <react_native_svg_1.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"/>
+  </react_native_svg_1.default>);
+exports.BugIcon = BugIcon;
+const TagIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.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"/>
+    <react_native_svg_1.Circle cx="7.5" cy="7.5" r="1.5" fill={color}/>
+  </react_native_svg_1.default>);
+exports.TagIcon = TagIcon;

package/dist/commonjs/components/Toast.js

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

package/dist/commonjs/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/commonjs/components/TouchableScale.js

@@ -35,12 +35,12 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const TouchableScale = react_1.default.memo(function TouchableScale({ onPress, onLongPress, style, children, hitSlop, disabled, }) {
+const TouchableScale = react_1.default.memo(function TouchableScale({ onPress, onLongPress, style, children, hitSlop, disabled, accessible, accessibilityRole, accessibilityLabel, accessibilityHint, accessibilityState, accessibilityValue, ...rest }) {
     if (react_native_1.Platform.OS === 'android') {
-        return (<react_native_1.Pressable disabled={disabled} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop} style={({ pressed }) => [
+        return (<react_native_1.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}
       </react_native_1.Pressable>);
     }
@@ -73,7 +73,7 @@ const TouchableScale = react_1.default.memo(function TouchableScale({ onPress, o
         flexShrink: flattenedStyle.flexShrink,
         gap: flattenedStyle.gap,
     };
-    return (<react_native_1.Pressable disabled={disabled} style={style} onPressIn={() => animatePress(true)} onPressOut={() => animatePress(false)} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop}>
+    return (<react_native_1.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}>
       <react_native_1.Animated.View style={[{ opacity, transform: [{ scale }] }, layoutStyle]}>
         {children}
       </react_native_1.Animated.View>

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

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

package/dist/commonjs/constants/version.js

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

package/dist/commonjs/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/commonjs/customHooks/analyticsLogger.js

@@ -22,11 +22,18 @@
 //   setUserId(id)
 // ─────────────────────────────────────────────────────────────────────────────
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autoSetupAnalyticsLogger = exports.setupAnalyticsLogger = exports.isAnalyticsConnected = exports.logAnalyticsEvent = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = void 0;
+exports.autoSetupAnalyticsLogger = exports.setupAnalyticsLogger = exports.isAnalyticsConnected = exports.logAnalyticsEvent = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.getAnalyticsModuleEnabled = exports.setAnalyticsModuleEnabled = void 0;
 // ─── Internal state ───────────────────────────────────────────────────────────
 let events = [];
 let listeners = [];
 let counter = 0;
+let isAnalyticsModuleEnabled = false;
+const setAnalyticsModuleEnabled = (enabled) => {
+    isAnalyticsModuleEnabled = enabled;
+};
+exports.setAnalyticsModuleEnabled = setAnalyticsModuleEnabled;
+const getAnalyticsModuleEnabled = () => isAnalyticsModuleEnabled;
+exports.getAnalyticsModuleEnabled = getAnalyticsModuleEnabled;
 // Running snapshot of user properties set so far — attached to every event
 let currentUserProperties = {};
 let currentUserId;
@@ -38,6 +45,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/commonjs/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/commonjs/customHooks/bundleAnalyzer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCachedBundleAnalysis = exports.clearCachedBundleAnalysis = exports.analyzeHostAppBundle = exports.getInitialBundleAnalysis = exports.parseBundleSource = exports.trackRuntimeDefine = exports.trackRuntimeModuleExecution = exports.getHostScriptURL = void 0;
+exports.getCachedBundleAnalysis = exports.clearCachedBundleAnalysis = exports.analyzeHostAppBundle = exports.getInitialBundleAnalysis = exports.parseBundleSource = exports.trackRuntimeDefine = exports.trackRuntimeModuleExecution = exports.getHostScriptURL = exports.getBundleModuleEnabled = exports.setBundleModuleEnabled = void 0;
 const AppColors_1 = require("../styles/AppColors");
 const i18n_1 = require("../i18n");
 // ─── Real Host App Bundle Analyzer ──────────────────────────────────────────
@@ -16,6 +16,13 @@ const react_native_1 = require("react-native");
 let cachedAnalysis = null;
 let isAnalyzing = false;
 const subscribers = [];
+let isBundleModuleEnabled = false;
+const setBundleModuleEnabled = (enabled) => {
+    isBundleModuleEnabled = enabled;
+};
+exports.setBundleModuleEnabled = setBundleModuleEnabled;
+const getBundleModuleEnabled = () => isBundleModuleEnabled;
+exports.getBundleModuleEnabled = getBundleModuleEnabled;
 const getSourceCodeModule = () => {
     try {
         const legacy = react_native_1.NativeModules?.SourceCode;
@@ -520,9 +527,18 @@ const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = true) =>
             category = 'json';
             color = AppColors_1.AppColors.emerald500;
         }
-        // Approximate module size from total and module count
+        // Approximate module size from total dev size and module count
         const approxKb = Math.max(2, Math.round((totalDevKb * 0.15) / Math.max(modules.length, 20)));
-        const isConsumed = consumedIds.has(mod.id);
+        // In React Native Metro bundler, modules included in the bundle are transitively
+        // imported from the entrypoint (index.js / App.tsx) and active in the dependency tree.
+        // A module is marked as 'Not Consumed' only if it is an orphaned test file, mock fixture, or dead spec.
+        const isTestOrFixture = cleanPath.includes('.test.') ||
+            cleanPath.includes('.spec.') ||
+            cleanPath.includes('__tests__') ||
+            cleanPath.includes('__mocks__') ||
+            cleanPath.includes('.stories.') ||
+            cleanPath.includes('fixtures/');
+        const isConsumed = !isTestOrFixture;
         discoveredFiles.push({
             id: `host-file-${fileIdx++}`,
             name,
@@ -535,7 +551,7 @@ const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = true) =>
             status: isConsumed ? 'optimal' : 'warning',
             advice: isConsumed
                 ? 'In-Use: Bundled and active in host application dependency tree'
-                : 'Not consumed: Defined in the bundle but not referenced in active execution tree',
+                : 'Not consumed: Test fixture or orphaned file packaged in bundle',
             isConsumed,
         });
     }
@@ -669,25 +685,60 @@ const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = true) =>
     });
     // Sort packages by size descending
     packagesList.sort((a, b) => b.sizeKb - a.sizeKb);
-    // Compute Development Split-Up
-    const appSourceKb = Math.round(totalDevKb * 0.15);
-    const nodeModulesKb = Math.round(totalDevKb * 0.52);
-    const assetsMediaKb = Math.round(totalDevKb * 0.12);
-    const metroOverheadKb = Math.round(totalDevKb * 0.21);
-    // Compute Production Binary (.ipa / .aab / .apk) derived from host app's real bundle
-    // In release: JS is Hermes compiled (~35-40% of dev JS), plus native binary & assets
+    // Compute Development Split-Up dynamically from real discovered files and packages
+    let realNodeModulesKb = 0;
+    for (const pkg of packagesList) {
+        realNodeModulesKb += pkg.sizeKb || 0;
+    }
+    let realAppSourceKb = 0;
+    let realAssetsMediaKb = 0;
+    for (const file of discoveredFiles) {
+        if (file.category === 'image' || file.category === 'font') {
+            realAssetsMediaKb += file.sizeKb || 0;
+        }
+        else {
+            realAppSourceKb += file.sizeKb || 0;
+        }
+    }
+    const appSourceKb = realAppSourceKb > 0 ? realAppSourceKb : Math.round(totalDevKb * 0.18);
+    const nodeModulesKb = realNodeModulesKb > 0 ? realNodeModulesKb : Math.round(totalDevKb * 0.58);
+    const assetsMediaKb = realAssetsMediaKb > 0 ? realAssetsMediaKb : Math.round(totalDevKb * 0.08);
+    const metroOverheadKb = Math.max(0, totalDevKb - appSourceKb - nodeModulesKb - assetsMediaKb);
+    // ─── Production Binary (.ipa / .aab / .apk) Dynamically Scaled ────────────
+    // Fully dynamic across any React Native project based on:
+    // 1. Exact Hermes bytecode size (releaseJsMb derived from totalDevKb)
+    // 2. Exact third-party package count and dependency weight
+    // 3. Exact media assets, fonts, and images size (assetsMediaKb)
     const releaseJsMb = Number(((totalDevKb * 0.38) / 1024).toFixed(2));
-    const nativeFrameworksMb = Number((12.5 + packagesList.length * 0.35).toFixed(1));
-    const nativeMachoMb = Number((9.8 + packagesList.length * 0.22).toFixed(1));
-    const assetsCatalogMb = Number(((assetsMediaKb * 1.8) / 1024).toFixed(1));
-    const metadataMb = 2.4;
+    const nodeModulesMb = Number((nodeModulesKb / 1024).toFixed(2));
+    const assetsMediaMb = Number((assetsMediaKb / 1024).toFixed(2));
+    // 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((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));
-    const iosDownloadMb = Number((iosInstallMb * 0.44).toFixed(1));
-    const androidCppMb = Number((11.4 + packagesList.length * 0.38).toFixed(1));
-    const androidDexMb = Number((7.8 + packagesList.length * 0.25).toFixed(1));
-    const androidResMb = Number(((assetsMediaKb * 1.6) / 1024).toFixed(1));
-    const androidInstallMb = Number((releaseJsMb + androidCppMb + androidDexMb + androidResMb + 2.6).toFixed(1));
-    const androidDownloadMb = Number((androidInstallMb * 0.41).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((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.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)
+    // 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.toFixed(1));
     const iosComponents = [
         {
             id: 'ios-c1',
@@ -785,17 +836,13 @@ const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = true) =>
             id: 'and-c5',
             name: (0, i18n_1.t)('bundle.andComp5Name'),
             category: 'meta',
-            sizeMb: 2.6,
-            pct: Number(((2.6 / androidInstallMb) * 100).toFixed(1)),
+            sizeMb: 3.8,
+            pct: Number(((3.8 / androidInstallMb) * 100).toFixed(1)),
             color: AppColors_1.AppColors.amber500,
             description: (0, i18n_1.t)('bundle.andComp5Desc'),
             advice: (0, i18n_1.t)('bundle.andComp5Advice'),
         },
     ];
-    // Universal Standalone APK metrics (Multi-ABI FAT APK: arm64 + v7a + x86_64)
-    const androidMultiAbiCppMb = Number((androidCppMb * 2.6).toFixed(1));
-    const androidApkInstallMb = Number((releaseJsMb + androidMultiAbiCppMb + androidDexMb + androidResMb + 3.2).toFixed(1));
-    const androidApkDownloadMb = Number((androidApkInstallMb * 0.58).toFixed(1));
     const androidApkComponents = [
         {
             id: 'apk-c1',
@@ -811,8 +858,8 @@ const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = true) =>
             id: 'apk-c2',
             name: (0, i18n_1.t)('bundle.apkComp2Name'),
             category: 'frameworks',
-            sizeMb: androidDexMb,
-            pct: Number(((androidDexMb / androidApkInstallMb) * 100).toFixed(1)),
+            sizeMb: androidApkDexMb,
+            pct: Number(((androidApkDexMb / androidApkInstallMb) * 100).toFixed(1)),
             color: AppColors_1.AppColors.indigo500,
             description: (0, i18n_1.t)('bundle.apkComp2Desc'),
             advice: (0, i18n_1.t)('bundle.apkComp2Advice'),
@@ -821,8 +868,8 @@ const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = true) =>
             id: 'apk-c3',
             name: (0, i18n_1.t)('bundle.apkComp3Name'),
             category: 'assets',
-            sizeMb: androidResMb,
-            pct: Number(((androidResMb / androidApkInstallMb) * 100).toFixed(1)),
+            sizeMb: androidApkResMb,
+            pct: Number(((androidApkResMb / androidApkInstallMb) * 100).toFixed(1)),
             color: AppColors_1.AppColors.pink500,
             description: (0, i18n_1.t)('bundle.apkComp3Desc'),
             advice: (0, i18n_1.t)('bundle.apkComp3Advice'),
@@ -841,8 +888,8 @@ const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = true) =>
             id: 'apk-c5',
             name: (0, i18n_1.t)('bundle.apkComp5Name'),
             category: 'meta',
-            sizeMb: 3.2,
-            pct: Number(((3.2 / androidApkInstallMb) * 100).toFixed(1)),
+            sizeMb: androidApkMetaMb,
+            pct: Number(((androidApkMetaMb / androidApkInstallMb) * 100).toFixed(1)),
             color: AppColors_1.AppColors.amber500,
             description: (0, i18n_1.t)('bundle.apkComp5Desc'),
             advice: (0, i18n_1.t)('bundle.apkComp5Advice'),

package/dist/commonjs/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/commonjs/customHooks/consoleLogger.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupConsoleLogger = exports.getConsoleLogs = exports.clearConsoleLogs = exports.subscribeConsoleLogs = exports.addLogFromCrash = void 0;
+exports.setupConsoleLogger = exports.getConsoleLogs = exports.clearConsoleLogs = exports.subscribeConsoleLogs = exports.addLogFromCrash = exports.getConsoleModuleEnabled = exports.setConsoleModuleEnabled = void 0;
 const react_native_1 = require("react-native");
 const logFilters_1 = require("./logFilters");
 const crashHandler_1 = require("./crashHandler");
@@ -8,6 +8,13 @@ let logs = [];
 let listeners = [];
 let counter = 0;
 let isIntercepting = false;
+let isConsoleModuleEnabled = true;
+const setConsoleModuleEnabled = (enabled) => {
+    isConsoleModuleEnabled = enabled;
+};
+exports.setConsoleModuleEnabled = setConsoleModuleEnabled;
+const getConsoleModuleEnabled = () => isConsoleModuleEnabled;
+exports.getConsoleModuleEnabled = getConsoleModuleEnabled;
 const MAX_LOGS = 100;
 // ─── Helpers ──────────────────────────────────────────────────────────────────
 const formatArgs = (args) => {
@@ -189,6 +196,8 @@ const notify = () => {
     listeners.forEach(cb => cb(snapshot));
 };
 const addLog = (type, args, sourceMethod) => {
+    if (!isConsoleModuleEnabled)
+        return;
     if (isIntercepting)
         return;
     isIntercepting = true;

package/dist/commonjs/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/commonjs/customHooks/crashHandler.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupGlobalCrashHandler = exports.exportCrashReport = exports.simulateTestCrash = exports.recordCustomCrash = exports.handleInterceptedCrash = exports.emitCrashEvent = exports.subscribeCrashEvents = exports.clearCrashRecords = exports.getCrashRecords = exports.computeCrashFingerprint = exports.parseCrashStackTrace = exports.getCrashBreadcrumbs = exports.clearCrashBreadcrumbs = exports.recordUserActionBreadcrumb = exports.recordReduxBreadcrumb = exports.recordNetworkBreadcrumb = exports.recordNavigationBreadcrumb = exports.addCrashBreadcrumb = exports.setMaxCrashLogsLimit = exports.CrashExportFormat = void 0;
+exports.setupGlobalCrashHandler = exports.exportCrashReport = exports.simulateTestCrash = exports.recordCustomCrash = exports.handleInterceptedCrash = exports.emitCrashEvent = exports.subscribeCrashEvents = exports.clearCrashRecords = exports.getCrashRecords = exports.computeCrashFingerprint = exports.parseCrashStackTrace = exports.getCrashBreadcrumbs = exports.clearCrashBreadcrumbs = exports.recordUserActionBreadcrumb = exports.recordReduxBreadcrumb = exports.recordNetworkBreadcrumb = exports.recordNavigationBreadcrumb = exports.addCrashBreadcrumb = exports.setMaxCrashLogsLimit = exports.getCrashModuleEnabled = exports.setCrashModuleEnabled = exports.CrashExportFormat = void 0;
 const react_native_1 = require("react-native");
 const enums_1 = require("../types/enums");
 Object.defineProperty(exports, "CrashExportFormat", { enumerable: true, get: function () { return enums_1.CrashExportFormat; } });
@@ -14,6 +14,13 @@ let breadcrumbsStore = [];
 const MAX_BREADCRUMBS = 50;
 let maxStoredCrashes = 100;
 const appStartTime = Date.now();
+let isCrashModuleEnabled = false;
+const setCrashModuleEnabled = (enabled) => {
+    isCrashModuleEnabled = enabled;
+};
+exports.setCrashModuleEnabled = setCrashModuleEnabled;
+const getCrashModuleEnabled = () => isCrashModuleEnabled;
+exports.getCrashModuleEnabled = getCrashModuleEnabled;
 // ─── BREADCRUMB MANAGERS ───────────────────────────────────────────────────────
 const setMaxCrashLogsLimit = (max) => {
     maxStoredCrashes = Math.max(10, max);
@@ -23,6 +30,8 @@ const setMaxCrashLogsLimit = (max) => {
 };
 exports.setMaxCrashLogsLimit = setMaxCrashLogsLimit;
 const addCrashBreadcrumb = (type, message, data) => {
+    if (!isCrashModuleEnabled)
+        return;
     try {
         const entry = {
             type,

package/dist/commonjs/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[];