react-native-inapp-inspector 2.5.11 → 2.5.12

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

@@ -188,6 +188,7 @@ export interface PersistedSettings {
     captureAutoGif?: boolean;
     captureWidgetEnabled?: boolean;
     peekOpacity?: number;
+    hiddenUrlPatterns?: string[];
 }
 export interface NetworkInspectorProps {
     enabled?: boolean;
@@ -312,6 +313,8 @@ export interface InspectorContextValue {
     handleDelete: () => void;
     isGroupByPageEnabled: boolean;
     setIsGroupByPageEnabled: React.Dispatch<React.SetStateAction<boolean>>;
+    hiddenUrlPatterns: string[];
+    setHiddenUrlPatterns: React.Dispatch<React.SetStateAction<string[]>>;
     detailTitle: string;
     detailDisplayUrl: string;
     apiDetailActiveTab: 'metadata' | 'headers' | 'request' | 'response';
@@ -339,6 +342,9 @@ export interface InspectorContextValue {
     logCounts: Record<string, string>;
     logSortOrder: SortOrder;
     setLogSortOrder: React.Dispatch<React.SetStateAction<SortOrder>>;
+    selectedConsoleLogs: Set<number>;
+    setSelectedConsoleLogs: React.Dispatch<React.SetStateAction<Set<number>>>;
+    toggleSelectConsoleLog: (id: number) => void;
     analyticsEvents: AnalyticsEvent[];
     filteredAnalyticsEvents: (AnalyticsEvent & {
         count?: number;
@@ -562,6 +568,8 @@ export interface ConsoleLogCardProps {
     searchStr?: string;
     onPress?: (item: ConsoleLog) => void;
     testID?: string;
+    isSelected?: boolean;
+    onToggleSelect?: (id: number) => void;
 }
 export interface JsonContent {
     header: string;

package/dist/esm/components/ConsoleLogCard.js

@@ -1,95 +1,101 @@
-import F from"react";import{useTranslation as v}from"../i18n";import{Pressable as K,StyleSheet as Y,Text as E,View as I}from"react-native";import{AppColors as r}from"../styles/AppColors";import{AppFonts as S}from"../styles/AppFonts";import{formatTime as X,getJsonContent as J,getJsonPreviewText as Q,parseStackLine as Z,openInVSCode as q,getSize as _,getCleanCallerDisplay as ee}from"../helpers";import Ie from"./TouchableScale";import L from"./LogSyntaxHighlighter";import{ForwardChevronIcon as Te,ExternalLinkIcon as Ce,FlaskIcon as he,ZapIcon as z,GlobeIcon as Se,DiceIcon as me,AtomIcon as U,BarChartIcon as xe,KeyIcon as ye,SmartphoneIcon as Ee,AlertTriangleIcon as Re,BugIcon as Be,TagIcon as Ae,MapPinIcon as $,StorageIcon as Oe,SignalIcon as Pe,FlameIcon as we,MoneyIcon as Ne,CircleCheckIcon as W,CircleAlertIcon as Le,CircleXIcon as ke,RefreshCcwIcon as He,PerformanceIcon as Ve,ChipIcon as De,SettingsIcon as Fe,TerminalIcon as ze,InfoCircleIcon as G,ShieldAlertIcon as Me,LayoutIcon as Ue,ClockIcon as $e,SizeIcon as We}from"./NetworkIcons";import{useInspector as Ge}from"./Inspector/InspectorContext";const ve=(R,t,P,k,H)=>{if(!R)return null;const V=/^((?:\[[^\]]+\]\s*)+)/,w=R.match(V);if(w){const C=w[1],N=R.substring(C.length),T=C.match(/\[[^\]]+\]/g)||[],M=B=>{const e=B.replace(/[\[\]]/g,"").trim().toUpperCase();return e==="AXIOS"?{color:r.emerald600,Icon:z,label:"AXIOS"}:e==="API"||e==="FETCH"||e==="HTTP"||e==="REST"||e==="NETWORK"?{color:r.sky600,Icon:Se,label:e}:e==="GRAPHQL"||e==="GQL"||e==="APOLLO"||e==="MUTATION"||e==="QUERY"?{color:r.pink500,Icon:U,label:e}:e==="WS"||e==="WEBSOCKET"||e==="SOCKET"||e==="SOCKET.IO"||e==="REALTIME"?{color:r.cyan600,Icon:Pe,label:e}:e==="REDUX"||e==="STORE"||e==="STATE"||e==="ZUSTAND"||e==="MOBX"||e==="RECOIL"||e==="ACTION"||e==="DISPATCH"?{color:r.violet600,Icon:U,label:e}:e==="ANALYTICS"||e==="FIREBASE"||e==="GA4"||e==="GA"||e==="SEGMENT"||e==="MIXPANEL"||e==="POSTHOG"||e==="TRACK"||e==="EVENT"?{color:r.teal600,Icon:xe,label:e}:e==="AUTH"||e==="TOKEN"||e==="SESSION"||e==="JWT"||e==="LOGIN"||e==="LOGOUT"||e==="USER"?{color:r.amber600,Icon:ye,label:e}:e==="SECURITY"||e==="SHIELD"||e==="PERMISSION"||e==="PERMISSIONS"?{color:r.indigo600Alt,Icon:Me,label:e}:e==="NAV"||e==="NAVIGATION"||e==="ROUTE"||e==="SCREEN"||e==="ROUTER"||e==="DEEPLINK"?{color:r.indigo600Alt,Icon:$,label:e}:e==="STORAGE"||e==="ASYNCSTORAGE"||e==="MMKV"||e==="SQLITE"||e==="DB"||e==="DATABASE"||e==="REALM"||e==="CACHE"?{color:r.purple500,Icon:Oe,label:e}:e==="PERF"||e==="RENDER"||e==="PERFORMANCE"||e==="FPS"||e==="MEMORY"?{color:r.violet500,Icon:Ve,label:e}:e==="INIT"||e==="BOOT"||e==="STARTUP"||e==="LIFECYCLE"||e==="MOUNT"||e==="UNMOUNT"?{color:r.blue600,Icon:z,label:e}:e==="SYNC"||e==="REFRESH"||e==="BACKGROUND"||e==="JOB"||e==="WORKER"?{color:r.sky600,Icon:He,label:e}:e==="PUSH"||e==="NOTIF"||e==="NOTIFICATION"||e==="FCM"||e==="APNS"?{color:r.darkOrange,Icon:we,label:e}:e==="PAY"||e==="PAYMENT"||e==="STRIPE"||e==="IAP"||e==="BILLING"||e==="CHECKOUT"||e==="CART"?{color:r.emerald600,Icon:Ne,label:e}:e==="DEVICE"||e==="HARDWARE"||e==="BLE"||e==="BLUETOOTH"||e==="NFC"||e==="SENSOR"?{color:r.slate600,Icon:De,label:e}:e==="LOCATION"||e==="GPS"||e==="GEO"?{color:r.emerald600,Icon:$,label:e}:e==="APP"?{color:r.indigo600Alt,Icon:Ee,label:"APP"}:e==="UI"||e==="VIEW"||e==="THEME"||e==="STYLE"||e==="LAYOUT"?{color:r.pink600,Icon:Ue,label:e}:e==="TEST"||e==="MOCK"||e==="SPEC"?{color:r.emerald500,Icon:he,label:"TEST"}:e==="SAMPLE"||e==="BATCH"?{color:r.indigo600Alt,Icon:me,label:e}:e==="CONFIG"||e==="ENV"||e==="SETTINGS"?{color:r.slate700,Icon:Fe,label:e}:e==="DEBUG"||e==="TRACE"?{color:r.purpleText,Icon:ze,label:e}:e==="INFO"?{color:r.sky600,Icon:G,label:"INFO"}:e==="SUCCESS"||e==="OK"||e==="DONE"||e==="PASSED"?{color:r.green600,Icon:W,label:e}:e==="WARN"||e==="WARNING"?{color:r.amber600,Icon:Re,label:"WARN"}:e==="ERROR"||e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?{color:r.red600,Icon:Be,label:e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?e:"ERROR"}:{color:r.slate600,Icon:Ae,label:e}};return<I style={{flexDirection:"column",gap:2}}>
-        <I style={{flexDirection:"row",gap:4,overflow:"hidden"}}>
-          {T.slice(0,2).map((B,e)=>{const A=M(B),D=A.Icon;return<I key={e}style={[o.prefixTag,{backgroundColor:`${A.color}12`,borderColor:`${A.color}30`}]}>
-                <D color={A.color}size={8.5}/>
-                <E style={[o.prefixTagText,{color:A.color}]}>
-                  {A.label}
+import V from"react";import{useTranslation as K}from"../i18n";import{Pressable as W,StyleSheet as Y,Text as E,View as C}from"react-native";import X,{Path as J}from"react-native-svg";import{AppColors as r}from"../styles/AppColors";import{AppFonts as x}from"../styles/AppFonts";import{formatTime as Q,getJsonContent as Z,getJsonPreviewText as q,parseStackLine as _,openInVSCode as ee,getSize as re,getCleanCallerDisplay as oe}from"../helpers";import Ce from"./TouchableScale";import L from"./LogSyntaxHighlighter";import{ForwardChevronIcon as Ie,ExternalLinkIcon as Te,FlaskIcon as Se,ZapIcon as F,GlobeIcon as me,DiceIcon as xe,AtomIcon as $,BarChartIcon as ye,KeyIcon as Ee,SmartphoneIcon as Re,AlertTriangleIcon as Be,BugIcon as Ae,TagIcon as Pe,MapPinIcon as U,StorageIcon as Oe,SignalIcon as we,FlameIcon as ke,MoneyIcon as Le,CircleCheckIcon as G,CircleAlertIcon as Ne,CircleXIcon as He,RefreshCcwIcon as De,PerformanceIcon as Ve,ChipIcon as Fe,SettingsIcon as Me,TerminalIcon as ze,InfoCircleIcon as v,ShieldAlertIcon as We,LayoutIcon as $e,ClockIcon as Ue,SizeIcon as Ge}from"./NetworkIcons";import{useInspector as ve}from"./Inspector/InspectorContext";const je=(y,t,B,N,H)=>{if(!y)return null;const P=/^((?:\[[^\]]+\]\s*)+)/,A=y.match(P);if(A){const O=A[1],D=y.substring(O.length),T=O.match(/\[[^\]]+\]/g)||[],w=I=>{const e=I.replace(/[\[\]]/g,"").trim().toUpperCase();return e==="AXIOS"?{color:r.emerald600,Icon:F,label:"AXIOS"}:e==="API"||e==="FETCH"||e==="HTTP"||e==="REST"||e==="NETWORK"?{color:r.sky600,Icon:me,label:e}:e==="GRAPHQL"||e==="GQL"||e==="APOLLO"||e==="MUTATION"||e==="QUERY"?{color:r.pink500,Icon:$,label:e}:e==="WS"||e==="WEBSOCKET"||e==="SOCKET"||e==="SOCKET.IO"||e==="REALTIME"?{color:r.cyan600,Icon:we,label:e}:e==="REDUX"||e==="STORE"||e==="STATE"||e==="ZUSTAND"||e==="MOBX"||e==="RECOIL"||e==="ACTION"||e==="DISPATCH"?{color:r.violet600,Icon:$,label:e}:e==="ANALYTICS"||e==="FIREBASE"||e==="GA4"||e==="GA"||e==="SEGMENT"||e==="MIXPANEL"||e==="POSTHOG"||e==="TRACK"||e==="EVENT"?{color:r.teal600,Icon:ye,label:e}:e==="AUTH"||e==="TOKEN"||e==="SESSION"||e==="JWT"||e==="LOGIN"||e==="LOGOUT"||e==="USER"?{color:r.amber600,Icon:Ee,label:e}:e==="SECURITY"||e==="SHIELD"||e==="PERMISSION"||e==="PERMISSIONS"?{color:r.indigo600Alt,Icon:We,label:e}:e==="NAV"||e==="NAVIGATION"||e==="ROUTE"||e==="SCREEN"||e==="ROUTER"||e==="DEEPLINK"?{color:r.indigo600Alt,Icon:U,label:e}:e==="STORAGE"||e==="ASYNCSTORAGE"||e==="MMKV"||e==="SQLITE"||e==="DB"||e==="DATABASE"||e==="REALM"||e==="CACHE"?{color:r.purple500,Icon:Oe,label:e}:e==="PERF"||e==="RENDER"||e==="PERFORMANCE"||e==="FPS"||e==="MEMORY"?{color:r.violet500,Icon:Ve,label:e}:e==="INIT"||e==="BOOT"||e==="STARTUP"||e==="LIFECYCLE"||e==="MOUNT"||e==="UNMOUNT"?{color:r.blue600,Icon:F,label:e}:e==="SYNC"||e==="REFRESH"||e==="BACKGROUND"||e==="JOB"||e==="WORKER"?{color:r.sky600,Icon:De,label:e}:e==="PUSH"||e==="NOTIF"||e==="NOTIFICATION"||e==="FCM"||e==="APNS"?{color:r.darkOrange,Icon:ke,label:e}:e==="PAY"||e==="PAYMENT"||e==="STRIPE"||e==="IAP"||e==="BILLING"||e==="CHECKOUT"||e==="CART"?{color:r.emerald600,Icon:Le,label:e}:e==="DEVICE"||e==="HARDWARE"||e==="BLE"||e==="BLUETOOTH"||e==="NFC"||e==="SENSOR"?{color:r.slate600,Icon:Fe,label:e}:e==="LOCATION"||e==="GPS"||e==="GEO"?{color:r.emerald600,Icon:U,label:e}:e==="APP"?{color:r.indigo600Alt,Icon:Re,label:"APP"}:e==="UI"||e==="VIEW"||e==="THEME"||e==="STYLE"||e==="LAYOUT"?{color:r.pink600,Icon:$e,label:e}:e==="TEST"||e==="MOCK"||e==="SPEC"?{color:r.emerald500,Icon:Se,label:"TEST"}:e==="SAMPLE"||e==="BATCH"?{color:r.indigo600Alt,Icon:xe,label:e}:e==="CONFIG"||e==="ENV"||e==="SETTINGS"?{color:r.slate700,Icon:Me,label:e}:e==="DEBUG"||e==="TRACE"?{color:r.purpleText,Icon:ze,label:e}:e==="INFO"?{color:r.sky600,Icon:v,label:"INFO"}:e==="SUCCESS"||e==="OK"||e==="DONE"||e==="PASSED"?{color:r.green600,Icon:G,label:e}:e==="WARN"||e==="WARNING"?{color:r.amber600,Icon:Be,label:"WARN"}:e==="ERROR"||e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?{color:r.red600,Icon:Ae,label:e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?e:"ERROR"}:{color:r.slate600,Icon:Pe,label:e}};return<C style={{flexDirection:"column",gap:2}}>
+        <C style={{flexDirection:"row",gap:4,overflow:"hidden"}}>
+          {T.slice(0,2).map((I,e)=>{const m=w(I),M=m.Icon;return<C key={e}style={[o.prefixTag,{backgroundColor:`${m.color}12`,borderColor:`${m.color}30`}]}>
+                <M color={m.color}size={8.5}/>
+                <E style={[o.prefixTagText,{color:m.color}]}>
+                  {m.label}
                 </E>
-              </I>})}
-        </I>
-        <L text={N}search={t}style={P}numberOfLines={1}detectLinks={!1}/>
-      </I>}return<L text={R}search={t}style={P}numberOfLines={H||2}detectLinks={!1}/>};export const ConsoleLogCard=F.memo(function({item:t,searchStr:P="",onPress:k,testID:H}){const{setSelectedLog:V}=Ge(),{t:w}=v(),C=J(t.message),N=t.message.toLowerCase().includes("[analytics error]"),T=F.useMemo(()=>{const h=ee(t.caller);if(!h)return null;const O=Z(t.caller,!0);return{...O,display:h.display,fileName:h.fileName,lineNumber:h.lineNumber||O.lineNumber}},[t.caller]),B=(()=>{const h=(t.type||"log").toLowerCase(),O=(t.sourceMethod||h).toLowerCase();return N||h==="error"||O==="error"?{badgeColor:r.errorColor,border:r.errorColor,badgeBg:`${r.errorColor}18`,badgeText:r.errorColor,label:"ERROR",cardBg:r.errorCardBg,statusPillBg:`${r.errorColor}14`,statusPillBorder:`${r.errorColor}33`,statusPillText:r.errorColor,StatusIcon:ke}:h==="warn"||O==="warn"?{badgeColor:r.darkOrange,border:r.darkOrange,badgeBg:`${r.darkOrange}18`,badgeText:r.darkOrange,label:"WARN",cardBg:r.warnCardBg,statusPillBg:`${r.darkOrange}14`,statusPillBorder:`${r.darkOrange}33`,statusPillText:r.darkOrange,StatusIcon:Le}:h==="debug"||O==="debug"?{badgeColor:r.purple,border:r.purple,badgeBg:`${r.purple}18`,badgeText:r.purple,label:"DEBUG",cardBg:r.purpleTintBg,statusPillBg:`${r.purple}14`,statusPillBorder:`${r.purple}33`,statusPillText:r.purple,StatusIcon:z}:O==="info"||h==="info"&&O!=="log"?{badgeColor:r.sky600,border:r.sky600,badgeBg:`${r.sky600}18`,badgeText:r.sky600,label:"INFO",cardBg:r.blueTintBg,statusPillBg:`${r.sky600}14`,statusPillBorder:`${r.sky600}33`,statusPillText:r.sky600,StatusIcon:G}:{badgeColor:r.brandPurple,border:r.brandPurple,badgeBg:`${r.brandPurple}15`,badgeText:r.brandPurple,label:"LOG",cardBg:r.white,statusPillBg:`${r.brandPurple}12`,statusPillBorder:`${r.brandPurple}2E`,statusPillText:r.brandPurple,StatusIcon:W}})(),e=B.StatusIcon,A=C?Q(C.data):null,D=()=>{k?k(t):V(t)},Ke=("sourceMethod"in t?t.sourceMethod:void 0)||t.type||"log";return<I style={o.container}>
-      <Ie testID={H}onPress={D}style={[o.card,{borderLeftWidth:3.5,borderLeftColor:B.border,backgroundColor:B.cardBg}]}>
-        <I style={o.cardBody}>
+              </C>})}
+        </C>
+        <L text={D}search={t}style={B}numberOfLines={1}detectLinks={!1}/>
+      </C>}return<L text={y}search={t}style={B}numberOfLines={H||2}detectLinks={!1}/>};export const ConsoleLogCard=V.memo(function({item:t,searchStr:B="",onPress:N,testID:H,isSelected:P,onToggleSelect:A}){const{setSelectedLog:O}=ve(),{t:D}=K(),T=Z(t.message),w=t.message.toLowerCase().includes("[analytics error]"),I=V.useMemo(()=>{const S=oe(t.caller);if(!S)return null;const R=_(t.caller,!0);return{...R,display:S.display,fileName:S.fileName,lineNumber:S.lineNumber||R.lineNumber}},[t.caller]),m=(()=>{const S=(t.type||"log").toLowerCase(),R=(t.sourceMethod||S).toLowerCase();return w||S==="error"||R==="error"?{badgeColor:r.errorColor,border:r.errorColor,badgeBg:`${r.errorColor}18`,badgeText:r.errorColor,label:"ERROR",cardBg:r.errorCardBg,statusPillBg:`${r.errorColor}14`,statusPillBorder:`${r.errorColor}33`,statusPillText:r.errorColor,StatusIcon:He}:S==="warn"||R==="warn"?{badgeColor:r.darkOrange,border:r.darkOrange,badgeBg:`${r.darkOrange}18`,badgeText:r.darkOrange,label:"WARN",cardBg:r.warnCardBg,statusPillBg:`${r.darkOrange}14`,statusPillBorder:`${r.darkOrange}33`,statusPillText:r.darkOrange,StatusIcon:Ne}:S==="debug"||R==="debug"?{badgeColor:r.purple,border:r.purple,badgeBg:`${r.purple}18`,badgeText:r.purple,label:"DEBUG",cardBg:r.purpleTintBg,statusPillBg:`${r.purple}14`,statusPillBorder:`${r.purple}33`,statusPillText:r.purple,StatusIcon:F}:R==="info"||S==="info"&&R!=="log"?{badgeColor:r.sky600,border:r.sky600,badgeBg:`${r.sky600}18`,badgeText:r.sky600,label:"INFO",cardBg:r.blueTintBg,statusPillBg:`${r.sky600}14`,statusPillBorder:`${r.sky600}33`,statusPillText:r.sky600,StatusIcon:v}:{badgeColor:r.brandPurple,border:r.brandPurple,badgeBg:`${r.brandPurple}15`,badgeText:r.brandPurple,label:"LOG",cardBg:r.white,statusPillBg:`${r.brandPurple}12`,statusPillBorder:`${r.brandPurple}2E`,statusPillText:r.brandPurple,StatusIcon:G}})(),M=m.StatusIcon,z=T?q(T.data):null,j=()=>{N?N(t):O(t)},Ye=("sourceMethod"in t?t.sourceMethod:void 0)||t.type||"log";return<C style={o.container}>
+      <Ce testID={H}onPress={j}style={[o.card,{borderLeftWidth:3.5,borderLeftColor:m.border,backgroundColor:m.cardBg}]}>
+        <C style={o.cardBody}>
           
-          <I style={o.cardHeaderRow}>
-            <I style={o.cardHeaderLeft}>
+          <C style={o.cardHeaderRow}>
+            <C style={o.cardHeaderLeft}>
+              {A&&t.id!=null&&<W testID={`inspector.console.checkbox.${t.id}`}onPress={S=>{S.stopPropagation(),A(t.id)}}hitSlop={8}style={[o.smallCheckbox,P&&o.smallCheckboxChecked]}>
+                  {P&&<X width={9}height={9}viewBox="0 0 24 24"fill="none">
+                      <J d="M20 6L9 17l-5-5"stroke={r.white}strokeWidth="4"strokeLinecap="round"strokeLinejoin="round"/>
+                    </X>}
+                </W>}
+
               <E style={o.serialNumber}>
                 #{t.id!=null?t.id+1:1}
               </E>
 
               
-              <I style={[o.methodBadge,{backgroundColor:B.badgeColor}]}>
-                <E style={o.methodBadgeText}>{B.label}</E>
-              </I>
+              <C style={[o.methodBadge,{backgroundColor:m.badgeColor}]}>
+                <E style={o.methodBadgeText}>{m.label}</E>
+              </C>
 
               
-              {C&&<I style={[o.chip,{backgroundColor:`${r.teal600}12`,borderColor:`${r.teal600}2E`}]}>
+              {T&&<C style={[o.chip,{backgroundColor:`${r.teal600}12`,borderColor:`${r.teal600}2E`}]}>
                   <E style={[o.chipText,{color:r.teal600}]}>
-                    {Array.isArray(C.data)?`Array[${C.data.length}]`:`Object{${Object.keys(C.data).length}}`}
+                    {Array.isArray(T.data)?`Array[${T.data.length}]`:`Object{${Object.keys(T.data).length}}`}
                   </E>
-                </I>}
+                </C>}
 
               
-              {"duplicateCount"in t&&t.duplicateCount!=null&&t.duplicateCount>1&&<I style={o.dupBadge}>
+              {"duplicateCount"in t&&t.duplicateCount!=null&&t.duplicateCount>1&&<C style={o.dupBadge}>
                     <E style={o.dupBadgeText}>
                       ×{t.duplicateCount}
                     </E>
-                  </I>}
-            </I>
+                  </C>}
+            </C>
 
             
-            <I style={o.cardHeaderRight}>
-              <Te color={r.slate400}size={13}/>
-            </I>
-          </I>
+            <C style={o.cardHeaderRight}>
+              <Ie color={r.slate400}size={13}/>
+            </C>
+          </C>
 
           
-          <I style={o.messageBox}>
-            {C?<I style={o.jsonPreviewRow}>
-                {C.header?<L text={C.header}search={P}style={o.messageText}detectLinks={!1}numberOfLines={1}/>:null}
-                {A&&<L text={A.text.replace(/\s+/g," ")}search={P}style={o.jsonPreviewText}detectLinks={!1}numberOfLines={C.header?2:3}/>}
-              </I>:ve(t.message,P,o.messageText,o.highlight,3)}
-          </I>
+          <C style={o.messageBox}>
+            {T?<C style={o.jsonPreviewRow}>
+                {T.header?<L text={T.header}search={B}style={o.messageText}detectLinks={!1}numberOfLines={1}/>:null}
+                {z&&<L text={z.text.replace(/\s+/g," ")}search={B}style={o.jsonPreviewText}detectLinks={!1}numberOfLines={T.header?2:3}/>}
+              </C>:je(t.message,B,o.messageText,o.highlight,3)}
+          </C>
 
           
-          <I style={o.cardFooterRow}>
-            <I style={o.footerLeft}>
-              <I style={o.cardDateRow}>
-                <$e color={r.grayTextWeak}size={10}/>
+          <C style={o.cardFooterRow}>
+            <C style={o.footerLeft}>
+              <C style={o.cardDateRow}>
+                <Ue color={r.grayTextWeak}size={10}/>
                 <E style={o.cardDateText}numberOfLines={1}>
-                  {X(t.timestamp)}
+                  {Q(t.timestamp)}
                 </E>
-              </I>
+              </C>
 
-              {T&&<K onPress={h=>{h.stopPropagation?.(),q(T.rawFilePath||T.fullPath||T.fileName,T.lineNumber,T.columnNumber)}}hitSlop={8}style={o.callerChip}>
-                  {T.fileExt&&T.fileExt!=="other"&&<I style={[o.extBadge,{backgroundColor:T.fileExt==="tsx"||T.fileExt==="ts"?`${r.brandPurple}22`:`${r.teal600}22`}]}>
-                      <E style={[o.extBadgeText,{color:T.fileExt==="tsx"||T.fileExt==="ts"?r.brandPurple:r.teal600}]}>
-                        {T.fileExt.toUpperCase()}
+              {I&&<W onPress={S=>{S.stopPropagation?.(),ee(I.rawFilePath||I.fullPath||I.fileName,I.lineNumber,I.columnNumber)}}hitSlop={8}style={o.callerChip}>
+                  {I.fileExt&&I.fileExt!=="other"&&<C style={[o.extBadge,{backgroundColor:I.fileExt==="tsx"||I.fileExt==="ts"?`${r.brandPurple}22`:`${r.teal600}22`}]}>
+                      <E style={[o.extBadgeText,{color:I.fileExt==="tsx"||I.fileExt==="ts"?r.brandPurple:r.teal600}]}>
+                        {I.fileExt.toUpperCase()}
                       </E>
-                    </I>}
+                    </C>}
                   <E style={o.callerChipText}numberOfLines={1}ellipsizeMode="middle">
-                    {T.display}
+                    {I.display}
                   </E>
-                  <Ce color={r.sky600}size={8}/>
-                </K>}
-            </I>
+                  <Te color={r.sky600}size={8}/>
+                </W>}
+            </C>
 
-            <I style={o.footerRight}>
-              {C&&<I style={o.metaStatChip}>
-                  <We color={r.purple}size={8.5}/>
+            <C style={o.footerRight}>
+              {T&&<C style={o.metaStatChip}>
+                  <Ge color={r.purple}size={8.5}/>
                   <E style={o.metaStatText}>
-                    {_(C.data)}
+                    {re(T.data)}
                   </E>
-                </I>}
+                </C>}
 
-              {N&&<I style={[o.chip,{backgroundColor:`${r.skyBlue}15`,borderColor:`${r.skyBlue}30`}]}>
+              {w&&<C style={[o.chip,{backgroundColor:`${r.skyBlue}15`,borderColor:`${r.skyBlue}30`}]}>
                   <E style={[o.chipText,{color:r.skyBlue}]}>
-                    {w("console.analyticsBadge")||"ANALYTICS"}
+                    {D("console.analyticsBadge")||"ANALYTICS"}
                   </E>
-                </I>}
-            </I>
-          </I>
-        </I>
-      </Ie>
-    </I>});const o=Y.create({container:{paddingHorizontal:8,paddingVertical:4,height:148,justifyContent:"center"},card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:r.dividerColor,shadowColor:r.shadowColorString},cardBody:{height:"100%",paddingHorizontal:8,paddingTop:8,paddingBottom:6,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:4,gap:4.5,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},serialNumber:{fontFamily:S.interBold,color:r.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:r.white},chip:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:S.interBold,fontSize:9,lineHeight:12},dupBadge:{backgroundColor:`${r.purple}14`,borderColor:`${r.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:S.interBold,fontSize:8.5,color:r.purple},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12},messageBox:{backgroundColor:r.grayBackground,borderRadius:7,borderWidth:1,borderColor:r.dividerColor,paddingHorizontal:7,paddingVertical:5,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageText:{fontFamily:S.interMedium,fontSize:12,color:r.primaryBlack,lineHeight:17},highlight:{backgroundColor:r.yellowHighlight,color:r.primaryBlack,borderRadius:2},jsonPreviewRow:{flexDirection:"column",justifyContent:"center",gap:2},jsonPreviewText:{fontFamily:S.interMedium,fontSize:11,color:r.teal700,lineHeight:15},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:4},footerLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:S.interRegular,fontSize:10,lineHeight:13,color:r.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.skySoftBg,borderColor:r.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},extBadge:{borderRadius:3,paddingHorizontal:3,paddingVertical:.5},extBadgeText:{fontFamily:S.interBold,fontSize:7.5},callerChipText:{color:r.skySoftText,fontSize:9,lineHeight:12,fontFamily:S.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.violetSoftBg,borderColor:r.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:S.interBold,color:r.violetSoftText,fontSize:9,lineHeight:12},prefixTag:{flexDirection:"row",alignItems:"center",gap:2.5,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3.5,borderWidth:1},prefixTagText:{fontFamily:S.interBold,fontSize:8.5,letterSpacing:.3},bottomAccentBar:{height:2.5,width:"100%",borderRadius:1.5,marginTop:2}});function je(R,t){return R.item===t.item&&R.searchStr===t.searchStr&&R.onPress===t.onPress}export const MemoizedConsoleLogCard=F.memo(ConsoleLogCard,je);export default MemoizedConsoleLogCard;
+                </C>}
+            </C>
+          </C>
+        </C>
+      </Ce>
+    </C>});const o=Y.create({container:{paddingHorizontal:8,paddingVertical:4,height:148,justifyContent:"center"},card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:r.dividerColor,shadowColor:r.shadowColorString},cardBody:{height:"100%",paddingHorizontal:8,paddingTop:8,paddingBottom:6,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:4,gap:4.5,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},serialNumber:{fontFamily:x.interBold,color:r.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:x.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:r.white},chip:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:x.interBold,fontSize:9,lineHeight:12},dupBadge:{backgroundColor:`${r.purple}14`,borderColor:`${r.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:x.interBold,fontSize:8.5,color:r.purple},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:x.interBold,fontSize:9.5,lineHeight:12},messageBox:{backgroundColor:r.grayBackground,borderRadius:7,borderWidth:1,borderColor:r.dividerColor,paddingHorizontal:7,paddingVertical:5,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageText:{fontFamily:x.interMedium,fontSize:12,color:r.primaryBlack,lineHeight:17},highlight:{backgroundColor:r.yellowHighlight,color:r.primaryBlack,borderRadius:2},jsonPreviewRow:{flexDirection:"column",justifyContent:"center",gap:2},jsonPreviewText:{fontFamily:x.interMedium,fontSize:11,color:r.teal700,lineHeight:15},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:4},footerLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:x.interRegular,fontSize:10,lineHeight:13,color:r.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.skySoftBg,borderColor:r.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},extBadge:{borderRadius:3,paddingHorizontal:3,paddingVertical:.5},extBadgeText:{fontFamily:x.interBold,fontSize:7.5},callerChipText:{color:r.skySoftText,fontSize:9,lineHeight:12,fontFamily:x.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.violetSoftBg,borderColor:r.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:x.interBold,color:r.violetSoftText,fontSize:9,lineHeight:12},prefixTag:{flexDirection:"row",alignItems:"center",gap:2.5,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3.5,borderWidth:1},prefixTagText:{fontFamily:x.interBold,fontSize:8.5,letterSpacing:.3},bottomAccentBar:{height:2.5,width:"100%",borderRadius:1.5,marginTop:2},smallCheckbox:{width:14,height:14,borderRadius:3.5,borderWidth:1.2,borderColor:r.grayBorderSecondary,backgroundColor:r.primaryLight,alignItems:"center",justifyContent:"center",marginRight:2},smallCheckboxChecked:{backgroundColor:r.purple,borderColor:r.purple}});function Ke(y,t){return y.item===t.item&&y.searchStr===t.searchStr&&y.onPress===t.onPress&&y.isSelected===t.isSelected&&y.onToggleSelect===t.onToggleSelect}export const MemoizedConsoleLogCard=V.memo(ConsoleLogCard,Ke);export default MemoizedConsoleLogCard;

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

@@ -1,4 +1,4 @@
-import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,Text as C,View as T}from"react-native";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as I}from"../../styles/AppFonts";import S from"../TouchableScale";import{useInspector as N}from"./InspectorContext";import{t as V}from"../../i18n";import{LIB_VERSION as $}from"../../constants/version";import _ from"../AppHeaderLogo";import{getAppName as O,getBundleIdentifier as E,getAppVersionAndBuild as M,copyToClipboard as H,showToast as A}from"../../helpers";import{DeveloperSponsorCard as U}from"./DeveloperSponsorCard";import{GitHubIcon as G,NpmIcon as Q,BoltIcon as W,StarIcon as Z,BookOpenIcon as J,BugIcon as K,TagIcon as X,WifiIcon as Y,TerminalIcon as Te,AnalyticsIcon as Ce,DatabaseIcon as Ve,CameraIcon as Ie,CrashIcon as Se,ExternalLinkIcon as R,CopyIcon as Be}from"../NetworkIcons";export const AboutModal=({onClose:ve})=>{const{updateAvailable:z,latestNpmVersion:D}=N();return<T style={e.container}>
+import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,Text as C,View as T}from"react-native";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as I}from"../../styles/AppFonts";import S from"../TouchableScale";import{useInspector as N}from"./InspectorContext";import{t as V}from"../../i18n";import{LIB_VERSION as $}from"../../constants/version";import _ from"../AppHeaderLogo";import{getAppName as O,getBundleIdentifier as E,getAppVersionAndBuild as M,copyToClipboard as H,showToast as A}from"../../helpers";import{GitHubIcon as U,NpmIcon as G,BoltIcon as W,StarIcon as Q,BookOpenIcon as Z,BugIcon as J,TagIcon as K,WifiIcon as X,TerminalIcon as Y,AnalyticsIcon as Te,DatabaseIcon as Ce,CameraIcon as Ve,CrashIcon as Ie,ExternalLinkIcon as R,CopyIcon as Se}from"../NetworkIcons";export const AboutModal=({onClose:Be})=>{const{updateAvailable:z,latestNpmVersion:D}=N();return<T style={e.container}>
       <L style={e.scrollView}contentContainerStyle={e.scrollContent}showsVerticalScrollIndicator={!1}>
         
         <T style={e.heroCard}>
@@ -40,9 +40,6 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
         </T>
 
         
-        <U/>
-
-        
         <T style={e.sectionCard}>
           <C style={e.sectionHeader}>{V("about.appInformation","APP INFORMATION")}</C>
 
@@ -90,7 +87,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
           <T style={e.featuresList}>
             <T style={e.featureItem}>
               <T style={[e.featureIconBox,{backgroundColor:`${t.brandPurple}15`}]}>
-                <Y color={t.brandPurple}size={18}/>
+                <X color={t.brandPurple}size={18}/>
               </T>
               <T style={e.featureTextBox}>
                 <C style={e.featureTitle}>{V("about.featureNetwork","Network Traffic Monitor")}</C>
@@ -102,7 +99,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
 
             <T style={e.featureItem}>
               <T style={[e.featureIconBox,{backgroundColor:`${t.blue500}15`}]}>
-                <Te color={t.blue500}size={18}/>
+                <Y color={t.blue500}size={18}/>
               </T>
               <T style={e.featureTextBox}>
                 <C style={e.featureTitle}>{V("about.featureConsole","Console Logger")}</C>
@@ -114,7 +111,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
 
             <T style={e.featureItem}>
               <T style={[e.featureIconBox,{backgroundColor:`${t.firebaseOrange}15`}]}>
-                <Ce color={t.firebaseOrange}size={18}/>
+                <Te color={t.firebaseOrange}size={18}/>
               </T>
               <T style={e.featureTextBox}>
                 <C style={e.featureTitle}>{V("about.featureAnalytics","Analytics Telemetry")}</C>
@@ -126,7 +123,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
 
             <T style={e.featureItem}>
               <T style={[e.featureIconBox,{backgroundColor:`${t.violet600}15`}]}>
-                <Ve color={t.violet600}size={18}/>
+                <Ce color={t.violet600}size={18}/>
               </T>
               <T style={e.featureTextBox}>
                 <C style={e.featureTitle}>{V("about.featureRedux","Redux State & Actions")}</C>
@@ -138,7 +135,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
 
             <T style={e.featureItem}>
               <T style={[e.featureIconBox,{backgroundColor:`${t.teal600}15`}]}>
-                <Ie color={t.teal600}size={18}/>
+                <Ve color={t.teal600}size={18}/>
               </T>
               <T style={e.featureTextBox}>
                 <C style={e.featureTitle}>{V("about.featureCapture","Screen & Video Capture")}</C>
@@ -150,7 +147,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
 
             <T style={e.featureItem}>
               <T style={[e.featureIconBox,{backgroundColor:`${t.emerald600}15`}]}>
-                <Se color={t.emerald600}size={18}/>
+                <Ie color={t.emerald600}size={18}/>
               </T>
               <T style={e.featureTextBox}>
                 <C style={e.featureTitle}>
@@ -167,10 +164,10 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
         
         <T style={e.gridContainer}>
           <S onPress={()=>{B.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector").catch(()=>{})}}style={[e.gridCard,{backgroundColor:`${t.brandPurple}0F`,borderColor:`${t.brandPurple}30`}]}>
-            <G color={t.brandPurple}size={18}/>
+            <U color={t.brandPurple}size={18}/>
             <T style={{flex:1}}>
               <T style={{flexDirection:"row",alignItems:"center",gap:5}}>
-                <Z color={t.amber500}size={13}/>
+                <Q color={t.amber500}size={13}/>
                 <C style={e.gridCardTitle}>{V("about.github","GitHub")}</C>
               </T>
               <C style={e.gridCardSub}>{V("about.githubSub","Star & source code")}</C>
@@ -179,7 +176,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
           </S>
 
           <S onPress={()=>{B.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{})}}style={e.gridCard}>
-            <Q color={t.npmRed}size={18}/>
+            <G color={t.npmRed}size={18}/>
             <T style={{flex:1}}>
               <C style={e.gridCardTitle}>{V("about.npmRegistry","NPM Registry")}</C>
               <C style={e.gridCardSub}>{V("about.npmRegistrySub","Package updates")}</C>
@@ -188,7 +185,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
           </S>
 
           <S onPress={()=>{B.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector#readme").catch(()=>{})}}style={e.gridCard}>
-            <J color={t.brandPurple}size={18}/>
+            <Z color={t.brandPurple}size={18}/>
             <T style={{flex:1}}>
               <C style={e.gridCardTitle}>{V("about.documentation","Documentation")}</C>
               <C style={e.gridCardSub}>{V("about.documentationSub","Integration guide")}</C>
@@ -197,7 +194,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
           </S>
 
           <S onPress={()=>{B.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector/issues").catch(()=>{})}}style={e.gridCard}>
-            <K color={t.errorColor}size={18}/>
+            <J color={t.errorColor}size={18}/>
             <T style={{flex:1}}>
               <C style={e.gridCardTitle}>{V("about.reportIssue","Report Issue")}</C>
               <C style={e.gridCardSub}>{V("about.reportIssueSub","Help & support")}</C>
@@ -206,7 +203,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
           </S>
 
           <S onPress={()=>{B.openURL("https://github.com/vengatmacuser/react-native-inapp-inspector/releases").catch(()=>{})}}style={e.gridCard}>
-            <X color={t.successGreen}size={18}/>
+            <K color={t.successGreen}size={18}/>
             <T style={{flex:1}}>
               <C style={e.gridCardTitle}>{V("about.releaseNotes","Release Notes")}</C>
               <C style={e.gridCardSub}>{V("about.releaseNotesSub","What's new")}</C>
@@ -215,7 +212,7 @@ import"react";import{Platform as P,Linking as B,ScrollView as L,StyleSheet as F,
           </S>
 
           <S onPress={()=>{H("npm install react-native-inapp-inspector","NPM Command"),A(V("about.copiedInstallCommand","Copied package install command!"))}}style={e.gridCard}>
-            <Be color={t.brandPurple}size={16}/>
+            <Se color={t.brandPurple}size={16}/>
             <T style={{flex:1}}>
               <C style={e.gridCardTitle}>{V("about.copyInstall","Copy Install")}</C>
               <C style={e.gridCardSub}>{V("about.copyInstallSub","npm / yarn command")}</C>

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

@@ -1,76 +1,81 @@
-import F,{useCallback as H,useMemo as R,useRef as se}from"react";import{FlatList as Se,Pressable as Ce,ScrollView as K,Text as A,TextInput as Ie,View as S}from"react-native";import{useInspector as we}from"./InspectorContext";import{useTranslation as Te}from"../../i18n";import P from"../TouchableScale";import Le from"../AnimatedEntrance";import{ConsoleLogCard as Ae}from"../ConsoleLogCard";import Ee from"../EmptyState";import Ve from"../EndOfListFooter";import Be from"./ConsoleExportModal";import b from"../../styles";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as E}from"../../types";import{SearchIcon as Fe,ClearIcon as Pe,SortArrowIcon as He,TrashIcon as Re,LayersIcon as $e,UserIcon as De,InfoCircleIcon as We,WarningTriangleIcon as Oe,ErrorCircleIcon as Me,AnalyticsIcon as Ne,ExportIcon as Ue}from"../NetworkIcons";const X=10,ve=F.memo(()=>{const{t:I}=Te(),{logSearch:y,setLogSearch:V,logSortOrder:j,setLogSortOrder:q,handleDelete:J,logFilters:h,setLogFilters:$,logCounts:x,filteredConsoleLogs:C,visibleConsoleLogs:D,maxConsoleLogs:W,setSelectedLog:N}=we(),Z=W||100,U=se(null),[v,G]=F.useState(Z),[ee,_]=F.useState(!1);F.useEffect(()=>{G(W||100),U.current?.scrollToOffset({offset:0,animated:!1})},[y,h,W]);const O=R(()=>C.slice(0,v),[C,v]),Q=H(e=>{N(e)},[N]),oe=H(({item:e,index:t})=><Le index={t}distance={8}>
-        <Ae testID={`inspector.console.item.${t}`}item={e}searchStr={y}onPress={Q}/>
-      </Le>,[y,Q]),te=H((e,t)=>({length:148,offset:148*t,index:t}),[]),le=H((e,t)=>e?.id?.toString()??t.toString(),[]),re=R(()=>{const e=D.length,t=C.length;if(h.has("all")||!Array.from(h).some(B=>B!=="all"))return<S style={{paddingHorizontal:8,paddingTop:8,paddingBottom:3}}>
+import F,{useCallback as R,useMemo as $,useRef as pe}from"react";import{FlatList as Se,Pressable as Ce,ScrollView as J,Text as A,TextInput as Ie,View as S}from"react-native";import{useInspector as we}from"./InspectorContext";import{useTranslation as Te}from"../../i18n";import P from"../TouchableScale";import Le from"../AnimatedEntrance";import{ConsoleLogCard as Ae}from"../ConsoleLogCard";import Ee from"../EmptyState";import Ve from"../EndOfListFooter";import Be from"./ConsoleExportModal";import h from"../../styles";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as E}from"../../types";import{SearchIcon as Fe,ClearIcon as Pe,SortArrowIcon as He,TrashIcon as Re,LayersIcon as $e,UserIcon as De,InfoCircleIcon as We,WarningTriangleIcon as Oe,ErrorCircleIcon as Me,AnalyticsIcon as Ne,ExportIcon as Ue}from"../NetworkIcons";const Z=10,ve=F.memo(()=>{const{t:w}=Te(),{logSearch:C,setLogSearch:V,logSortOrder:ee,setLogSortOrder:oe,handleDelete:te,logFilters:b,setLogFilters:D,logCounts:x,filteredConsoleLogs:I,visibleConsoleLogs:W,maxConsoleLogs:O,setSelectedLog:U,selectedConsoleLogs:H,toggleSelectConsoleLog:v}=we(),le=O||100,G=pe(null),[_,Q]=F.useState(le),[re,Y]=F.useState(!1);F.useEffect(()=>{Q(O||100),G.current?.scrollToOffset({offset:0,animated:!1})},[C,b,O]);const M=$(()=>I.slice(0,_),[I,_]),K=R(e=>{U(e)},[U]),ne=R(({item:e,index:t})=><Le index={t}distance={8}>
+        <Ae testID={`inspector.console.item.${t}`}item={e}searchStr={C}onPress={K}isSelected={H.has(e.id)}onToggleSelect={v}/>
+      </Le>,[C,K,H,v]),ie=R((e,t)=>({length:148,offset:148*t,index:t}),[]),se=R((e,t)=>e?.id?.toString()??t.toString(),[]),ae=$(()=>{const e=W.length,t=I.length;if(b.has("all")||!Array.from(b).some(B=>B!=="all"))return<S style={{paddingHorizontal:8,paddingTop:8,paddingBottom:3}}>
           <A style={{fontFamily:z.interMedium,fontSize:11,color:o.grayTextWeak,letterSpacing:.2}}>
             {t===e?`Showing ${e} logs`:`Showing ${t} of ${e} logs`}
           </A>
-        </S>;{const B=Array.from(h).filter(T=>T!=="all").map(T=>T==="user-log"?"Log":T==="analytics"?"Analytics":T.charAt(0).toUpperCase()+T.slice(1));return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+        </S>;{const B=Array.from(b).filter(T=>T!=="all").map(T=>T==="user-log"?"Log":T==="analytics"?"Analytics":T.charAt(0).toUpperCase()+T.slice(1));return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
           <A style={{fontFamily:z.interMedium,fontSize:11,color:o.grayTextWeak,letterSpacing:.2}}>
             Filtered by {B.join(", ")} ({t} of {e} logs)
           </A>
-        </S>}},[D.length,C.length,h]),[M,Y]=F.useState(!1),ne=R(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),ie=R(()=>[{id:E.All,label:I("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:o.purple,Icon:$e},{id:E.UserLog,label:I("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:o.teal600,Icon:De},{id:E.Info,label:I("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:o.sky600,Icon:We},{id:E.Warn,label:I("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:o.amber600,Icon:Oe},{id:E.Error,label:I("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:o.errorColor,Icon:Me},{id:E.Analytics,label:I("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:o.violet600,Icon:Ne}],[x,I]);return<S style={{flex:1}}>
+        </S>}},[W.length,I.length,b]),[N,X]=F.useState(!1),ce=$(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),de=$(()=>[{id:E.All,label:w("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:o.purple,Icon:$e},{id:E.UserLog,label:w("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:o.teal600,Icon:De},{id:E.Info,label:w("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:o.sky600,Icon:We},{id:E.Warn,label:w("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:o.amber600,Icon:Oe},{id:E.Error,label:w("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:o.errorColor,Icon:Me},{id:E.Analytics,label:w("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:o.violet600,Icon:Ne}],[x,w]);return<S style={{flex:1}}>
       <S style={{backgroundColor:o.white,borderBottomWidth:1,borderBottomColor:o.dividerColor,paddingBottom:6}}>
-        <S style={[b.toolbarRow,{marginTop:12,marginBottom:8}]}>
-          <S style={[b.searchContainer,M&&{borderColor:o.purple,borderWidth:1.5}]}>
-            <Fe color={M?o.purple:o.grayTextWeak}size={16}/>
-            <Ie placeholder={I("console.searchPlaceholder")}placeholderTextColor={o.grayTextWeak}value={y}onChangeText={V}onFocus={()=>Y(!0)}onBlur={()=>Y(!1)}style={b.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-            {y.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
+        <S style={[h.toolbarRow,{marginTop:12,marginBottom:8}]}>
+          <S style={[h.searchContainer,N&&{borderColor:o.purple,borderWidth:1.5}]}>
+            <Fe color={N?o.purple:o.grayTextWeak}size={16}/>
+            <Ie placeholder={w("console.searchPlaceholder")}placeholderTextColor={o.grayTextWeak}value={C}onChangeText={V}onFocus={()=>X(!0)}onBlur={()=>X(!1)}style={h.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+            {C.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
                 <S style={{backgroundColor:`${o.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
                   <A style={{color:o.purple,fontSize:10,fontFamily:z.interBold}}>
-                    {C.length}
+                    {I.length}
                   </A>
                 </S>
-                <Ce onPress={()=>V("")}hitSlop={10}style={b.clearBtn}>
+                <Ce onPress={()=>V("")}hitSlop={10}style={h.clearBtn}>
                   <Pe color={o.grayTextWeak}size={14}/>
                 </Ce>
               </S>}
           </S>
 
-          <S style={b.toolbarRight}>
-            <P style={[b.toolbarBtn,{borderColor:`${o.purple}38`,backgroundColor:`${o.purple}0F`}]}onPress={()=>_(!0)}hitSlop={6}testID="inspector.console.exportBtn">
+          <S style={h.toolbarRight}>
+            <P style={[h.toolbarBtn,{borderColor:`${o.purple}38`,backgroundColor:`${o.purple}0F`}]}onPress={()=>Y(!0)}hitSlop={6}testID="inspector.console.exportBtn">
               <Ue color={o.purple}size={15}/>
             </P>
-            <P style={b.toolbarBtn}onPress={()=>q(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
-              <He color={o.grayTextStrong}size={18}direction={j==="newest"?"down":"up"}/>
+            <P style={h.toolbarBtn}onPress={()=>oe(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
+              <He color={o.grayTextStrong}size={18}direction={ee==="newest"?"down":"up"}/>
             </P>
-            <P style={[b.toolbarBtn,{borderColor:`${o.errorColor}38`,backgroundColor:`${o.errorColor}0F`}]}onPress={J}hitSlop={6}>
+            <P style={[h.toolbarBtn,{borderColor:`${o.errorColor}38`,backgroundColor:`${o.errorColor}0F`}]}onPress={te}hitSlop={6}>
               <Re color={o.errorColor}size={15}/>
+              {H.size>0&&<S style={h.trashBadge}>
+                  <A style={h.trashBadgeText}>
+                    {H.size}
+                  </A>
+                </S>}
             </P>
           </S>
         </S>
 
         
-        {(M||y.length>0)&&<K horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:8,flexDirection:"row",alignItems:"center",gap:6}}>
-            {ne.map(e=>{const t=y.includes(e);return<P key={e}onPress={()=>{V(t?l=>l.replace(e,"").trim():l=>l?`${l} ${e}`.trim():e)}}>
+        {(N||C.length>0)&&<J horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:8,flexDirection:"row",alignItems:"center",gap:6}}>
+            {ce.map(e=>{const t=C.includes(e);return<P key={e}onPress={()=>{V(t?y=>y.replace(e,"").trim():y=>y?`${y} ${e}`.trim():e)}}>
                   <S style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:t?o.purple:`${o.purple}14`,borderWidth:1,borderColor:t?o.purple:`${o.purple}30`}}>
                     <A style={{fontFamily:z.interBold,fontSize:10,color:t?o.white:o.purple}}>
                       {e}
                     </A>
                   </S>
                 </P>})}
-          </K>}
+          </J>}
 
         
         <S style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
-          <K horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-            {ie.map(e=>{const t=e.id==="all"?h.has("all"):h.has(e.id)&&!h.has("all"),l=e.color||o.purple,B=t?o.white:l,T=e.Icon;return<P testID={`inspector.console.filter.${e.id}`}key={e.id}onPress={()=>{e.id==="all"?$(new Set(["all"])):$(ae=>{const L=new Set(ae);return L.delete("all"),L.has(e.id)?L.delete(e.id):L.add(e.id),L.size===0&&L.add("all"),L})}}>
-                  <S style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:t?l:`${l}12`,borderWidth:1,borderColor:t?l:`${l}30`,gap:5}}>
+          <J horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+            {de.map(e=>{const t=e.id==="all"?b.has("all"):b.has(e.id)&&!b.has("all"),y=e.color||o.purple,B=t?o.white:y,T=e.Icon;return<P testID={`inspector.console.filter.${e.id}`}key={e.id}onPress={()=>{e.id==="all"?D(new Set(["all"])):D(ge=>{const L=new Set(ge);return L.delete("all"),L.has(e.id)?L.delete(e.id):L.add(e.id),L.size===0&&L.add("all"),L})}}>
+                  <S style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:t?y:`${y}12`,borderWidth:1,borderColor:t?y:`${y}30`,gap:5}}>
                     <T size={11}color={B}/>
                     <A style={{fontFamily:z.interBold,fontSize:10.5,color:t?o.white:o.primaryBlack}}>
                       {e.label}
                     </A>
-                    <S style={{backgroundColor:t?"rgba(255,255,255,0.25)":`${l}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
-                      <A style={{fontFamily:z.interBold,fontSize:9,color:t?o.white:l}}>
+                    <S style={{backgroundColor:t?"rgba(255,255,255,0.25)":`${y}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
+                      <A style={{fontFamily:z.interBold,fontSize:9,color:t?o.white:y}}>
                         {e.count}
                       </A>
                     </S>
                   </S>
                 </P>})}
-          </K>
+          </J>
         </S>
       </S>
 
-      <Se ref={U}data={O}keyExtractor={le}ListHeaderComponent={re}renderItem={oe}getItemLayout={te}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<Ee isSearch={y.length>0||!h.has("all")}searchQuery={y}customTitle={y.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{V(""),$(new Set(["all"]))}}/>}ListFooterComponent={C.length>0?<Ve count={O.length}totalCount={C.length}label="logs"loadMoreStep={X}hasMore={O.length<C.length}onLoadMore={()=>G(e=>e+X)}/>:null}style={{flex:1}}contentContainerStyle={[b.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+      <Se ref={G}data={M}keyExtractor={se}ListHeaderComponent={ae}renderItem={ne}getItemLayout={ie}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<Ee isSearch={C.length>0||!b.has("all")}searchQuery={C}customTitle={C.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{V(""),D(new Set(["all"]))}}/>}ListFooterComponent={I.length>0?<Ve count={M.length}totalCount={I.length}label="logs"loadMoreStep={Z}hasMore={M.length<I.length}onLoadMore={()=>Q(e=>e+Z)}/>:null}style={{flex:1}}contentContainerStyle={[h.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
 
-      <Be visible={ee}onClose={()=>_(!1)}filteredLogs={C}allLogs={D}/>
+      <Be visible={re}onClose={()=>Y(!1)}filteredLogs={I}allLogs={W}/>
     </S>});export default ve;

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

@@ -26,7 +26,7 @@ import L,{useMemo as ee}from"react";import{Alert as qe,Linking as _e,Platform as
                   </T>
                 </S>:Z?<S style={{gap:2.5,flex:1,minWidth:0,marginRight:6,justifyContent:"center"}}>
                   <S style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <T style={{fontFamily:I.interBold,fontSize:e?14.5:16,lineHeight:e?18:20,color:t.white,letterSpacing:-.2}}numberOfLines={1}>
+                    <T style={{fontFamily:I.interBold,fontSize:e?14.5:16,lineHeight:e?19:21,color:t.white,letterSpacing:-.2}}numberOfLines={1}>
                       {Ge}
                     </T>
                     {P==="main"&&<S style={{backgroundColor:`${t.white}26`,paddingHorizontal:e?5:6,paddingVertical:2,borderRadius:8,borderWidth:1,borderColor:`${t.white}20`}}>
@@ -35,19 +35,19 @@ import L,{useMemo as ee}from"react";import{Alert as qe,Linking as _e,Platform as
                         </T>
                       </S>}
                   </S>
-                  <T style={{fontFamily:I.interRegular,fontSize:e?10:11,lineHeight:e?13.5:14.5,color:`${t.white}CC`,marginTop:.5}}numberOfLines={1}ellipsizeMode="tail">
+                  <T style={{fontFamily:I.interRegular,fontSize:e?10:11,lineHeight:e?14:15,color:`${t.white}CC`,marginTop:2}}numberOfLines={1}ellipsizeMode="tail">
                     {P==="main"?"Manage modules and preferences":"Configure module parameters"}
                   </T>
                 </S>:ae?null:<S style={{flexDirection:"row",alignItems:"center",gap:e?7:8.5,flex:1,minWidth:0,marginRight:6}}>
                   <Ze size={e?38:G?40:42}/>
-                  <S style={{gap:2,flex:1,minWidth:0,justifyContent:"center"}}>
+                  <S style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
                     
-                    <T style={[i.headerTitle,{fontFamily:I.interBold,fontWeight:"700",fontSize:e?12.5:G?13:14,lineHeight:e?16:G?17:18,color:t.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
+                    <T style={[i.headerTitle,{fontFamily:I.interBold,fontWeight:"700",fontSize:e?12.5:G?13:14,lineHeight:e?17:G?18:19,color:t.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
                       react-native-inapp-inspector
                     </T>
 
                     
-                    <S style={{flexDirection:"row",alignItems:"center",gap:3.5,minWidth:0,marginTop:1,flexWrap:"nowrap",overflow:"hidden"}}>
+                    <S style={{flexDirection:"row",alignItems:"center",gap:4,minWidth:0,marginTop:2,flexWrap:"nowrap",overflow:"hidden"}}>
                       
                       <E onPress={()=>{H("light"),fe(!0)}}hitSlop={6}accessible={!0}accessibilityRole="button"accessibilityLabel={D("settings.general.selectLanguage","Select Language")}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${t.white}24`,borderRadius:5,paddingHorizontal:5,paddingVertical:1.5,gap:3,borderWidth:1,borderColor:`${t.white}38`,flexShrink:0}}>
                         <Ct code={be?.code||"en"}size={9}borderRadius={2}/>
@@ -296,7 +296,7 @@ import L,{useMemo as ee}from"react";import{Alert as qe,Linking as _e,Platform as
               
               {Z?<>
                   
-                  <E accessible={!0}accessibilityRole="button"accessibilityLabel={D("about.heroTitle","About & Specs")}onPress={()=>{H("light"),he(!0)}}hitSlop={15}style={[i.closeButtonSquare,{width:$,height:$,borderRadius:e?6:7,backgroundColor:"rgba(99, 102, 241, 0.28)",borderColor:"rgba(165, 180, 252, 0.45)",borderWidth:1}]}>
+                  <E accessible={!0}accessibilityRole="button"accessibilityLabel={D("about.heroTitle","About & Specs")}onPress={()=>{H("light"),he(!0)}}hitSlop={15}style={[i.closeButtonSquare,{width:$,height:$,borderRadius:e?6:7,backgroundColor:"rgba(255, 255, 255, 0.22)",borderColor:"rgba(255, 255, 255, 0.45)",borderWidth:1}]}>
                     <Lt color={t.white}size={e?13:15}/>
                   </E>