add import and export functionality for favourite server lists in settings

Author: itsneufox

src/containers/Settings/Tab/General.tsx

@@ -7,7 +7,7 @@ import { useAppState } from "../../../states/app";
 import { usePersistentServers } from "../../../states/servers";
 import { useSettings } from "../../../states/settings";
 import { useTheme } from "../../../states/theme";
-import { checkDirectoryValidity } from "../../../utils/game";
+import { checkDirectoryValidity, exportFavoriteListFile, importFavoriteListFile } from "../../../utils/game";
 import { Log } from "../../../utils/logger";
 import { stateStorage } from "../../../utils/stateStorage";
 import { sc } from "../../../utils/sizeScaler";
@@ -174,6 +174,35 @@ const General = () => {
           {t("settings_import_samp_favorite_list")}
         </Text>
       </TouchableOpacity>
+
+      <TouchableOpacity
+        style={[
+          styles.importButton,
+          {
+            backgroundColor: `${theme.primary}BB`,
+          },
+        ]}
+        onPress={() => exportFavoriteListFile()}
+      >
+        <Text semibold color={"#FFFFFF"} size={2}>
+          {t("settings_export_favorite_list_file")}
+        </Text>
+      </TouchableOpacity>
+
+      <TouchableOpacity
+        style={[
+          styles.importButton,
+          {
+            backgroundColor: `${theme.primary}BB`,
+          },
+        ]}
+        onPress={() => importFavoriteListFile()}
+      >
+        <Text semibold color={"#FFFFFF"} size={2}>
+          {t("settings_import_favorite_list_file")}
+        </Text>
+      </TouchableOpacity>
+
       <TouchableOpacity
         style={[
           styles.resetButton,

src/utils/game.ts

@@ -12,6 +12,11 @@ import { Log } from "./logger";
 import { sc } from "./sizeScaler";
 import { Server } from "./types";
 import { useGenericPersistentState } from "../states/genericStates";
+import { save } from '@tauri-apps/api/dialog';
+import { writeTextFile } from '@tauri-apps/api/fs';
+import { useNotification } from "../states/notification";
+import { open } from '@tauri-apps/api/dialog';
+import { readTextFile } from '@tauri-apps/api/fs';
 
 export const copySharedFilesIntoGameFolder = async () => {
   const { gtasaPath } = useSettings.getState();
@@ -315,3 +320,153 @@ export const checkDirectoryValidity = async (
 
   return true;
 };
+
+export const exportFavoriteListFile = async () => {
+  const { favorites } = usePersistentServers.getState();
+ 
+  if (!favorites.length) {
+    const { showMessageBox } = useMessageBox.getState();
+    showMessageBox({
+      title: t("export_no_servers_title"),
+      description: t("export_no_servers_description"),
+      buttons: [
+        {
+          title: "OK",
+          onPress: () => {},
+        },
+      ],
+    });
+    return;
+  }
+ 
+  try {
+    const exportData = {
+      version: 1,
+      servers: favorites.map(server => ({
+        ip: server.ip,
+        port: server.port,
+        name: server.hostname,
+        password: server.password || ""
+      }))
+    };
+   
+    const jsonString = JSON.stringify(exportData, null, 2);
+   
+    const savePath = await save({
+      filters: [{
+        name: 'JSON',
+        extensions: ['json']
+      }],
+      defaultPath: 'omp_servers.json'
+    });
+   
+    if (savePath) {
+      await writeTextFile(savePath, jsonString);
+     
+      const { showNotification } = useNotification.getState();
+      showNotification(
+        t("export_successful_title"),
+        t("export_successful_description", { count: favorites.length, path: savePath })
+      );
+    }
+  } catch (error) {
+    Log.debug("Error exporting servers:", error);
+    const { showMessageBox } = useMessageBox.getState();
+    showMessageBox({
+      title: t("export_failed_title"),
+      description: t("export_failed_description"),
+      buttons: [
+        {
+          title: "OK",
+          onPress: () => {},
+        },
+      ],
+    });
+  }
+};
+
+export const importFavoriteListFile = async () => {
+  try {
+    const selected = await open({
+      multiple: false,
+      filters: [{
+        name: 'JSON',
+        extensions: ['json']
+      }]
+    });
+
+    if (!selected) return; // User cancelled the dialog
+
+    const fileContent = await readTextFile(selected as string);
+    const { addToFavorites } = usePersistentServers.getState();
+    const { showNotification } = useNotification.getState();
+   
+    try {
+      const data = JSON.parse(fileContent);
+     
+      if (!data.servers || !Array.isArray(data.servers)) {
+        throw new Error("Invalid file format: missing servers array");
+      }
+     
+      let importCount = 0;
+     
+      for (const importedServer of data.servers) {
+        if (importedServer.ip && importedServer.port) {
+          const serverInfo: Server = {
+            ip: importedServer.ip,
+            port: Number(importedServer.port),
+            hostname: importedServer.name || "Imported Server",
+            playerCount: 0,
+            maxPlayers: 0,
+            gameMode: "-",
+            language: "-",
+            hasPassword: !!importedServer.password,
+            version: "-",
+            usingOmp: false,
+            partner: false,
+            ping: 9999,
+            players: [],
+            password: importedServer.password || "",
+            rules: {} as Server["rules"],
+          };
+         
+          addToFavorites(serverInfo);
+          importCount++;
+        }
+      }
+     
+      showNotification(
+        t("import_successful_title"),
+        t("import_successful_description", { count: importCount, path: selected })
+      );
+     
+    } catch (parseError) {
+      const { showMessageBox } = useMessageBox.getState();
+      showMessageBox({
+        title: t("import_failed_title"),
+        description: t("import_invalid_data_description"),
+        buttons: [
+          {
+            title: "OK",
+            onPress: () => {},
+          },
+        ],
+      });
+      Log.debug("Error parsing imported file:", parseError);
+    }
+   
+  } catch (error) {
+    const { showMessageBox } = useMessageBox.getState();
+    showMessageBox({
+      title: t("import_failed_title"),
+      description: t("import_failed_description"),
+      buttons: [
+        {
+          title: "OK",
+          onPress: () => {},
+        },
+      ],
+    });
+    Log.debug("Error importing servers:", error);
+  }
+};