react-native-in-app-debugger 1.0.76 → 1.0.78

package/Deeplink.tsx

@@ -0,0 +1,66 @@
+import React, { useEffect } from "react";
+import { Linking, Text, TextInput, TouchableOpacity, View } from "react-native";
+
+let LocalStorage;
+try {
+  LocalStorage =
+    require("@react-native-async-storage/async-storage/src").default;
+} catch (error) {
+  // console.error("Error importing LocalStorage:", error);
+}
+
+export default ({ deeplinkPrefix, onClose }) => {
+  const [text, setText] = React.useState("");
+  const [history, setHistory] = React.useState([]);
+
+  const go = (t) => {
+    const newHistory = [t, ...history.filter((h) => h !== t)].slice(0, 3);
+    setHistory(newHistory);
+    LocalStorage?.setItem(
+      "in-app-debugger-deeplink-list",
+      JSON.stringify(newHistory)
+    );
+    onClose();
+    Linking.openURL(deeplinkPrefix + t);
+  };
+
+  useEffect(() => {
+    LocalStorage?.getItem("in-app-debugger-deeplink-list").then((d) => {
+      if (d) {
+        setHistory(JSON.parse(d));
+      }
+    });
+  }, []);
+  return (
+    <View style={{ marginBottom: 10 }}>
+      <View style={{ flexDirection: "row", alignItems: "center", margin: 10 }}>
+        <Text style={{ color: "white" }}>{deeplinkPrefix}</Text>
+        <TextInput
+          value={text}
+          autoCapitalize="none"
+          autoCorrect={false}
+          autoComplete="off"
+          onChangeText={setText}
+          style={{
+            flex: 1,
+            backgroundColor: "#555",
+            marginRight: 10,
+            padding: 3,
+            borderRadius: 3,
+          }}
+        />
+        <TouchableOpacity
+          style={{ padding: 7, borderRadius: 4, backgroundColor: "white" }}
+          onPress={() => go(text)}
+        >
+          <Text style={{ color: "black", fontSize: 9 }}>Go</Text>
+        </TouchableOpacity>
+      </View>
+      {history.map((h) => (
+        <TouchableOpacity style={{ margin: 6 }} onPress={() => go(h)}>
+          <Text style={{ color: "grey", textAlign: "right" }}>{h}</Text>
+        </TouchableOpacity>
+      ))}
+    </View>
+  );
+};

package/Libs.jsx

@@ -9,17 +9,19 @@ import Text from "./Text";
 import Highlight from "./Highlight";
 import packageJson from "../../package.json";
 import realDeps from "./parentDependencies.js";
+import Deeplink from "./Deeplink";
 
 const libs = Object.entries(packageJson.dependencies).reduce(
   (arr, [name, version]) => [...arr, { name, version }],
   []
 );
 
-export default () => {
+export default (p) => {
   const [filter, setFilter] = useState("");
 
   return (
     <>
+      {!!p.deeplinkPrefix && <Deeplink {...p} />}
       <TextInput
         value={filter}
         placeholder="Filter..."

package/index.jsx

@@ -193,7 +193,7 @@ export default ({
               {[
                 "api",
                 !!variables && "vars",
-                "libs",
+                "config",
                 ...tabs.map((t) => t.title),
               ]
                 .filter(Boolean)
@@ -228,7 +228,12 @@ export default ({
             <X style={{ marginRight: 5 }} onPress={() => setIsOpen(false)} />
           </View>
           {tab === "vars" && !!variables && <Variables variables={variables} />}
-          {tab === "libs" && <Libs />}
+          {tab === "config" && (
+            <Libs
+              deeplinkPrefix={variables.DEEPLINK_PREFIX}
+              onClose={() => setIsOpen(false)}
+            />
+          )}
           {tab === "api" && (
             <Api
               {...{ apis, setBlacklists, blacklists, maxNumOfApiToStore }}

package/package.json

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