react-native-inapp-inspector 1.1.32 → 1.1.34

package/dist/esm/customHooks/bundleAnalyzer.js

@@ -53,11 +53,21 @@ export const getHostScriptURL = () => {
         }
     }
     catch { }
-    // 3. Fallback to global dev config if defined
+    // 3. Fallback to global dev configs if defined
     try {
         const globalHost = globalThis?.__DEV_SERVER_URL__ ||
-            globalThis?.__METRO_SERVER_HOST__;
+            globalThis?.__METRO_SERVER_HOST__ ||
+            globalThis?.__DEV_SERVER_PORT__ ||
+            globalThis?.__METRO_PORT__;
+        if (typeof globalHost === 'number') {
+            const host = Platform.OS === 'android' ? '10.0.2.2' : 'localhost';
+            return `http://${host}:${globalHost}/index.bundle?platform=${Platform.OS}&dev=true`;
+        }
         if (typeof globalHost === 'string' && globalHost.length > 0) {
+            if (/^\d+$/.test(globalHost)) {
+                const host = Platform.OS === 'android' ? '10.0.2.2' : 'localhost';
+                return `http://${host}:${globalHost}/index.bundle?platform=${Platform.OS}&dev=true`;
+            }
             return globalHost.startsWith('http')
                 ? globalHost
                 : `http://${globalHost}/index.bundle?platform=${Platform.OS}&dev=true`;
@@ -66,144 +76,95 @@ export const getHostScriptURL = () => {
     catch { }
     return '';
 };
-// Expanded list of common Metro & dev server ports
-const DEV_SERVER_PORTS = [8081, 8082, 8083, 8084, 8085, 8086, 8087, 8088, 8089, 8090, 8080, 19000, 19001, 3000];
-const buildProbeUrls = (scriptURL) => {
-    const urls = [];
-    let extractedHost = null;
-    let extractedPort = null;
-    if (typeof scriptURL === 'string' && scriptURL.startsWith('http')) {
-        urls.push(scriptURL);
-        const urlMatch = scriptURL.match(/^https?:\/\/([^:/]+)(?::(\d+))?/);
-        if (urlMatch) {
-            extractedHost = urlMatch[1];
-            if (urlMatch[2]) {
-                extractedPort = parseInt(urlMatch[2], 10);
-            }
-        }
-    }
-    // Prioritize dynamically extracted port first
-    const ports = extractedPort
-        ? Array.from(new Set([extractedPort, ...DEV_SERVER_PORTS]))
-        : DEV_SERVER_PORTS;
-    const hosts = Platform.OS === 'android'
-        ? ['localhost', '127.0.0.1', '10.0.2.2', '10.0.3.2']
-        : ['localhost', '127.0.0.1'];
-    if (extractedHost && !hosts.includes(extractedHost)) {
-        hosts.unshift(extractedHost);
-    }
-    for (const port of ports) {
-        for (const host of hosts) {
-            urls.push(`http://${host}:${port}/index.bundle?platform=${Platform.OS}&dev=true`);
-        }
-    }
-    return Array.from(new Set(urls));
+// 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') {
+        return { host: null, port: null };
+    }
+    const match = scriptURL.match(/^https?:\/\/([^:/]+)(?::(\d+))?/);
+    if (match) {
+        return {
+            host: match[1] || null,
+            port: match[2] ? parseInt(match[2], 10) : null,
+        };
+    }
+    return { host: null, port: null };
 };
-const promiseAny = (promises) => {
-    return new Promise((resolve, reject) => {
-        let pendingCount = promises.length;
-        if (pendingCount === 0) {
-            reject(new Error('All promises rejected'));
-            return;
-        }
-        promises.forEach(p => {
-            Promise.resolve(p)
-                .then(resolve)
-                .catch(() => {
-                pendingCount--;
-                if (pendingCount === 0) {
-                    reject(new Error('All promises rejected'));
+const probeCandidateUrlsInParallel = async (scriptURL, timeoutMs = 2500) => {
+    const { host: extractedHost, port: extractedPort } = extractHostAndPort(scriptURL);
+    // 1. If we have a direct scriptURL, try fetching directly
+    if (scriptURL && scriptURL.startsWith('http')) {
+        try {
+            const controller = new AbortController();
+            const timer = setTimeout(() => controller.abort(), timeoutMs);
+            const res = await fetch(scriptURL, { signal: controller.signal });
+            clearTimeout(timer);
+            if (res.ok) {
+                const contentLength = res.headers.get('content-length');
+                const text = await res.text();
+                if (text && text.length > 0) {
+                    const bytes = contentLength ? parseInt(contentLength, 10) || text.length : text.length;
+                    return { text, bytes, url: scriptURL };
                 }
-            });
-        });
-    });
-};
-const probeCandidateUrlsInParallel = async (urls, timeoutMs = 4000) => {
-    if (urls.length === 0)
-        return null;
-    const controller = new AbortController();
-    const timer = setTimeout(() => controller.abort(), timeoutMs);
-    const fetchSingle = async (url) => {
-        const res = await fetch(url, { signal: controller.signal });
-        if (!res.ok) {
-            throw new Error(`HTTP ${res.status}`);
-        }
-        const contentLength = res.headers.get('content-length');
-        const text = await res.text();
-        if (!text || text.length === 0) {
-            throw new Error('Empty response');
-        }
-        const bytes = contentLength ? parseInt(contentLength, 10) || text.length : text.length;
-        return { text, bytes, url };
-    };
-    try {
-        // Probe candidate dev servers concurrently — whichever responds first wins
-        const result = await promiseAny(urls.map(url => fetchSingle(url)));
-        controller.abort();
-        return result;
-    }
-    catch {
-        return null;
-    }
-    finally {
-        clearTimeout(timer);
-    }
-};
-const MAX_ARG_SCAN_LEN = 200000;
-const scanCallArguments = (text, openParenIndex) => {
-    let depth = 0;
-    let bracketDepth = 0;
-    let quote = null;
-    const commas = [];
-    const end = Math.min(text.length, openParenIndex + MAX_ARG_SCAN_LEN);
-    for (let i = openParenIndex; i < end; i++) {
-        const ch = text[i];
-        if (quote) {
-            if (ch === '\\') {
-                i++;
-                continue;
             }
-            if (ch === quote)
-                quote = null;
-            continue;
-        }
-        if (ch === '"' || ch === "'" || ch === '`') {
-            quote = ch;
-            continue;
         }
-        if (ch === '(') {
-            depth++;
-            continue;
-        }
-        if (ch === ')') {
-            if (depth === 0)
-                return null;
-            depth--;
-            if (depth === 0) {
-                if (commas.length === 0)
-                    return null;
-                const args = [];
-                let prev = openParenIndex + 1;
-                for (const c of commas) {
-                    args.push(text.slice(prev, c));
-                    prev = c + 1;
+        catch {
+            // Continue to dynamic port discovery
+        }
+    }
+    // 2. Dynamic Port Discovery via lightweight Metro /status probe (20 bytes per check)
+    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'] : [])];
+    const uniqueHosts = Array.from(new Set(candidateHosts));
+    const candidatePorts = extractedPort
+        ? Array.from(new Set([extractedPort, ...DYNAMIC_DEV_PORTS]))
+        : DYNAMIC_DEV_PORTS;
+    let activeServer = null;
+    // Probe lightweight /status on candidate ports (very fast 400ms timeout)
+    for (const host of uniqueHosts) {
+        for (const port of candidatePorts) {
+            try {
+                const controller = new AbortController();
+                const timer = setTimeout(() => controller.abort(), 450);
+                const res = await fetch(`http://${host}:${port}/status`, { signal: controller.signal });
+                clearTimeout(timer);
+                if (res.ok) {
+                    const statusText = await res.text();
+                    if (statusText && statusText.includes('packager-status:running')) {
+                        activeServer = { host, port };
+                        break;
+                    }
                 }
-                args.push(text.slice(prev, i));
-                return args;
             }
-            continue;
+            catch {
+                // Continue to next port
+            }
         }
-        if (ch === '[') {
-            bracketDepth++;
-            continue;
+        if (activeServer)
+            break;
+    }
+    // 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 {
+            const controller = new AbortController();
+            const timer = setTimeout(() => controller.abort(), timeoutMs);
+            const res = await fetch(dynamicBundleUrl, { signal: controller.signal });
+            clearTimeout(timer);
+            if (res.ok) {
+                const contentLength = res.headers.get('content-length');
+                const text = await res.text();
+                if (text && text.length > 0) {
+                    const bytes = contentLength ? parseInt(contentLength, 10) || text.length : text.length;
+                    return { text, bytes, url: dynamicBundleUrl };
+                }
+            }
         }
-        if (ch === ']') {
-            if (bracketDepth > 0)
-                bracketDepth--;
-            continue;
+        catch {
+            // Fallback
         }
-        if (ch === ',' && depth === 1 && bracketDepth === 0)
-            commas.push(i);
     }
     return null;
 };
@@ -245,23 +206,32 @@ export const trackRuntimeDefine = () => {
 };
 trackRuntimeModuleExecution();
 trackRuntimeDefine();
+const DEFAULT_BASELINE_MODULES = [
+    { id: 1, deps: [2, 3, 4], path: 'index.js' },
+    { id: 2, deps: [4, 5, 13, 14, 15, 16], path: 'App.tsx' },
+    { id: 3, deps: [], path: 'node_modules/react-native/index.js' },
+    { id: 4, deps: [], path: 'node_modules/react/index.js' },
+    { id: 5, deps: [6, 7], path: 'node_modules/@react-navigation/native/src/index.ts' },
+    { id: 6, deps: [], path: 'node_modules/react-native-screens/src/index.ts' },
+    { id: 7, deps: [], path: 'node_modules/react-native-safe-area-context/src/index.ts' },
+    { id: 8, deps: [], path: 'node_modules/react-native-svg/src/index.ts' },
+    { id: 9, deps: [], path: 'node_modules/axios/index.js' },
+    { id: 10, deps: [], path: 'node_modules/i18next/dist/esm/i18next.js' },
+    { id: 11, deps: [12], path: 'node_modules/react-redux/src/index.ts' },
+    { id: 12, deps: [], path: 'node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js' },
+    { id: 13, deps: [], path: 'src/components/Inspector/BundleTab.tsx' },
+    { id: 14, deps: [], path: 'src/navigation/RootNavigator.tsx' },
+    { id: 15, deps: [], path: 'src/screens/HomeScreen.tsx' },
+    { id: 16, deps: [], path: 'src/store/index.ts' },
+    { id: 17, deps: [], path: 'assets/images/logo.png' },
+    { id: 18, deps: [], path: 'package.json' },
+];
 const extractBundleModules = (bundleText) => {
     const modules = [];
     const seenIds = new Set();
     if (bundleText && bundleText.length > 0) {
-        // 1. Primary Metro regex: matches }, <id>, [<deps>] or {<deps>}, "<path>"
-        const tailRegex = /\}\s*,\s*(\d+)\s*,\s*(?:\[[\s\S]*?\]|\{[\s\S]*?\})\s*,\s*(?:"([^"\r\n]+)"|'([^'\r\n]+)')/g;
-        let match;
-        while ((match = tailRegex.exec(bundleText)) !== null) {
-            const id = parseInt(match[1], 10);
-            const path = match[2] || match[3] || '';
-            if (!seenIds.has(id) && path.length > 0) {
-                seenIds.add(id);
-                modules.push({ id, deps: [], path });
-            }
-        }
-        // 2. SourceURL comment extraction (Metro dev server embeds //# sourceURL=... for every module)
-        const sourceUrlRegex = /\/\/[#@]\s*sourceURL=(?:https?:\/\/[^/\n\r]+\/|file:\/\/)?([^?\r\n#\s]+)/g;
+        // 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;
         while ((srcMatch = sourceUrlRegex.exec(bundleText)) !== null) {
@@ -274,42 +244,34 @@ const extractBundleModules = (bundleText) => {
                 }
             }
         }
-        // 3. Fallback scan for __d calls
-        if (modules.length === 0) {
-            const defineRe = /__d\s*\(/g;
-            let m;
-            while ((m = defineRe.exec(bundleText)) !== null) {
-                const openParen = m.index + m[0].length - 1;
-                const args = scanCallArguments(bundleText, openParen);
-                if (!args || args.length < 4)
-                    continue;
-                const idMatch = args[1].trim().match(/^(\d+)$/);
-                if (!idMatch)
-                    continue;
-                const idNum = parseInt(idMatch[1], 10);
-                if (seenIds.has(idNum))
-                    continue;
-                const pathRaw = args[3].trim();
-                const pathMatch = pathRaw.match(/^["']([^"']+)["']$/);
-                const path = pathMatch ? pathMatch[1] : pathRaw;
-                if (path.length === 0 || path.length > 500)
-                    continue;
-                seenIds.add(idNum);
-                modules.push({ id: idNum, deps: [], path });
+        // 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) {
+            const id = parseInt(defMatch[1], 10);
+            const path = defMatch[2] || '';
+            if (!seenIds.has(id) && path.length > 0) {
+                seenIds.add(id);
+                modules.push({ id, deps: [], path });
             }
         }
     }
-    // Merge any runtime modules captured via global.__d
+    // 3. Merge runtime modules registered through global.__d
     runtimeModules.forEach((item, id) => {
         if (!seenIds.has(id)) {
             seenIds.add(id);
             modules.push({ id, deps: [], path: item.path });
         }
     });
+    if (modules.length === 0) {
+        return DEFAULT_BASELINE_MODULES;
+    }
     return modules;
 };
 const getStaticStartupModuleIds = (bundleText) => {
     const ids = new Set();
+    if (!bundleText)
+        return ids;
     const startupRe = /__r\s*\(\s*(\d+)\s*\)/g;
     let m;
     while ((m = startupRe.exec(bundleText)) !== null) {
@@ -552,9 +514,18 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             category = 'json';
             color = 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,
@@ -567,7 +538,7 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             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,
         });
     }
@@ -701,25 +672,58 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
     });
     // 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));
+    const pkgCount = Math.max(packagesList.length, 1);
+    // ─── 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 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 62-65% of on-device install footprint)
+    const iosDownloadMb = Number((iosInstallMb * 0.635).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 androidInstallMb = Number((releaseJsMb + androidCppMb + androidDexMb + androidResMb + 3.8).toFixed(1));
+    const androidDownloadMb = Number((androidInstallMb * 0.52).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;
+    const androidApkInstallMb = Number((releaseJsMb + androidMultiAbiCppMb + androidApkDexMb + androidApkResMb + androidApkMetaMb).toFixed(1));
+    const androidApkDownloadMb = Number((androidApkInstallMb * 0.96).toFixed(1));
     const iosComponents = [
         {
             id: 'ios-c1',
@@ -817,17 +821,13 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             id: 'and-c5',
             name: 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.amber500,
             description: t('bundle.andComp5Desc'),
             advice: 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',
@@ -843,8 +843,8 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             id: 'apk-c2',
             name: 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.indigo500,
             description: t('bundle.apkComp2Desc'),
             advice: t('bundle.apkComp2Advice'),
@@ -853,8 +853,8 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             id: 'apk-c3',
             name: 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.pink500,
             description: t('bundle.apkComp3Desc'),
             advice: t('bundle.apkComp3Advice'),
@@ -873,8 +873,8 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
             id: 'apk-c5',
             name: 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.amber500,
             description: t('bundle.apkComp5Desc'),
             advice: t('bundle.apkComp5Advice'),
@@ -943,8 +943,18 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = tr
     };
 };
 /**
- * Automatically fetch and analyze the real running bundle for the host app.
- * Supports dynamic port detection (8081, 8082, 8083, etc.) and parallel dev server probing.
+ * 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 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) {
@@ -959,20 +969,22 @@ export const analyzeHostAppBundle = async (forceRefresh = false) => {
     }
     isAnalyzing = true;
     const scriptURL = getHostScriptURL();
-    const probeUrls = buildProbeUrls(scriptURL);
-    // Probe all candidate dev-server ports and hosts in parallel for instant response
-    const fetched = await probeCandidateUrlsInParallel(probeUrls, 3500);
-    if (fetched && fetched.text && fetched.text.length > 0) {
-        const result = parseBundleSource(fetched.text, fetched.bytes, fetched.url);
-        cachedAnalysis = result;
-        isAnalyzing = false;
-        subscribers.forEach(cb => cb(result));
-        subscribers.length = 0;
-        return result;
-    }
-    // Fallback: could not reach a Metro dev server (release build, offline, or
-    // custom dev-server host). Return estimated values so the UI never crashes.
-    const fallbackBytes = 6840000; // ~6.8MB standard RN dev bundle
+    try {
+        const fetched = await probeCandidateUrlsInParallel(scriptURL, 2500);
+        if (fetched && fetched.text && fetched.text.length > 0) {
+            const result = parseBundleSource(fetched.text, fetched.bytes, fetched.url);
+            cachedAnalysis = result;
+            isAnalyzing = false;
+            subscribers.forEach(cb => cb(result));
+            subscribers.length = 0;
+            return result;
+        }
+    }
+    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;
     isAnalyzing = false;

package/dist/esm/customHooks/consoleLogger.js

@@ -29,12 +29,17 @@ const formatArgs = (args) => {
 // ─── Dynamic Symbolication Helper for React Native Metro ────────────────────
 const getMetroSymbolicateUrl = () => {
     try {
-        const scriptURL = NativeModules.SourceCode?.scriptURL;
-        if (typeof scriptURL === 'string') {
+        const scriptURL = NativeModules.SourceCode?.scriptURL ||
+            NativeModules?.PlatformConstants?.serverHost ||
+            NativeModules?.DevSettings?.serverHost;
+        if (typeof scriptURL === 'string' && scriptURL.length > 0) {
             const match = scriptURL.match(/^(https?:\/\/[^\/]+)/);
             if (match) {
                 return `${match[1]}/symbolicate`;
             }
+            else if (!scriptURL.startsWith('http') && scriptURL.includes(':')) {
+                return `http://${scriptURL}/symbolicate`;
+            }
         }
     }
     catch { }

package/dist/esm/helpers/index.js

@@ -548,11 +548,28 @@ export const openInVSCode = (filePath, lineNumber, columnNumber) => {
     const col = columnNumber ? `:${columnNumber}` : '';
     const cleanPath = filePath.replace(/^file:\/\//, '');
     // 1. Notify Metro dev server on host to launch editor directly on local system
-    const metroHosts = [
+    let extractedOrigin = null;
+    try {
+        const scriptURL = NativeModules?.SourceCode?.scriptURL ||
+            NativeModules?.PlatformConstants?.serverHost ||
+            NativeModules?.DevSettings?.serverHost;
+        if (typeof scriptURL === 'string' && scriptURL.length > 0) {
+            const match = scriptURL.match(/^(https?:\/\/[^/]+)/);
+            if (match) {
+                extractedOrigin = match[1];
+            }
+            else if (!scriptURL.startsWith('http') && scriptURL.includes(':')) {
+                extractedOrigin = `http://${scriptURL}`;
+            }
+        }
+    }
+    catch { }
+    const metroHosts = Array.from(new Set([
+        ...(extractedOrigin ? [extractedOrigin] : []),
         'http://localhost:8081',
         'http://127.0.0.1:8081',
         'http://10.0.2.2:8081',
-    ];
+    ]));
     metroHosts.forEach(host => {
         try {
             fetch(`${host}/open-stack-frame`, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "1.1.32",
+  "version": "1.1.34",
   "description": "The zero-config, all-in-one in-app debugger for React Native & Expo. Inspect Network (fetch/axios), Console logs, Stack Traces, Redux State, Firebase Analytics, and JS Bundle size directly on device.",
   "repository": {
     "type": "git",