react-native-inapp-inspector 2.3.14 → 2.3.16

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

@@ -173,85 +173,6 @@ const NetworkTab = react_1.default.memo(() => {
             color: '#E10098',
         },
     ], [quickCounts]);
-    const SEARCH_SCOPES = [
-        {
-            id: 'all',
-            label: 'All',
-            icon: color => <NetworkIcons_1.LayersIcon size={9.5} color={color}/>,
-        },
-        {
-            id: 'url',
-            label: 'URL / Path',
-            icon: color => <NetworkIcons_1.GlobeIcon size={9.5} color={color}/>,
-        },
-        {
-            id: 'reqBody',
-            label: 'Payload',
-            icon: color => <NetworkIcons_1.RequestIcon size={9.5} color={color}/>,
-        },
-        {
-            id: 'resBody',
-            label: 'Response',
-            icon: color => <NetworkIcons_1.ResponseIcon size={9.5} color={color}/>,
-        },
-        {
-            id: 'headers',
-            label: 'Headers',
-            icon: color => <NetworkIcons_1.HeadersIcon size={9.5} color={color}/>,
-        },
-    ];
-    const QUICK_API_QUERY_TAGS = (0, react_1.useMemo)(() => [
-        {
-            label: 'Failed',
-            query: 'is:error',
-            icon: (color) => <NetworkIcons_1.CircleXIcon size={9.5} color={color}/>,
-        },
-        {
-            label: 'Slow (>1s)',
-            query: 'slow:>1s',
-            icon: (color) => <NetworkIcons_1.ClockIcon size={9.5} color={color}/>,
-        },
-        {
-            label: 'POST',
-            query: 'm:POST',
-            icon: (color) => <NetworkIcons_1.RequestIcon size={9.5} color={color}/>,
-        },
-        {
-            label: 'GET',
-            query: 'm:GET',
-            icon: (color) => <NetworkIcons_1.ResponseIcon size={9.5} color={color}/>,
-        },
-        {
-            label: 'GraphQL',
-            query: 'is:graphql',
-            icon: (color) => <NetworkIcons_1.AtomIcon size={9.5} color={color}/>,
-        },
-        {
-            label: 'Axios',
-            query: 'client:axios',
-            icon: (color) => <NetworkIcons_1.BoltIcon size={9.5} color={color}/>,
-        },
-        {
-            label: '200 OK',
-            query: 'status:200',
-            icon: (color) => <NetworkIcons_1.CircleCheckIcon size={9.5} color={color}/>,
-        },
-        {
-            label: '404',
-            query: 'status:404',
-            icon: (color) => <NetworkIcons_1.CircleAlertIcon size={9.5} color={color}/>,
-        },
-        {
-            label: '500',
-            query: 'status:500',
-            icon: (color) => <NetworkIcons_1.CircleXIcon size={9.5} color={color}/>,
-        },
-        {
-            label: 'HTTPS',
-            query: 'is:https',
-            icon: (color) => <NetworkIcons_1.ShieldAlertIcon size={9.5} color={color}/>,
-        },
-    ], []);
     const networkMetrics = (0, react_1.useMemo)(() => {
         if (!logs || logs.length === 0)
             return null;
@@ -397,61 +318,7 @@ const NetworkTab = react_1.default.memo(() => {
                 <NetworkIcons_1.SearchIcon color={isSearchFocused
                 ? AppColors_1.AppColors.purple
                 : AppColors_1.AppColors.grayTextWeak} size={15}/>
-                <react_native_1.TextInput placeholder="Search url, body, is:error, slow:>1s..." placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={search} onChangeText={setSearch} onFocus={() => setIsSearchFocused(true)} onBlur={() => setIsSearchFocused(false)} style={styles_1.default.searchInput} autoCorrect={false} autoCapitalize="none"/>
-
-                
-                <react_native_1.View style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 3,
-                marginRight: 2,
-            }}>
-                  <react_native_1.Pressable hitSlop={8} onPress={() => setIsCaseSensitive(prev => !prev)} style={{
-                paddingHorizontal: 4.5,
-                paddingVertical: 2,
-                borderRadius: 4,
-                backgroundColor: isCaseSensitive
-                    ? AppColors_1.AppColors.purple
-                    : 'transparent',
-                borderWidth: 1,
-                borderColor: isCaseSensitive
-                    ? AppColors_1.AppColors.purple
-                    : `${AppColors_1.AppColors.grayBorderSecondary}`,
-            }}>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 9.5,
-                color: isCaseSensitive
-                    ? AppColors_1.AppColors.white
-                    : AppColors_1.AppColors.grayTextWeak,
-            }}>
-                      Aa
-                    </react_native_1.Text>
-                  </react_native_1.Pressable>
-
-                  <react_native_1.Pressable hitSlop={8} onPress={() => setIsRegexSearch(prev => !prev)} style={{
-                paddingHorizontal: 4.5,
-                paddingVertical: 2,
-                borderRadius: 4,
-                backgroundColor: isRegexSearch
-                    ? AppColors_1.AppColors.purple
-                    : 'transparent',
-                borderWidth: 1,
-                borderColor: isRegexSearch
-                    ? AppColors_1.AppColors.purple
-                    : `${AppColors_1.AppColors.grayBorderSecondary}`,
-            }}>
-                    <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 9.5,
-                color: isRegexSearch
-                    ? AppColors_1.AppColors.white
-                    : AppColors_1.AppColors.grayTextWeak,
-            }}>
-                      .*
-                    </react_native_1.Text>
-                  </react_native_1.Pressable>
-                </react_native_1.View>
+                <react_native_1.TextInput placeholder="Search URL, status, method, headers, body..." placeholderTextColor={AppColors_1.AppColors.grayTextWeak} value={search} onChangeText={setSearch} onFocus={() => setIsSearchFocused(true)} onBlur={() => setIsSearchFocused(false)} style={styles_1.default.searchInput} autoCorrect={false} autoCapitalize="none"/>
 
                 {search.length > 0 && (<react_native_1.View style={{
                     flexDirection: 'row',
@@ -527,100 +394,18 @@ const NetworkTab = react_1.default.memo(() => {
             </react_native_1.View>
 
             
-            <react_native_1.View style={{ paddingBottom: 4 }}>
-              <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={{
-                paddingHorizontal: 12,
+            <react_native_1.View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
-                gap: 5,
-                paddingVertical: 2,
-            }}>
-                
-                {SEARCH_SCOPES.map(s => {
-                const isActive = searchScope === s.id;
-                return (<TouchableScale_1.default key={`scope_${s.id}`} onPress={() => setSearchScope(s.id)} hitSlop={6} style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 3.5,
-                        paddingHorizontal: 7.5,
-                        paddingVertical: 3.5,
-                        borderRadius: 6,
-                        backgroundColor: isActive
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayBackground,
-                        borderWidth: 1,
-                        borderColor: isActive
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayBorderSecondary,
-                    }}>
-                      {s.icon(isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayTextWeak)}
-                      <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 10,
-                        color: isActive ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText,
-                    }}>
-                        {s.label}
-                      </react_native_1.Text>
-                    </TouchableScale_1.default>);
-            })}
-
-                <react_native_1.View style={{
-                width: 1,
-                height: 14,
-                backgroundColor: AppColors_1.AppColors.dividerColor,
-                marginHorizontal: 3,
-            }}/>
-
-                
-                {QUICK_API_QUERY_TAGS.map(q => {
-                const isActive = search.includes(q.query);
-                return (<TouchableScale_1.default key={`quick_${q.query}`} onPress={() => {
-                        setSearch(prev => {
-                            if (prev.includes(q.query)) {
-                                return prev
-                                    .replace(q.query, '')
-                                    .replace(/\s+/g, ' ')
-                                    .trim();
-                            }
-                            return `${prev} ${q.query}`.trim();
-                        });
-                    }} hitSlop={6} style={{
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        gap: 3.5,
-                        paddingHorizontal: 7.5,
-                        paddingVertical: 3.5,
-                        borderRadius: 6,
-                        backgroundColor: isActive
-                            ? `${AppColors_1.AppColors.purple}20`
-                            : AppColors_1.AppColors.grayBackground,
-                        borderWidth: 1,
-                        borderColor: isActive
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayBorderSecondary,
-                    }}>
-                      {q.icon(isActive ? AppColors_1.AppColors.purple : AppColors_1.AppColors.grayTextWeak)}
-                      <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interMedium,
-                        fontSize: 10,
-                        color: isActive
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayText,
-                    }}>
-                        {q.label}
-                      </react_native_1.Text>
-                    </TouchableScale_1.default>);
-            })}
-              </react_native_1.ScrollView>
-            </react_native_1.View>
-
-            
-            <react_native_1.View style={{ marginBottom: 8 }}>
-              <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={{
+                marginBottom: 8,
                 paddingHorizontal: 12,
+                gap: 6,
+            }}>
+              <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} style={{ flex: 1 }} contentContainerStyle={{
                 flexDirection: 'row',
                 alignItems: 'center',
                 gap: 6,
+                paddingRight: 6,
             }}>
                 {QUICK_CHIPS.map(chip => {
                 const isActive = quickFilter === chip.id;
@@ -679,9 +464,10 @@ const NetworkTab = react_1.default.memo(() => {
                       </react_native_1.View>
                     </TouchableScale_1.default>);
             })}
+              </react_native_1.ScrollView>
 
-                <TouchableScale_1.default onPress={() => setIsFilterModalOpen(true)}>
-                  <react_native_1.View style={{
+              <TouchableScale_1.default onPress={() => setIsFilterModalOpen(true)} style={{ flexShrink: 0 }}>
+                <react_native_1.View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
                 paddingHorizontal: 10,
@@ -695,143 +481,43 @@ const NetworkTab = react_1.default.memo(() => {
                     ? AppColors_1.AppColors.purple
                     : AppColors_1.AppColors.grayBorderSecondary,
                 gap: 5,
+                shadowColor: AppColors_1.AppColors.black,
+                shadowOpacity: 0.04,
+                shadowRadius: 2,
+                shadowOffset: { width: 0, height: 1 },
+                elevation: 1,
             }}>
-                    <NetworkIcons_1.FilterIcon size={11} color={statusFilters.size > 0 || methodFilters.size > 0
+                  <NetworkIcons_1.FilterIcon size={11} color={statusFilters.size > 0 || methodFilters.size > 0
                 ? AppColors_1.AppColors.purple
                 : AppColors_1.AppColors.grayText}/>
-                    <react_native_1.Text style={{
+                  <react_native_1.Text style={{
                 fontFamily: AppFonts_1.AppFonts.interBold,
                 fontSize: 10.5,
                 color: statusFilters.size > 0 || methodFilters.size > 0
                     ? AppColors_1.AppColors.purple
                     : AppColors_1.AppColors.grayText,
             }}>
-                      More Filters
-                    </react_native_1.Text>
-                    {(statusFilters.size > 0 || methodFilters.size > 0) && (<react_native_1.View style={{
+                    More Filters
+                  </react_native_1.Text>
+                  {(statusFilters.size > 0 || methodFilters.size > 0) && (<react_native_1.View style={{
                     backgroundColor: AppColors_1.AppColors.purple,
                     paddingHorizontal: 4.5,
                     paddingVertical: 1,
                     borderRadius: 6,
                 }}>
-                        <react_native_1.Text style={{
+                      <react_native_1.Text style={{
                     fontFamily: AppFonts_1.AppFonts.interBold,
                     fontSize: 8.5,
                     color: AppColors_1.AppColors.white,
                 }}>
-                          {statusFilters.size + methodFilters.size}
-                        </react_native_1.Text>
-                      </react_native_1.View>)}
-                  </react_native_1.View>
-                </TouchableScale_1.default>
-              </react_native_1.ScrollView>
+                        {statusFilters.size + methodFilters.size}
+                      </react_native_1.Text>
+                    </react_native_1.View>)}
+                </react_native_1.View>
+              </TouchableScale_1.default>
             </react_native_1.View>
 
             
-            {(isSearchFocused || search.length > 0) && (<react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    paddingHorizontal: 12,
-                    marginBottom: 6,
-                    gap: 6,
-                }}>
-                <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 9.5,
-                    color: AppColors_1.AppColors.grayTextWeak,
-                    textTransform: 'uppercase',
-                    letterSpacing: 0.5,
-                }}>
-                  Scope:
-                </react_native_1.Text>
-                <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 5,
-                }}>
-                  {SEARCH_SCOPES.map(s => {
-                    const isSelected = searchScope === s.id;
-                    const iconColor = isSelected ? AppColors_1.AppColors.white : AppColors_1.AppColors.grayText;
-                    return (<TouchableScale_1.default key={s.id} onPress={() => setSearchScope(s.id)}>
-                        <react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            gap: 4,
-                            paddingHorizontal: 7,
-                            paddingVertical: 2.5,
-                            borderRadius: 5,
-                            backgroundColor: isSelected
-                                ? AppColors_1.AppColors.purple
-                                : `${AppColors_1.AppColors.grayBorderSecondary}40`,
-                            borderWidth: 1,
-                            borderColor: isSelected
-                                ? AppColors_1.AppColors.purple
-                                : AppColors_1.AppColors.grayBorderSecondary,
-                        }}>
-                          {s.icon(iconColor)}
-                          <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 9.5,
-                            color: isSelected
-                                ? AppColors_1.AppColors.white
-                                : AppColors_1.AppColors.grayText,
-                        }}>
-                            {s.label}
-                          </react_native_1.Text>
-                        </react_native_1.View>
-                      </TouchableScale_1.default>);
-                })}
-                </react_native_1.ScrollView>
-              </react_native_1.View>)}
-
-            
-            {(isSearchFocused || search.length > 0) && (<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} style={{ marginBottom: 8, maxHeight: 28 }} contentContainerStyle={{
-                    paddingHorizontal: 12,
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 5,
-                }}>
-                {QUICK_API_QUERY_TAGS.map(item => {
-                    const isSelected = search.includes(item.query);
-                    return (<TouchableScale_1.default key={item.query} onPress={() => {
-                            if (isSelected) {
-                                setSearch(prev => prev.replace(item.query, '').trim());
-                            }
-                            else {
-                                setSearch(prev => prev ? `${prev} ${item.query}`.trim() : item.query);
-                            }
-                        }}>
-                      <react_native_1.View style={{
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            gap: 4,
-                            paddingHorizontal: 7,
-                            paddingVertical: 2.5,
-                            borderRadius: 5,
-                            backgroundColor: isSelected
-                                ? AppColors_1.AppColors.purple
-                                : `${AppColors_1.AppColors.purple}14`,
-                            borderWidth: 1,
-                            borderColor: isSelected
-                                ? AppColors_1.AppColors.purple
-                                : `${AppColors_1.AppColors.purple}30`,
-                        }}>
-                        {item.icon(isSelected ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple)}
-                        <react_native_1.Text style={{
-                            fontFamily: AppFonts_1.AppFonts.interBold,
-                            fontSize: 9.5,
-                            color: isSelected
-                                ? AppColors_1.AppColors.white
-                                : AppColors_1.AppColors.purple,
-                        }}>
-                          {item.label}
-                        </react_native_1.Text>
-                      </react_native_1.View>
-                    </TouchableScale_1.default>);
-                })}
-              </react_native_1.ScrollView>)}
-
-            
             {(quickFilter !== 'all' ||
                 search.trim().length > 0 ||
                 statusFilters.size > 0 ||
@@ -871,15 +557,6 @@ const NetworkTab = react_1.default.memo(() => {
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>)}
-
-            {(search ||
-                statusFilters.size > 0 ||
-                methodFilters.size > 0 ||
-                quickFilter !== 'all') && (<react_native_1.Text style={styles_1.default.resultCount}>
-                {filteredLogs.length === logs.length
-                    ? `${logs.length} requests`
-                    : `${filteredLogs.length} of ${logs.length} filtered requests`}
-              </react_native_1.Text>)}
           </react_native_1.View>} ListEmptyComponent={<EmptyState_1.default isSearch={search.length > 0 ||
                 statusFilters.size > 0 ||
                 methodFilters.size > 0 ||
@@ -895,28 +572,6 @@ const NetworkTab = react_1.default.memo(() => {
             styles_1.default.listContent,
             filteredLogs.length === 0 && { flexGrow: 1 },
         ]} keyboardShouldPersistTaps="handled"/>
-      
-      <TouchableScale_1.default onPress={() => {
-            try {
-                apisListRef.current?.scrollToOffset({
-                    offset: 0,
-                    animated: true,
-                });
-            }
-            catch {
-                try {
-                    apisListRef.current?.scrollToIndex({
-                        index: 0,
-                        animated: true,
-                    });
-                }
-                catch { }
-            }
-        }} hitSlop={12} style={styles_1.default.scrollTopBtn}>
-        <react_native_1.View style={{ transform: [{ rotate: '180deg' }] }}>
-          <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white} size={18}/>
-        </react_native_1.View>
-      </TouchableScale_1.default>
 
       
       <NetworkFilterModal_1.default visible={isFilterModalOpen} onClose={() => setIsFilterModalOpen(false)} filters={modalFilterState} onApply={handleApplyNetworkFilters} searchQuery={search}/>

package/dist/commonjs/components/Inspector/NpmStarPrompt.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const NpmStarPrompt: React.FC;
+export default NpmStarPrompt;