finished project tree update on task edit, added update of task view on task edit

frontend/src/routes/task/View.svelte

@@ -1,8 +1,8 @@
 <script>
-    import { onMount }       from 'svelte';
+    import { onDestroy, onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    import { api }           from '../../urls.svelte';
+    import { api, eventStream }           from '../../urls.svelte';
     import { error, yikes }  from '../../warn.svelte';
     import { t }             from '../../translations.svelte';
     import { timetrack }     from '../../user.svelte.js';
@@ -17,6 +17,7 @@
     import TagList          from '../tags/TagList.svelte';
     import TaskList         from './TaskList.svelte';
 
+	let eventSource    = null;
     let { id }         = $props();
     let children       = $state(null);
     let dummy          = $derived(updateOn(id));
@@ -82,6 +83,15 @@
         router.navigate(`/project/${project.id}/view`)
     }
 
+   function handleUpdateEvent(evt){
+        let json = JSON.parse(evt.data);
+        if (json.task && json.task.id == id) updateOn(id);
+   }
+
+    function load(){
+		eventSource = eventStream(null,handleUpdateEvent,null);
+    }
+
     async function loadChildren(){
         const url  = api('task/list');
         const data = {
@@ -199,6 +209,11 @@
         members[user_id] = permission.code;
         update({members:members});
     }
+
+	onDestroy(() => {
+		if (eventSource) eventSource.close();
+	});
+    onMount(load);
 </script>
 
 <svelte:head>