react-native-inapp-inspector 1.0.18 → 1.1.1

package/dist/esm/components/ReduxTreeView.js

@@ -17,6 +17,26 @@ const BoltIcon = ({ color = AppColors.grayTextWeak, size = 12 }) => (<Svg width=
 const FolderIcon = ({ color = AppColors.grayTextWeak, size = 12 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
     <Path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
   </Svg>);
+// Exported icons so the Redux tab's section headers and sub-tab buttons can
+// render real vector icons instead of emoji (which fail to render on some
+// Android/font setups).
+export const ReduxStoreIcon = ({ color = AppColors.grayTextWeak, size = 12, }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path d="M3 9l1.5-5h15L21 9M3 9v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9M3 9h18M7 9v3a2 2 0 0 0 4 0V9m2 0v3a2 2 0 0 0 4 0V9" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+  </Svg>);
+export const ReduxBoltIcon = ({ color = AppColors.grayTextWeak, size = 12, }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" fill={color} stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+  </Svg>);
+// Action Timeline — a history/clock icon reads as "sequence over time".
+export const ReduxTimelineIcon = ({ color = AppColors.grayTextWeak, size = 12, }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path d="M3 3v5h5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <Path d="M3.05 13A9 9 0 1 0 6 5.3L3 8" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <Path d="M12 7v5l3 2" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </Svg>);
+// Store Tree — a node hierarchy icon reads as "nested tree structure".
+export const ReduxTreeIcon = ({ color = AppColors.grayTextWeak, size = 12, }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path d="M9 4h6v4H9zM3 16h6v4H3zm12 0h6v4h-6z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <Path d="M12 8v4M6 16v-2h12v2" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </Svg>);
 const animateTreeLayout = () => {
     LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
 };
@@ -142,7 +162,10 @@ export const ReduxTreeView = ({ state, lastActionMap, search, }) => {
             setStoreExpanded(!storeExpanded);
         }} style={styles.storeHeader}>
         <AnimatedChevron color="#FFFFFF" expanded={storeExpanded} size={12} style={styles.chevronWrap}/>
-        <Text style={styles.storeTitle}>🏪 Redux Store</Text>
+        <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
+          <ReduxStoreIcon color="#FFFFFF" size={14}/>
+          <Text style={styles.storeTitle}>Redux Store</Text>
+        </View>
         <View style={styles.badge}>
           <Text style={styles.badgeText}>{reducers.length} Reducers</Text>
         </View>
@@ -246,9 +269,12 @@ export const ReduxActionTimeline = ({ history, onClear, search, }) => {
     });
     return (<View style={timelineStyles.container}>
       <View style={timelineStyles.headerRow}>
-        <Text style={timelineStyles.headerTitle}>
-          ⚡ Dispatched Actions ({filteredHistory.length})
-        </Text>
+        <View style={{ flexDirection: 'row', alignItems: 'center', gap: 6 }}>
+          <ReduxBoltIcon color={AppColors.purple} size={15}/>
+          <Text style={timelineStyles.headerTitle}>
+            Dispatched Actions ({filteredHistory.length})
+          </Text>
+        </View>
         {history.length > 0 && (<Pressable onPress={onClear} style={timelineStyles.clearBtn}>
             <Text style={timelineStyles.clearBtnText}>Clear Log</Text>
           </Pressable>)}

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

@@ -5,3 +5,4 @@ export declare const METHOD_COLORS: Record<Method, string>;
 export declare const DOMAIN_COLORS: string[];
 export declare const DURATION_FAST_MS = 200;
 export declare const DURATION_SLOW_MS = 800;
+export { LIB_VERSION } from './version';

package/dist/esm/constants/index.js

@@ -30,3 +30,6 @@ export const DOMAIN_COLORS = [
 ];
 export const DURATION_FAST_MS = 200;
 export const DURATION_SLOW_MS = 800;
+// Package version — auto-generated from package.json at build time.
+// See scripts/gen-version.js (wired to the "prebuild" npm script).
+export { LIB_VERSION } from './version';

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

@@ -0,0 +1 @@
+export declare const LIB_VERSION = "1.1.1";

package/dist/esm/constants/version.js

@@ -0,0 +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.1';

package/dist/esm/customHooks/reduxLogger.js

@@ -29,7 +29,9 @@ export const subscribeReduxState = (cb) => {
     };
 };
 export const connectReduxStore = (store) => {
-    if (!store || typeof store.getState !== 'function' || typeof store.subscribe !== 'function') {
+    if (!store ||
+        typeof store.getState !== 'function' ||
+        typeof store.subscribe !== 'function') {
         console.warn('[NetworkInspector] Invalid Redux store passed to connectReduxStore.');
         return;
     }
@@ -72,8 +74,14 @@ export const connectReduxStore = (store) => {
             }
         }
         if (globalReduxAutoRefresh) {
+            // Refresh the displayed state tree snapshot.
             setReduxState(nextState);
         }
+        else {
+            // Tree is paused, but the action timeline / last-action map still changed,
+            // so notify subscribers to re-render those without moving the tree snapshot.
+            listeners.forEach(cb => cb());
+        }
         return result;
     };
     setReduxState(store.getState());