react-native-inapp-inspector 2.5.12 → 2.5.13

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,t,a,r){r===void 0&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(i,r,n)}):(function(i,t,a,r){r===void 0&&(r=a),i[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,t){Object.defineProperty(i,"default",{enumerable:!0,value:t})}):function(i,t){i.default=t}),__importStar=this&&this.__importStar||(function(){var i=function(t){return i=Object.getOwnPropertyNames||function(a){var r=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(r[r.length]=n);return r},i(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=i(t),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(a,t,r[n]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),HighlightText_1=__importDefault(require("../HighlightText")),helpers_1=require("../../helpers"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),reduxLogger_1=require("../../customHooks/reduxLogger"),NetworkIcons_1=require("../NetworkIcons"),getOriginBadge=i=>{switch(i){case"saga":return{label:"SAGA",renderIcon:(t,a=9)=><NetworkIcons_1.BoltIcon color={t}size={a}/>,bg:AppColors_1.AppColors.purple100,text:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.purple200};case"thunk":return{label:"THUNK",renderIcon:(t,a=9)=><NetworkIcons_1.AtomIcon color={t}size={a}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"ui":return{label:"UI",renderIcon:(t,a=9)=><NetworkIcons_1.ScreenIcon color={t}size={a}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};case"listener":return{label:"LISTENER",renderIcon:(t,a=9)=><NetworkIcons_1.ListenerIcon color={t}size={a}/>,bg:AppColors_1.AppColors.teal100,text:AppColors_1.AppColors.teal700,border:AppColors_1.AppColors.teal400};default:return{label:"DIRECT",renderIcon:(t,a=9)=><NetworkIcons_1.BoltIcon color={t}size={a}/>,bg:AppColors_1.AppColors.slate100,text:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate200}}},DEFAULT_PAGE_SIZE=50,LOAD_MORE_STEP=10,ReduxTab=react_1.default.memo(()=>{const{t:i}=(0,i18n_1.useTranslation)(),{reduxState:t,reduxLastActionMap:a,reduxSearch:r,setReduxSearch:n,setSelectedReduxSlice:b}=(0,InspectorContext_1.useInspector)(),x=(0,react_1.useRef)(null),[T,m]=(0,react_1.useState)(DEFAULT_PAGE_SIZE),[u,I]=(0,react_1.useState)("latest");react_1.default.useEffect(()=>{m(DEFAULT_PAGE_SIZE),x.current?.scrollToOffset({offset:0,animated:!1})},[r,u]);const R=(0,react_1.useMemo)(()=>(0,helpers_1.getSize)(t),[t]),v=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[a]),A=(0,react_1.useMemo)(()=>!t||typeof t!="object"?[]:Object.keys(t).map(l=>{const o=t[l],p=Array.isArray(o),w=o&&typeof o=="object";let g="Primitive",d=0;p?(d=o.length,g=`Array [${d}]`):w?(d=Object.keys(o).length,g=`Object {${d}}`):typeof o<"u"&&(d=1,g=typeof o);let f="live",c;w&&(o.loading===!0||o.isLoading===!0||o.status==="loading"||o.status==="pending"?(f="loading",c="Loading"):o.error||o.hasError||o.status==="error"||o.status==="failed"?(f="error",c=typeof o.error=="string"?o.error:"Error"):d===0&&(f="empty",c="Empty"));const s=a[l],B=s?.updatedAt||0,F=v.filter(C=>!C.affectedSlices||C.affectedSlices.length===0?!0:C.affectedSlices.includes(l)).length;let S;if(s){let C;if(s.payload!==void 0&&s.payload!==null)try{if(typeof s.payload=="object"){const V=Object.keys(s.payload);C=`{ ${V.slice(0,3).join(", ")}${V.length>3?"...":""} }`}else C=String(s.payload)}catch{}S={type:s.type,timestamp:s.timestamp,updatedAt:s.updatedAt,payloadPreview:C,originType:s.originType,callerFile:s.callerFile,callerLine:s.callerLine,callerCol:s.callerCol}}return{id:`slice-${l}`,name:l,keysCount:d,sizeStr:(0,helpers_1.getSize)(o),typeLabel:g,status:f,statusMessage:c,timelineCount:F,lastAction:S,updatedAt:B}}),[t,a,v]),y=(0,react_1.useMemo)(()=>{let e=A;if(r&&r.trim().length>0){const l=r.trim().toLowerCase().split(/\s+/).filter(Boolean);e=e.filter(o=>{const p=t?t[o.name]:null,w=[o.name||"",o.lastAction?.type||"",o.lastAction?.payloadPreview||"",o.lastAction?.originType||"",o.status||"",o.statusMessage||"",p?typeof p=="string"?p:JSON.stringify(p):""].join(" ").toLowerCase();return l.every(g=>w.includes(g))})}return[...e].sort((l,o)=>u==="latest"&&o.updatedAt!==l.updatedAt?o.updatedAt-l.updatedAt:l.name.localeCompare(o.name))},[A,r,u,t]),_=(0,react_1.useMemo)(()=>y.slice(0,T),[y,T]),h=(0,react_1.useMemo)(()=>{const e=Object.values(a);return e.length===0?null:e.reduce((l,o)=>l?(o.updatedAt||0)>(l.updatedAt||0)?o:l:o,null)},[a]),z=(0,react_1.useCallback)(({item:e,index:l})=>{const o=e.updatedAt>0&&Date.now()-e.updatedAt<5e3,p=e.status==="error"?AppColors_1.AppColors.errorColor:e.status==="loading"?AppColors_1.AppColors.warningIconGold:e.status==="empty"?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.greenColor,w=e.status==="error"?AppColors_1.AppColors.red100:e.status==="loading"?AppColors_1.AppColors.amber100:e.status==="empty"?AppColors_1.AppColors.grayBackground:AppColors_1.AppColors.emeraldBg,g=e.status==="error"?AppColors_1.AppColors.errorBorder:e.status==="loading"?AppColors_1.AppColors.amber200:e.status==="empty"?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.emeraldBorder,d=e.status==="error"?AppColors_1.AppColors.red600:e.status==="loading"?AppColors_1.AppColors.amber800Warm:e.status==="empty"?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.emerald700,f=e.lastAction?.callerFile?(0,helpers_1.getCleanCallerDisplay)(e.lastAction.callerFile):null;return<AnimatedEntrance_1.default index={l}distance={8}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,t,a,r){r===void 0&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(i,r,n)}):(function(i,t,a,r){r===void 0&&(r=a),i[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,t){Object.defineProperty(i,"default",{enumerable:!0,value:t})}):function(i,t){i.default=t}),__importStar=this&&this.__importStar||(function(){var i=function(t){return i=Object.getOwnPropertyNames||function(a){var r=[];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(r[r.length]=n);return r},i(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=i(t),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(a,t,r[n]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),HighlightText_1=__importDefault(require("../HighlightText")),helpers_1=require("../../helpers"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),reduxLogger_1=require("../../customHooks/reduxLogger"),NetworkIcons_1=require("../NetworkIcons"),getOriginBadge=i=>{switch(i){case"saga":return{label:"SAGA",renderIcon:(t,a=9)=><NetworkIcons_1.BoltIcon color={t}size={a}/>,bg:AppColors_1.AppColors.purple100,text:AppColors_1.AppColors.brandPurple,border:AppColors_1.AppColors.purple200};case"thunk":return{label:"THUNK",renderIcon:(t,a=9)=><NetworkIcons_1.AtomIcon color={t}size={a}/>,bg:AppColors_1.AppColors.amber100,text:AppColors_1.AppColors.amber800Warm,border:AppColors_1.AppColors.amber200};case"ui":return{label:"UI",renderIcon:(t,a=9)=><NetworkIcons_1.ScreenIcon color={t}size={a}/>,bg:AppColors_1.AppColors.sky100,text:AppColors_1.AppColors.sky600,border:AppColors_1.AppColors.sky400};case"listener":return{label:"LISTENER",renderIcon:(t,a=9)=><NetworkIcons_1.ListenerIcon color={t}size={a}/>,bg:AppColors_1.AppColors.teal100,text:AppColors_1.AppColors.teal700,border:AppColors_1.AppColors.teal400};default:return{label:"DIRECT",renderIcon:(t,a=9)=><NetworkIcons_1.BoltIcon color={t}size={a}/>,bg:AppColors_1.AppColors.slate100,text:AppColors_1.AppColors.slate700,border:AppColors_1.AppColors.slate200}}},DEFAULT_PAGE_SIZE=50,LOAD_MORE_STEP=10,ReduxTab=react_1.default.memo(()=>{const{t:i}=(0,i18n_1.useTranslation)(),{reduxState:t,reduxLastActionMap:a,reduxSearch:r,setReduxSearch:n,setSelectedReduxSlice:b}=(0,InspectorContext_1.useInspector)(),x=(0,react_1.useRef)(null),[T,m]=(0,react_1.useState)(DEFAULT_PAGE_SIZE),[u,I]=(0,react_1.useState)("latest");react_1.default.useEffect(()=>{m(DEFAULT_PAGE_SIZE),x.current?.scrollToOffset({offset:0,animated:!1})},[r,u]);const R=(0,react_1.useMemo)(()=>(0,helpers_1.getSize)(t),[t]),v=(0,react_1.useMemo)(()=>(0,reduxLogger_1.getActionHistory)(),[a]),w=(0,react_1.useMemo)(()=>!t||typeof t!="object"?[]:Object.keys(t).map(l=>{const o=t[l],p=Array.isArray(o),A=o&&typeof o=="object";let g="Primitive",d=0;p?(d=o.length,g=`Array [${d}]`):A?(d=Object.keys(o).length,g=`Object {${d}}`):typeof o<"u"&&(d=1,g=typeof o);let f="live",c;A&&(o.loading===!0||o.isLoading===!0||o.status==="loading"||o.status==="pending"?(f="loading",c="Loading"):o.error||o.hasError||o.status==="error"||o.status==="failed"?(f="error",c=typeof o.error=="string"?o.error:"Error"):d===0&&(f="empty",c="Empty"));const s=a[l],B=s?.updatedAt||0,F=v.filter(C=>!C.affectedSlices||C.affectedSlices.length===0?!0:C.affectedSlices.includes(l)).length;let S;if(s){let C;if(s.payload!==void 0&&s.payload!==null)try{if(typeof s.payload=="object"){const V=Object.keys(s.payload);C=`{ ${V.slice(0,3).join(", ")}${V.length>3?"...":""} }`}else C=String(s.payload)}catch{}S={type:s.type,timestamp:s.timestamp,updatedAt:s.updatedAt,payloadPreview:C,originType:s.originType,callerFile:s.callerFile,callerLine:s.callerLine,callerCol:s.callerCol}}return{id:`slice-${l}`,name:l,keysCount:d,sizeStr:(0,helpers_1.getSize)(o),typeLabel:g,status:f,statusMessage:c,timelineCount:F,lastAction:S,updatedAt:B}}),[t,a,v]),y=(0,react_1.useMemo)(()=>{let e=w;if(r&&r.trim().length>0){const l=r.trim().toLowerCase().split(/\s+/).filter(Boolean);e=e.filter(o=>{const p=t?t[o.name]:null,A=[o.name||"",o.lastAction?.type||"",o.lastAction?.payloadPreview||"",o.lastAction?.originType||"",o.status||"",o.statusMessage||"",p?typeof p=="string"?p:JSON.stringify(p):""].join(" ").toLowerCase();return l.every(g=>A.includes(g))})}return[...e].sort((l,o)=>u==="latest"&&o.updatedAt!==l.updatedAt?o.updatedAt-l.updatedAt:l.name.localeCompare(o.name))},[w,r,u,t]),_=(0,react_1.useMemo)(()=>y.slice(0,T),[y,T]),h=(0,react_1.useMemo)(()=>{const e=Object.values(a);return e.length===0?null:e.reduce((l,o)=>l?(o.updatedAt||0)>(l.updatedAt||0)?o:l:o,null)},[a]),z=(0,react_1.useCallback)(({item:e,index:l})=>{const o=e.updatedAt>0&&Date.now()-e.updatedAt<5e3,p=e.status==="error"?AppColors_1.AppColors.errorColor:e.status==="loading"?AppColors_1.AppColors.warningIconGold:e.status==="empty"?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.greenColor,A=e.status==="error"?AppColors_1.AppColors.red100:e.status==="loading"?AppColors_1.AppColors.amber100:e.status==="empty"?AppColors_1.AppColors.grayBackground:AppColors_1.AppColors.emeraldBg,g=e.status==="error"?AppColors_1.AppColors.errorBorder:e.status==="loading"?AppColors_1.AppColors.amber200:e.status==="empty"?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.emeraldBorder,d=e.status==="error"?AppColors_1.AppColors.red600:e.status==="loading"?AppColors_1.AppColors.amber800Warm:e.status==="empty"?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.emerald700,f=e.lastAction?.callerFile?(0,helpers_1.getCleanCallerDisplay)(e.lastAction.callerFile):null;return<AnimatedEntrance_1.default index={l}distance={8}>
           <react_native_1.View style={reduxTabStyles.cardContainer}>
             <TouchableScale_1.default onPress={()=>{b(e.name)}}style={[reduxTabStyles.card,{borderLeftWidth:3.5,borderLeftColor:p,backgroundColor:e.status==="error"?AppColors_1.AppColors.errorCardBg:AppColors_1.AppColors.white},o&&reduxTabStyles.cardRecentlyUpdated]}>
               <react_native_1.View style={reduxTabStyles.cardBody}>
@@ -26,7 +26,7 @@
                   </react_native_1.View>
 
                   <react_native_1.View style={reduxTabStyles.cardHeaderRight}>
-                    <react_native_1.View style={[reduxTabStyles.statusPill,{backgroundColor:w,borderColor:g}]}>
+                    <react_native_1.View style={[reduxTabStyles.statusPill,{backgroundColor:A,borderColor:g}]}>
                       {e.status==="loading"?<NetworkIcons_1.LoadingSpinnerIcon color={AppColors_1.AppColors.amber800Warm}size={10}/>:e.status==="error"?<NetworkIcons_1.CircleAlertIcon color={AppColors_1.AppColors.red600}size={10}/>:e.status==="empty"?null:<react_native_1.View style={reduxTabStyles.liveDot}/>}
                       <react_native_1.Text style={[reduxTabStyles.statusPillText,{color:d}]}>
                         {e.status==="loading"?"Loading":e.status==="error"?e.statusMessage||"Error":e.status==="empty"?"Empty":"Live"}
@@ -50,7 +50,7 @@
                   <react_native_1.View style={reduxTabStyles.actionPreviewRow}>
                     <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.grayTextWeak}size={10}/>
                     {e.lastAction?<HighlightText_1.default text={e.lastAction.type+(e.lastAction.payloadPreview?` \xB7 ${e.lastAction.payloadPreview}`:"")}search={r}style={reduxTabStyles.actionPreviewText}highlightStyle={reduxTabStyles.highlight}numberOfLines={1}/>:<react_native_1.Text style={reduxTabStyles.actionPreviewEmptyText}numberOfLines={1}>
-                        Initial state (no actions dispatched yet)
+                        {i("redux.initialStateNoActions","Initial state (no actions dispatched yet)")}
                       </react_native_1.Text>}
                   </react_native_1.View>
                 </react_native_1.View>
@@ -98,7 +98,7 @@
       <react_native_1.View style={reduxTabStyles.overviewCard}>
         <react_native_1.View style={reduxTabStyles.statCol}>
           <react_native_1.Text style={reduxTabStyles.statHeading}>{i("redux.activeSlices","ACTIVE SLICES")}</react_native_1.Text>
-          <react_native_1.Text style={reduxTabStyles.statBigVal}>{A.length}</react_native_1.Text>
+          <react_native_1.Text style={reduxTabStyles.statBigVal}>{w.length}</react_native_1.Text>
         </react_native_1.View>
         <react_native_1.View style={reduxTabStyles.statDivider}/>
         <react_native_1.View style={reduxTabStyles.statCol}>
@@ -151,7 +151,7 @@
 
         <react_native_1.View style={reduxTabStyles.headerSubRow}>
           <react_native_1.Text style={reduxTabStyles.resultCount}>
-            Showing {y.length} of {A.length} state slices
+            Showing {y.length} of {w.length} state slices
           </react_native_1.Text>
           <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
             {u==="latest"?<NetworkIcons_1.BoltIcon color={AppColors_1.AppColors.brandPurple}size={11}/>:<NetworkIcons_1.TextAaIcon color={AppColors_1.AppColors.brandPurple}size={11}/>}

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

@@ -368,8 +368,7 @@
                       NPM Update Toast
                     </react_native_1.Text>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                      Show a floating toast banner with countdown progress when
-                      a newer release is published on npm.
+                      {o("settings.npmUpdateToastDesc","Show a floating toast banner with countdown progress when a newer release is published on npm.")}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
@@ -399,8 +398,7 @@
                       Auto-Calculate Limits from RAM
                     </react_native_1.Text>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                      Dynamically sets log limits according to available device
-                      memory
+                      {o("settings.autoCalculateLimitsRamDesc","Dynamically sets log limits according to available device memory")}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
@@ -473,8 +471,7 @@
                     OS Memory Warning Guard
                   </react_native_1.Text>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                    Automatically prunes in-memory buffers by 50% when the OS
-                    signals low memory
+                    {o("settings.osMemoryWarningGuardDesc","Automatically prunes in-memory buffers by 50% when the OS signals low memory")}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.emerald500}18`}}>

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

@@ -38,7 +38,7 @@ ${i}`,[{text:d("common.cancel","Cancel"),style:"cancel"},{text:d("common.open","
                 </react_native_1.Text>
               </react_native_1.View>
 
-              <react_native_1.Pressable onPress={x}hitSlop={8}style={styles.globeBtn}accessibilityRole="button"accessibilityLabel="Open in Browser">
+              <react_native_1.Pressable onPress={x}hitSlop={{top:6,bottom:6,left:3,right:3}}style={styles.globeBtn}accessibilityRole="button"accessibilityLabel="Open in Browser">
                 <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.grayTextWeak}size={12}/>
               </react_native_1.Pressable>
 
@@ -113,4 +113,4 @@ ${i}`,[{text:d("common.cancel","Cancel"),style:"cancel"},{text:d("common.open","
           </react_native_1.View>
         </react_native_1.View>
       </TouchableScale_1.default>
-    </react_native_1.View>}const styles=react_native_1.StyleSheet.create({container:{marginHorizontal:4,marginBottom:6},card:{borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:2,elevation:1,overflow:"hidden"},cardNew:{borderColor:`${AppColors_1.AppColors.brandPurple}66`,backgroundColor:`${AppColors_1.AppColors.brandPurple}05`},cardBody:{paddingHorizontal:8,paddingVertical:8},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:5},cardHeaderLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0},smallCheckbox:{width:15,height:15,borderRadius:3.5,borderWidth:1.2,borderColor:AppColors_1.AppColors.grayTextWeak,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.white,marginRight:2},smallCheckboxChecked:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},serialNumber:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},protocolBadge:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:5,borderWidth:1},protocolBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},chip:{paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,letterSpacing:.2},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:6},statusPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:6,paddingVertical:2,borderRadius:5,borderWidth:1},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},pulsingDot:{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.greenColor},globeBtn:{padding:3,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.grayTextWeak}12`},urlBox:{marginBottom:8},urlMainRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6,marginBottom:3},pathText:{flex:1,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.grayTextStrong,lineHeight:17},highlight:{backgroundColor:"rgba(250, 204, 21, 0.40)",color:AppColors_1.AppColors.grayTextStrong,borderRadius:2},hostRow:{flexDirection:"row",alignItems:"center",gap:5},protoBadge:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,borderWidth:1},protoBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,letterSpacing:.2},hostText:{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:6,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},footerLeft:{flexDirection:"row",alignItems:"center",flex:1,minWidth:0,marginRight:6},cardDateRow:{flexDirection:"row",alignItems:"center",gap:4},cardDateText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},footerRight:{flexDirection:"row",alignItems:"center",gap:4},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1},metaStatText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:9.5}});function areSocketPropsEqual(e,o){return e.item===o.item&&e.isSelected===o.isSelected&&e.isNew===o.isNew&&e.searchStr===o.searchStr&&e.serialNumber===o.serialNumber&&e.onPress===o.onPress&&e.onToggleSelect===o.onToggleSelect}exports.default=react_1.default.memo(SocketCard,areSocketPropsEqual);
+    </react_native_1.View>}const styles=react_native_1.StyleSheet.create({container:{marginHorizontal:4,marginBottom:6},card:{borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:2,elevation:1,overflow:"hidden"},cardNew:{borderColor:`${AppColors_1.AppColors.brandPurple}66`,backgroundColor:`${AppColors_1.AppColors.brandPurple}05`},cardBody:{paddingHorizontal:8,paddingVertical:8},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:5},cardHeaderLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0},smallCheckbox:{width:15,height:15,borderRadius:3.5,borderWidth:1.2,borderColor:AppColors_1.AppColors.grayTextWeak,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.white,marginRight:2},smallCheckboxChecked:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},serialNumber:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.grayTextWeak},protocolBadge:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:5,borderWidth:1},protocolBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},chip:{paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,letterSpacing:.2},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:7},statusPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:6,paddingVertical:2,borderRadius:5,borderWidth:1},statusPillText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.3},pulsingDot:{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.greenColor},globeBtn:{width:26,height:22,borderRadius:5,backgroundColor:`${AppColors_1.AppColors.grayTextWeak}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.grayTextWeak}28`,alignItems:"center",justifyContent:"center"},urlBox:{marginBottom:8},urlMainRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:6,marginBottom:3},pathText:{flex:1,fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.grayTextStrong,lineHeight:17},highlight:{backgroundColor:"rgba(250, 204, 21, 0.40)",color:AppColors_1.AppColors.grayTextStrong,borderRadius:2},hostRow:{flexDirection:"row",alignItems:"center",gap:5},protoBadge:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,borderWidth:1},protoBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,letterSpacing:.2},hostText:{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:6,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},footerLeft:{flexDirection:"row",alignItems:"center",flex:1,minWidth:0,marginRight:6},cardDateRow:{flexDirection:"row",alignItems:"center",gap:4},cardDateText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},footerRight:{flexDirection:"row",alignItems:"center",gap:4},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1},metaStatText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:9.5}});function areSocketPropsEqual(e,o){return e.item===o.item&&e.isSelected===o.isSelected&&e.isNew===o.isNew&&e.searchStr===o.searchStr&&e.serialNumber===o.serialNumber&&e.onPress===o.onPress&&e.onToggleSelect===o.onToggleSelect}exports.default=react_1.default.memo(SocketCard,areSocketPropsEqual);

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

