react-native-inapp-inspector 2.5.11 → 2.5.13

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

@@ -1,28 +1,28 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,r,t,a){a===void 0&&(a=t);var i=Object.getOwnPropertyDescriptor(r,t);(!i||("get"in i?!r.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(l,a,i)}):(function(l,r,t,a){a===void 0&&(a=t),l[a]=r[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(l,r){Object.defineProperty(l,"default",{enumerable:!0,value:r})}):function(l,r){l.default=r}),__importStar=this&&this.__importStar||(function(){var l=function(r){return l=Object.getOwnPropertyNames||function(t){var a=[];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(a[a.length]=i);return a},l(r)};return function(r){if(r&&r.__esModule)return r;var t={};if(r!=null)for(var a=l(r),i=0;i<a.length;i++)a[i]!=="default"&&__createBinding(t,r,a[i]);return __setModuleDefault(t,r),t}})(),__importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),DomainHeader_1=__importDefault(require("../DomainHeader")),LogCard_1=__importDefault(require("../LogCard")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),DeveloperSponsorCard_1=require("./DeveloperSponsorCard"),NetworkFilterModal_1=__importDefault(require("./NetworkFilterModal")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),NetworkTab=react_1.default.memo(()=>{const{groupedData:l,loadMoreSection:r,search:t,setSearch:a,setSearchScope:i,quickFilter:V,setQuickFilter:O,handleDelete:J,isGroupByPageEnabled:u,setIsGroupByPageEnabled:Y,selectedLogs:v,sortOrder:Z,setSortOrder:x,statusFilters:p,setStatusFilters:m,methodFilters:f,setMethodFilters:S,latencyFilter:h,setLatencyFilter:z,protocolFilter:y,setProtocolFilter:F,networkSortBy:b,setNetworkSortBy:I,filteredLogs:w,logs:T,toggleSectionFilter:E,toggleSectionCollapse:N,minStart:$,totalRange:H,newLogIds:j,toggleSelect:W,setSelected:G,maxNetworkLogs:P}=(0,InspectorContext_1.useInspector)(),{t:L}=(0,i18n_1.useTranslation)(),ee=(0,react_1.useRef)(null),[te,Q]=react_1.default.useState(!1),[K,U]=react_1.default.useState(!1),[R,X]=react_1.default.useState(P||50);react_1.default.useEffect(()=>{X(P||50)},[t,V,P]);const M=(0,react_1.useMemo)(()=>u?l:l.slice(0,R),[u,l,R]),oe=(0,react_1.useCallback)(e=>e?.id?String(e.id):"",[]),C=(0,react_1.useMemo)(()=>p.size>0&&!p.has("all")||f.size>0&&!f.has("all")||h!=="all"||y!=="all"||b!=="time_desc",[p,f,h,y,b]),re=(0,react_1.useMemo)(()=>{let e=0;return p.size>0&&!p.has("all")&&(e+=p.size),f.size>0&&!f.has("all")&&(e+=f.size),h!=="all"&&e++,y!=="all"&&e++,b!=="time_desc"&&e++,e},[p,f,h,y,b]),le=(0,react_1.useMemo)(()=>({statusCodes:p.size>0?new Set(p):new Set(["all"]),methods:f.size>0?new Set(f):new Set(["all"]),latency:h,protocol:y,sortBy:b}),[p,f,h,y,b]),ae=(0,react_1.useCallback)(e=>{e.statusCodes.has("all")||e.statusCodes.size===0?m(new Set):m(new Set(e.statusCodes)),e.methods.has("all")||e.methods.size===0?S(new Set):S(new Set([...e.methods].map(n=>n))),z(e.latency||"all"),F(e.protocol||"all"),I(e.sortBy||"time_desc"),e.sortBy==="time_asc"?x("oldest"):x("newest")},[m,S,z,F,I,x]),g=(0,react_1.useMemo)(()=>{let e=0,n=0,s=0,c=0,A=0,k=0;return T.forEach(d=>{const o=typeof d.status=="number"?d.status:parseInt(String(d.status),10);d.status===0||d.status==null||!isNaN(o)&&o>=400?e++:!isNaN(o)&&o>=200&&o<400&&n++,(d.duration||0)>=500&&s++;const B=(d.method||"").toUpperCase();B==="POST"&&c++,B==="GET"&&A++;const _=(d.url||"").toLowerCase(),q=(d.client||"").toLowerCase();(_.includes("graphql")||q.includes("graphql")||q.includes("apollo"))&&k++}),{all:T.length,errors:e,success:n,slow:s,post:c,get:A,graphql:k}},[T]),ie=(0,react_1.useMemo)(()=>[{id:"all",label:"All",count:g.all,color:AppColors_1.AppColors.purple},{id:"errors",label:"Errors",count:g.errors,color:AppColors_1.AppColors.errorColor},{id:"success",label:"2xx OK",count:g.success,color:AppColors_1.AppColors.greenColor},{id:"slow",label:"Slow >500ms",count:g.slow,color:AppColors_1.AppColors.warningIconGold},{id:"POST",label:"POST",count:g.post,color:constants_1.METHOD_COLORS.POST||AppColors_1.AppColors.blue500},{id:"GET",label:"GET",count:g.get,color:constants_1.METHOD_COLORS.GET||AppColors_1.AppColors.emerald500},{id:"graphql",label:"GraphQL",count:g.graphql,color:AppColors_1.AppColors.graphqlPink}],[g]),ne=(0,react_1.useCallback)(({item:e,index:n})=>{if(e.type==="header")return<AnimatedEntrance_1.default index={n}distance={8}>
-            <DomainHeader_1.default pageName={e.pageName}color={e.color}stats={e.stats}activeFilters={e.activeFilters}onToggleFilter={E}isCollapsed={e.isCollapsed}onToggleCollapse={N}isFirst={e.isFirst}timestamp={e.timestamp}/>
-          </AnimatedEntrance_1.default>;if(e.type==="loadMore"){const{pageName:d,color:o,remainingCount:B,totalCount:_,loadedCount:q,loadMoreStep:D,hasMore:se}=e;return<react_native_1.View style={[styles_1.default.treeNodeRow,styles_1.default.treeNodeRowLast]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,r,t,a){a===void 0&&(a=t);var i=Object.getOwnPropertyDescriptor(r,t);(!i||("get"in i?!r.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(l,a,i)}):(function(l,r,t,a){a===void 0&&(a=t),l[a]=r[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(l,r){Object.defineProperty(l,"default",{enumerable:!0,value:r})}):function(l,r){l.default=r}),__importStar=this&&this.__importStar||(function(){var l=function(r){return l=Object.getOwnPropertyNames||function(t){var a=[];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(a[a.length]=i);return a},l(r)};return function(r){if(r&&r.__esModule)return r;var t={};if(r!=null)for(var a=l(r),i=0;i<a.length;i++)a[i]!=="default"&&__createBinding(t,r,a[i]);return __setModuleDefault(t,r),t}})(),__importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),DomainHeader_1=__importDefault(require("../DomainHeader")),LogCard_1=__importDefault(require("../LogCard")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),NetworkFilterModal_1=__importDefault(require("./NetworkFilterModal")),NetworkExportModal_1=__importDefault(require("./NetworkExportModal")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),helpers_1=require("../../helpers"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),NetworkTab=react_1.default.memo(()=>{const{groupedData:l,loadMoreSection:r,search:t,setSearch:a,setSearchScope:i,quickFilter:x,setQuickFilter:D,handleDelete:re,isGroupByPageEnabled:S,setIsGroupByPageEnabled:le,selectedLogs:z,sortOrder:ae,setSortOrder:F,statusFilters:u,setStatusFilters:m,methodFilters:p,setMethodFilters:T,latencyFilter:h,setLatencyFilter:I,protocolFilter:y,setProtocolFilter:k,networkSortBy:b,setNetworkSortBy:L,filteredLogs:f,logs:P,hiddenUrlPatterns:R,toggleSectionFilter:j,toggleSectionCollapse:G,minStart:W,totalRange:Q,newLogIds:U,toggleSelect:K,setSelected:X,maxNetworkLogs:N}=(0,InspectorContext_1.useInspector)(),{t:A}=(0,i18n_1.useTranslation)(),J=(0,react_1.useRef)(null),[ie,Y]=react_1.default.useState(!1),[se,Z]=react_1.default.useState(!1),[ee,te]=react_1.default.useState(!1),[B,oe]=react_1.default.useState(N||50),M=!!(t&&t.trim().length>0),g=S&&!M;react_1.default.useEffect(()=>{oe(N||50),M&&J.current?.scrollToOffset({offset:0,animated:!1})},[t,x,N,M]);const $=(0,react_1.useMemo)(()=>g?l:l.slice(0,B),[g,l,B]),ne=(0,react_1.useCallback)(e=>e?.id?String(e.id):"",[]),C=(0,react_1.useMemo)(()=>u.size>0&&!u.has("all")||p.size>0&&!p.has("all")||h!=="all"||y!=="all"||b!=="time_desc",[u,p,h,y,b]),ce=(0,react_1.useMemo)(()=>{let e=0;return u.size>0&&!u.has("all")&&(e+=u.size),p.size>0&&!p.has("all")&&(e+=p.size),h!=="all"&&e++,y!=="all"&&e++,b!=="time_desc"&&e++,e},[u,p,h,y,b]),de=(0,react_1.useMemo)(()=>({statusCodes:u.size>0?new Set(u):new Set(["all"]),methods:p.size>0?new Set(p):new Set(["all"]),latency:h,protocol:y,sortBy:b}),[u,p,h,y,b]),ue=(0,react_1.useCallback)(e=>{e.statusCodes.has("all")||e.statusCodes.size===0?m(new Set):m(new Set(e.statusCodes)),e.methods.has("all")||e.methods.size===0?T(new Set):T(new Set([...e.methods].map(s=>s))),I(e.latency||"all"),k(e.protocol||"all"),L(e.sortBy||"time_desc"),e.sortBy==="time_asc"?F("oldest"):F("newest")},[m,T,I,k,L,F]),V=(0,react_1.useMemo)(()=>!R||R.length===0?P:P.filter(e=>!(0,helpers_1.isUrlHidden)(e.url,R)),[P,R]),w=(0,react_1.useMemo)(()=>{let e=0,s=0,n=0,c=0,v=0,q=0;return V.forEach(d=>{const o=typeof d.status=="number"?d.status:parseInt(String(d.status),10);d.status===0||d.status==null||!isNaN(o)&&o>=400?e++:!isNaN(o)&&o>=200&&o<400&&s++,(d.duration||0)>=500&&n++;const O=(d.method||"").toUpperCase();O==="POST"&&c++,O==="GET"&&v++;const _=(d.url||"").toLowerCase(),E=(d.client||"").toLowerCase();(_.includes("graphql")||E.includes("graphql")||E.includes("apollo"))&&q++}),{all:V.length,errors:e,success:s,slow:n,post:c,get:v,graphql:q}},[V]),pe=(0,react_1.useMemo)(()=>[{id:"all",label:"All",count:w.all,color:AppColors_1.AppColors.purple},{id:"errors",label:"Errors",count:w.errors,color:AppColors_1.AppColors.errorColor},{id:"success",label:"2xx OK",count:w.success,color:AppColors_1.AppColors.greenColor},{id:"slow",label:"Slow >500ms",count:w.slow,color:AppColors_1.AppColors.warningIconGold},{id:"POST",label:"POST",count:w.post,color:constants_1.METHOD_COLORS.POST||AppColors_1.AppColors.blue500},{id:"GET",label:"GET",count:w.get,color:constants_1.METHOD_COLORS.GET||AppColors_1.AppColors.emerald500},{id:"graphql",label:"GraphQL",count:w.graphql,color:AppColors_1.AppColors.graphqlPink}],[w]),fe=(0,react_1.useCallback)(({item:e,index:s})=>{if(e.type==="header")return<AnimatedEntrance_1.default index={s}distance={8}>
+            <DomainHeader_1.default pageName={e.pageName}color={e.color}stats={e.stats}activeFilters={e.activeFilters}onToggleFilter={j}isCollapsed={e.isCollapsed}onToggleCollapse={G}isFirst={e.isFirst}timestamp={e.timestamp}/>
+          </AnimatedEntrance_1.default>;if(e.type==="loadMore"){const{pageName:d,color:o,remainingCount:O,totalCount:_,loadedCount:E,loadMoreStep:H,hasMore:ge}=e;return<react_native_1.View style={[styles_1.default.treeNodeRow,styles_1.default.treeNodeRowLast]}>
             <react_native_1.View style={styles_1.default.treeLines}>
               <react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:o},styles_1.default.modernTreeLineLast]}/>
             </react_native_1.View>
             <react_native_1.View style={styles_1.default.treeCardWrapper}>
-              {se?<TouchableScale_1.default onPress={()=>r(d,D||10)}hitSlop={6}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:9,paddingHorizontal:12,marginVertical:3,marginRight:2,borderRadius:10,backgroundColor:`${o}14`,borderWidth:1.5,borderColor:`${o}40`,shadowColor:o,shadowOffset:{width:0,height:1.5},shadowOpacity:.1,shadowRadius:3,elevation:2}}>
+              {ge?<TouchableScale_1.default onPress={()=>r(d,H||10)}hitSlop={6}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:9,paddingHorizontal:12,marginVertical:3,marginRight:2,borderRadius:10,backgroundColor:`${o}14`,borderWidth:1.5,borderColor:`${o}40`,shadowColor:o,shadowOffset:{width:0,height:1.5},shadowOpacity:.1,shadowRadius:3,elevation:2}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
                     <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:o,alignItems:"center",justifyContent:"center",shadowColor:o,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1}}>
                       <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white}size={9}direction="down"/>
                     </react_native_1.View>
                     <react_native_1.View>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:o}}>
-                        {L("footer.loadMoreRequests",{count:D,defaultValue:`Load ${D} More Requests`})}
+                        {A("footer.loadMoreRequests",{count:H,defaultValue:`Load ${H} More Requests`})}
                       </react_native_1.Text>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,marginTop:1}}>
-                        Showing {q} of {_} requests
+                        Showing {E} of {_} requests
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>
 
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${o}25`,paddingHorizontal:8,paddingVertical:4,borderRadius:8,borderWidth:1,borderColor:`${o}40`,gap:3}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:o}}>
-                      +{B}
+                      +{O}
                     </react_native_1.Text>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9,color:o}}>
                       more
@@ -34,7 +34,7 @@
                       <NetworkIcons_1.CheckIcon color={o}size={8}/>
                     </react_native_1.View>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextStrong}}>
-                      {L("footer.allLoaded",{count:_,defaultValue:`All ${_} requests loaded`})}
+                      {A("footer.allLoaded",{count:_,defaultValue:`All ${_} requests loaded`})}
                     </react_native_1.Text>
                   </react_native_1.View>
 
@@ -45,26 +45,26 @@
                   </react_native_1.View>
                 </react_native_1.View>}
             </react_native_1.View>
-          </react_native_1.View>}const{log:s,isLast:c,color:A}=e,k=M.slice(0,n).filter(d=>!d.type).length;return<AnimatedEntrance_1.default index={n}distance={8}style={u?[styles_1.default.treeNodeRow,c&&styles_1.default.treeNodeRowLast]:{marginBottom:5,marginHorizontal:5}}>
-          {u&&<react_native_1.View style={styles_1.default.treeLines}>
-              <react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:A},c&&styles_1.default.modernTreeLineLast]}/>
-              {!c&&<react_native_1.View style={[styles_1.default.modernTreeBranch,{borderColor:A}]}/>}
+          </react_native_1.View>}const{log:n,isLast:c,color:v}=e,q=$.slice(0,s).filter(d=>!d.type).length;return<AnimatedEntrance_1.default index={s}distance={8}style={g?[styles_1.default.treeNodeRow,c&&styles_1.default.treeNodeRowLast]:{marginBottom:5,marginHorizontal:5}}>
+          {g&&<react_native_1.View style={styles_1.default.treeLines}>
+              <react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:v},c&&styles_1.default.modernTreeLineLast]}/>
+              {!c&&<react_native_1.View style={[styles_1.default.modernTreeBranch,{borderColor:v}]}/>}
             </react_native_1.View>}
-          <react_native_1.View style={u?styles_1.default.treeCardWrapper:{flex:1}}>
-            <LogCard_1.default testID={`inspector.network.item.${k}`}item={s}isSelected={v.has(s.id)}onToggleSelect={W}onPress={()=>{G(s)}}timelineMinStart={$}timelineTotalRange={H}isNew={j.has(s.id)}searchStr={t}/>
+          <react_native_1.View style={g?styles_1.default.treeCardWrapper:{flex:1}}>
+            <LogCard_1.default testID={`inspector.network.item.${q}`}item={n}isSelected={z.has(n.id)}onToggleSelect={K}onPress={()=>{X(n)}}timelineMinStart={W}timelineTotalRange={Q}isNew={U.has(n.id)}searchStr={t}/>
           </react_native_1.View>
-        </AnimatedEntrance_1.default>},[M,u,$,H,j,v,W,t,E,N,r,G,L]);return<react_native_1.View style={{flex:1}}>
+        </AnimatedEntrance_1.default>},[$,g,W,Q,U,z,K,t,j,G,r,X,A]);return<react_native_1.View style={{flex:1}}>
       <react_native_1.View style={{marginTop:6}}>
             
             <react_native_1.View style={styles_1.default.toolbarRow}>
-              <react_native_1.View style={[styles_1.default.searchContainer,K&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
-                <NetworkIcons_1.SearchIcon color={K?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
-                <react_native_1.TextInput placeholder="Search URL, status, method, headers, body..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={t}onChangeText={a}onFocus={()=>U(!0)}onBlur={()=>U(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+              <react_native_1.View style={[styles_1.default.searchContainer,ee&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
+                <NetworkIcons_1.SearchIcon color={ee?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
+                <react_native_1.TextInput placeholder={A("network.searchPlaceholder","Search APIs...")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={t}onChangeText={a}onFocus={()=>te(!0)}onBlur={()=>te(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
 
                 {t.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
                     <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
                       <react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold}}>
-                        {w.length}
+                        {f.length}
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.Pressable onPress={()=>a("")}hitSlop={10}style={styles_1.default.clearBtn}>
@@ -74,22 +74,26 @@
               </react_native_1.View>
 
               <react_native_1.View style={styles_1.default.toolbarRight}>
-                <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={J}hitSlop={6}>
+                <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.purple}38`,backgroundColor:`${AppColors_1.AppColors.purple}0F`}]}onPress={()=>Z(!0)}hitSlop={6}testID="inspector.network.exportBtn">
+                  <NetworkIcons_1.ExportIcon color={AppColors_1.AppColors.purple}size={15}/>
+                </TouchableScale_1.default>
+
+                <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={re}hitSlop={6}>
                   <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
