feat: add load, clear

Author: rebase

package-lock.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@monaco-editor/react": "^4.7.0",
     "@tauri-apps/api": "^2",
+    "@tauri-apps/plugin-dialog": "^2.2.2",
     "@tauri-apps/plugin-opener": "^2.2.7",
     "@tauri-apps/plugin-shell": "^2.2.1",
     "lucide-react": "^0.511.0",

package.json

@@ -19,6 +19,7 @@ tauri-build = { version = "2", features = [] }
 
 [dependencies]
 tauri = { version = "2", features = [] }
+tauri-plugin-dialog = "2"
 tauri-plugin-opener = "2"
 tauri-plugin-store = "2"
 serde = { version = "1", features = ["derive"] }

src-tauri/Cargo.lock

@@ -3,8 +3,5 @@
   "identifier": "default",
   "description": "Capability for the main window",
   "windows": ["main"],
-  "permissions": [
-    "core:default",
-    "opener:default"
-  ]
+  "permissions": ["core:default", "opener:default", "dialog:allow-open"]
 }

src-tauri/Cargo.toml

@@ -94,15 +94,22 @@ async fn load_app_data(app: tauri::AppHandle) -> Result<AppData, String> {
     }
 }
 
+#[tauri::command]
+async fn read_file(path: String) -> Result<String, String> {
+    std::fs::read_to_string(&path).map_err(|e| format!("Failed to read file '{}': {}", path, e))
+}
+
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
     tauri::Builder::default()
+        .plugin(tauri_plugin_dialog::init())
         .plugin(tauri_plugin_opener::init())
         .plugin(tauri_plugin_store::Builder::default().build())
         .invoke_handler(tauri::generate_handler![
             format_json_string,
             save_app_data,
-            load_app_data
+            load_app_data,
+            read_file
         ])
         .run(tauri::generate_context!())
         .expect("error while running tauri application");

src-tauri/capabilities/default.json

@@ -74,7 +74,7 @@ body {
 
 .editor-header {
   display: flex;
-  justify-content: flex-end;
+  justify-content: space-between;
   align-items: center;
   padding: 0.5em 0.75em;
   background-color: #f8f9fa;
@@ -97,6 +97,16 @@ body {
   gap: 0.25em;
 }
 
+.editor-actions-left {
+  display: flex;
+  gap: 0.25em;
+}
+
+.editor-actions-right {
+  display: flex;
+  gap: 0.25em;
+}
+
 .action-button {
   display: flex;
   align-items: center;