feat: persists secrets #2

Signed-off-by: seven <zilisheng1996@gmail.com>

package.json

@@ -20,6 +20,7 @@
     "oh-vue-icons": "^1.0.0-rc3",
     "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
+    "tauri-plugin-store-api": "github:tauri-apps/tauri-plugin-store#v1",
     "ulidx": "^2.3.0",
     "vue": "^3.3.4",
     "vue-i18n": "^9.9.0",

src-tauri/Cargo.toml

@@ -15,6 +15,7 @@ tauri-build = { version = "1.5", features = [] }
 [dependencies]
 tauri = { version = "1.5", features = ["shell-open"] }
 serde = { version = "1.0", features = ["derive"] }
+tauri-plugin-store = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v1" }
 serde_json = "1.0"
 
 [features]

src-tauri/src/main.rs

@@ -10,6 +10,7 @@ use tauri::Manager;
 
 fn main() {
     tauri::Builder::default()
+        .plugin(tauri_plugin_store::Builder::default().build())
         .setup(|app| {
             #[cfg(debug_assertions)] // only include this code on debug builds
             {

src/common/envs.ts

@@ -0,0 +1 @@
+export const isTauri = () => !!window.__TAURI__;

src/common/index.ts

@@ -2,3 +2,4 @@ export * from './customError';
 export * from './debounceThrottle';
 export * from './pureObject';
 export * from './editor';
+export * from './envs.ts';

src/store/clients/secretClient.ts

@@ -0,0 +1,27 @@
+import { Store } from 'tauri-plugin-store-api';
+import { Secret } from '../secretStore.ts';
+import { isTauri } from '../../common';
+
+const store = new Store('.secrets.st');
+const saveSecret = async (secret: Secret) => {
+  if (isTauri()) {
+    await store.set(`${secret.id}`, secret);
+
+    await store.save();
+  }
+};
+const removeSecret = async (secret: Secret) => {
+  if (isTauri()) {
+    await store.delete(`${secret.id}`);
+
+    await store.save();
+  }
+};
+
+const getSecrets = async () => {
+  if (isTauri()) {
+    return store.values();
+  }
+};
+
+export const secretClient = { saveSecret, removeSecret, getSecrets };

src/store/secretStore.ts

@@ -1,5 +1,6 @@
 import { defineStore } from 'pinia';
 import { ulid } from 'ulidx';
+import { secretClient } from './clients/secretClient.ts';
 export enum SecretType {
   SSH_KEY = 'SSH_KEY',
   PASSWORD = 'PASSWORD',
@@ -23,18 +24,24 @@ export const useSecretStore = defineStore('secretStore', {
   },
   getters: {},
   actions: {
-    saveSecret(secret: Secret) {
+    async loadSecrets() {
+      const secrets = (await secretClient.getSecrets()) || [];
+      this.secrets = secrets as Secret[];
+    },
+    async saveSecret(secret: Secret) {
       if (!secret.id) {
         secret.id = ulid();
         this.secrets.push(secret);
       } else {
         const index = this.secrets.findIndex(s => s.id === secret.id);
         this.secrets[index] = secret;
       }
+      await secretClient.saveSecret(secret);
     },
-    removeSecret(secret: Secret) {
+    async removeSecret(secret: Secret) {
       const index = this.secrets.findIndex(s => s.id === secret.id);
       this.secrets.splice(index, 1);
+      await secretClient.removeSecret(secret);
     },
   },
 });

src/views/secret/components/key-list.vue

@@ -33,7 +33,7 @@ import { useLang } from '../../../lang';
 const lang = useLang();
 const secretStore = useSecretStore();
 
-const { secrets } = toRefs(secretStore);
+const [{ loadSecrets }, { secrets }] = [secretStore, toRefs(secretStore)];
 
 const editKeyDialogRef = ref();
 const editSecret = (secret: Secret) => {
@@ -50,6 +50,7 @@ const handleSelect = (key: number, secret: Secret) => {
 const deleteSecret = (secret: Secret) => {
   secretStore.removeSecret(secret);
 };
+loadSecrets();
 </script>
 
 <style lang="scss" scoped>

src/views/secret/components/new-key-dialog.vue

@@ -168,7 +168,7 @@ const validationPassed = watch(formData.value, async () => {
 const submitSaveSecret = async (event: MouseEvent) => {
   event.preventDefault();
   saveLoading.value = !saveLoading.value;
-  saveSecret({ ...formData.value } as Secret);
+  await saveSecret({ ...formData.value } as Secret);
   closeModal();
   saveLoading.value = !saveLoading.value;
 };