react-native-in-app-debugger 2.0.0 → 2.0.2

package/Api/index.jsx

@@ -182,7 +182,9 @@ export default (props) => {
             : 0;
           const isExpand = expands[item.id];
           const bookmarkColor = props.bookmarks[item.id];
-          const color = hasResponse
+          const color = item.isMocked
+            ? "blue"
+            : hasResponse
             ? item.response.error
               ? "red"
               : "white"

package/Mock/MockDetails.jsx

@@ -1,5 +1,5 @@
 import React, { use, useEffect, useState } from 'react';
-import { View, StyleSheet, TextInput, TouchableOpacity, Alert } from 'react-native';
+import { FlatList, View, StyleSheet, TextInput, TouchableHighlight, TouchableOpacity, Alert } from 'react-native';
 import Text from '../Text';
 import X from '../X';
 
@@ -63,14 +63,14 @@ export default (p) => {
   useEffect(reset, [p.mockDetails]);
   const [canReset, setCanReset] = useState(false);
 
-  // const parse = (data) => {
-  //   try {
-  //     return JSON.parse(data);
-  //   } catch (e) {
-  //     // Alert.alert('Error', 'Invalid JSON');
-  //     return {};
-  //   }
-  // };
+  const parse = (data) => {
+    try {
+      return JSON.parse(data);
+    } catch (e) {
+      // Alert.alert('Error', 'Invalid JSON');
+      return {};
+    }
+  };
 
   useEffect(() => {
     try {

package/Mock/index.jsx

@@ -1,5 +1,7 @@
 import React, { useState } from 'react';
-import { FlatList, StyleSheet, TextInput } from 'react-native';
+import { FlatList, StyleSheet, TextInput, TouchableHighlight, View } from 'react-native';
+import Text from '../Text';
+import Highlight from '../Highlight';
 import MockGroup from './MockGroup';
 
 const format = (m) => '(' + m.request.method + ') ' + m.request.url;

package/index.jsx

@@ -124,8 +124,9 @@ export default ({
 
   const deleteMock = (id) => setMocks((v) => v.filter((i) => i.id !== id));
 
-  const errors = apis.filter((a) => a.response?.error).length;
+  const numErrorApiCalls = apis.filter((a) => a.response?.error).length;
   const numPendingApiCalls = apis.filter((a) => !a.response).length;
+  const numMockedApiCalls = apis.filter((a) => a.isMocked).length;
   let badgeHeight = fontSize * 3;
 
   const displayLabels = [
@@ -167,7 +168,8 @@ export default ({
         height,
         width,
         zIndex: 999999999,
-        borderTopRightRadius: numPendingApiCalls || errors ? 0 : undefined,
+        borderTopRightRadius:
+          numPendingApiCalls || numErrorApiCalls ? 0 : undefined,
       }}
       {...(isOpen ? {} : panResponder.panHandlers)}
     >
@@ -185,6 +187,13 @@ export default ({
           activeOpacity={0.8}
         >
           <View style={styles.badgeContainer}>
+            {!!numMockedApiCalls && (
+              <View style={[styles.badge, { backgroundColor: "blue" }]}>
+                <Text style={{ fontSize, color: "white" }}>
+                  {numMockedApiCalls}
+                </Text>
+              </View>
+            )}
             {!!numPendingApiCalls && (
               <View style={[styles.badge, { backgroundColor: "orange" }]}>
                 <Text style={{ fontSize, color: "white" }}>
@@ -192,9 +201,11 @@ export default ({
                 </Text>
               </View>
             )}
-            {!!errors && (
+            {!!numErrorApiCalls && (
               <View style={[styles.badge, { backgroundColor: "red" }]}>
-                <Text style={{ fontSize, color: "white" }}>{errors}</Text>
+                <Text style={{ fontSize, color: "white" }}>
+                  {numErrorApiCalls}
+                </Text>
               </View>
             )}
           </View>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "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/parentDependencies.js

@@ -1 +0,0 @@
-export default {}