react-native-inapp-inspector 2.3.4 → 2.3.6

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,7 @@
+export declare const ENC_MID = "029e338afbbf509e97b2ea5b";
+export declare const ENC_MID_IV = "9a6d6b4d732f07bedbe40229";
+export declare const ENC_MID_TAG = "e545372ce1ad53c593394a2c0281c75d";
+export declare const ENC_SEC = "7e95ab688f1b37f9b72d3ab70c9d92105e5bd7046e84";
+export declare const ENC_SEC_IV = "64a3aa1ee24005449e885c08";
+export declare const ENC_SEC_TAG = "007ce86e096dfb0ed902678902754f71";
+export declare const TELEMETRY_SALT = "rn-inapp-inspector-telemetry-v1";

package/dist/esm/constants/telemetryConfig.js

@@ -0,0 +1,7 @@
+export const ENC_MID = '029e338afbbf509e97b2ea5b';
+export const ENC_MID_IV = '9a6d6b4d732f07bedbe40229';
+export const ENC_MID_TAG = 'e545372ce1ad53c593394a2c0281c75d';
+export const ENC_SEC = '7e95ab688f1b37f9b72d3ab70c9d92105e5bd7046e84';
+export const ENC_SEC_IV = '64a3aa1ee24005449e885c08';
+export const ENC_SEC_TAG = '007ce86e096dfb0ed902678902754f71';
+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.4";
+export declare const LIB_VERSION = "2.3.6";

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

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 {

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

@@ -108,17 +108,8 @@ export declare const getBundleModuleEnabled: () => boolean;
 export declare const getHostScriptURL: () => string;
 export declare const trackRuntimeModuleExecution: () => void;
 export declare const trackRuntimeDefine: () => void;
-/**
- * Parses raw Metro bundle source code to discover real modules and packages in the host app.
- */
 export declare const parseBundleSource: (bundleText: string, totalBytes: number, scriptURL: string, isLive?: boolean) => HostBundleAnalysisResult;
-/**
- * Returns an instant baseline bundle analysis synchronously (never blocks UI).
- */
 export declare const getInitialBundleAnalysis: () => HostBundleAnalysisResult;
-/**
- * Asynchronously fetch and analyze the running Metro bundle in the background.
- */
 export declare const analyzeHostAppBundle: (forceRefresh?: boolean) => Promise<HostBundleAnalysisResult>;
 export declare const clearCachedBundleAnalysis: () => void;
 export declare const getCachedBundleAnalysis: () => HostBundleAnalysisResult | null;

package/dist/esm/customHooks/bundleAnalyzer.js

@@ -1,14 +1,5 @@
 import { AppColors } from '../styles/AppColors';
 import { t } from '../i18n';
-// ─── Real Host App Bundle Analyzer ──────────────────────────────────────────
-//
-// Dynamically measures and analyzes the real JavaScript bundle and packages
-// for the hosted application at runtime by:
-// 1. Inspecting `NativeModules.SourceCode.scriptURL` for the active Metro bundle.
-// 2. Fetching and measuring the exact byte size of the running JS bundle.
-// 3. Extracting real module paths (project files vs node_modules dependencies).
-// 4. Computing real Development and Production Binary (.ipa / .aab / .apk) sizes.
-// ─────────────────────────────────────────────────────────────────────────────
 import { NativeModules, Platform, TurboModuleRegistry } from 'react-native';
 let cachedAnalysis = null;
 let isAnalyzing = false;
@@ -39,7 +30,6 @@ const getSourceCodeModule = () => {
     return null;
 };
 export const getHostScriptURL = () => {
-    // 1. NativeModules.SourceCode (bridged) or SourceCode TurboModule (bridgeless / new arch)
     try {
         const scriptURL = getSourceCodeModule()?.scriptURL;
         if (typeof scriptURL === 'string' && scriptURL.length > 0) {
@@ -47,7 +37,6 @@ export const getHostScriptURL = () => {
         }
     }
     catch { }
-    // 2. Android legacy & new arch: PlatformConstants.serverHost, DevSettings, or AndroidConstants
     try {
         const serverHost = NativeModules?.PlatformConstants?.serverHost ||
             NativeModules?.AndroidConstants?.serverHost ||
@@ -59,7 +48,6 @@ export const getHostScriptURL = () => {
         }
     }
     catch { }
-    // 3. Fallback to global dev configs if defined
     try {
         const globalHost = globalThis?.__DEV_SERVER_URL__ ||
             globalThis?.__METRO_SERVER_HOST__ ||
@@ -82,7 +70,6 @@ export const getHostScriptURL = () => {
     catch { }
     return '';
 };
-// Dynamic Metro dev server ports to probe
 const DYNAMIC_DEV_PORTS = [8081, 8082, 8083, 8084, 8085, 8086, 8087, 8088, 8089, 8090, 19000, 19001, 3000];
 const extractHostAndPort = (scriptURL) => {
     if (!scriptURL || typeof scriptURL !== 'string') {
@@ -99,7 +86,6 @@ const extractHostAndPort = (scriptURL) => {
 };
 const probeCandidateUrlsInParallel = async (scriptURL, timeoutMs = 3000) => {
     const { host: extractedHost, port: extractedPort } = extractHostAndPort(scriptURL);
-    // 1. If we have a direct HTTP scriptURL, try fetching directly
     if (scriptURL && scriptURL.startsWith('http')) {
         try {
             const controller = new AbortController();
@@ -116,10 +102,8 @@ const probeCandidateUrlsInParallel = async (scriptURL, timeoutMs = 3000) => {
             }
         }
         catch {
-            // Continue to dynamic port discovery
         }
     }
-    // 2. Dynamic Port Discovery via parallel lightweight Metro /status probes
     const candidateHosts = extractedHost
         ? [extractedHost, 'localhost', '127.0.0.1', ...(Platform.OS === 'android' ? ['10.0.2.2', '10.0.3.2'] : [])]
         : ['localhost', '127.0.0.1', ...(Platform.OS === 'android' ? ['10.0.2.2', '10.0.3.2'] : [])];
@@ -172,7 +156,6 @@ const probeCandidateUrlsInParallel = async (scriptURL, timeoutMs = 3000) => {
     catch {
         activeServer = null;
     }
-    // 3. If a live Metro port was detected dynamically, fetch the bundle from it
     if (activeServer) {
         const dynamicBundleUrl = `http://${activeServer.host}:${activeServer.port}/index.bundle?platform=${Platform.OS}&dev=true`;
         try {
@@ -190,13 +173,10 @@ const probeCandidateUrlsInParallel = async (scriptURL, timeoutMs = 3000) => {
             }
         }
         catch {
-            // Fallback
         }
     }
     return null;
 };
-// ─── Runtime Module & Define Tracking ────────────────────────────────────────
-// Captures modules registered via Metro's global __d and executed via __r.
 const executedModuleIds = new Set();
 const runtimeModules = new Map();
 export const trackRuntimeModuleExecution = () => {
@@ -257,7 +237,6 @@ const extractBundleModules = (bundleText) => {
     const modules = [];
     const seenIds = new Set();
     if (bundleText && bundleText.length > 0) {
-        // 1. Fast linear regex on sourceURL (100% linear, zero backtracking, super fast)
         const sourceUrlRegex = /\/\/[#@]\s*sourceURL=(?:https?:\/\/[^\s\r\n/]+\/|file:\/\/)?([^\s\r\n?#]+)/g;
         let srcMatch;
         let autoId = 900000;
@@ -271,7 +250,6 @@ const extractBundleModules = (bundleText) => {
                 }
             }
         }
-        // 2. Linear bounded regex for __d definitions: __d(..., <id>, [...], "<path>")
         const linearDefineRegex = /,\s*(\d+)\s*,\s*(?:\[[^\]\r\n]{0,500}\]|\{[^}\r\n]{0,500}\})\s*,\s*["']([^"'\r\n]+)["']\s*\)/g;
         let defMatch;
         while ((defMatch = linearDefineRegex.exec(bundleText)) !== null) {
@@ -283,7 +261,6 @@ const extractBundleModules = (bundleText) => {
             }
         }
     }
-    // 3. Merge runtime modules registered through global.__d
     runtimeModules.forEach((item, id) => {
         if (!seenIds.has(id)) {
             seenIds.add(id);
@@ -306,27 +283,20 @@ const getStaticStartupModuleIds = (bundleText) => {
     }
     return ids;
 };
-/**
- * Dynamically computes the host app's project root directory without hardcoding any folder names.
- * Uses node_modules boundary, root entry points (index/App/package.json), and common directory analysis.
- */
 const detectProjectRoot = (allRawPaths) => {
     const normPaths = allRawPaths.map(p => p.replace(/\\/g, '/'));
-    // 1. Extract from node_modules path (most definitive in Metro dev bundles)
     for (const norm of normPaths) {
         const nmIdx = norm.indexOf('/node_modules/');
         if (nmIdx !== -1) {
-            return norm.slice(0, nmIdx + 1); // e.g. "/Users/user/Projects/my-app/"
+            return norm.slice(0, nmIdx + 1);
         }
     }
-    // 2. Extract from root entrypoint files (e.g. /path/to/project/index.js or App.tsx)
     for (const norm of normPaths) {
         const match = norm.match(/^(.*\/)(?:index\.[jt]sx?|app\.[jt]sx?|package\.json)(?:[?#].*)?$/i);
         if (match && match[1]) {
             return match[1];
         }
     }
-    // 3. Fallback: lowest common directory ancestor among all absolute project paths
     const absPaths = normPaths.filter(p => p.startsWith('/') && !p.includes('/node_modules/'));
     if (absPaths.length === 0)
         return '';
@@ -349,31 +319,22 @@ const detectProjectRoot = (allRawPaths) => {
     }
     return commonLen > 0 ? first.slice(0, commonLen).join('/') + '/' : '';
 };
-/**
- * Normalizes absolute or relative module paths so they retain their full
- * folder hierarchy from the host project root dynamically.
- */
 const normalizeProjectRelativePath = (rawPath, projectRoot) => {
     let clean = rawPath.replace(/\\/g, '/');
-    // Strip query parameters e.g. ?platform=ios or hashes
     const qIdx = clean.search(/[?#]/);
     if (qIdx !== -1) {
         clean = clean.slice(0, qIdx);
     }
-    // Strip file:// or http://.../ dev server URL prefixes
     clean = clean.replace(/^(?:https?:\/\/[^/]+\/|file:\/\/)/, '');
-    // Strip dynamically detected project root prefix
     if (projectRoot && clean.startsWith(projectRoot)) {
         clean = clean.slice(projectRoot.length);
     }
-    // Clean leading ../ sequences, ./, and leading /
     clean = clean.replace(/^(\.\.\/)+/, '').replace(/^\.\//, '').replace(/^\/+/, '');
     if (!clean)
         clean = rawPath.split('/').pop() || rawPath;
     return clean;
 };
 const isExternalPackage = (rawPath) => {
-    // 1. Standard node_modules
     if (rawPath.includes('node_modules/')) {
         const pkgMatch = rawPath.match(/node_modules\/(?:@([^/]+)\/([^/]+)|([^/]+))/);
         if (pkgMatch) {
@@ -382,15 +343,12 @@ const isExternalPackage = (rawPath) => {
         }
         return { isPkg: true };
     }
-    // 2. React Native In-App Inspector (when linked or embedded)
     if (rawPath.includes('react-native-inapp-inspector')) {
         return { isPkg: true, pkgName: 'react-native-inapp-inspector' };
     }
-    // 3. Yarn berry / pnpm virtual stores
     if (rawPath.includes('.yarn/') || rawPath.includes('.pnpm/')) {
         return { isPkg: true };
     }
-    // 4. Compiled package dist / build folders outside project source
     if (rawPath.includes('/dist/esm/') ||
         rawPath.includes('/dist/commonjs/') ||
         rawPath.includes('/dist/cjs/') ||
@@ -411,22 +369,16 @@ const isInternalModule = (rawPath) => {
         rawPath.includes('Libraries/Core/InitializeCore.js') ||
         rawPath.includes('@babel/runtime'));
 };
-/**
- * Parses raw Metro bundle source code to discover real modules and packages in the host app.
- */
 export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = true) => {
     const isHermes = Boolean(globalThis.HermesInternal);
     const totalDevMb = Number((totalBytes / (1024 * 1024)).toFixed(2));
     const totalDevKb = Math.round(totalBytes / 1024);
     const modules = extractBundleModules(bundleText);
     const startupIds = getStaticStartupModuleIds(bundleText);
-    // Build module map for dependency graph traversal
     const modMap = new Map();
     for (const mod of modules) {
         modMap.set(mod.id, mod);
     }
-    // Transitive Reachability: traverse the dependency graph starting from
-    // entrypoints (index.js, App.tsx, app.json, startupIds, executedModuleIds)
     const consumedIds = new Set();
     const queue = [];
     const markConsumed = (id) => {
@@ -435,7 +387,6 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             queue.push(id);
         }
     };
-    // Seed with root entrypoints and runtime executions
     markConsumed(0);
     startupIds.forEach(id => markConsumed(id));
     executedModuleIds.forEach(id => markConsumed(id));
@@ -454,7 +405,6 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             markConsumed(mod.id);
         }
     }
-    // Transitive BFS dependency traversal
     while (queue.length > 0) {
         const currId = queue.shift();
         const currMod = modMap.get(currId);
@@ -467,7 +417,7 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
     const discoveredPackagesMap = new Map();
     const rawProjectItems = [];
     for (const mod of modules) {
-        const rawPath = mod.path.replace(/\\/g, '/'); // Normalize Windows backslashes
+        const rawPath = mod.path.replace(/\\/g, '/');
         const { isPkg, pkgName } = isExternalPackage(rawPath);
         if (isPkg) {
             if (pkgName && !pkgName.startsWith('.')) {
@@ -475,13 +425,11 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             }
             continue;
         }
-        // Filter out internal Metro polyfills / virtual modules
         if (isInternalModule(rawPath)) {
             continue;
         }
         rawProjectItems.push({ mod, rawPath });
     }
-    // Dynamically calculate project root prefix to cleanly extract all host app folders & files
     const projectRoot = detectProjectRoot(modules.map(item => item.path));
     const discoveredFiles = [];
     let fileIdx = 0;
@@ -541,11 +489,7 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             category = 'json';
             color = AppColors.emerald500;
         }
-        // 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)));
-        // 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__') ||
@@ -569,7 +513,6 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             isConsumed,
         });
     }
-    // Dynamic color palette generator based on package name hash
     const getPackageColor = (name) => {
         const colors = [
             AppColors.indigo500, AppColors.sky500, AppColors.pink500, AppColors.purple500, AppColors.emerald500,
@@ -652,7 +595,6 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
         }
         return null;
     };
-    // Convert discovered packages into dynamic package items
     const packageEntries = Array.from(discoveredPackagesMap.entries());
     const totalPkgHits = packageEntries.reduce((sum, [, hits]) => sum + hits, 0) || 1;
     const packagesList = [];
@@ -682,7 +624,6 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             lastActive: `${hits} modules`,
         });
     });
-    // Attach subpackages to their direct parents
     const directPackagesMap = new Map();
     packagesList.forEach(pkg => {
         if (pkg.isDirectDefined) {
@@ -697,9 +638,7 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             parent.subpackages.push(pkg);
         }
     });
-    // Sort packages by size descending
     packagesList.sort((a, b) => b.sizeKb - a.sizeKb);
-    // Compute Development Split-Up dynamically from real discovered files and packages
     let realNodeModulesKb = 0;
     for (const pkg of packagesList) {
         realNodeModulesKb += pkg.sizeKb || 0;
@@ -718,35 +657,21 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
     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 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));
-    // 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));
@@ -971,20 +896,14 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
         },
     };
 };
-/**
- * Returns an instant baseline bundle analysis synchronously (never blocks UI).
- */
 export const getInitialBundleAnalysis = () => {
     if (cachedAnalysis)
         return cachedAnalysis;
     const scriptURL = getHostScriptURL();
-    const fallbackBytes = 6840000; // ~6.8MB standard RN dev bundle
+    const fallbackBytes = 6840000;
     const result = parseBundleSource('', fallbackBytes, scriptURL || 'unknown', false);
     return result;
 };
-/**
- * Asynchronously fetch and analyze the running Metro bundle in the background.
- */
 export const analyzeHostAppBundle = async (forceRefresh = false) => {
     if (forceRefresh) {
         cachedAnalysis = null;
@@ -1010,9 +929,7 @@ export const analyzeHostAppBundle = async (forceRefresh = false) => {
         }
     }
     catch {
-        // Silent catch
     }
-    // Fallback: could not reach a Metro dev server (offline, device on different network, or release build).
     const fallbackBytes = 6840000;
     const result = parseBundleSource('', fallbackBytes, scriptURL || 'unknown', false);
     cachedAnalysis = result;