react-native-in-app-debugger 1.0.38 → 1.0.40

package/Api.jsx

@@ -97,7 +97,6 @@ const isError = (a) => a.response?.status < 200 || a.response?.status >= 400;
 export default (props) => {
   const [filter, setFilter] = useState("");
   const [errorOnly, setErrorOnly] = useState(false);
-  const [filterUrlOnly, setFilterUrlOnly] = useState(true);
   const [expands, setExpands] = useState({});
   const apis = props.apis.filter((a) => !errorOnly || isError(a));
 
@@ -154,16 +153,6 @@ export default (props) => {
             onChangeText={(t) => setFilter(t.toLowerCase())}
           />
         </View>
-        {!!filter && (
-          <TouchableOpacity
-            style={{ padding: 5 }}
-            onPress={() => setFilterUrlOnly((v) => !v)}
-          >
-            <Text style={{ color: "#ffffff88" }}>
-              {filterUrlOnly ? "by URL" : "by URL & body"}
-            </Text>
-          </TouchableOpacity>
-        )}
       </View>
       {!filter &&
         !!props.maxNumOfApiToStore &&
@@ -179,9 +168,7 @@ export default (props) => {
         showsVerticalScrollIndicator
         sections={apis
           .filter((a) =>
-            !filter || filterUrlOnly
-              ? a.request.url.includes(filter)
-              : JSON.stringify(a).toLowerCase().includes(filter)
+            !filter || JSON.stringify(a).toLowerCase().includes(filter)
           )
           .map((data) => ({ data: [data], id: data.id }))}
         renderItem={(i) =>

package/index.jsx

@@ -78,6 +78,7 @@ export default ({
     isOpen,
     panResponder,
     setIsOpen,
+    shouldShowDetails,
   } = useAnimation(badgeHeight);
   return (
     <Animated.View
@@ -85,14 +86,14 @@ export default ({
         transform: [{ translateX }, { translateY }],
         position: "absolute",
         borderRadius,
-        backgroundColor: "#000000" + (isOpen ? "dd" : "bb"),
+        backgroundColor: "#000000" + (isOpen ? "ee" : "bb"),
         height,
         width,
         borderTopRightRadius: numPendingApiCalls || errors ? 0 : undefined,
       }}
       {...(isOpen ? {} : panResponder.panHandlers)}
     >
-      {!isOpen ? (
+      {!shouldShowDetails ? (
         <TouchableOpacity
           onPress={() => setIsOpen(true)}
           style={styles.box}

package/package.json

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

@@ -14,6 +14,7 @@ export default (defaultBadgeHeight) => {
   const badgeWidth = useRef(new Animated.Value(defaultBadgeWidth)).current;
   const { width, height } = useWindowDimensions();
   const [isOpen, setIsOpen] = useState(false);
+  const [shouldShowDetails, setShouldShowDetails] = useState(false);
 
   useEffect(() => {
     const showSubscription = Keyboard.addListener('keyboardDidShow', () => {
@@ -29,7 +30,6 @@ export default (defaultBadgeHeight) => {
     };
   }, [isOpen]);
 
-
   const panResponder = useRef(
     PanResponder.create({
       onStartShouldSetPanResponder: () => false,
@@ -57,6 +57,7 @@ export default (defaultBadgeHeight) => {
   }, [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(badgeHeight, { toValue: isOpen ? height : defaultBadgeHeight, ...und }).start();
@@ -72,5 +73,6 @@ export default (defaultBadgeHeight) => {
     isOpen,
     setIsOpen,
     borderRadius,
+    shouldShowDetails,
   };
 };