Added client VFS watch support to desktop icons (#51)

Author: andersevenrud

src/adapters/ui/iconview.js

@@ -173,7 +173,7 @@ export class DesktopIconView extends EventEmitter {
     this.core = core;
     this.$root = null;
     this.iconview = null;
-    this.root = 'home:/.desktop';
+    this.root = 'home:/.desktop'; // Default path, changed later
   }
 
   destroy() {
@@ -277,29 +277,33 @@ export class DesktopIconView extends EventEmitter {
             }
 
             return copy(entry, dest)
-              .then(() => actions.reload())
+              .then(() => actions.reload(true))
               .catch(error);
           })
-          .then(() => actions.reload());
+          .then(() => actions.reload(true));
 
         return {selected: -1};
       },
 
       removeEntry: entry => (state, actions) => {
         if (entry.shortcut !== false) {
           shortcuts.remove(entry.shortcut)
-            .then(() => actions.reload())
+            .then(() => actions.reload(true))
             .catch(error);
         } else {
           unlink(entry)
-            .then(() => actions.reload())
+            .then(() => actions.reload(true))
             .catch(error);
         }
 
         return {selected: -1};
       },
 
-      reload: () => (state, actions) => {
+      reload: (fromUI) => (state, actions) => {
+        if (fromUI && this.core.config('vfs.watch')) {
+          return;
+        }
+
         read()
           .then(entries => entries.filter(e => e.filename !== '..'))
           .then(entries => actions.setEntries(entries));
@@ -309,6 +313,7 @@ export class DesktopIconView extends EventEmitter {
 
     this.applySettings();
     this.iconview.reload();
+    this._createWatcher();
   }
 
   createFileContextMenu(ev, entry) {
@@ -354,6 +359,19 @@ export class DesktopIconView extends EventEmitter {
       .openContextMenu(ev);
   }
 
+  _createWatcher() {
+    const listener = (args) => {
+      const currentPath = String(this.root).replace(/\/$/, '');
+      const watchPath = String(args.path).replace(/\/$/, '');
+      if (currentPath === watchPath) {
+        this.iconview.reload();
+      }
+    };
+
+    this.core.on('osjs/vfs:directoryChanged', listener);
+    this.on('destroy', () => this.core.off('osjs/vfs:directoryChanged', listener));
+  }
+
   applySettings() {
     if (!this.$root) {
       return;