feat(app): make the app watch for external file system

Author: Keshav-writes-code

apps/app/src-tauri/Cargo.lock

@@ -26,7 +26,7 @@ serde = { version = "1.0", features = ["derive"] }
 log = "0.4"
 tauri = { version = "2.10.2", features = [] }
 tauri-plugin-log = "2"
-tauri-plugin-fs = "2"
+tauri-plugin-fs = { version = "2", features = ['watch'] }
 tauri-plugin-store = "2"
 tauri-plugin-dialog = "2"
 tauri-plugin-os = "2"
@@ -43,7 +43,7 @@ incremental = true # Compile your binary in smaller steps.
 
 [profile.release]
 codegen-units = 1 # Allows LLVM to perform better optimization.
-lto = true # Enables link-time-optimizations.
-opt-level = "s" # Prioritizes small binary size. Use `3` if you prefer speed.
-panic = "abort" # Higher performance by disabling panic handlers.
-strip = true # Ensures debug symbols are removed.
+lto = true        # Enables link-time-optimizations.
+opt-level = "s"   # Prioritizes small binary size. Use `3` if you prefer speed.
+panic = "abort"   # Higher performance by disabling panic handlers.
+strip = true      # Ensures debug symbols are removed.

apps/app/src-tauri/Cargo.toml

@@ -16,6 +16,7 @@ import {
   file_tree,
   is_filetree_loading,
 } from '@/components/sidebar_section/file_manager/states.svelte';
+import { watch } from '@tauri-apps/plugin-fs';
 
 export const user_activity = new LazyStore('user_activity.json');
 export let recent_workspaces: { data: Workspace[] } = $state({ data: [] });
@@ -37,6 +38,27 @@ export async function update_workspace(
     workspace_root_path.data = generic_path;
     is_filetree_loading.data = true;
     file_tree.data = await build_file_tree_from_fs(generic_path);
+    watch(
+      generic_path.path,
+      async (e) => {
+        // do nothing if all that happened is:
+        // - a file was accessed
+        // - a file's content was modified
+        const event_type = e.type;
+        if (
+          typeof event_type == 'object' &&
+          ('access' in event_type ||
+            ('modify' in event_type && event_type.modify.kind !== 'rename'))
+        )
+          return;
+        console.log('Stuff CHanged', e);
+        file_tree.data = await build_file_tree_from_fs(generic_path);
+      },
+      {
+        recursive: true,
+        delayMs: 300,
+      }
+    );
     is_filetree_loading.data = false;
     update_opened_filenode(last_filenode_path, generic_path.path);
     if (current_platform == 'android') {