react-native-in-app-debugger 1.0.10 → 1.0.12

package/Api.jsx

@@ -22,7 +22,7 @@ const Row = ({ item }) => {
   const tabs = [
     { value: "Response Body" },
     { value: "Request Body", hide: !item.request.data },
-    { value: "Request Body" },
+    { value: "Request Header" },
   ];
   const [tab, setTab] = useState(tabs[0].value);
   const hasResponse = item.response;
@@ -184,17 +184,6 @@ export default (props) => {
           const duration = item.response?.timestamp
             ? ~~(item.response?.timestamp - item.request.timestamp) / 1000
             : 0;
-          const date = new Date(item.request.datetime);
-          let hour = date.getHours();
-          const minute = date.getMinutes();
-
-          const amPm = hour >= 12 ? "PM" : "AM";
-
-          if (hour > 12) {
-            hour -= 12;
-          } else if (hour === 0) {
-            hour = 12;
-          }
           const isExpand = expands[item.id];
           return (
             <View style={styles.rowHeader}>

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 :
@@ -46,7 +47,7 @@ export default () => (
         <Text>Heavy</Text>
       </TouchableOpacity>
     </View>
-    <InAppDebugger version={version} env="staging" variables={variables} />
+    <InAppDebugger version={version} env="staging" variables={variables} labels={['branch: master']} />
   </>
 );
 
@@ -63,6 +64,7 @@ All FlatList props should work plus props mentioned below
 | ----------------------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------- | ----------------------------------------------------------------------- |
 | `env` | string | any value set here will be shown in the floating debugger panel | | Optional |
 | `variables` | Plain Old JavaScript Object object {} | Key-Value Plain Old JavaScript Object. Normal use case is to show API URL endpoints, environment variable values or any variables you want to debug on run time | | Optional. If set, the debugger will show a dedicated tab for variables when open in full screen mode |
+| `labels` | Array of strings | Array of strings you want to show of the floating debugger pill. For each strings in the array will eb displayed as a single line in the floating debugger pill | | Optional |
 | `maxNumOfApiToStore` | integer | Number of APIs to be kept. Too much API might make the whole app lag, therefore need to trade off. Suggested value is 50 | | Optional. If not set, all APIs will be kept forever |
 `version` | string | Any string passed here will be shown in debugger's floating panel. | | Optional. If not supplied, version number will taken automatically using React Native Device Info library. But if Device Info library is not installed, then no version will be shown if this prop is not passed.
 

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,

package/package.json

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