react-native-inapp-inspector 2.0.4 → 2.0.5

package/dist/esm/index.js

@@ -49,6 +49,10 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const [selected, setSelected] = useState(null);
     const [selectedLogs, setSelectedLogs] = useState(new Set());
     const [search, setSearch] = useState('');
+    const [searchScope, setSearchScope] = useState('all');
+    const [isRegexSearch, setIsRegexSearch] = useState(false);
+    const [isCaseSensitive, setIsCaseSensitive] = useState(false);
+    const [quickFilter, setQuickFilter] = useState('all');
     const [detailSearch, setDetailSearch] = useState('');
     const [reduxSearch, setReduxSearch] = useState('');
     const [selectedReduxSlice, setSelectedReduxSlice] = useState(null);
@@ -1000,7 +1004,40 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     }, [selected]);
     const filteredLogs = useMemo(() => {
         let result = logs.filter(log => {
-            // Status Filter Check
+            // 1. Quick Filter Check (All, Errors, Success, Slow, GET, POST, GraphQL)
+            if (quickFilter && quickFilter !== 'all') {
+                if (quickFilter === 'errors') {
+                    const isErr = log.status === 0 ||
+                        log.status == null ||
+                        (typeof log.status === 'number' && log.status >= 400);
+                    if (!isErr)
+                        return false;
+                }
+                else if (quickFilter === 'success') {
+                    const isSuccess = typeof log.status === 'number' &&
+                        log.status >= 200 &&
+                        log.status < 400;
+                    if (!isSuccess)
+                        return false;
+                }
+                else if (quickFilter === 'slow') {
+                    if ((log.duration || 0) < 500)
+                        return false;
+                }
+                else if (quickFilter === 'graphql') {
+                    const isGql = (log.url || '').toLowerCase().includes('graphql') ||
+                        (log.client || '').toLowerCase().includes('graphql') ||
+                        (log.client || '').toLowerCase().includes('apollo');
+                    if (!isGql)
+                        return false;
+                }
+                else {
+                    if (log.method?.toUpperCase() !== quickFilter.toUpperCase()) {
+                        return false;
+                    }
+                }
+            }
+            // 2. Status Filter Check (from filters accordion dropdown)
             if (statusFilters.size > 0) {
                 const matched = [...statusFilters].some(f => {
                     if (f === 'ALL')
@@ -1016,7 +1053,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 if (!matched)
                     return false;
             }
-            // Method Filter Check
+            // 3. Method Filter Check (from filters accordion dropdown)
             if (methodFilters.size > 0) {
                 const matchedMethod = [...methodFilters].some(m => {
                     if (m === 'ALL')
@@ -1026,10 +1063,14 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 if (!matchedMethod)
                     return false;
             }
-            // Advanced Search Query Engine Check (Supports method:POST, is:error, slow:>1s, status:200, headers, body, etc.)
+            // 4. Advanced Search Query Engine Check with Scope, Regex and Case-Sensitivity
             if (search && search.trim().length > 0) {
                 const routePath = logRouteMapRef.current.get(log.id)?.path || '';
-                const isMatch = matchNetworkLogQuery(log, search, routePath);
+                const isMatch = matchNetworkLogQuery(log, search, routePath, {
+                    scope: searchScope,
+                    isRegex: isRegexSearch,
+                    isCaseSensitive: isCaseSensitive,
+                });
                 if (!isMatch)
                     return false;
             }
@@ -1038,9 +1079,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         if (sortOrder === 'oldest') {
             result = [...result].reverse();
         }
-        // #9 — collapse consecutive identical requests (same method + url +
-        // status) into one row carrying a ×N counter, unless the user opted in
-        // to seeing every duplicate via Settings → "Show Duplicate Logs".
+        // #9 — collapse consecutive identical requests
         if (!showDuplicateLogs) {
             const collapsed = [];
             for (const log of result) {
@@ -1064,6 +1103,10 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     }, [
         logs,
         search,
+        searchScope,
+        isRegexSearch,
+        isCaseSensitive,
+        quickFilter,
         statusFilters,
         methodFilters,
         sortOrder,
@@ -1614,6 +1657,14 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         groupedData,
         search,
         setSearch,
+        searchScope,
+        setSearchScope,
+        isRegexSearch,
+        setIsRegexSearch,
+        isCaseSensitive,
+        setIsCaseSensitive,
+        quickFilter,
+        setQuickFilter,
         statusFilters,
         setStatusFilters,
         methodFilters,

package/dist/esm/types/interfaces.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { ViewStyle } from 'react-native';
 import { Animated, PanResponderInstance } from 'react-native';
 import type { ActiveTab, BreadcrumbType, CrashType, GroupedListItem, LocalFilter, LogFilter, Method, SettingsPage, SettingsSubTab, SortOrder, StatusFilter } from './index';
+export type SearchScope = 'all' | 'url' | 'reqBody' | 'resBody' | 'headers';
 export interface ParsedStackFrame {
     method: string;
     file: string;
@@ -214,6 +215,14 @@ export interface InspectorContextValue {
     groupedData: GroupedListItem[];
     search: string;
     setSearch: React.Dispatch<React.SetStateAction<string>>;
+    searchScope: SearchScope;
+    setSearchScope: React.Dispatch<React.SetStateAction<SearchScope>>;
+    isRegexSearch: boolean;
+    setIsRegexSearch: React.Dispatch<React.SetStateAction<boolean>>;
+    isCaseSensitive: boolean;
+    setIsCaseSensitive: React.Dispatch<React.SetStateAction<boolean>>;
+    quickFilter: string;
+    setQuickFilter: React.Dispatch<React.SetStateAction<string>>;
     statusFilters: Set<StatusFilter>;
     setStatusFilters: React.Dispatch<React.SetStateAction<Set<StatusFilter>>>;
     methodFilters: Set<Method>;

package/package.json

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