react-native-in-app-debugger 1.0.55 → 1.0.56

package/Libs.jsx

@@ -0,0 +1,44 @@
+import React, { useState } from "react";
+import { FlatList, TextInput, TouchableHighlight } from "react-native";
+import Text from "./Text";
+import Highlight from "./Highlight";
+import packageJson from '../../package.json';
+
+const libs = Object.entries(packageJson.dependencies).reduce((arr,[name, version])=>[...arr,{name,version}],[]);
+
+export default () => {
+  const [filter, setFilter] = useState("");
+
+  return (
+    <>
+      <TextInput
+        value={filter}
+        placeholder="Filter..."
+        placeholderTextColor="grey"
+        style={{ paddingHorizontal: 5, color: "white" }}
+        onChangeText={(t) => setFilter(t.toLowerCase())}
+        clearButtonMode="always"
+      />
+      <FlatList
+        contentContainerStyle={{ padding: 5, paddingBottom: 20 }}
+        data={libs.filter(
+          (l) =>
+            !filter ||
+            l.name.toLowerCase().includes(filter) ||
+            l.version.includes(filter)
+        )}
+        showsVerticalScrollIndicator
+        keyExtractor={(i) => i.name}
+        renderItem={({ item }) => (
+          <TouchableHighlight underlayColor="#ffffff44" onPress={() => null}>
+          <Text selectable style={{ color: "white", marginVertical: 10 }}>
+            <Highlight text={item.name} filter={filter} />
+            {" : "}
+            <Highlight text={item.version} filter={filter} />
+          </Text>
+          </TouchableHighlight>
+        )}
+      />
+    </>
+  );
+};

package/index.jsx

@@ -30,6 +30,7 @@ import Variables from "./Variables";
 import Api from "./Api";
 import useApiInterceptor from "./useApiInterceptor";
 import useStateRef from "./useStateRef";
+import Libs from "react-native-in-app-debugger/Libs";
 
 const fontSize = 7;
 
@@ -176,8 +177,7 @@ export default ({
           </View>
           <View style={{ flexDirection: "row", padding: 5, gap: 6 }}>
             <View style={{ flex: 1, flexDirection: "row" }}>
-              {!!variables &&
-                ["api", "variables", ...tabs.map((t) => t.title)].map(
+              {["api", !!variables && "variables", "libs", ...tabs.map((t) => t.title)].filter(Boolean).map(
                   (t, i) => {
                     const isSelected = t === tab;
                     return (
@@ -212,6 +212,7 @@ export default ({
           {tab === "variables" && !!variables && (
             <Variables variables={variables} />
           )}
+          {tab === "libs" && <Libs />}
           {tab === "api" && (
             <Api
               {...{ apis, setBlacklists, blacklists, maxNumOfApiToStore }}

package/package.json

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