-                  {v.size>0&&<react_native_1.View style={styles_1.default.trashBadge}>
+                  {z.size>0&&<react_native_1.View style={styles_1.default.trashBadge}>
                       <react_native_1.Text style={styles_1.default.trashBadgeText}>
-                        {v.size}
+                        {z.size}
                       </react_native_1.Text>
                     </react_native_1.View>}
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default style={[styles_1.default.toolbarBtn,u&&{borderColor:AppColors_1.AppColors.purple,backgroundColor:`${AppColors_1.AppColors.purple}15`}]}onPress={()=>Y(e=>!e)}hitSlop={6}accessibilityLabel={u?"Page Accordion Grouping Enabled (Tap for Plain List)":"Plain List Enabled (Tap for Page Accordion)"}accessibilityRole="button">
-                  <NetworkIcons_1.LayersIcon color={u?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextStrong}size={16}/>
-                  {u&&<react_native_1.View style={styles_1.default.activeFilterDot}/>}
+                <TouchableScale_1.default style={[styles_1.default.toolbarBtn,S&&{borderColor:AppColors_1.AppColors.purple,backgroundColor:`${AppColors_1.AppColors.purple}15`}]}onPress={()=>le(e=>!e)}hitSlop={6}accessibilityLabel={M?"Page Accordion Grouping Preserved (Temporarily in List View for Search Results)":S?"Page Accordion Grouping Enabled (Tap for Plain List)":"Plain List Enabled (Tap for Page Accordion)"}accessibilityRole="button">
+                  <NetworkIcons_1.LayersIcon color={S?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextStrong}size={16}/>
+                  {S&&<react_native_1.View style={styles_1.default.activeFilterDot}/>}
                 </TouchableScale_1.default>
 
-                <TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>x(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
-                  <NetworkIcons_1.SortArrowIcon direction={Z==="newest"?"down":"up"}color={AppColors_1.AppColors.grayTextStrong}size={18}/>
+                <TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>F(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
+                  <NetworkIcons_1.SortArrowIcon direction={ae==="newest"?"down":"up"}color={AppColors_1.AppColors.grayTextStrong}size={18}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
             </react_native_1.View>
@@ -97,8 +101,8 @@
             
             <react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
               <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-                {ie.map(e=>{const n=V===e.id,s=e.color||AppColors_1.AppColors.purple,c=n?AppColors_1.AppColors.white:s;return<TouchableScale_1.default testID={`inspector.network.filter.${e.id.toLowerCase()}`}key={e.id}onPress={()=>{O(n?"all":e.id)}}>
-                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:n?s:`${s}12`,borderWidth:1,borderColor:n?s:`${s}30`,gap:5}}>
+                {pe.map(e=>{const s=x===e.id,n=e.color||AppColors_1.AppColors.purple,c=s?AppColors_1.AppColors.white:n;return<TouchableScale_1.default testID={`inspector.network.filter.${e.id.toLowerCase()}`}key={e.id}onPress={()=>{D(s?"all":e.id)}}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:s?n:`${n}12`,borderWidth:1,borderColor:s?n:`${n}30`,gap:5}}>
                         {e.id==="all"&&<NetworkIcons_1.LayersIcon size={11}color={c}/>}
                         {e.id==="errors"&&<NetworkIcons_1.CircleXIcon size={11}color={c}/>}
                         {e.id==="success"&&<NetworkIcons_1.CircleCheckIcon size={11}color={c}/>}
@@ -106,11 +110,11 @@
                         {e.id==="POST"&&<NetworkIcons_1.RequestIcon size={11}color={c}/>}
                         {e.id==="GET"&&<NetworkIcons_1.ResponseIcon size={11}color={c}/>}
                         {e.id==="graphql"&&<NetworkIcons_1.AtomIcon size={11}color={c}/>}
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:n?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:s?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
                           {e.label}
                         </react_native_1.Text>
-                        <react_native_1.View style={{backgroundColor:n?"rgba(255,255,255,0.25)":`${s}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
-                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:n?AppColors_1.AppColors.white:s}}>
+                        <react_native_1.View style={{backgroundColor:s?"rgba(255,255,255,0.25)":`${n}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:s?AppColors_1.AppColors.white:n}}>
                             {e.count}
                           </react_native_1.Text>
                         </react_native_1.View>
@@ -118,15 +122,15 @@
                     </TouchableScale_1.default>})}
               </react_native_1.ScrollView>
 
-              <TouchableScale_1.default onPress={()=>Q(!0)}style={{flexShrink:0}}>
+              <TouchableScale_1.default onPress={()=>Y(!0)}style={{flexShrink:0}}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:4.5,borderRadius:8,backgroundColor:C?`${AppColors_1.AppColors.purple}20`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,gap:5,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:2,shadowOffset:{width:0,height:1},elevation:1}}>
                   <NetworkIcons_1.FilterIcon size={11}color={C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}/>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