@@ -29,13 +29,13 @@ https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://gith
           
           <react_native_1.View style={styles.pillRow}>
             <react_native_1.View style={styles.pillBadge}>
-              <react_native_1.Text style={styles.pillBadgeText}>MIT LICENSE</react_native_1.Text>
+              <react_native_1.Text style={styles.pillBadgeText}>{e("support.mitLicense","MIT LICENSE")}</react_native_1.Text>
             </react_native_1.View>
             <react_native_1.View style={styles.pillBadge}>
-              <react_native_1.Text style={styles.pillBadgeText}>ZERO CONFIG</react_native_1.Text>
+              <react_native_1.Text style={styles.pillBadgeText}>{e("support.zeroConfig","ZERO CONFIG")}</react_native_1.Text>
             </react_native_1.View>
             <react_native_1.View style={styles.pillBadge}>
-              <react_native_1.Text style={styles.pillBadgeText}>FABRIC & TURBO</react_native_1.Text>
+              <react_native_1.Text style={styles.pillBadgeText}>{e("support.fabricTurbo","FABRIC & TURBO")}</react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
         </react_native_1.View>
@@ -99,7 +99,7 @@ https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://gith
                     {e("support.star","Star on GitHub")}
                   </react_native_1.Text>
                   <react_native_1.View style={styles.badgeAmber}>
