react-native-inapp-inspector 1.1.28 → 1.1.31

package/dist/commonjs/styles/index.d.ts

@@ -20,17 +20,22 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
     };
     headerLeft: {
         flex: number;
+        minWidth: number;
         alignItems: string;
     };
     headerCenter: {
         flex: number;
+        minWidth: number;
         alignItems: string;
+        justifyContent: string;
+        paddingHorizontal: number;
     };
     headerRight: {
-        flex: number;
+        flexShrink: number;
         flexDirection: string;
         alignItems: string;
         justifyContent: string;
+        gap: number;
     };
     headerTitle: {
         fontFamily: string;
@@ -176,6 +181,7 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         justifyContent: string;
         borderWidth: number;
         borderColor: string;
+        overflow: string;
     };
     fabWrapper: {
         position: string;
@@ -250,6 +256,13 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         gap: number;
     };
     toolbarBtn: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
         width: number;
         height: number;
         borderRadius: number;
@@ -258,14 +271,16 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         backgroundColor: string;
         borderWidth: number;
         borderColor: string;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
+    } | {
         elevation: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: string;
+        justifyContent: string;
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
     };
     toolbarBtnActive: {
         borderColor: string;
@@ -412,6 +427,12 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         borderWidth: number;
         borderColor: string;
     };
+    domainHeaderCardExpanded: {
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+        borderBottomWidth: number;
+        marginBottom: number;
+    };
     domainHeaderTopRow: {
         flexDirection: string;
         alignItems: string;
@@ -421,6 +442,8 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         flexDirection: string;
         alignItems: string;
         flex: number;
+        minWidth: number;
+        marginRight: number;
         gap: number;
     };
     domainIconWrap: {
@@ -452,21 +475,42 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         fontFamily: string;
         fontSize: number;
     };
+    domainProgressSection: {
+        marginTop: number;
+        gap: number;
+        width: string;
+    };
     domainProgressTrack: {
         flexDirection: string;
         height: number;
         borderRadius: number;
         overflow: string;
         backgroundColor: string;
-        marginTop: number;
         width: string;
     };
     domainProgressSegment: {
         height: string;
     };
