react-native-inapp-inspector 1.1.32 → 1.1.33

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

@@ -346,22 +346,25 @@ function buildBundleFileTree(files) {
 }
 const downloadBundleFile = async (file, scriptURL) => {
     let content = '';
-    // 1. Attempt to fetch real source code from Metro dev server if available
+    // 1. Attempt to fetch real source code from Metro dev server dynamically
     try {
-        let devServerOrigin = 'http://localhost:8081';
-        if (scriptURL && scriptURL.startsWith('http')) {
-            const match = scriptURL.match(/^(https?:\/\/[^/]+)/);
+        let devServerOrigin = '';
+        const activeUrl = scriptURL || (0, bundleAnalyzer_1.getHostScriptURL)();
+        if (activeUrl && activeUrl.startsWith('http')) {
+            const match = activeUrl.match(/^(https?:\/\/[^/]+)/);
             if (match) {
                 devServerOrigin = match[1];
             }
         }
-        const cleanPath = file.path.replace(/^\/+/, '');
-        const url = `${devServerOrigin}/${cleanPath}`;
-        const res = await fetch(url);
-        if (res.ok) {
-            const text = await res.text();
-            if (text && text.length > 0) {
-                content = text;
+        if (devServerOrigin) {
+            const cleanPath = file.path.replace(/^\/+/, '');
+            const url = `${devServerOrigin}/${cleanPath}`;
+            const res = await fetch(url);
+            if (res.ok) {
+                const text = await res.text();
+                if (text && text.length > 0) {
+                    content = text;
+                }
             }
         }
     }
@@ -523,22 +526,32 @@ const BundleTab = react_1.default.memo(() => {
     const [search, setSearch] = (0, react_1.useState)('');
     const [activeCategory, setActiveCategory] = (0, react_1.useState)('ALL');
     // ─── Live Host App Bundle Analysis (fetched from Metro / runtime) ─────────
-    const [analysis, setAnalysis] = (0, react_1.useState)(() => (0, bundleAnalyzer_1.getCachedBundleAnalysis)());
-    const [isAnalyzing, setIsAnalyzing] = (0, react_1.useState)(!(0, bundleAnalyzer_1.getCachedBundleAnalysis)());
+    const [analysis, setAnalysis] = (0, react_1.useState)(() => (0, bundleAnalyzer_1.getCachedBundleAnalysis)() || (0, bundleAnalyzer_1.getInitialBundleAnalysis)());
+    const [isAnalyzing, setIsAnalyzing] = (0, react_1.useState)(false);
     const refreshAnalysis = (0, react_1.useCallback)(() => {
         setIsAnalyzing(true);
-        (0, bundleAnalyzer_1.analyzeHostAppBundle)(true).then(result => {
+        (0, bundleAnalyzer_1.analyzeHostAppBundle)(true)
+            .then(result => {
             setAnalysis(result);
             setIsAnalyzing(false);
+        })
+            .catch(() => {
+            setIsAnalyzing(false);
         });
     }, []);
     (0, react_1.useEffect)(() => {
         let mounted = true;
-        (0, bundleAnalyzer_1.analyzeHostAppBundle)().then(result => {
+        (0, bundleAnalyzer_1.analyzeHostAppBundle)()
+            .then(result => {
             if (mounted) {
                 setAnalysis(result);
                 setIsAnalyzing(false);
             }
+        })
+            .catch(() => {
+            if (mounted) {
+                setIsAnalyzing(false);
+            }
         });
         return () => {
             mounted = false;
@@ -792,21 +805,10 @@ const BundleTab = react_1.default.memo(() => {
         </TouchableScale_1.default>
       </react_native_1.View>
 
-      {/* ─── Live Bundle Analysis Loading State ─── */}
-      {isAnalyzing && (<react_native_1.View style={bundleStyles.analyzingContainer}>
-          <react_native_1.ActivityIndicator size="small" color={AppColors_1.AppColors.brandPurple}/>
-          <react_native_1.Text style={bundleStyles.analyzingText}>
-            {t('bundle.analyzingTitle')}
-          </react_native_1.Text>
-          <react_native_1.Text style={bundleStyles.analyzingHint}>
-            {t('bundle.analyzingHint')}
-          </react_native_1.Text>
-        </react_native_1.View>)}
-
       {/* ══════════════════════════════════════════════════════════════════════ */}
       {/* ── 1. TAB: OVERVIEW & TREEMAP ───────────────────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════════════════ */}
-      {activeSubTab === 'overview' && !isAnalyzing && (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
+      {activeSubTab === 'overview' && (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
           
           {/* Hero Overview Card */}
           <react_native_1.View style={bundleStyles.heroCard}>
@@ -1129,7 +1131,7 @@ const BundleTab = react_1.default.memo(() => {
       {/* ══════════════════════════════════════════════════════════════════════ */}
       {/* ── 2. TAB: PRODUCTION BUILDS & PLATFORMS ───────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════════════════ */}
-      {activeSubTab === 'production' && !isAnalyzing && (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
+      {activeSubTab === 'production' && (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
           
           {/* Platform Segmented Switcher (Horizontally Scrollable) */}
           <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={bundleStyles.prodPlatformScroll}>
@@ -1357,7 +1359,7 @@ const BundleTab = react_1.default.memo(() => {
       {/* ══════════════════════════════════════════════════════════════════════ */}
       {/* ── 2. TAB: FILES BREAKDOWN ─────────────────────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════════════════ */}
-      {activeSubTab === 'files' && !isAnalyzing && (<react_native_1.View style={{ flex: 1 }}>
+      {activeSubTab === 'files' && (<react_native_1.View style={{ flex: 1 }}>
           {/* Search & Category Filter */}
           <react_native_1.View style={bundleStyles.filterContainer}>
             <react_native_1.View style={bundleStyles.searchRow}>
@@ -1551,7 +1553,7 @@ const BundleTab = react_1.default.memo(() => {
       {/* ══════════════════════════════════════════════════════════════════════ */}
       {/* ── 3. TAB: PACKAGES & NODE_MODULES ─────────────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════════════════ */}
-      {activeSubTab === 'packages' && !isAnalyzing && (<react_native_1.View style={{ flex: 1 }}>
+      {activeSubTab === 'packages' && (<react_native_1.View style={{ flex: 1 }}>
           <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
             
             <react_native_1.View style={bundleStyles.filterContainer}>
@@ -1705,7 +1707,7 @@ const BundleTab = react_1.default.memo(() => {
       {/* ══════════════════════════════════════════════════════════════════════ */}
       {/* ── 4. TAB: MEDIA & ASSET AUDITOR ───────────────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════════════════ */}
-      {activeSubTab === 'media' && !isAnalyzing && (<react_native_1.View style={{ flex: 1 }}>
+      {activeSubTab === 'media' && (<react_native_1.View style={{ flex: 1 }}>
           <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
             
             <react_native_1.View style={bundleStyles.tipsCard}>