-                    {L("network.moreFilters","More Filters")}
+                    {A("network.moreFilters","More Filters")}
                   </react_native_1.Text>
                   {C&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:4.5,paddingVertical:1,borderRadius:6}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.white}}>
-                        {re}
+                        {ce}
                       </react_native_1.Text>
                     </react_native_1.View>}
                 </react_native_1.View>
@@ -134,11 +138,11 @@
             </react_native_1.View>
 
             
-            {(V!=="all"||t.trim().length>0||C||w.length!==T.length)&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginHorizontal:8,marginBottom:8,paddingHorizontal:8,paddingVertical:5.5,backgroundColor:`${AppColors_1.AppColors.purple}10`,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}25`}}>
+            {(x!=="all"||t.trim().length>0||C||f.length!==P.length)&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginHorizontal:8,marginBottom:8,paddingHorizontal:8,paddingVertical:5.5,backgroundColor:`${AppColors_1.AppColors.purple}10`,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}25`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.purple}}>
-                  Showing {w.length} of {T.length} requests
+                  Showing {f.length} of {V.length} requests
                 </react_native_1.Text>
-                <TouchableScale_1.default onPress={()=>{a(""),O("all"),m(new Set),S(new Set),z("all"),F("all"),I("time_desc"),i("all")}}>
+                <TouchableScale_1.default onPress={()=>{a(""),D("all"),m(new Set),T(new Set),I("all"),k("all"),L("time_desc"),i("all")}}>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.errorColor}}>
                     Clear All Filters
                   </react_native_1.Text>
