react-native-inapp-inspector 1.1.23 → 1.1.24

package/dist/commonjs/components/Inspector/BundleTab.js

@@ -762,6 +762,21 @@ const BundleTab = react_1.default.memo(() => {
             </react_native_1.View>
           </react_native_1.View>
 
+          {/* Live analysis unavailable warning */}
+          {analysis && !analysis.isLive && (<react_native_1.View style={bundleStyles.liveWarningCard}>
+              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flex: 1 }}>
+                <NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.amber700} size={16}/>
+                <react_native_1.View style={{ flex: 1 }}>
+                  <react_native_1.Text style={bundleStyles.liveWarningTitle}>
+                    {t('bundle.liveAnalysisUnavailable')}
+                  </react_native_1.Text>
+                  <react_native_1.Text style={bundleStyles.liveWarningDesc}>
+                    {t('bundle.liveAnalysisUnavailableSub')}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+            </react_native_1.View>)}
+
           {/* Development Bundle Split-Up (derived from the real running bundle) */}
           {analysis && (<react_native_1.View style={bundleStyles.sectionCard}>
               <react_native_1.View style={bundleStyles.sectionHeaderRow}>
@@ -2233,6 +2248,28 @@ const bundleStyles = react_native_1.StyleSheet.create({
         borderWidth: 1,
         borderColor: AppColors_1.AppColors.errorBorder,
     },
+    liveWarningCard: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: AppColors_1.AppColors.amber100,
+        borderWidth: 1,
+        borderColor: AppColors_1.AppColors.amber200,
+        borderRadius: 10,
+        padding: 12,
+        marginBottom: 12,
+    },
+    liveWarningTitle: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 12,
+        color: AppColors_1.AppColors.amber800Warm,
+        marginBottom: 2,
+    },
+    liveWarningDesc: {
+        fontFamily: AppFonts_1.AppFonts.interRegular,
+        fontSize: 10.5,
+        lineHeight: 14,
+        color: AppColors_1.AppColors.amber800Warm,
+    },
     adviceBadge: {
         paddingHorizontal: 8,
         paddingVertical: 4,

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.23";
+export declare const LIB_VERSION = "1.1.24";

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.23';
+exports.LIB_VERSION = '1.1.24';

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

@@ -107,7 +107,7 @@ export declare const getHostScriptURL: () => string;
 /**
  * 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) => HostBundleAnalysisResult;
+export declare const parseBundleSource: (bundleText: string, totalBytes: number, scriptURL: string, isLive?: boolean) => HostBundleAnalysisResult;
 /**
  * Automatically fetch and analyze the real running bundle for the host app.
  */

package/dist/commonjs/customHooks/bundleAnalyzer.js

@@ -15,20 +15,88 @@ const react_native_1 = require("react-native");
 let cachedAnalysis = null;
 let isAnalyzing = false;
 const subscribers = [];
+const getSourceCodeModule = () => {
+    try {
+        const legacy = react_native_1.NativeModules?.SourceCode;
+        if (legacy && typeof legacy.scriptURL === 'string' && legacy.scriptURL.length > 0) {
+            return legacy;
+        }
+    }
+    catch { }
+    try {
+        const turbo = react_native_1.TurboModuleRegistry?.get?.('SourceCode');
+        const constants = turbo?.getConstants?.();
+        const scriptURL = turbo?.scriptURL || constants?.scriptURL;
+        if (typeof scriptURL === 'string' && scriptURL.length > 0) {
+            return { scriptURL };
+        }
+    }
+    catch { }
+    return null;
+};
 const getHostScriptURL = () => {
-    const SourceCode = react_native_1.NativeModules?.SourceCode;
-    if (SourceCode && typeof SourceCode.scriptURL === 'string' && SourceCode.scriptURL.length > 0) {
-        return SourceCode.scriptURL;
+    // 1. NativeModules.SourceCode (bridged) or SourceCode TurboModule (bridgeless / new arch)
+    const scriptURL = getSourceCodeModule()?.scriptURL;
+    if (typeof scriptURL === 'string' && scriptURL.length > 0) {
+        return scriptURL;
     }
-    return react_native_1.Platform.OS === 'ios'
-        ? 'http://localhost:8081/index.bundle?platform=ios&dev=true'
-        : 'http://10.0.2.2:8081/index.bundle?platform=android&dev=true';
+    // 2. Android legacy: PlatformConstants.serverHost -> "localhost:8082"
+    try {
+        const serverHost = react_native_1.NativeModules?.PlatformConstants?.serverHost;
+        if (typeof serverHost === 'string' && serverHost.length > 0) {
+            return `http://${serverHost}/index.bundle?platform=${react_native_1.Platform.OS}&dev=true`;
+        }
+    }
+    catch { }
+    return '';
 };
 exports.getHostScriptURL = getHostScriptURL;
+const DEV_SERVER_PORTS = [8081, 8082, 8083, 8084, 8090, 8080, 19000];
+const buildProbeUrls = (scriptURL) => {
+    const urls = [];
+    if (typeof scriptURL === 'string' && scriptURL.startsWith('http')) {
+        urls.push(scriptURL);
+    }
+    const portMatch = typeof scriptURL === 'string' ? scriptURL.match(/:(\d{2,5})/) : null;
+    const ports = portMatch ? [parseInt(portMatch[1], 10)] : DEV_SERVER_PORTS;
+    const hosts = react_native_1.Platform.OS === 'android'
+        ? ['localhost', '127.0.0.1', '10.0.2.2']
+        : ['localhost', '127.0.0.1'];
+    for (const host of hosts) {
+        for (const port of ports) {
+            urls.push(`http://${host}:${port}/index.bundle?platform=${react_native_1.Platform.OS}&dev=true`);
+        }
+    }
+    return Array.from(new Set(urls));
+};
+const fetchWithTimeout = async (url, timeoutMs) => {
+    try {
+        const controller = new AbortController();
+        const timer = setTimeout(() => controller.abort(), timeoutMs);
+        try {
+            const res = await fetch(url, { signal: controller.signal });
+            if (!res.ok)
+                return { ok: false };
+            const contentLength = res.headers.get('content-length');
+            const text = await res.text();
+            return {
+                ok: true,
+                text,
+                bytes: contentLength ? parseInt(contentLength, 10) || text.length : text.length,
+            };
+        }
+        finally {
+            clearTimeout(timer);
+        }
+    }
+    catch {
+        return { ok: false };
+    }
+};
 /**
  * Parses raw Metro bundle source code to discover real modules and packages in the host app.
  */
-const parseBundleSource = (bundleText, totalBytes, scriptURL) => {
+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);
@@ -451,7 +519,7 @@ const parseBundleSource = (bundleText, totalBytes, scriptURL) => {
         },
     ];
     return {
-        isLive: true,
+        isLive,
         scriptURL,
         totalDevBytes: totalBytes,
         totalDevMb,
@@ -526,30 +594,29 @@ const analyzeHostAppBundle = async () => {
     }
     isAnalyzing = true;
     const scriptURL = (0, exports.getHostScriptURL)();
-    try {
-        if (scriptURL && scriptURL.startsWith('http')) {
-            // 1. Try HEAD request first for fast content-length
-            const headRes = await fetch(scriptURL, { method: 'HEAD' });
-            const cl = headRes.headers.get('content-length');
-            let byteLength = cl ? parseInt(cl, 10) : 0;
-            // 2. Fetch partial text to discover real modules
-            const getRes = await fetch(scriptURL);
-            const bundleText = await getRes.text();
-            byteLength = byteLength || bundleText.length;
-            const result = (0, exports.parseBundleSource)(bundleText, byteLength, scriptURL);
-            cachedAnalysis = result;
-            isAnalyzing = false;
-            subscribers.forEach(cb => cb(result));
-            subscribers.length = 0;
-            return result;
+    // Probe candidate dev-server URLs until one serves the JS bundle
+    let fetched = null;
+    let fetchedUrl = '';
+    for (const url of buildProbeUrls(scriptURL)) {
+        const probe = await fetchWithTimeout(url, 3000);
+        if (probe.ok && probe.text && probe.text.length > 0) {
+            fetched = { text: probe.text, bytes: probe.bytes ?? probe.text.length };
+            fetchedUrl = url;
+            break;
         }
     }
-    catch (err) {
-        // If fetch failed (e.g. standalone production build or offline)
+    if (fetched) {
+        const result = (0, exports.parseBundleSource)(fetched.text, fetched.bytes, fetchedUrl);
+        cachedAnalysis = result;
+        isAnalyzing = false;
+        subscribers.forEach(cb => cb(result));
+        subscribers.length = 0;
+        return result;
     }
-    // Fallback to runtime memory estimation
+    // 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
-    const result = (0, exports.parseBundleSource)('', fallbackBytes, scriptURL);
+    const result = (0, exports.parseBundleSource)('', fallbackBytes, scriptURL || 'unknown', false);
     cachedAnalysis = result;
     isAnalyzing = false;
     subscribers.forEach(cb => cb(result));

package/dist/commonjs/i18n/locales/en.json

@@ -355,6 +355,8 @@
         "heroTitle": "Bundle & Asset Architecture",
         "heroSubtitle": "Real-time size breakdown across all assets, code, and dependencies",
         "heroSubtitleLive": "Live analysis of {{scriptUrl}}",
+        "liveAnalysisUnavailable": "Live bundle analysis unavailable",
+        "liveAnalysisUnavailableSub": "Could not reach the Metro dev server, so values are estimates. Make sure the app runs in development via `npx react-native start` and the Inspector can reach your Metro port (8081, 8082, ...).",
         "bundleOverviewJson": "Bundle Overview JSON",
         "devBundleSize": "DEV BUNDLE SIZE",
         "devBundleHint": "{{kb}} KB • {{modules}} modules",

package/dist/esm/components/Inspector/BundleTab.js

@@ -724,6 +724,21 @@ const BundleTab = React.memo(() => {
             </View>
           </View>
 
+          {/* Live analysis unavailable warning */}
+          {analysis && !analysis.isLive && (<View style={bundleStyles.liveWarningCard}>
+              <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flex: 1 }}>
+                <CircleAlertIcon color={AppColors.amber700} size={16}/>
+                <View style={{ flex: 1 }}>
+                  <Text style={bundleStyles.liveWarningTitle}>
+                    {t('bundle.liveAnalysisUnavailable')}
+                  </Text>
+                  <Text style={bundleStyles.liveWarningDesc}>
+                    {t('bundle.liveAnalysisUnavailableSub')}
+                  </Text>
+                </View>
+              </View>
+            </View>)}
+
           {/* Development Bundle Split-Up (derived from the real running bundle) */}
           {analysis && (<View style={bundleStyles.sectionCard}>
               <View style={bundleStyles.sectionHeaderRow}>
@@ -2195,6 +2210,28 @@ const bundleStyles = StyleSheet.create({
         borderWidth: 1,
         borderColor: AppColors.errorBorder,
     },
+    liveWarningCard: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: AppColors.amber100,
+        borderWidth: 1,
+        borderColor: AppColors.amber200,
+        borderRadius: 10,
+        padding: 12,
+        marginBottom: 12,
+    },
+    liveWarningTitle: {
+        fontFamily: AppFonts.interBold,
+        fontSize: 12,
+        color: AppColors.amber800Warm,
+        marginBottom: 2,
+    },
+    liveWarningDesc: {
+        fontFamily: AppFonts.interRegular,
+        fontSize: 10.5,
+        lineHeight: 14,
+        color: AppColors.amber800Warm,
+    },
     adviceBadge: {
         paddingHorizontal: 8,
         paddingVertical: 4,

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.23";
+export declare const LIB_VERSION = "1.1.24";

package/dist/esm/constants/version.js

@@ -1,3 +1,3 @@
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-export const LIB_VERSION = '1.1.23';
+export const LIB_VERSION = '1.1.24';

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

@@ -107,7 +107,7 @@ export declare const getHostScriptURL: () => string;
 /**
  * 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) => HostBundleAnalysisResult;
+export declare const parseBundleSource: (bundleText: string, totalBytes: number, scriptURL: string, isLive?: boolean) => HostBundleAnalysisResult;
 /**
  * Automatically fetch and analyze the real running bundle for the host app.
  */

package/dist/esm/customHooks/bundleAnalyzer.js

@@ -8,23 +8,91 @@ import { AppColors } from '../styles/AppColors';
 // 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 } from 'react-native';
+import { NativeModules, Platform, TurboModuleRegistry } from 'react-native';
 let cachedAnalysis = null;
 let isAnalyzing = false;
 const subscribers = [];
+const getSourceCodeModule = () => {
+    try {
+        const legacy = NativeModules?.SourceCode;
+        if (legacy && typeof legacy.scriptURL === 'string' && legacy.scriptURL.length > 0) {
+            return legacy;
+        }
+    }
+    catch { }
+    try {
+        const turbo = TurboModuleRegistry?.get?.('SourceCode');
+        const constants = turbo?.getConstants?.();
+        const scriptURL = turbo?.scriptURL || constants?.scriptURL;
+        if (typeof scriptURL === 'string' && scriptURL.length > 0) {
+            return { scriptURL };
+        }
+    }
+    catch { }
+    return null;
+};
 export const getHostScriptURL = () => {
-    const SourceCode = NativeModules?.SourceCode;
-    if (SourceCode && typeof SourceCode.scriptURL === 'string' && SourceCode.scriptURL.length > 0) {
-        return SourceCode.scriptURL;
+    // 1. NativeModules.SourceCode (bridged) or SourceCode TurboModule (bridgeless / new arch)
+    const scriptURL = getSourceCodeModule()?.scriptURL;
+    if (typeof scriptURL === 'string' && scriptURL.length > 0) {
+        return scriptURL;
+    }
+    // 2. Android legacy: PlatformConstants.serverHost -> "localhost:8082"
+    try {
+        const serverHost = NativeModules?.PlatformConstants?.serverHost;
+        if (typeof serverHost === 'string' && serverHost.length > 0) {
+            return `http://${serverHost}/index.bundle?platform=${Platform.OS}&dev=true`;
+        }
+    }
+    catch { }
+    return '';
+};
+const DEV_SERVER_PORTS = [8081, 8082, 8083, 8084, 8090, 8080, 19000];
+const buildProbeUrls = (scriptURL) => {
+    const urls = [];
+    if (typeof scriptURL === 'string' && scriptURL.startsWith('http')) {
+        urls.push(scriptURL);
+    }
+    const portMatch = typeof scriptURL === 'string' ? scriptURL.match(/:(\d{2,5})/) : null;
+    const ports = portMatch ? [parseInt(portMatch[1], 10)] : DEV_SERVER_PORTS;
+    const hosts = Platform.OS === 'android'
+        ? ['localhost', '127.0.0.1', '10.0.2.2']
+        : ['localhost', '127.0.0.1'];
+    for (const host of hosts) {
+        for (const port of ports) {
+            urls.push(`http://${host}:${port}/index.bundle?platform=${Platform.OS}&dev=true`);
+        }
+    }
+    return Array.from(new Set(urls));
+};
+const fetchWithTimeout = async (url, timeoutMs) => {
+    try {
+        const controller = new AbortController();
+        const timer = setTimeout(() => controller.abort(), timeoutMs);
+        try {
+            const res = await fetch(url, { signal: controller.signal });
+            if (!res.ok)
+                return { ok: false };
+            const contentLength = res.headers.get('content-length');
+            const text = await res.text();
+            return {
+                ok: true,
+                text,
+                bytes: contentLength ? parseInt(contentLength, 10) || text.length : text.length,
+            };
+        }
+        finally {
+            clearTimeout(timer);
+        }
+    }
+    catch {
+        return { ok: false };
     }
-    return Platform.OS === 'ios'
-        ? 'http://localhost:8081/index.bundle?platform=ios&dev=true'
-        : 'http://10.0.2.2:8081/index.bundle?platform=android&dev=true';
 };
 /**
  * Parses raw Metro bundle source code to discover real modules and packages in the host app.
  */
-export const parseBundleSource = (bundleText, totalBytes, scriptURL) => {
+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);
@@ -447,7 +515,7 @@ export const parseBundleSource = (bundleText, totalBytes, scriptURL) => {
         },
     ];
     return {
-        isLive: true,
+        isLive,
         scriptURL,
         totalDevBytes: totalBytes,
         totalDevMb,
@@ -521,30 +589,29 @@ export const analyzeHostAppBundle = async () => {
     }
     isAnalyzing = true;
     const scriptURL = getHostScriptURL();
-    try {
-        if (scriptURL && scriptURL.startsWith('http')) {
-            // 1. Try HEAD request first for fast content-length
-            const headRes = await fetch(scriptURL, { method: 'HEAD' });
-            const cl = headRes.headers.get('content-length');
-            let byteLength = cl ? parseInt(cl, 10) : 0;
-            // 2. Fetch partial text to discover real modules
-            const getRes = await fetch(scriptURL);
-            const bundleText = await getRes.text();
-            byteLength = byteLength || bundleText.length;
-            const result = parseBundleSource(bundleText, byteLength, scriptURL);
-            cachedAnalysis = result;
-            isAnalyzing = false;
-            subscribers.forEach(cb => cb(result));
-            subscribers.length = 0;
-            return result;
+    // Probe candidate dev-server URLs until one serves the JS bundle
+    let fetched = null;
+    let fetchedUrl = '';
+    for (const url of buildProbeUrls(scriptURL)) {
+        const probe = await fetchWithTimeout(url, 3000);
+        if (probe.ok && probe.text && probe.text.length > 0) {
+            fetched = { text: probe.text, bytes: probe.bytes ?? probe.text.length };
+            fetchedUrl = url;
+            break;
         }
     }
-    catch (err) {
-        // If fetch failed (e.g. standalone production build or offline)
+    if (fetched) {
+        const result = parseBundleSource(fetched.text, fetched.bytes, fetchedUrl);
+        cachedAnalysis = result;
+        isAnalyzing = false;
+        subscribers.forEach(cb => cb(result));
+        subscribers.length = 0;
+        return result;
     }
-    // Fallback to runtime memory estimation
+    // 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
-    const result = parseBundleSource('', fallbackBytes, scriptURL);
+    const result = parseBundleSource('', fallbackBytes, scriptURL || 'unknown', false);
     cachedAnalysis = result;
     isAnalyzing = false;
     subscribers.forEach(cb => cb(result));

package/dist/esm/i18n/locales/en.json

@@ -355,6 +355,8 @@
         "heroTitle": "Bundle & Asset Architecture",
         "heroSubtitle": "Real-time size breakdown across all assets, code, and dependencies",
         "heroSubtitleLive": "Live analysis of {{scriptUrl}}",
+        "liveAnalysisUnavailable": "Live bundle analysis unavailable",
+        "liveAnalysisUnavailableSub": "Could not reach the Metro dev server, so values are estimates. Make sure the app runs in development via `npx react-native start` and the Inspector can reach your Metro port (8081, 8082, ...).",
         "bundleOverviewJson": "Bundle Overview JSON",
         "devBundleSize": "DEV BUNDLE SIZE",
         "devBundleHint": "{{kb}} KB • {{modules}} modules",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "1.1.23",
+  "version": "1.1.24",
   "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",