react-native-inapp-inspector 1.1.17 → 1.1.18

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

@@ -12,7 +12,7 @@ import { isPersistentStorageAvailable } from '../../helpers/settingsStore';
 import { clearNetworkLogs } from '../../customHooks/networkLogger';
 import { clearConsoleLogs } from '../../customHooks/consoleLogger';
 import { clearAnalyticsEvents } from '../../customHooks/analyticsLogger';
-import { SignalIcon, TerminalIcon, AnalyticsIcon, SettingsIcon, SunIcon, MoonIcon, ScreenIcon, MotionIcon, LayersIcon, EyeIcon, CheckIcon, TrashIcon, WhiteBackNavigation, PackageIcon, ReduxIcon, } from '../NetworkIcons';
+import { SignalIcon, TerminalIcon, AnalyticsIcon, SettingsIcon, SunIcon, MoonIcon, ScreenIcon, MotionIcon, LayersIcon, EyeIcon, CheckIcon, TrashIcon, WhiteBackNavigation, PackageIcon, ReduxIcon, PerformanceIcon, } from '../NetworkIcons';
 const SettingsPanel = () => {
     const { settingsPage, setSettingsPage, settingsActiveSubTab, setSettingsActiveSubTab, tabVisibility, toggleTabVisibility, defaultTab, setDefaultTab, isDark, setIsDark, modalHeightPercent, setModalHeightPercent, modalAnimationType, setModalAnimationType, showDuplicateLogs, setShowDuplicateLogs, showConsoleLevels, setShowConsoleLevels, resetToDefaults, storage, logs, consoleLogs, analyticsEvents, reduxState, maxNetworkLogs, setMaxNetworkLogs, maxConsoleLogs, setMaxConsoleLogs, reduxAutoRefresh, setReduxAutoRefreshState, reduxExpandDepth, setReduxExpandDepth, switchActiveTab, setSelected, setSelectedEvent, setReduxState, } = useInspector();
     const isPersistent = isPersistentStorageAvailable();
@@ -24,6 +24,7 @@ const SettingsPanel = () => {
             { key: 'analytics', label: 'Analytics', icon: 'analytics' },
             { key: 'redux', label: 'Redux', icon: 'redux' },
             { key: 'bundle', label: 'Bundle', icon: 'bundle' },
+            { key: 'performance', label: 'Performance', icon: 'performance' },
         ];
         return (<View style={{ flex: 1, backgroundColor: AppColors.grayBackground }}>
         {/* Settings Header with back button */}
@@ -231,6 +232,9 @@ const SettingsPanel = () => {
                         {tab.icon === 'bundle' && (<PackageIcon color={isLocked
                                 ? AppColors.grayTextWeak
                                 : AppColors.purple} size={11}/>)}
+                        {tab.icon === 'performance' && (<PerformanceIcon color={isLocked
+                                ? AppColors.grayTextWeak
+                                : AppColors.purple} size={11}/>)}
                       </View>
                       {/* Label + Required badge */}
                       <Text style={{
@@ -669,6 +673,7 @@ const SettingsPanel = () => {
                             {tab.icon === 'analytics' && (<AnalyticsIcon color={isActive ? AppColors.white : AppColors.purple} size={11}/>)}
                             {tab.icon === 'redux' && (<ReduxIcon color={isActive ? AppColors.white : AppColors.purple} size={11}/>)}
                             {tab.icon === 'bundle' && (<PackageIcon color={isActive ? AppColors.white : AppColors.purple} size={11}/>)}
+                            {tab.icon === 'performance' && (<PerformanceIcon color={isActive ? AppColors.white : AppColors.purple} size={11}/>)}
                           </View>
                           <Text style={{
                             fontFamily: AppFonts.interBold,

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

@@ -4,7 +4,7 @@ import { useInspector } from './InspectorContext';
 import TouchableScale from '../TouchableScale';
 import styles from '../../styles';
 import { AppColors } from '../../styles/AppColors';
-import { SignalIcon, TerminalIcon, AnalyticsIcon, PackageIcon, ReduxIcon, } from '../NetworkIcons';
+import { SignalIcon, TerminalIcon, AnalyticsIcon, PackageIcon, ReduxIcon, PerformanceIcon, } from '../NetworkIcons';
 const TabBar = React.memo(() => {
     const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, lastReadApisCount, lastReadLogsCount, unreadPulseAnim, } = useInspector();
     return (<View style={styles.tabBarContainer}>
@@ -40,6 +40,12 @@ const TabBar = React.memo(() => {
                 count: 0,
                 icon: 'bundle',
             },
+            {
+                key: 'performance',
+                label: 'Performance',
+                count: 0,
+                icon: 'performance',
+            },
         ]
             .filter(tab => tabVisibility?.[tab.key])
             .map(tab => {
@@ -66,6 +72,7 @@ const TabBar = React.memo(() => {
                   {tab.icon === 'analytics' && (<AnalyticsIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'redux' && (<ReduxIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'bundle' && (<PackageIcon color={iconColor} size={14}/>)}
+                  {tab.icon === 'performance' && (<PerformanceIcon color={iconColor} size={14}/>)}
                   <Text numberOfLines={1} ellipsizeMode="tail" style={[
                     styles.contentTabButtonText,
                     isActive &&

package/dist/esm/components/NetworkIcons.d.ts

@@ -65,3 +65,4 @@ export declare const TimelineIcon: ({ color, size, }: any) => React.JSX.Element;
 export declare const StorageIcon: ({ color, size, }: any) => React.JSX.Element;
 export declare const MetadataIcon: ({ color, size, }: any) => React.JSX.Element;
 export declare const ReduxIcon: ({ color, size, }: any) => React.JSX.Element;
+export declare const PerformanceIcon: ({ color, size, }: any) => React.JSX.Element;

package/dist/esm/components/NetworkIcons.js

@@ -394,3 +394,11 @@ export const ReduxIcon = ({ color = AppColors.purple, size = 14, }) => {
       <Circle cx="3" cy="12" r="1.5" fill={color}/>
     </Svg>);
 };
+export const PerformanceIcon = ({ color = AppColors.purple, size = 14, }) => {
+    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M12 3v2M5.636 5.636l1.414 1.414M18.364 5.636l-1.414 1.414M3 12h2M19 12h2" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <Path d="M12 19a7 7 0 1 0-7-7c0 1.93.784 3.68 2.05 4.95" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <Path d="M12 12l3.5-3.5" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+      <Circle cx="12" cy="12" r="1.5" fill={color}/>
+    </Svg>);
+};

package/dist/esm/constants/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.17";
+export declare const LIB_VERSION = "1.1.18";

package/dist/esm/constants/version.js

@@ -1,3 +1,3 @@
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-export const LIB_VERSION = '1.1.17';
+export const LIB_VERSION = '1.1.18';

package/dist/esm/index.js

@@ -150,7 +150,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         logs: true,
         analytics: true,
         redux: false,
-        bundle: true,
+        bundle: false,
+        performance: false,
     });
     const [maxNetworkLogs, setMaxNetworkLogs] = useState(100);
     const [reduxAutoRefresh, setReduxAutoRefreshState] = useState(true);
@@ -169,7 +170,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             logs: true,
             analytics: true,
             redux: false,
-            bundle: true,
+            bundle: false,
+            performance: false,
         });
         setDefaultTab('apis');
         setMaxNetworkLogs(100);
@@ -227,7 +229,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                         logs: true,
                         analytics: true,
                         redux: false,
-                        bundle: true,
+                        bundle: false,
+                        performance: false,
                     },
                     ...(saved.tabVisibility || {}),
                     apis: true,

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

@@ -1,9 +1,9 @@
-export type ActiveTab = 'apis' | 'analytics' | 'logs' | 'redux' | 'bundle';
+export type ActiveTab = 'apis' | 'analytics' | 'logs' | 'redux' | 'bundle' | 'performance';
 export type Method = 'ALL' | 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
 export type StatusFilter = 'ALL' | '2xx' | '3xx' | '4xx' | '5xx' | 'Failed';
 export type SortOrder = 'newest' | 'oldest';
 export type LocalFilter = 'success' | 'failed' | 'loading';
 export type ModalAnimationType = 'slide' | 'fade' | 'none';
-export type SettingsPage = 'main' | 'apis' | 'logs' | 'analytics' | 'redux' | 'bundle' | null;
+export type SettingsPage = 'main' | 'apis' | 'logs' | 'analytics' | 'redux' | 'bundle' | 'performance' | null;
 export type SettingsSubTab = 'module' | 'ui';
 export type LogFilter = 'all' | 'info' | 'warn' | 'error' | 'user-log' | 'analytics';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "1.1.17",
+  "version": "1.1.18",
   "description": "A self-contained network, console, analytics, and webview inspector for React Native applications.",
   "repository": {
     "type": "git",