feat: add route nav, state management, and persistent settings

package.json

@@ -17,9 +17,12 @@
     "@tauri-apps/plugin-opener": "^2",
     "@tauri-apps/plugin-os": "^2.2.0",
     "@tauri-apps/plugin-shell": "^2.2.0",
+    "@tauri-apps/plugin-store": "^2.2.0",
     "@tauri-apps/plugin-upload": "^2.2.1",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-router": "^7.1.5",
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.6",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "zkn-client"
-version = "0.1.0"
+version = "0.1.0-dev"
 description = "A Tauri App"
 authors = ["you"]
 edition = "2021"
@@ -29,4 +29,5 @@ tauri-plugin-shell = "2"
 tauri-plugin-fs = "2"
 tauri-plugin-log = "2"
 time = { version = "0.3", features = ["formatting"] }
+tauri-plugin-store = "2"
 

src-tauri/capabilities/default.json

@@ -12,6 +12,7 @@
     "os:allow-platform",
     "shell:allow-kill",
     "shell:default",
+    "store:default",
     "upload:default",
     {
       "identifier": "fs:allow-exists",
@@ -50,7 +51,12 @@
         {
           "name": "walletshield-listen",
           "cmd": "walletshield",
-          "args": ["-listen", ":7070", "-config", "client.toml"],
+          "args": [
+            "-listen",
+            { "validator": "^(\\S*:\\d+)$" },
+            "-config",
+            "client.toml"
+          ],
           "sidecar": false
         }
       ]

src-tauri/src/lib.rs

@@ -7,6 +7,7 @@ fn network_connect(network_id: &str) -> String {
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
     tauri::Builder::default()
+        .plugin(tauri_plugin_store::Builder::new().build())
         .plugin(
             tauri_plugin_log::Builder::new()
                 // https://tauri.app/plugin/logging/#formatting

src/App.css

@@ -44,6 +44,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+/*
+ * Set scrollbar-gutter to prevent sidebar-induced layout shift on Windows
+ * https://github.com/saadeghi/daisyui/issues/2859#issuecomment-2383862183
+ * https://github.com/saadeghi/daisyui/discussions/3246#discussioncomment-11738876
+ */
+html {
+  scrollbar-gutter: auto !important;
+}
+html:has(body.content-overflow-y) {
+  scrollbar-gutter: stable !important;
+}
+
 .logo {
   @apply h-48 p-6 transition duration-1000;
   will-change: filter;