@@ -146,11 +150,13 @@
               </react_native_1.View>}
           </react_native_1.View>
 
-        <react_native_1.FlatList ref={ee}data={M}keyExtractor={oe}renderItem={ne}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={t.length>0||C||V!=="all"}searchQuery={t}customTitle={t.length>0?"No matching API requests":"No network activity"}onClearSearch={()=>{a(""),m(new Set),S(new Set),z("all"),F("all"),I("time_desc"),O("all"),i("all")}}/>}ListFooterComponent={l.length>0?<react_native_1.View style={{paddingBottom:24}}>
-              <DeveloperSponsorCard_1.DeveloperSponsorCard containerStyle={{marginHorizontal:10,marginTop:10,marginBottom:10}}/>
-              <EndOfListFooter_1.default count={u?w.length:Math.min(R,w.length)}totalCount={w.length}label="requests"hasMore={!u&&w.length>R}loadMoreStep={30}onLoadMore={()=>X(e=>e+30)}/>
+        <react_native_1.FlatList ref={J}data={$}keyExtractor={ne}renderItem={fe}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={t.length>0||C||x!=="all"}searchQuery={t}customTitle={t.length>0?"No matching API requests":"No network activity"}onClearSearch={()=>{a(""),m(new Set),T(new Set),I("all"),k("all"),L("time_desc"),D("all"),i("all")}}/>}ListFooterComponent={l.length>0?<react_native_1.View style={{paddingBottom:24}}>
+              <EndOfListFooter_1.default count={g?f.length:Math.min(B,f.length)}totalCount={f.length}label="requests"hasMore={!g&&f.length>B}loadMoreStep={30}onLoadMore={()=>oe(e=>e+30)}/>
             </react_native_1.View>:null}style={{flex:1}}contentContainerStyle={[styles_1.default.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
 
       
-      <NetworkFilterModal_1.default visible={te}onClose={()=>Q(!1)}filters={le}onApply={ae}searchQuery={t}/>
+      <NetworkFilterModal_1.default visible={ie}onClose={()=>Y(!1)}filters={de}onApply={ue}searchQuery={t}/>
+
+      
+      <NetworkExportModal_1.default visible={se}onClose={()=>Z(!1)}filteredLogs={f}allLogs={V}/>
     </react_native_1.View>});exports.default=NetworkTab;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,r){r===void 0&&(r=a);var o=Object.getOwnPropertyDescriptor(t,a);(!o||("get"in o?!t.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,o)}):(function(e,t,a,r){r===void 0&&(r=a),e[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(a){var r=[];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(r[r.length]=o);return r},e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=e(t),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(a,t,r[o]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NpmStarPrompt=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),settingsStore_1=require("../../helpers/settingsStore"),telemetry_1=require("../../helpers/telemetry"),NetworkIcons_1=require("../NetworkIcons"),FIVE_DAYS_MS=7200*60*1e3,GITHUB_REPO_URL="https://github.com/vengatmacuser/react-native-inapp-inspector",NPM_PACKAGE_URL="https://www.npmjs.com/package/react-native-inapp-inspector",NpmStarPrompt=()=>{const[e,t]=(0,react_1.useState)(!1),a=(0,react_1.useRef)(new react_native_1.Animated.Value(200)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,o=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current;(0,react_1.useEffect)(()=>{let i=!0;async function g(){try{const n=await(0,settingsStore_1.loadSettings)();if(n.starPromptActioned)return;const c=Date.now(),y=n.starPromptFirstSeen||c;n.starPromptFirstSeen||await(0,settingsStore_1.saveSettings)({...n,starPromptFirstSeen:c});const f=n.starPromptLastShown||y;c-f>=FIVE_DAYS_MS&&Math.random()<.65&&i&&setTimeout(()=>{i&&p()},1800)}catch{}}return g(),()=>{i=!1}},[]);const p=async()=>{t(!0);try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptLastShown:Date.now()}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_shown",{trigger:"5_day_interval",platform:react_native_1.Platform.OS})}catch{}react_native_1.Animated.parallel([react_native_1.Animated.spring(a,{toValue:0,friction:8,tension:50,useNativeDriver:!0}),react_native_1.Animated.timing(r,{toValue:1,duration:250,useNativeDriver:!0})]).start(),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(o,{toValue:1.15,duration:900,useNativeDriver:!0}),react_native_1.Animated.timing(o,{toValue:1,duration:900,useNativeDriver:!0})])).start()},s=i=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(r,{toValue:0,duration:180,useNativeDriver:!0}),react_native_1.Animated.timing(a,{toValue:200,duration:180,useNativeDriver:!0})]).start(()=>{t(!1),i&&i()})},u=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"starred",platform:react_native_1.Platform.OS})}catch{}s(()=>{react_native_1.Linking.openURL(GITHUB_REPO_URL).catch(()=>{react_native_1.Linking.openURL(NPM_PACKAGE_URL).catch(()=>{})})})},d=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"already_starred",platform:react_native_1.Platform.OS})}catch{}s()},l=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptLastShown:Date.now()}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"remind_later",platform:react_native_1.Platform.OS})}catch{}s()},m=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"dont_ask_again",platform:react_native_1.Platform.OS})}catch{}s()};return e?<react_native_1.Modal transparent visible={e}animationType="none"onRequestClose={l}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,r){r===void 0&&(r=a);var o=Object.getOwnPropertyDescriptor(t,a);(!o||("get"in o?!t.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,o)}):(function(e,t,a,r){r===void 0&&(r=a),e[r]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(a){var r=[];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(r[r.length]=o);return r},e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var r=e(t),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(a,t,r[o]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NpmStarPrompt=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),i18n_1=require("../../i18n"),settingsStore_1=require("../../helpers/settingsStore"),telemetry_1=require("../../helpers/telemetry"),NetworkIcons_1=require("../NetworkIcons"),FIVE_DAYS_MS=7200*60*1e3,GITHUB_REPO_URL="https://github.com/vengatmacuser/react-native-inapp-inspector",NPM_PACKAGE_URL="https://www.npmjs.com/package/react-native-inapp-inspector",NpmStarPrompt=()=>{const[e,t]=(0,react_1.useState)(!1),a=(0,react_1.useRef)(new react_native_1.Animated.Value(200)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,o=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current;(0,react_1.useEffect)(()=>{let i=!0;async function g(){try{const n=await(0,settingsStore_1.loadSettings)();if(n.starPromptActioned)return;const c=Date.now(),y=n.starPromptFirstSeen||c;n.starPromptFirstSeen||await(0,settingsStore_1.saveSettings)({...n,starPromptFirstSeen:c});const f=n.starPromptLastShown||y;c-f>=FIVE_DAYS_MS&&Math.random()<.65&&i&&setTimeout(()=>{i&&p()},1800)}catch{}}return g(),()=>{i=!1}},[]);const p=async()=>{t(!0);try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptLastShown:Date.now()}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_shown",{trigger:"5_day_interval",platform:react_native_1.Platform.OS})}catch{}react_native_1.Animated.parallel([react_native_1.Animated.spring(a,{toValue:0,friction:8,tension:50,useNativeDriver:!0}),react_native_1.Animated.timing(r,{toValue:1,duration:250,useNativeDriver:!0})]).start(),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(o,{toValue:1.15,duration:900,useNativeDriver:!0}),react_native_1.Animated.timing(o,{toValue:1,duration:900,useNativeDriver:!0})])).start()},s=i=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(r,{toValue:0,duration:180,useNativeDriver:!0}),react_native_1.Animated.timing(a,{toValue:200,duration:180,useNativeDriver:!0})]).start(()=>{t(!1),i&&i()})},u=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"starred",platform:react_native_1.Platform.OS})}catch{}s(()=>{react_native_1.Linking.openURL(GITHUB_REPO_URL).catch(()=>{react_native_1.Linking.openURL(NPM_PACKAGE_URL).catch(()=>{})})})},d=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"already_starred",platform:react_native_1.Platform.OS})}catch{}s()},l=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptLastShown:Date.now()}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"remind_later",platform:react_native_1.Platform.OS})}catch{}s()},m=async()=>{try{const i=await(0,settingsStore_1.loadSettings)();await(0,settingsStore_1.saveSettings)({...i,starPromptActioned:!0}),(0,telemetry_1.trackTelemetryEvent)("npm_star_prompt_action",{action:"dont_ask_again",platform:react_native_1.Platform.OS})}catch{}s()};return e?<react_native_1.Modal transparent visible={e}animationType="none"onRequestClose={l}>
       <react_native_1.Animated.View style={[styles.backdrop,{opacity:r}]}>
         <react_native_1.TouchableOpacity style={react_native_1.StyleSheet.absoluteFill}activeOpacity={1}onPress={l}/>
 
@@ -18,30 +18,29 @@
 
           
           <react_native_1.View style={styles.pillBadge}>
-            <react_native_1.Text style={styles.pillBadgeText}>SUPPORT OPEN SOURCE</react_native_1.Text>
+            <react_native_1.Text style={styles.pillBadgeText}>{(0,i18n_1.t)("support.supportOpenSource","SUPPORT OPEN SOURCE")}</react_native_1.Text>
           </react_native_1.View>
 
           
-          <react_native_1.Text style={styles.title}>Enjoying In-App Inspector?</react_native_1.Text>
+          <react_native_1.Text style={styles.title}>{(0,i18n_1.t)("support.enjoyingTitle","Enjoying In-App Inspector?")}</react_native_1.Text>
           <react_native_1.Text style={styles.description}>
-            If this debugging tool saves you time, please consider giving us a
-            star on GitHub & npm. Your support helps us build more features!
+            {(0,i18n_1.t)("support.enjoyingSubtitle","If this debugging tool saves you time, please consider giving us a star on GitHub & npm. Your support helps us build more features!")}
           </react_native_1.Text>
 
           
           <react_native_1.View style={styles.metricsBar}>
             <react_native_1.View style={styles.metricItem}>
               <NetworkIcons_1.GitHubIcon size={13}color={AppColors_1.AppColors.grayText}/>
-              <react_native_1.Text style={styles.metricText}>GitHub Star</react_native_1.Text>
+              <react_native_1.Text style={styles.metricText}>{(0,i18n_1.t)("support.githubStar","GitHub Star")}</react_native_1.Text>
             </react_native_1.View>
             <react_native_1.View style={styles.metricDot}/>
             <react_native_1.View style={styles.metricItem}>
               <NetworkIcons_1.NpmIcon size={13}color={AppColors_1.AppColors.npmRed}/>
-              <react_native_1.Text style={styles.metricText}>npm Package</react_native_1.Text>
+              <react_native_1.Text style={styles.metricText}>{(0,i18n_1.t)("support.npmPackage","npm Package")}</react_native_1.Text>
             </react_native_1.View>
             <react_native_1.View style={styles.metricDot}/>
             <react_native_1.View style={styles.metricItem}>
-              <react_native_1.Text style={styles.metricText}>100% Free</react_native_1.Text>
+              <react_native_1.Text style={styles.metricText}>{(0,i18n_1.t)("support.free100","100% Free")}</react_native_1.Text>
             </react_native_1.View>
           </react_native_1.View>
 
@@ -49,7 +48,7 @@
           <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Star on GitHub"onPress={u}style={styles.primaryButton}>
             <react_native_1.View style={styles.primaryButtonContent}>
               <NetworkIcons_1.StarIcon size={16}color={AppColors_1.AppColors.white}/>
-              <react_native_1.Text style={styles.primaryButtonText}>Star on GitHub & npm</react_native_1.Text>
+              <react_native_1.Text style={styles.primaryButtonText}>{(0,i18n_1.t)("support.starOnGithubNpm","Star on GitHub & npm")}</react_native_1.Text>
             </react_native_1.View>
           </TouchableScale_1.default>
 
@@ -57,20 +56,20 @@
           <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="I already starred"onPress={d}style={styles.secondaryButton}>
             <react_native_1.View style={styles.secondaryButtonContent}>
               <NetworkIcons_1.CheckIcon size={13}color={AppColors_1.AppColors.purple}/>
-              <react_native_1.Text style={styles.secondaryButtonText}>I Already Starred</react_native_1.Text>
+              <react_native_1.Text style={styles.secondaryButtonText}>{(0,i18n_1.t)("support.alreadyStarred","I Already Starred")}</react_native_1.Text>
             </react_native_1.View>
           </TouchableScale_1.default>
 
           
           <react_native_1.View style={styles.footerRow}>
             <react_native_1.TouchableOpacity onPress={l}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-              <react_native_1.Text style={styles.footerLinkText}>Remind Me Later</react_native_1.Text>
+              <react_native_1.Text style={styles.footerLinkText}>{(0,i18n_1.t)("support.remindMeLater","Remind Me Later")}</react_native_1.Text>
             </react_native_1.TouchableOpacity>
 
             <react_native_1.View style={styles.footerSeparator}/>
 
             <react_native_1.TouchableOpacity onPress={m}hitSlop={{top:8,bottom:8,left:8,right:8}}>
-              <react_native_1.Text style={styles.footerLinkTextMuted}>Don't Ask Again</react_native_1.Text>
+              <react_native_1.Text style={styles.footerLinkTextMuted}>{(0,i18n_1.t)("support.dontAskAgain","Don't Ask Again")}</react_native_1.Text>
             </react_native_1.TouchableOpacity>
           </react_native_1.View>
         </react_native_1.Animated.View>

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

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