add improved deep linking, server import mode

amnet-native/app/ServerManager.tsx

@@ -1,7 +1,8 @@
+import {BSON} from "realm";
 import {Button, Paragraph, useTheme} from "react-native-paper";
 import {Globe, History, Plus, ServerOff} from "lucide-react-native";
-import {FlatList, NativeSyntheticEvent, Text, View} from "react-native";
-import React, {useCallback, useLayoutEffect, useMemo, useState} from "react";
+import {Alert, FlatList, NativeSyntheticEvent, Text, View} from "react-native";
+import React, {useCallback, useEffect, useLayoutEffect, useMemo, useState} from "react";
 import ContextMenu, {ContextMenuOnPressNativeEvent} from "react-native-context-menu-view";
 import {EmptyStatePlaceholder} from "../components/EmptyStatePlaceholder";
 import {AMUICard, AMUICardDetail} from "../components/AMUICard";
@@ -9,6 +10,7 @@ import TimeAgo from "../components/TimeAgo";
 
 import RealmContext from "../models/RealmContext";
 import {AMServer} from "../models/AMServer";
+import ObjectId = BSON.ObjectId;
 
 const {useRealm, useQuery} = RealmContext;
 
@@ -57,7 +59,8 @@ function ServerCard(props: { server: AMServer, navigation: any }) {
     )
 }
 
-export default function ServerManager({navigation}) {
+export default function ServerManager({route, navigation}) {
+    const realm = useRealm();
     const theme = useTheme();
     const [searchQuery, setSearchQuery] = useState('');
 
@@ -85,6 +88,11 @@ export default function ServerManager({navigation}) {
         })
     }, [navigation, setSearchQuery]);
 
+    // handle deep links once/render
+    useEffect(() => {
+        handleDeepLink(realm, navigation, route);
+    }, []);
+
     if (!servers.length) {
         return (
             <View style={{gap: 10, flex: 1, justifyContent: "center", alignItems: "center"}}>
@@ -105,4 +113,44 @@ export default function ServerManager({navigation}) {
                   ItemSeparatorComponent={() => <View style={{height: 15}}/>}
                   renderItem={i => <ServerCard navigation={navigation} server={i.item}/>}/>
     )
+}
+
+async function handleDeepLink(realm, navigation, route) {
+    if (!route.params?.serverAddress) {
+        return;
+    }
+
+    let serverId: ObjectId;
+
+    const serverUrl = decodeURIComponent(route.params.serverAddress);
+    const item = realm.objects(AMServer).filtered("serverAddress = $0", serverUrl);
+
+    if (item.length) {
+        serverId = item[0]._id;
+    } else {
+        try {
+            new URL(serverUrl);
+            realm.write(() => {
+                const newServer = realm.create(AMServer, AMServer.generate(serverUrl));
+                newServer.serverName = "Imported Server";
+
+                serverId = newServer._id;
+            });
+        } catch (TypeError) {
+            Alert.alert("Invalid Server URL", "The server URL provided is invalid.");
+        }
+    }
+
+    // clear param from route
+    navigation.setParams({serverAddress: null});
+
+    if (serverId) {
+        // give it some time to let everything load (and the user sees the initial list)
+        await new Promise(resolve => setTimeout(resolve, 500));
+        navigation.navigate('server', {
+            serverId: serverId.toHexString()
+        });
+    }
+
+    return null;
 }