add import/export setting

Author: liaotonglang

package.json

@@ -1,7 +1,7 @@
 {
   "name": "sguala",
   "productName": "sguala",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "My Electron application description",
   "main": ".webpack/main",
   "scripts": {

src/main/initIpc.ts

@@ -1,6 +1,7 @@
-import { Config, ipcMain } from "electron";
+import { Config, ipcMain, dialog } from "electron";
 import conf, { Server, ServerGroup } from "./conf";
 import { v4 as uuidv4 } from 'uuid';
+import { promises as fs } from 'fs';
 import { emptyServerStat, ServerStat, SshRemote } from "./sshRemote";
 
 export function initIpc() {
@@ -263,4 +264,60 @@ export function initIpc() {
     await conf.updateFetchInterval(interval);
   });
 
+  ipcMain.handle('conf-export-settings', async (event) => {
+    // dialog show save file
+    const result = await dialog.showSaveDialog({
+      title: 'Export Settings',
+      defaultPath: 'sguala.json',
+      filters: [
+        { name: 'JSON', extensions: ['json'] },
+      ],
+    });
+    const filePath = result.filePath;
+    if (!filePath) {
+      console.log('cancel export');
+      return;
+    }
+    console.log('export settings to', filePath);
+    const c = conf.get();
+    const data = JSON.stringify(c, null, 2);
+    await fs.writeFile(filePath, data);
+  });
+
+  ipcMain.handle('conf-import-settings', async (event) => {
+    // dialog show open file
+    const result = await dialog.showOpenDialog({
+      title: 'Import Settings',
+      filters: [
+        { name: 'JSON', extensions: ['json'] },
+      ],
+    });
+    const filePath = result.filePaths[0];
+    if (!filePath) {
+      console.log('cancel import');
+      return;
+    }
+    console.log('import settings from', filePath);
+    const data = await fs.readFile(filePath);
+    const nc = JSON.parse(data.toString());
+    const oc = conf.get();
+    // merge
+    for (const g of nc.groups) {
+      const og = oc.groups.find(gg => gg.name == g.name);
+      if (og) {
+        // merge group, add server from g to og if not exists
+        for (const s of g.servers) {
+          const os = og.servers.find(ss => ss.name == s.name);
+          if (!os) {
+            og.servers.push(s);
+          }
+        }
+      } else {
+        // add group
+        oc.groups.push(g);
+      }
+    }
+    // save
+    await conf.store(oc);
+  });
 }

src/preload.ts

@@ -75,7 +75,15 @@ contextBridge.exposeInMainWorld('main', {
 
     updateInterval: async (interval: number) => {
       return await ipcRenderer.invoke('update-fetch-interval', interval);
-    }
+    },
+
+    exportSettings: async () => {
+      return await ipcRenderer.invoke('conf-export-settings');
+    },
+
+    importSettings: async (settings: any) => {
+      return await ipcRenderer.invoke('conf-import-settings', settings);
+    },
   },
 
   remote: {

src/view/SettingPage.tsx

@@ -3,7 +3,7 @@ import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 
 import { useTranslation } from 'react-i18next';
-import { Divider } from '@mui/material';
+import { Button, Divider } from '@mui/material';
 import Typography from '@mui/material/Typography';
 
 export function SettingPage() {
@@ -12,6 +12,15 @@ export function SettingPage() {
   const sgualaRepo = "https://github.com/zltl/sguala";
   const gpl3Url = "https://www.gnu.org/licenses/gpl-3.0.en.html";
 
+
+  const exportSettings = async () => {
+    main.conf.exportSettings();
+  };
+
+  const importSettings = async () => {
+    main.conf.importSettings();
+  }
+
   return (
     <Box>
       <Link href={sgualaRepo}
@@ -28,9 +37,13 @@ export function SettingPage() {
       </Link>.
       <Divider />
 
-      <Typography>
-        没啥可设置的。
-      </Typography>
+      <Button onClick={() => exportSettings()} variant="contained">
+        {t('Export Settings')}
+      </Button>
+
+      <Button onClick={() => importSettings()} variant="contained">
+        {t('Import Settings')}
+      </Button>
 
     </Box>
   );

src/view/locales/zh-CN/translation.json

@@ -17,5 +17,7 @@
   "Use password instead of ssh-key": "使用密码登录",
   "Ssh private key pem": "SSH 私钥内容",
   "Upload": "上传",
-  "Download": "下载"
+  "Download": "下载",
+  "Export Settings": "导出设置",
+  "Import Settings": "导入设置"
 }