+    domainProgressLabelsRow: {
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
+        paddingHorizontal: number;
+    };
+    domainProgressRateText: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+    domainProgressSummaryText: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
     domainStatsGroup: {
         flexDirection: string;
         alignItems: string;
+        flexShrink: number;
         gap: number;
     };
     domainStatPill: {
@@ -487,8 +531,20 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
     treeNodeRow: {
         flexDirection: string;
         alignItems: string;
-        paddingLeft: number;
+        marginHorizontal: number;
         paddingRight: number;
+        paddingLeft: number;
+        backgroundColor: string;
+        borderLeftWidth: number;
+        borderRightWidth: number;
+        borderColor: string;
+    };
+    treeNodeRowLast: {
+        borderBottomWidth: number;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+        marginBottom: number;
+        paddingBottom: number;
     };
     treeLines: {
         width: number;
@@ -580,11 +636,6 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         fontSize: number;
     };
     methodBadge: {
-        paddingHorizontal: number;
-        paddingVertical: number;
-        borderRadius: number;
-        alignItems: string;
-        justifyContent: string;
         shadowColor: string;
         shadowOffset: {
             width: number;
@@ -592,12 +643,28 @@ export declare const getRawStyles: (colors: typeof AppColors) => {
         };
         shadowOpacity: number;
         shadowRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        alignItems: string;
+        justifyContent: string;
+        borderWidth: number;
+        borderColor: string;
+    } | {
         elevation: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        alignItems: string;
+        justifyContent: string;
+        borderWidth: number;
+        borderColor: string;
     };
     methodBadgeText: {
         fontFamily: string;
         fontSize: number;
         letterSpacing: number;
+        color: string;
     };
     cardHostText: {
         fontFamily: string;

package/dist/commonjs/styles/index.js

@@ -46,20 +46,31 @@ const getRawStyles = (colors) => ({
         paddingHorizontal: 12,
         paddingVertical: 10,
         zIndex: 10,
-        minHeight: 64,
+        minHeight: 56,
         shadowColor: colors.black,
         shadowOffset: { width: 0, height: 2 },
         shadowOpacity: 0.08,
         shadowRadius: 4,
-        elevation: 4,
+        elevation: 3,
     },
-    headerLeft: { flex: 2, alignItems: 'flex-start' },
-    headerCenter: { flex: 3, alignItems: 'center' },
-    headerRight: {
+    headerLeft: {
         flex: 1,
+        minWidth: 0,
+        alignItems: 'flex-start',
+    },
+    headerCenter: {
+        flex: 1,
+        minWidth: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: 4,
+    },
+    headerRight: {
+        flexShrink: 0,
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'flex-end',
+        gap: 6,
     },
     headerTitle: {
         fontFamily: AppFonts_1.AppFonts.interBold,
@@ -185,11 +196,12 @@ const getRawStyles = (colors) => ({
         width: 32,
         height: 32,
         borderRadius: 8,
-        backgroundColor: `${colors.white}26`,
+        backgroundColor: `${colors.white}2B`,
         alignItems: 'center',
         justifyContent: 'center',
         borderWidth: 1,
-        borderColor: `${colors.white}14`,
+        borderColor: `${colors.white}33`,
+        overflow: 'hidden',
     },
     fabWrapper: {
         position: 'absolute',
@@ -266,11 +278,16 @@ const getRawStyles = (colors) => ({
         backgroundColor: colors.primaryLight,
         borderWidth: 1.5,
         borderColor: colors.grayBorderSecondary,
-        shadowColor: colors.black,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.04,
-        shadowRadius: 2,
-        elevation: 1,
+        ...(react_native_1.Platform.OS === 'ios'
+            ? {
+                shadowColor: colors.black,
+                shadowOffset: { width: 0, height: 1 },
+                shadowOpacity: 0.04,
+                shadowRadius: 2,
+            }
+            : {
+                elevation: 0,
+            }),
     },
     toolbarBtnActive: {
         borderColor: colors.purple,
@@ -407,6 +424,12 @@ const getRawStyles = (colors) => ({
         borderWidth: 1,
         borderColor: colors.grayBorderSecondary,
     },
+    domainHeaderCardExpanded: {
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0,
+        borderBottomWidth: 0,
+        marginBottom: 0,
+    },
     domainHeaderTopRow: {
         flexDirection: 'row',
         alignItems: 'center',
@@ -416,6 +439,8 @@ const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         flex: 1,
+        minWidth: 0,
+        marginRight: 6,
         gap: 8,
     },
     domainIconWrap: {
@@ -447,21 +472,42 @@ const getRawStyles = (colors) => ({
         fontFamily: AppFonts_1.AppFonts.interBold,
         fontSize: 9.5,
     },
+    domainProgressSection: {
+        marginTop: 8,
+        gap: 4,
+        width: '100%',
+    },
     domainProgressTrack: {
         flexDirection: 'row',
-        height: 2.5,
-        borderRadius: 1.25,
+        height: 4,
+        borderRadius: 2,
         overflow: 'hidden',
-        backgroundColor: 'rgba(148, 163, 184, 0.2)',
-        marginTop: 6,
+        backgroundColor: '#E2E8F0',
         width: '100%',
     },
     domainProgressSegment: {
         height: '100%',
     },
+    domainProgressLabelsRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: 2,
+    },
+    domainProgressRateText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 9.5,
+        color: colors.grayTextStrong,
+    },
+    domainProgressSummaryText: {
+        fontFamily: AppFonts_1.AppFonts.interMedium,
+        fontSize: 9,
+        color: colors.grayTextWeak,
+    },
     domainStatsGroup: {
         flexDirection: 'row',
         alignItems: 'center',
+        flexShrink: 0,
         gap: 4,
     },
     domainStatPill: {
@@ -482,8 +528,20 @@ const getRawStyles = (colors) => ({
     treeNodeRow: {
         flexDirection: 'row',
         alignItems: 'stretch',
-        paddingLeft: 12,
-        paddingRight: 12,
+        marginHorizontal: 12,
+        paddingRight: 8,
+        paddingLeft: 4,
+        backgroundColor: colors.grayBackground,
+        borderLeftWidth: 1,
+        borderRightWidth: 1,
+        borderColor: colors.grayBorderSecondary,
+    },
+    treeNodeRowLast: {
+        borderBottomWidth: 1,
+        borderBottomLeftRadius: 10,
+        borderBottomRightRadius: 10,
+        marginBottom: 8,
+        paddingBottom: 6,
     },
     treeLines: {
         width: 28,
@@ -572,21 +630,29 @@ const getRawStyles = (colors) => ({
         fontSize: 10,
     },
     methodBadge: {
-        paddingHorizontal: 6,
+        paddingHorizontal: 6.5,
         paddingVertical: 2.5,
-        borderRadius: 6,
+        borderRadius: 5,
         alignItems: 'center',
         justifyContent: 'center',
-        shadowColor: colors.black,
-        shadowOffset: { width: 0, height: 1 },
-        shadowOpacity: 0.08,
-        shadowRadius: 2,
-        elevation: 1,
+        borderWidth: 1,
+        borderColor: 'rgba(255, 255, 255, 0.3)',
+        ...(react_native_1.Platform.OS === 'ios'
+            ? {
+                shadowColor: colors.black,
+                shadowOffset: { width: 0, height: 1 },
+                shadowOpacity: 0.12,
+                shadowRadius: 2,
+            }
+            : {
+                elevation: 1,
+            }),
     },
     methodBadgeText: {
         fontFamily: AppFonts_1.AppFonts.interBold,
         fontSize: 9.5,
-        letterSpacing: 0.4,
+        letterSpacing: 0.6,
+        color: colors.white,
     },
     cardHostText: {
         fontFamily: AppFonts_1.AppFonts.interMedium,

package/dist/commonjs/types/interfaces.d.ts

@@ -119,6 +119,13 @@ export interface ReduxHistoryEntry {
     affectedSlices: string[];
     prevState?: any;
     nextState?: any;
+    stack?: string;
+    caller?: string;
+    callerFile?: string;
+    callerLine?: number;
+    callerCol?: number;
+    originType?: 'saga' | 'thunk' | 'ui' | 'direct' | 'listener';
+    sliceName?: string;
 }
 export interface InspectorStorage {
     getItem: (key: string) => string | null | Promise<string | null>;