react-native-inapp-inspector 2.5.11 → 2.5.12

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

@@ -26,7 +26,7 @@
                   </react_native_1.Text>
                 </react_native_1.View>:A?<react_native_1.View style={{gap:2.5,flex:1,minWidth:0,marginRight:6,justifyContent:"center"}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?14.5:16,lineHeight:e?18:20,color:AppColors_1.AppColors.white,letterSpacing:-.2}}numberOfLines={1}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?14.5:16,lineHeight:e?19:21,color:AppColors_1.AppColors.white,letterSpacing:-.2}}numberOfLines={1}>
                       {ie}
                     </react_native_1.Text>
                     {_==="main"&&<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.white}26`,paddingHorizontal:e?5:6,paddingVertical:2,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}20`}}>
@@ -35,19 +35,19 @@
                         </react_native_1.Text>
                       </react_native_1.View>}
                   </react_native_1.View>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:e?10:11,lineHeight:e?13.5:14.5,color:`${AppColors_1.AppColors.white}CC`,marginTop:.5}}numberOfLines={1}ellipsizeMode="tail">
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:e?10:11,lineHeight:e?14:15,color:`${AppColors_1.AppColors.white}CC`,marginTop:2}}numberOfLines={1}ellipsizeMode="tail">
                     {_==="main"?"Manage modules and preferences":"Configure module parameters"}
                   </react_native_1.Text>
                 </react_native_1.View>:R?null:<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?7:8.5,flex:1,minWidth:0,marginRight:6}}>
                   <BrandCircleIcon_1.BrandCircleIcon size={e?38:y?40:42}/>
-                  <react_native_1.View style={{gap:2,flex:1,minWidth:0,justifyContent:"center"}}>
+                  <react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
                     
-                    <react_native_1.Text style={[styles_1.default.headerTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontWeight:"700",fontSize:e?12.5:y?13:14,lineHeight:e?16:y?17:18,color:AppColors_1.AppColors.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
+                    <react_native_1.Text style={[styles_1.default.headerTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontWeight:"700",fontSize:e?12.5:y?13:14,lineHeight:e?17:y?18:19,color:AppColors_1.AppColors.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
                       react-native-inapp-inspector
                     </react_native_1.Text>
 
                     
-                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3.5,minWidth:0,marginTop:1,flexWrap:"nowrap",overflow:"hidden"}}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,minWidth:0,marginTop:2,flexWrap:"nowrap",overflow:"hidden"}}>
                       
                       <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(!0)}}hitSlop={6}accessible={!0}accessibilityRole="button"accessibilityLabel={r("settings.general.selectLanguage","Select Language")}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}24`,borderRadius:5,paddingHorizontal:5,paddingVertical:1.5,gap:3,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}38`,flexShrink:0}}>
                         <CountryFlag_1.default code={$?.code||"en"}size={9}borderRadius={2}/>
