react-native-inapp-inspector 1.1.28 → 1.1.31

package/dist/esm/styles/index.js

@@ -10,20 +10,31 @@ export 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.interBold,
@@ -149,11 +160,12 @@ export 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',
@@ -230,11 +242,16 @@ export 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,
+        ...(Platform.OS === 'ios'
+            ? {
+                shadowColor: colors.black,
+                shadowOffset: { width: 0, height: 1 },
+                shadowOpacity: 0.04,
+                shadowRadius: 2,
+            }
+            : {
+                elevation: 0,
+            }),
     },
     toolbarBtnActive: {
         borderColor: colors.purple,
@@ -371,6 +388,12 @@ export const getRawStyles = (colors) => ({
         borderWidth: 1,
         borderColor: colors.grayBorderSecondary,
     },
+    domainHeaderCardExpanded: {
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0,
+        borderBottomWidth: 0,
+        marginBottom: 0,
+    },
     domainHeaderTopRow: {
         flexDirection: 'row',
         alignItems: 'center',
@@ -380,6 +403,8 @@ export const getRawStyles = (colors) => ({
         flexDirection: 'row',
         alignItems: 'center',
         flex: 1,
+        minWidth: 0,
+        marginRight: 6,
         gap: 8,
     },
     domainIconWrap: {
@@ -411,21 +436,42 @@ export const getRawStyles = (colors) => ({
         fontFamily: 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.interBold,
+        fontSize: 9.5,
+        color: colors.grayTextStrong,
+    },
+    domainProgressSummaryText: {
+        fontFamily: AppFonts.interMedium,
+        fontSize: 9,
+        color: colors.grayTextWeak,
+    },
     domainStatsGroup: {
         flexDirection: 'row',
         alignItems: 'center',
+        flexShrink: 0,
         gap: 4,
     },
     domainStatPill: {
@@ -446,8 +492,20 @@ export 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,
@@ -536,21 +594,29 @@ export 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)',
+        ...(Platform.OS === 'ios'
+            ? {
+                shadowColor: colors.black,
+                shadowOffset: { width: 0, height: 1 },
+                shadowOpacity: 0.12,
+                shadowRadius: 2,
+            }
+            : {
+                elevation: 1,
+            }),
     },
     methodBadgeText: {
         fontFamily: AppFonts.interBold,
         fontSize: 9.5,
-        letterSpacing: 0.4,
+        letterSpacing: 0.6,
+        color: colors.white,
     },
     cardHostText: {
         fontFamily: AppFonts.interMedium,

package/dist/esm/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>;

package/ios/NetworkInspectorModule.m

@@ -122,14 +122,4 @@ RCT_EXPORT_METHOD(enableNativeCrashProtection:(RCTPromiseResolveBlock)resolve
     resolve(@(YES));
 }
 
-RCT_EXPORT_METHOD(copyToClipboard:(NSString *)text
-                  resolver:(RCTPromiseResolveBlock)resolve
-                  rejecter:(RCTPromiseRejectBlock)reject) {
-    dispatch_async(dispatch_get_main_queue(), ^{
-        UIPasteboard *pasteboard = [UIPasteboard generalPasteboard];
-        pasteboard.string = text ?: @"";
-        resolve(@(YES));
-    });
-}
-
 @end

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "1.1.28",
+  "version": "1.1.31",
   "description": "The zero-config, all-in-one in-app debugger for React Native & Expo. Inspect Network (fetch/axios), Console logs, Stack Traces, Redux State, Firebase Analytics, and JS Bundle size directly on device.",
   "repository": {
     "type": "git",
@@ -90,16 +90,19 @@
     }
   },
   "devDependencies": {
-    "@react-navigation/native": "^6.1.9",
-    "@types/react": "^19.1.0",
-    "@types/react-native": "^0.72.0",
-    "axios": "^1.7.2",
-    "prettier": "^2.8.8",
+    "@react-navigation/native": "6.1.9",
+    "@types/react": "19.1.0",
+    "@types/react-native": "0.72.0",
+    "axios": "1.7.2",
+    "prettier": "2.8.8",
     "react": "19.1.0",
     "react-native": "0.81.4",
-    "react-native-bundle-visualizer": "^4.0.0",
-    "react-native-linear-gradient": "^2.8.3",
-    "react-native-svg": "^15.14.0",
-    "typescript": "^5.8.3"
+    "react-native-bundle-visualizer": "4.0.0",
+    "react-native-linear-gradient": "2.8.3",
+    "react-native-svg": "15.14.0",
+    "typescript": "5.8.3"
+  },
+  "dependencies": {
+    "@react-native-clipboard/clipboard": "1.16.3"
   }
 }