Add support for postMessage

frontend/src/routes/+layout.svelte

@@ -4,21 +4,28 @@
 	import { onMount } from 'svelte';
 
 	let node;
-	
+
 	onMount(() => {
 		if ('serviceWorker' in navigator) {
 			addEventListener('load', function () {
 				navigator.serviceWorker.register('/service-worker.js');
 			});
 
-			const channel = new BroadcastChannel('sw-messages');
+			if (BroadcastChannel) {
-			channel.addEventListener('message', (event) => {
+				const channel = new BroadcastChannel('sw-messages');
-				new Toast({ target: node });
+				channel.addEventListener('message', (event) => {
-			});
+					console.log(event.data);
+					new Toast({ target: node });
+				});
+			} else {
+				navigator.serviceWorker.addEventListener('message', (evt) => {
+					console.log(evt.data);
+					new Toast({ target: node });
+				});
+			}
 
 			navigator.serviceWorker.ready.then((registration) => {
-				console.log(registration);
+				registration.active.postMessage('Save client');
-				console.log('registered service worker');
 			});
 		}
 	});

frontend/src/sw.ts

@@ -14,6 +14,12 @@ const ASSETS = [
     ...prerendered // dynamic routes
 ];
 
+let client;
+
+addEventListener('message', event => {
+   client = event.source;
+});
+
 self.addEventListener('install', (event) => {
     // Create a new cache and add all files to it
     async function addFilesToCache() {
@@ -24,7 +30,7 @@ self.addEventListener('install', (event) => {
     event.waitUntil(addFilesToCache());
 });
 
-const channel = new BroadcastChannel('sw-messages');
+
 
 
 self.addEventListener('activate', (event) => {
@@ -36,7 +42,13 @@ self.addEventListener('activate', (event) => {
     }
 
     event.waitUntil(deleteOldCaches());
-    channel.postMessage({title: 'Cache downloaded!'});
+    let channel;
+    if(BroadcastChannel) {
+        channel = new BroadcastChannel('sw-messages');
+        channel.postMessage({title: 'Cache Downloaded'});
+    } else {
+        client.postMessage("Cache Downloaded")
+    }
 });
 
 self.addEventListener('fetch', (event) => {