react-native-in-app-debugger 1.0.46 → 1.0.48

package/index.jsx

@@ -28,6 +28,7 @@ import useAnimation from "./useAnimation";
 import Variables from "./Variables";
 import Api from "./Api";
 import useApiInterceptor from "./useApiInterceptor";
+import useStateRef from "./useStateRef";
 
 const dimension = Dimensions.get("window");
 
@@ -60,7 +61,7 @@ export default ({
   interceptResponse,
   tabs = [],
 }) => {
-  const [blacklists, setB] = useState([]);
+  const [blacklists, setB, blacklistRef] = useStateRef([]);
 
   const setBlacklists = d => {
     if (!d) {
@@ -87,7 +88,7 @@ export default ({
     },[]);
   }
 
-  const { apis, ...restApiInterceptor } = useApiInterceptor(maxNumOfApiToStore, blacklists, interceptResponse);
+  const { apis, ...restApiInterceptor } = useApiInterceptor(maxNumOfApiToStore, blacklists, interceptResponse, blacklistRef);
 
   const [tab, setTab] = useState("api");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "1.0.46",
+  "version": "1.0.48",
   "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/useAnimation.ts

@@ -9,7 +9,7 @@ const touchThreshold = 10;
 export default (defaultBadgeHeight) => {
   const cachePosition = useRef({ x: 0, y: 50 });
   const position = useRef<any>(new Animated.ValueXY(cachePosition.current)).current;
-  const borderRadius = useRef(new Animated.Value(defaultBorderRadius)).current;
+  // const borderRadius = useRef(new Animated.Value(defaultBorderRadius)).current;
   const badgeHeight = useRef(new Animated.Value(defaultBadgeHeight)).current;
   const badgeWidth = useRef(new Animated.Value(defaultBadgeWidth)).current;
   const { width, height } = useWindowDimensions();
@@ -59,7 +59,7 @@ export default (defaultBadgeHeight) => {
   useEffect(() => {
     setTimeout(() => setShouldShowDetails(isOpen), isOpen ? 200 : 0);
     Animated.spring(position, { toValue: isOpen ? { x: 0, y: 0 } : cachePosition.current, ...und }).start();
-    Animated.spring(borderRadius, { toValue: isOpen ? 0 : defaultBorderRadius, ...und }).start();
+    // Animated.spring(borderRadius, { toValue: isOpen ? 0 : defaultBorderRadius, ...und }).start();
     Animated.spring(badgeHeight, { toValue: isOpen ? height : defaultBadgeHeight, ...und }).start();
     Animated.spring(badgeWidth, { toValue: isOpen ? width : defaultBadgeWidth, ...und }).start();
   }, [isOpen]);
@@ -72,7 +72,7 @@ export default (defaultBadgeHeight) => {
     translateY: position.y,
     isOpen,
     setIsOpen,
-    borderRadius,
+    borderRadius: isOpen ? 0 : defaultBorderRadius,
     shouldShowDetails,
   };
 };

package/useApiInterceptor.js

@@ -17,7 +17,7 @@ const parse = (data) => {
   }
 };
 
-export default (maxNumOfApiToStore, blacklists, interceptResponse) => {
+export default (maxNumOfApiToStore, blacklists, interceptResponse, blacklistRef) => {
   const [apis, setApis] = useState([]);
   const [bookmarks, setBookmarks] = useState({});
 
@@ -35,7 +35,7 @@ export default (maxNumOfApiToStore, blacklists, interceptResponse) => {
   }, [apis]);
 
   const makeRequest = (data) => {
-    if (blacklists.some((b) => b.url === data.url && b.method === data.method)) return;
+    if (blacklistRef.current.some((b) => b.url === data.url && b.method === data.method)) return;
     const date = new Date();
     let hour = date.getHours();
     const minute = (date.getMinutes() + '').padStart(2, '0');

package/useStateRef.js

@@ -0,0 +1,18 @@
+import { useCallback, useRef, useState, SetStateAction, Dispatch } from "react";
+
+const isFunction = (setStateAction) =>
+  typeof setStateAction === "function";
+
+
+export default (initialState) => {
+  const [state, setState] = useState(initialState);
+  const ref = useRef(state);
+
+  const dispatch = useCallback((setStateAction) => {
+    ref.current = isFunction(setStateAction) ? setStateAction(ref.current) : setStateAction;
+
+    setState(ref.current);
+  }, []);
+
+  return [state, dispatch, ref];
+};