update sw.ts and toast component

frontend/src/lib/components/Toast.svelte

@@ -5,6 +5,7 @@
 	let nodeRef;
 
 	onMount(() => {
+		setTimeout(() => {
 			show = true;
 			setTimeout(() => {
 				show = false;
@@ -12,10 +13,7 @@
 					nodeRef.parentNode.removeChild(nodeRef);
 				}, 5000);
 			}, 5000);
-	});
+		}, 0);
-
-	onDestroy(() => {
-		show = false;
 	});
 </script>
 

frontend/src/sw.ts

@@ -24,6 +24,9 @@ self.addEventListener('install', (event) => {
     event.waitUntil(addFilesToCache());
 });
 
+const channel = new BroadcastChannel('sw-messages');
+
+
 self.addEventListener('activate', (event) => {
     // Remove previous cached data from disk
     async function deleteOldCaches() {
@@ -33,7 +36,7 @@ self.addEventListener('activate', (event) => {
     }
 
     event.waitUntil(deleteOldCaches());
-    postMessage("completed");
+    channel.postMessage({title: 'Cache downloaded!'});
 });
 
 self.addEventListener('fetch', (event) => {