feat: Material UI (#8)

- Introduce `vuetify`, rework most UI element to Material Design style.
- User experience improvements.
- `App` component won't be mounted on main window.

Author: drHuangMHT

package.json

@@ -15,11 +15,14 @@
     "@tauri-apps/plugin-clipboard-manager": "^2.0",
     "@tauri-apps/plugin-shell": "^2.2",
     "material-icons": "^1.13",
+    "vite-plugin-vuetify": "^2.1.1",
     "vue": "^3",
     "vue-router": "^4",
-    "vue-virtual-scroller": "^2.0.0-beta.8"
+    "vue-virtual-scroller": "^2.0.0-beta.8",
+    "vuetify": "^3.8.0"
   },
   "devDependencies": {
+    "@mdi/font": "^7.4.47",
     "@tauri-apps/cli": "^2.1",
     "@types/node": "^22.13",
     "@vitejs/plugin-vue": "^5",

src-tauri/Cargo.lock

@@ -0,0 +1,11 @@
+{
+    "identifier": "developer-event-listener",
+    "description": "permissions for swarm event listener window for developers",
+    "local": true,
+    "windows": ["developer-swarm-event-listener"],
+    "permissions": [
+      "core:default",
+      "owlnest-swarm"
+    ]
+  }
+  

src-tauri/capabilities/developer-event-listener.json

@@ -10,10 +10,12 @@
     "owlnest-mdns",
     "owlnest-relay-client",
     "owlnest-swarm",
+    "owlnest-upnp",
     "app-panel",
     "app-info",
     "owlnest-developer-options",
     "clipboard-manager:allow-write-text",
-    "clipboard-manager:default"
+    "clipboard-manager:default",
+    "owlnest-developer-options"
   ]
 }

src-tauri/capabilities/main.json

@@ -1 +1 @@
-{"main":{"identifier":"main","description":"permissions for the main window","local":true,"windows":["main"],"permissions":["core:default","owlnest-autonat","owlnest-kad","owlnest-mdns","owlnest-relay-client","owlnest-swarm","app-panel","app-info","owlnest-developer-options","clipboard-manager:allow-write-text","clipboard-manager:default"]},"owlnest-blob-transfer":{"identifier":"owlnest-blob-transfer","description":"permissions for owlnest-blob-transfer window","local":true,"windows":["owlnest-blob-transfer"],"permissions":["core:default","owlnest-blob-transfer","blob-transfer-fs","clipboard-manager:allow-write-text","clipboard-manager:default"]},"owlnest-gossipsub":{"identifier":"owlnest-gossipsub","description":"permissions for owlnest-gossipsub window","local":true,"windows":["owlnest-gossipsub"],"permissions":["core:default","owlnest-gossipsub","clipboard-manager:allow-write-text","clipboard-manager:default"]},"owlnest-messaging":{"identifier":"owlnest-messaging","description":"permissions for owlnest-messaging window","local":true,"windows":["owlnest-messaging"],"permissions":["core:default","owlnest-messaging","clipboard-manager:allow-write-text","clipboard-manager:default"]}}
+{"developer-event-listener":{"identifier":"developer-event-listener","description":"permissions for swarm event listener window for developers","local":true,"windows":["developer-swarm-event-listener"],"permissions":["core:default","owlnest-swarm"]},"main":{"identifier":"main","description":"permissions for the main window","local":true,"windows":["main"],"permissions":["core:default","owlnest-autonat","owlnest-kad","owlnest-mdns","owlnest-relay-client","owlnest-swarm","owlnest-upnp","app-panel","app-info","owlnest-developer-options","clipboard-manager:allow-write-text","clipboard-manager:default","owlnest-developer-options"]},"owlnest-blob-transfer":{"identifier":"owlnest-blob-transfer","description":"permissions for owlnest-blob-transfer window","local":true,"windows":["owlnest-blob-transfer"],"permissions":["core:default","owlnest-blob-transfer","blob-transfer-fs","clipboard-manager:allow-write-text","clipboard-manager:default"]},"owlnest-gossipsub":{"identifier":"owlnest-gossipsub","description":"permissions for owlnest-gossipsub window","local":true,"windows":["owlnest-gossipsub"],"permissions":["core:default","owlnest-gossipsub","clipboard-manager:allow-write-text","clipboard-manager:default"]},"owlnest-messaging":{"identifier":"owlnest-messaging","description":"permissions for owlnest-messaging window","local":true,"windows":["owlnest-messaging"],"permissions":["core:default","owlnest-messaging","clipboard-manager:allow-write-text","clipboard-manager:default"]}}

src-tauri/gen/schemas/acl-manifests.json

@@ -241,6 +241,11 @@
           "type": "string",
           "const": "owlnest-swarm"
         },
+        {
+          "description": "Get upnp status",
+          "type": "string",
+          "const": "owlnest-upnp"
+        },
         {
           "description": "Allow to dial a peer",
           "type": "string",

src-tauri/gen/schemas/capabilities.json

@@ -241,6 +241,11 @@
           "type": "string",
           "const": "owlnest-swarm"
         },
+        {
+          "description": "Get upnp status",
+          "type": "string",
+          "const": "owlnest-upnp"
+        },
         {
           "description": "Allow to dial a peer",
           "type": "string",

src-tauri/gen/schemas/desktop-schema.json

@@ -3,5 +3,5 @@ identifier = "owlnest-developer-options"
 description = """Access to developer options"""
 commands.allow = [
     "plugin:owlnest-developer-options|print_struct",
-    "plugin:owlnest-developer-options|swarn_event_listener",
+    "plugin:owlnest-developer-options|swarm_event_listener",
 ]

src-tauri/gen/schemas/windows-schema.json

@@ -7,6 +7,7 @@ commands.allow = [
     "plugin:owlnest-swarm|get_local_peer_id",
     "plugin:owlnest-swarm|list_connected",
     "plugin:owlnest-swarm|list_listeners",
+    "plugin:owlnest-swarm|remove_listener",
     "plugin:owlnest-swarm|get_peer_info",
     "plugin:owlnest-swarm|disconnect_peer"
 ]