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

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/package.json

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