react-native-in-app-debugger 1.0.41 → 1.0.43

package/Api.jsx

@@ -140,7 +140,7 @@ export default (props) => {
             style={{ padding: 5, backgroundColor: "white", borderRadius: 5 }}
             onPress={() =>
               Alert.alert("Are you sure", "You want to clear all blacklists", [
-                { text: "Clear", onPress: () => props.setBlacklists([]), style: "cancel" },
+                { text: "Clear", onPress: () => props.setBlacklists(), style: "cancel" },
                 { text: "Cancel" },
               ])
             }
@@ -240,7 +240,12 @@ export default (props) => {
                   </TouchableOpacity>
                 )}
                 <TouchableOpacity
-                  onPress={() => props.setBlacklists(v => [...v, item.request])}
+                  onPress={() => {
+                    Alert.alert("Are you sure", `You want to blacklist: \n\n(${item.request.method}) ${item.request.url} \n\nwhere all history logs for this API will be removed and all future request for this API will not be recorded?`, [
+                      { text: "Blacklist", onPress: () => props.setBlacklists({method: item.request.method, url: item.request.url}), style: "cancel" },
+                      { text: "Cancel" },
+                    ])
+                  }}
                   style={styles.actionButton}
                 >
                   <Text style={{ color: "black", fontSize: 10 }}>Blacklist</Text>

package/index.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import {
   Animated,
   StyleSheet,
@@ -8,6 +8,7 @@ import {
   Dimensions,
 } from "react-native";
 import Text from "./Text";
+
 let DeviceInfo;
 try {
   DeviceInfo = require("react-native-device-info");
@@ -15,6 +16,13 @@ try {
   // console.error("Error importing DeviceInfo:", error);
 }
 
+let LocalStorage;
+try {
+  LocalStorage = require("@react-native-async-storage/async-storage/src").default;
+} catch (error) {
+  // console.error("Error importing LocalStorage:", error);
+}
+
 import useAnimation from "./useAnimation";
 import Variables from "./Variables";
 import Api from "./Api";
@@ -50,7 +58,33 @@ export default ({
   labels = [],
   interceptResponse
 }) => {
-  const [blacklists, setBlacklists] = useState([]);
+  const [blacklists, setB] = useState([]);
+
+  const setBlacklists = d => {
+    if (!d) {
+      setB([]);
+      LocalStorage?.removeItem('in-app-debugger-blacklist');
+    } else {
+      setB(v => {
+        const newValue = Array.isArray(d) ? d : [...v, d];
+        LocalStorage?.setItem('in-app-debugger-blacklist', JSON.stringify(newValue));
+        return newValue;
+      });
+    }
+  }
+
+  if (LocalStorage) {
+    useEffect(() => {
+      setTimeout(() => {
+        LocalStorage.getItem('in-app-debugger-blacklist').then(d => {
+          if (d) {
+            setBlacklists(JSON.parse(d));
+          }
+        });
+      }, 4000);
+    },[]);
+  }
+
   const { apis, clear } = useApiInterceptor(maxNumOfApiToStore, blacklists, interceptResponse);
 
   const [tab, setTab] = useState("api");

package/package.json

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