react-native-in-app-debugger 1.0.52 → 1.0.54

package/Text.jsx

@@ -1,4 +1,4 @@
 import React from 'react';
 import { Text, Platform } from 'react-native';
 
-export default ({ style = {}, ...props }) => <Text {...props} style={[{ fontFamily: Platform.OS === 'android' ? 'Roboto' : 'San Francisco' }, style]} />;
+export default ({ style = {}, ...props }) => <Text selectable {...props} style={[{ fontFamily: Platform.OS === 'android' ? 'Roboto' : 'San Francisco' }, style]} />;

package/index.jsx

@@ -5,7 +5,7 @@ import {
   TouchableOpacity,
   View,
   SafeAreaView,
-  Dimensions,
+  useWindowDimensions,
 } from "react-native";
 import Text from "./Text";
 import X from "./X";
@@ -31,7 +31,7 @@ import Api from "./Api";
 import useApiInterceptor from "./useApiInterceptor";
 import useStateRef from "./useStateRef";
 
-const dimension = Dimensions.get("window");
+const fontSize = 7;
 
 let v = "";
 let modelOs;
@@ -63,6 +63,7 @@ export default ({
   tabs = [],
 }) => {
   const [blacklists, setB, blacklistRef] = useStateRef([]);
+  const dimension = useWindowDimensions();
 
   const setBlacklists = (d) => {
     if (!d) {
@@ -103,7 +104,7 @@ export default ({
 
   const errors = apis.filter((a) => a.response?.error).length;
   const numPendingApiCalls = apis.filter((a) => !a.response).length;
-  let badgeHeight = 13;
+  let badgeHeight = fontSize + 7;
 
   const displayLabels = [
     (!!env || !!version) && (env || "") + (env ? " " : "") + version,
@@ -114,7 +115,7 @@ export default ({
     ...labels,
   ].filter(Boolean);
 
-  displayLabels.forEach(() => (badgeHeight += 7));
+  displayLabels.forEach(() => (badgeHeight += fontSize + 1));
 
   const {
     translateX,
@@ -151,14 +152,14 @@ export default ({
           <View style={styles.badgeContainer}>
             {!!numPendingApiCalls && (
               <View style={[styles.badge, { backgroundColor: "orange" }]}>
-                <Text style={{ fontSize: 6, color: "white" }}>
+                <Text style={{ fontSize, color: "white" }}>
                   {numPendingApiCalls}
                 </Text>
               </View>
             )}
             {!!errors && (
               <View style={[styles.badge, { backgroundColor: "red" }]}>
-                <Text style={{ fontSize: 6, color: "white" }}>{errors}</Text>
+                <Text style={{ fontSize, color: "white" }}>{errors}</Text>
               </View>
             )}
           </View>
@@ -230,7 +231,7 @@ const styles = StyleSheet.create({
     width: "100%",
     height: "100%",
   },
-  label: { color: "white", textAlign: "center", fontSize: 6 },
+  label: { color: "white", textAlign: "center", fontSize: fontSize + 1 },
   badgeContainer: {
     gap: 3,
     flexDirection: "row",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "description": "This library's main usage is to be used by Non-Technical testers during UAT, SIT or any testing phase.",
   "main": "index.jsx",
   "scripts": {

package/useAnimation.ts

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import { Animated, Keyboard, PanResponder, useWindowDimensions } from 'react-native';
 
-const defaultBadgeWidth = 80;
+const defaultBadgeWidth = 110;
 const defaultBorderRadius = 10;
 const und = { useNativeDriver: false };
 const touchThreshold = 10;