react-native-inapp-inspector 1.1.28 → 1.1.29

package/dist/esm/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;
@@ -452,18 +467,38 @@ 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;
@@ -580,11 +615,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 +622,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/esm/styles/index.js

@@ -7,23 +7,34 @@ export const getRawStyles = (colors) => ({
     header: {
         flexDirection: 'row',
         alignItems: 'center',
-        paddingHorizontal: 12,
-        paddingVertical: 10,
+        paddingHorizontal: 10,
+        paddingVertical: 8,
         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,
@@ -411,18 +428,38 @@ 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',
@@ -536,21 +573,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/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.29",
   "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",
@@ -101,5 +101,8 @@
     "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"
   }
 }