react-native-in-app-debugger 2.0.8 → 2.0.10

package/Api/index.jsx

@@ -285,16 +285,32 @@ export default (props) => {
                     <BlacklistIcon />
                   </TouchableOpacity>
                 )}
+                {isExpand && item.interface === "axios" && !!item.mockid && (
+                  <TouchableOpacity
+                    onPress={() => props.goToMock({ ...item, id: item.mockid })}
+                    style={styles.actionButton}
+                  >
+                    <Text style={{ color: "black", fontSize: 10 }}>
+                      Edit Mock
+                    </Text>
+                  </TouchableOpacity>
+                )}
                 {isExpand && item.interface === "axios" && (
                   <TouchableOpacity
-                    onPress={() => {
-                      props.goToMock(
-                        item.mockid ? { ...item, id: item.mockid } : item
-                      );
-                    }}
+                    onPress={() => props.goToMock(item)}
+                    style={styles.actionButton}
+                  >
+                    <Text style={{ color: "black", fontSize: 10 }}>
+                      {item.mockid ? "New " : ""}Mock
+                    </Text>
+                  </TouchableOpacity>
+                )}
+                {isExpand && (
+                  <TouchableOpacity
+                    onPress={() => props.deleteApi(item.id)}
                     style={styles.actionButton}
                   >
-                    <Text style={{ color: "black", fontSize: 10 }}>Mock</Text>
+                    <Text style={{ color: "black", fontSize: 10 }}>Delete</Text>
                   </TouchableOpacity>
                 )}
               </View>

package/Api/useApiInterceptor.js

@@ -50,11 +50,16 @@ export default ({ maxNumOfApiToStore, blacklists, blacklistRef, mocks }) => {
       datetime: new Date().toLocaleString(),
       time: `${hour}:${minute}:${second}`,
       mockid: undefined,
-      interface: undefined
+      interface: undefined,
     };
     setApis((v) => {
       const newData = [
-        { request, id: Date.now().toString(36) + Math.random().toString(36), mockid: data.mockid, interface: data.interface },
+        {
+          request,
+          id: Date.now().toString(36) + Math.random().toString(36),
+          mockid: data.mockid,
+          interface: data.interface,
+        },
         ...(maxNumOfApiToStore ? v.slice(0, maxNumOfApiToStore - 1) : v),
       ];
       return newData;
@@ -194,7 +199,7 @@ export default ({ maxNumOfApiToStore, blacklists, blacklistRef, mocks }) => {
         if (!shouldExclude(url, method)) {
           const data = config.data ? parse(config.data) : undefined;
 
-        const mock = mocked(url, method);
+          const mock = mocked(url, method);
 
           makeRequest({
             url,
@@ -255,5 +260,14 @@ export default ({ maxNumOfApiToStore, blacklists, blacklistRef, mocks }) => {
     );
   }, [mocks]);
 
-  return { apis, clear: () => setApis([]), bookmarks, setBookmarks };
+  const deleteApi = (id) => {
+    setApis((v) => v.filter((a) => a.id !== id));
+    setBookmarks((v) => {
+      const newV = { ...v };
+      delete newV[id];
+      return newV;
+    });
+  };
+
+  return { apis, deleteApi, clear: () => setApis([]), bookmarks, setBookmarks };
 };

package/Mock/MockDetails.jsx

@@ -168,11 +168,11 @@ export default (p) => {
         })}
       </View>
       {tab === "response" && (
-        <View style={{ gap: 3 }}>
+        <View style={{ gap: 3, padding: 10 }}>
           <View style={{ flexDirection: "row", gap: 5 }}>
             <Text>Status</Text>
             <TextInput
-              style={{ backgroundColor: "#ccc", width: 50, padding: 2 }}
+              style={{ ...styles.textField, width: 50 }}
               inputMode="numeric"
               onChangeText={(t) => {
                 setTmpResStatus(t);
@@ -192,10 +192,9 @@ export default (p) => {
             <Text>Body</Text>
             <TextInput
               style={{
-                backgroundColor: "#ccc",
+                ...styles.textField,
                 height: 250,
                 flex: 1,
-                padding: 2,
               }}
               multiline
               onChangeText={setTmpResBody}
@@ -276,4 +275,10 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
   },
+  textField: {
+    backgroundColor: "#ccc",
+    width: 50,
+    padding: 2,
+    borderRadius: 5,
+  },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "2.0.8",
+  "version": "2.0.10",
   "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": {