react-native-in-app-debugger 1.0.11 → 1.0.14

package/README.md

@@ -1,8 +1,9 @@
 # react-native-in-app-debugger
 
-This library's main usage is be used by Non-Technical tester during UAT or SIT or any testing phase.
+This library's main usage is to be used by Non-Technical testers during UAT, SIT or any testing phase.
+
+![ezgif-3-1cb92b8367](https://github.com/fattahmuhyiddeen/react-native-in-app-debugger/assets/24792201/4ffe083a-4807-4a2e-a624-6a81f506439b)
 
-![Simulator Screen Recording - iPhone SE (3rd generation) - 2024-02-13 at 19 07 03](https://github.com/fattahmuhyiddeen/react-native-in-app-debugger/assets/24792201/87d0ef78-f692-4cbd-88ed-a6ba67d5931e)
 
 
 Usage :

package/index.jsx

@@ -1,6 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
-// hooks are prevented to be called conditionally, but in this case, bundle id / package name will never changed in run time, so it is safe to call the hooks under that condition
-
 import React, { useState } from "react";
 import {
   Animated,
@@ -61,13 +58,13 @@ export default ({
   const errors = apis.filter((a) => a.response?.error).length;
   const numPendingApiCalls = apis.filter((a) => !a.response).length;
   let badgeHeight = 10;
-  if (variables?.GIT_BRANCH) badgeHeight += 10;
-  if (variables?.BUILD_DATE_TIME) badgeHeight += 10;
+  if (variables?.GIT_BRANCH) badgeHeight += 7;
+  if (variables?.BUILD_DATE_TIME) badgeHeight += 7;
   const hasEnvOrVersion = !!env || !!version;
-  if (hasEnvOrVersion) badgeHeight += 10;
-  if (DeviceInfo) badgeHeight += 10;
-  if (badgeHeight === 10) badgeHeight += 10;
-  labels.forEach(() => (badgeHeight += 10));
+  if (hasEnvOrVersion) badgeHeight += 7;
+  if (DeviceInfo) badgeHeight += 7;
+  if (badgeHeight === 10) badgeHeight += 7;
+  labels.forEach(() => (badgeHeight += 7));
 
   const {
     translateX,
@@ -178,7 +175,7 @@ const styles = StyleSheet.create({
     width: "100%",
     height: "100%",
   },
-  label: { color: "white", textAlign: "center", fontSize: 6 },
+  label: { color: "white", textAlign: "center", fontSize: 5 },
   badgeContainer: {
     gap: 3,
     flexDirection: "row",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "1.0.11",
+  "version": "1.0.14",
   "description": "",
   "main": "index.jsx",
   "scripts": {