@@ -296,7 +296,7 @@
               
               {A?<>
                   
-                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={r("about.heroTitle","About & Specs")}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),M(!0)}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(99, 102, 241, 0.28)",borderColor:"rgba(165, 180, 252, 0.45)",borderWidth:1}]}>
+                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={r("about.heroTitle","About & Specs")}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),M(!0)}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(255, 255, 255, 0.22)",borderColor:"rgba(255, 255, 255, 0.45)",borderWidth:1}]}>
                     <NetworkIcons_1.InfoCircleIcon color={AppColors_1.AppColors.white}size={e?13:15}/>
                   </TouchableScale_1.default>
 

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,e,r,a){a===void 0&&(a=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(o,a,l)}):(function(o,e,r,a){a===void 0&&(a=r),o[a]=e[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),__importStar=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(r){var a=[];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(a[a.length]=l);return a},o(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var a=o(e),l=0;l<a.length;l++)a[l]!=="default"&&__createBinding(r,e,a[l]);return __setModuleDefault(r,e),r}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),ErrorBoundary_1=__importDefault(require("../ErrorBoundary")),ModuleErrorBoundary_1=__importDefault(require("../ModuleErrorBoundary")),FabLauncher_1=__importDefault(require("./FabLauncher")),InspectorHeader_1=__importDefault(require("./InspectorHeader")),SecondaryTelemetryStrip_1=require("./SecondaryTelemetryStrip"),TabBar_1=__importDefault(require("./TabBar")),NetworkTab_1=__importDefault(require("./NetworkTab")),NetworkDetail_1=__importDefault(require("./NetworkDetail")),LogDetail_1=__importDefault(require("./LogDetail")),ConsoleTab_1=__importDefault(require("./ConsoleTab")),AnalyticsTab_1=__importDefault(require("./AnalyticsTab")),AnalyticsDetail_1=__importDefault(require("../AnalyticsDetail")),ReduxTab_1=__importDefault(require("./ReduxTab")),ReduxDetail_1=__importDefault(require("./ReduxDetail")),CrashTab_1=__importDefault(require("./CrashTab")),CrashDetail_1=__importDefault(require("./CrashDetail")),PushTab_1=__importDefault(require("./PushTab")),PushDetail_1=__importDefault(require("./PushDetail")),SocketTab_1=__importDefault(require("./SocketTab")),SocketDetail_1=__importDefault(require("./SocketDetail")),DeviceInfoTab_1=__importDefault(require("./DeviceInfoTab")),StorageTab_1=__importDefault(require("./StorageTab")),DebuggingTab_1=__importDefault(require("./DebuggingTab")),MediaGalleryTab_1=require("./MediaGalleryTab"),SettingsPanel_1=__importDefault(require("./SettingsPanel")),AboutModal_1=__importDefault(require("./AboutModal")),SupportPage_1=require("./SupportPage"),ConfirmationModal_1=require("./ConfirmationModal"),FloatingCaptureWidget_1=require("./FloatingCaptureWidget"),NpmUpdateToast_1=__importDefault(require("./NpmUpdateToast")),NpmStarPrompt_1=__importDefault(require("./NpmStarPrompt")),Toast_1=__importDefault(require("../Toast")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),NavigationTracker_1=__importDefault(require("./NavigationTracker")),helpers_1=require("../../helpers"),MainScreen=()=>{const{visible:o,modalAnimationType:e,closeModal:r,modalHeightPercent:a,selected:l,selectedEvent:p,selectedLog:_,selectedReduxSlice:S,selectedReduxAction:w,selectedCrash:b,selectedPush:m,setSelectedPush:C,selectedSocket:g,setSelectedSocket:v,settingsPage:n,isAboutOpen:u,setIsAboutOpen:A,isSupportOpen:s,setIsSupportOpen:k,activeTab:t,isReady:V,enabled:B,isDismissed:M,hasNavigationContext:D,setNavState:T,confirmModal:i,setConfirmModal:N,peekMode:q,peekOpacity:h}=(0,InspectorContext_1.useInspector)(),y=t==="apis"&&l!=null||t==="analytics"&&p!=null||t==="logs"&&_!=null||t==="redux"&&(S!=null||w!=null)||t==="crash"&&b!=null||t==="push"&&m!=null||t==="socket"&&g!=null,d=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{n!==null&&(d.setValue(0),react_native_1.Animated.spring(d,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[n!==null]);const c=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{u&&(c.setValue(0),react_native_1.Animated.spring(c,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[u]);const f=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{s&&(f.setValue(0),react_native_1.Animated.spring(f,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[s]),<>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,e,r,a){a===void 0&&(a=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(o,a,l)}):(function(o,e,r,a){a===void 0&&(a=r),o[a]=e[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),__importStar=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(r){var a=[];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(a[a.length]=l);return a},o(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var a=o(e),l=0;l<a.length;l++)a[l]!=="default"&&__createBinding(r,e,a[l]);return __setModuleDefault(r,e),r}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),ErrorBoundary_1=__importDefault(require("../ErrorBoundary")),ModuleErrorBoundary_1=__importDefault(require("../ModuleErrorBoundary")),FabLauncher_1=__importDefault(require("./FabLauncher")),InspectorHeader_1=__importDefault(require("./InspectorHeader")),SecondaryTelemetryStrip_1=require("./SecondaryTelemetryStrip"),TabBar_1=__importDefault(require("./TabBar")),NetworkTab_1=__importDefault(require("./NetworkTab")),NetworkDetail_1=__importDefault(require("./NetworkDetail")),LogDetail_1=__importDefault(require("./LogDetail")),ConsoleTab_1=__importDefault(require("./ConsoleTab")),PerformanceTab_1=require("./PerformanceTab"),AnalyticsTab_1=__importDefault(require("./AnalyticsTab")),AnalyticsDetail_1=__importDefault(require("../AnalyticsDetail")),ReduxTab_1=__importDefault(require("./ReduxTab")),ReduxDetail_1=__importDefault(require("./ReduxDetail")),CrashTab_1=__importDefault(require("./CrashTab")),CrashDetail_1=__importDefault(require("./CrashDetail")),PushTab_1=__importDefault(require("./PushTab")),PushDetail_1=__importDefault(require("./PushDetail")),SocketTab_1=__importDefault(require("./SocketTab")),SocketDetail_1=__importDefault(require("./SocketDetail")),DeviceInfoTab_1=__importDefault(require("./DeviceInfoTab")),StorageTab_1=__importDefault(require("./StorageTab")),DebuggingTab_1=__importDefault(require("./DebuggingTab")),MediaGalleryTab_1=require("./MediaGalleryTab"),SettingsPanel_1=__importDefault(require("./SettingsPanel")),AboutModal_1=__importDefault(require("./AboutModal")),SupportPage_1=require("./SupportPage"),ConfirmationModal_1=require("./ConfirmationModal"),FloatingCaptureWidget_1=require("./FloatingCaptureWidget"),NpmUpdateToast_1=__importDefault(require("./NpmUpdateToast")),NpmStarPrompt_1=__importDefault(require("./NpmStarPrompt")),Toast_1=__importDefault(require("../Toast")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),NavigationTracker_1=__importDefault(require("./NavigationTracker")),helpers_1=require("../../helpers"),MainScreen=()=>{const{visible:o,modalAnimationType:e,closeModal:r,modalHeightPercent:a,selected:l,selectedEvent:p,selectedLog:_,selectedReduxSlice:S,selectedReduxAction:w,selectedCrash:b,selectedPush:m,setSelectedPush:C,selectedSocket:g,setSelectedSocket:v,settingsPage:n,isAboutOpen:u,setIsAboutOpen:A,isSupportOpen:d,setIsSupportOpen:k,activeTab:t,isReady:V,enabled:B,isDismissed:M,hasNavigationContext:T,setNavState:D,confirmModal:i,setConfirmModal:N,peekMode:q,peekOpacity:h}=(0,InspectorContext_1.useInspector)(),y=t==="apis"&&l!=null||t==="analytics"&&p!=null||t==="logs"&&_!=null||t==="redux"&&(S!=null||w!=null)||t==="crash"&&b!=null||t==="push"&&m!=null||t==="socket"&&g!=null,s=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{n!==null&&(s.setValue(0),react_native_1.Animated.spring(s,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[n!==null]);const c=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{u&&(c.setValue(0),react_native_1.Animated.spring(c,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[u]);const f=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{d&&(f.setValue(0),react_native_1.Animated.spring(f,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[d]),<>
       {(react_native_1.Platform.OS==="ios"||react_native_1.Platform.OS==="android")&&B&&!M&&!o&&<FabLauncher_1.default/>}
       <react_native_1.Modal visible={o}animationType={e}transparent statusBarTranslucent={!0}onRequestClose={r}>
         <ErrorBoundary_1.default onClose={r}>
@@ -8,11 +8,11 @@
               <react_native_1.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
 
               <InspectorHeader_1.default/>
-              {!y&&n===null&&!u&&!s&&<SecondaryTelemetryStrip_1.SecondaryTelemetryStrip/>}
+              {!y&&n===null&&!u&&!d&&<SecondaryTelemetryStrip_1.SecondaryTelemetryStrip/>}
 
               <react_native_1.View style={{flex:1,overflow:"hidden",backgroundColor:AppColors_1.AppColors.grayBackground}}>
                 
-                <react_native_1.View style={{flex:1}}pointerEvents={y||n!==null||u||s?"none":"auto"}>
+                <react_native_1.View style={{flex:1}}pointerEvents={y||n!==null||u||d?"none":"auto"}>
                   <TabBar_1.default/>
                   {V?<react_native_1.View style={{flex:1}}>
                       {t==="apis"&&<ModuleErrorBoundary_1.default moduleName="Network API Monitor">
@@ -21,6 +21,9 @@
                       {t==="logs"&&<ModuleErrorBoundary_1.default moduleName="Console Logs Monitor">
                           <ConsoleTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
+                      {t==="perf"&&<ModuleErrorBoundary_1.default moduleName="Performance & FPS Profiler">
+                          <PerformanceTab_1.PerformanceTab/>
+                        </ModuleErrorBoundary_1.default>}
                       {t==="analytics"&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Tracker">
                           <AnalyticsTab_1.default/>
                         </ModuleErrorBoundary_1.default>}
@@ -77,7 +80,7 @@
                   </react_native_1.View>}
 
                 
-                {n!==null&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:d,transform:[{translateY:d.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                {n!==null&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:s,transform:[{translateY:s.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
                     <ModuleErrorBoundary_1.default moduleName="Settings Panel">
                       <SettingsPanel_1.default/>
                     </ModuleErrorBoundary_1.default>
@@ -91,7 +94,7 @@
                   </react_native_1.Animated.View>}
 
                 
-                {s&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.primaryLight,opacity:f,transform:[{translateY:f.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                {d&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.primaryLight,opacity:f,transform:[{translateY:f.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
                     <ModuleErrorBoundary_1.default moduleName="Support & Community">
                       <SupportPage_1.SupportPage onClose={()=>k(!1)}/>
                     </ModuleErrorBoundary_1.default>
@@ -115,7 +118,7 @@
             </react_native_1.View>
           </react_native_1.View>
         </ErrorBoundary_1.default>
-      {D&&<NavigationTracker_1.default onStateChange={T}/>}
+      {T&&<NavigationTracker_1.default onStateChange={D}/>}
     </react_native_1.Modal>
     </>},MainScreenSkeleton=react_1.default.memo(function(){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.35)).current;return(0,react_1.useEffect)(()=>{const r=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.85,duration:750,useNativeDriver:!1}),react_native_1.Animated.timing(e,{toValue:.35,duration:750,useNativeDriver:!1})]));return r.start(),()=>r.stop()},[e]),<react_native_1.View style={skeletonStyles.container}>