-                    <react_native_1.Text style={styles.badgeAmberText}>RECOMMENDED</react_native_1.Text>
+                    <react_native_1.Text style={styles.badgeAmberText}>{e("support.recommended","RECOMMENDED")}</react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
                 <react_native_1.Text style={styles.itemDesc}>
@@ -196,7 +196,7 @@ https://github.com/vengatmacuser/react-native-inapp-inspector`,url:"https://gith
             <react_native_1.View style={styles.authorTextCol}>
               <react_native_1.Text style={styles.authorName}>Vengateswaran Balakrishnan</react_native_1.Text>
               <react_native_1.Text style={styles.authorRole}>
-                Creator & Core Maintainer • @vengatmacuser
+                {e("support.creatorMaintainer","Creator & Core Maintainer \u2022 @vengatmacuser")}
               </react_native_1.Text>
               <react_native_1.Text style={styles.authorEmail}>vengatmacuser@gmail.com</react_native_1.Text>
             </react_native_1.View>

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { A11yAuditResult } from '../../types';
+interface UiA11yAuditPanelProps {
+    a11y: A11yAuditResult;
+}
+export declare const UiA11yAuditPanel: React.FC<UiA11yAuditPanelProps>;
+export {};

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

@@ -0,0 +1,97 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UiA11yAuditPanel=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),UiA11yAuditPanel=({a11y:t})=>{const{hasValidTouchTarget:r,touchTargetWidth:c,touchTargetHeight:d,recommendedMinSize:o,contrastRatio:a,contrastScore:e,textColor:p,backgroundColor:_,hasAccessibilityLabel:l,accessibilityRole:s,accessibilityHint:n,issues:i}=t;return<react_native_1.View style={styles.container}>
+      
+      <react_native_1.View style={styles.card}>
+        <react_native_1.View style={styles.cardHeader}>
+          <react_native_1.View style={styles.cardTitleRow}>
+            <NetworkIcons_1.AccessibilityIcon color={AppColors_1.AppColors.brandPurple}size={18}/>
+            <react_native_1.Text style={styles.cardTitle}>Touch Target Size</react_native_1.Text>
+          </react_native_1.View>
+          <react_native_1.View style={[styles.badge,r?styles.badgeSuccess:styles.badgeWarning]}>
+            <react_native_1.Text style={[styles.badgeText,r?styles.badgeTextSuccess:styles.badgeTextWarning]}>
+              {r?"COMPLIANT":"SUB-OPTIMAL"}
+            </react_native_1.Text>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.metricRow}>
+          <react_native_1.View style={styles.metricItem}>
+            <react_native_1.Text style={styles.metricLabel}>Actual Size</react_native_1.Text>
+            <react_native_1.Text style={styles.metricValue}>
+              {Math.round(c)} × {Math.round(d)} pt
+            </react_native_1.Text>
+          </react_native_1.View>
+          <react_native_1.View style={styles.metricItem}>
+            <react_native_1.Text style={styles.metricLabel}>Target Guideline</react_native_1.Text>
+            <react_native_1.Text style={styles.metricValue}>
+              ≥ {o} × {o} pt
+            </react_native_1.Text>
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.View>
+
+      
+      <react_native_1.View style={styles.card}>
+        <react_native_1.View style={styles.cardHeader}>
+          <react_native_1.View style={styles.cardTitleRow}>
+            <react_native_1.Text style={styles.cardTitle}>WCAG Color Contrast</react_native_1.Text>
+          </react_native_1.View>
+          <react_native_1.View style={[styles.badge,e==="AAA"||e==="AA"?styles.badgeSuccess:e==="Fail"?styles.badgeError:styles.badgeNeutral]}>
+            <react_native_1.Text style={[styles.badgeText,e==="AAA"||e==="AA"?styles.badgeTextSuccess:e==="Fail"?styles.badgeTextError:styles.badgeTextNeutral]}>
+              {e==="N/A"?"NOT APPLICABLE":`WCAG ${e}`}
+            </react_native_1.Text>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        {a!==void 0?<react_native_1.View style={styles.contrastPreview}>
+            <react_native_1.View style={[styles.contrastSwatch,{backgroundColor:_||"#FFFFFF"}]}>
+              <react_native_1.Text style={[styles.contrastSampleText,{color:p||"#000000"}]}>
+                Sample Text
+              </react_native_1.Text>
+            </react_native_1.View>
+            <react_native_1.View style={styles.contrastDetails}>
+              <react_native_1.Text style={styles.contrastRatioValue}>{a}:1</react_native_1.Text>
+              <react_native_1.Text style={styles.contrastSubtext}>
+                {a>=7?"Passes AAA (Enhanced Contrast)":a>=4.5?"Passes AA (Minimum Standard)":"Fails AA (Low Contrast Warning)"}
+              </react_native_1.Text>
+            </react_native_1.View>
+          </react_native_1.View>:<react_native_1.Text style={styles.naSubtext}>
+            Text or background color is transparent or dynamically inherited.
+          </react_native_1.Text>}
+      </react_native_1.View>
+
+      
+      <react_native_1.View style={styles.card}>
+        <react_native_1.Text style={[styles.cardTitle,{marginBottom:10}]}>Accessibility Attributes</react_native_1.Text>
+
+        <react_native_1.View style={styles.attributeRow}>
+          <react_native_1.Text style={styles.attributeLabel}>accessibilityLabel:</react_native_1.Text>
+          <react_native_1.Text style={[styles.attributeValue,!l&&{color:AppColors_1.AppColors.grayTextWeak,fontStyle:"italic"}]}>
+            {l?"Provided":"None specified"}
+          </react_native_1.Text>
+        </react_native_1.View>
+
+        <react_native_1.View style={styles.attributeRow}>
+          <react_native_1.Text style={styles.attributeLabel}>accessibilityRole:</react_native_1.Text>
+          <react_native_1.Text style={[styles.attributeValue,!s&&{color:AppColors_1.AppColors.grayTextWeak,fontStyle:"italic"}]}>
+            {s||"None"}
+          </react_native_1.Text>
+        </react_native_1.View>
+
+        {n&&<react_native_1.View style={styles.attributeRow}>
+            <react_native_1.Text style={styles.attributeLabel}>accessibilityHint:</react_native_1.Text>
+            <react_native_1.Text style={styles.attributeValue}>{n}</react_native_1.Text>
+          </react_native_1.View>}
+      </react_native_1.View>
+
+      
+      {i.length>0&&<react_native_1.View style={[styles.card,styles.issuesCard]}>
+          <react_native_1.View style={styles.issuesHeader}>
+            <NetworkIcons_1.AlertTriangleIcon color="#D97706"size={16}/>
+            <react_native_1.Text style={styles.issuesTitle}>Recommendations ({i.length})</react_native_1.Text>
+          </react_native_1.View>
+          {i.map((u,b)=><react_native_1.View key={b}style={styles.issueItem}>
+              <react_native_1.Text style={styles.issueBullet}>•</react_native_1.Text>
+              <react_native_1.Text style={styles.issueText}>{u}</react_native_1.Text>
+            </react_native_1.View>)}
+        </react_native_1.View>}
+    </react_native_1.View>};exports.UiA11yAuditPanel=UiA11yAuditPanel;const styles=react_native_1.StyleSheet.create({container:{gap:10,paddingVertical:4},card:{backgroundColor:AppColors_1.AppColors.white,borderRadius:12,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},cardHeader:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:10},cardTitleRow:{flexDirection:"row",alignItems:"center",gap:8},cardTitle:{fontSize:14,fontFamily:AppFonts_1.AppFonts.semiBold,color:AppColors_1.AppColors.slate900},badge:{paddingHorizontal:8,paddingVertical:3,borderRadius:6},badgeSuccess:{backgroundColor:"#10B9811A",borderColor:"#10B98144",borderWidth:1},badgeWarning:{backgroundColor:"#F59E0B1A",borderColor:"#F59E0B44",borderWidth:1},badgeError:{backgroundColor:"#E11D481A",borderColor:"#E11D4844",borderWidth:1},badgeNeutral:{backgroundColor:AppColors_1.AppColors.slate100},badgeText:{fontSize:10,fontFamily:AppFonts_1.AppFonts.bold},badgeTextSuccess:{color:"#059669"},badgeTextWarning:{color:"#D97706"},badgeTextError:{color:"#E11D48"},badgeTextNeutral:{color:AppColors_1.AppColors.slate600},metricRow:{flexDirection:"row",gap:16},metricItem:{flex:1,backgroundColor:AppColors_1.AppColors.slate50,padding:10,borderRadius:8},metricLabel:{fontSize:11,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.grayTextWeak,marginBottom:4},metricValue:{fontSize:13,fontFamily:AppFonts_1.AppFonts.semiBold,color:AppColors_1.AppColors.slate900},contrastPreview:{flexDirection:"row",alignItems:"center",gap:12},contrastSwatch:{paddingVertical:12,paddingHorizontal:16,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},contrastSampleText:{fontSize:13,fontFamily:AppFonts_1.AppFonts.semiBold},contrastDetails:{flex:1},contrastRatioValue:{fontSize:16,fontFamily:AppFonts_1.AppFonts.bold,color:AppColors_1.AppColors.slate900},contrastSubtext:{fontSize:11,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.grayTextWeak,marginTop:2},naSubtext:{fontSize:12,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.grayTextWeak},attributeRow:{flexDirection:"row",justifyContent:"space-between",paddingVertical:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.slate100},attributeLabel:{fontSize:12,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.slate600},attributeValue:{fontSize:12,fontFamily:AppFonts_1.AppFonts.semiBold,color:AppColors_1.AppColors.slate900},issuesCard:{backgroundColor:"#FEF3C722",borderColor:"#F59E0B44"},issuesHeader:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:8},issuesTitle:{fontSize:13,fontFamily:AppFonts_1.AppFonts.semiBold,color:"#D97706"},issueItem:{flexDirection:"row",alignItems:"flex-start",gap:6,marginVertical:3},issueBullet:{fontSize:12,color:"#D97706"},issueText:{fontSize:12,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.slate700,flex:1,lineHeight:16}});

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const UiInspectorDetail: React.FC;