Fixing SW Communication

Author: jannik brack

multi_tab/public/service-worker.js

@@ -5,12 +5,15 @@ self.addEventListener('install', event => {
 
 self.addEventListener('activate', event => {
   console.log(`Service Worker activating. ${event}`);
+  event.waitUntil(self.clients.claim());  // Macht den SW sofort aktiv
 });
 
+
 self.addEventListener('message', event => {
   if (event.data && event.data.type === 'BROADCAST') {
     self.clients.matchAll({ includeUncontrolled: true, type: 'window' }).then(clients => {
       clients.forEach(client => {
+        console.log(client);
         client.postMessage(event.data.message);
       });
     });

multi_tab/src/components/DataTableManager.jsx

@@ -25,6 +25,7 @@ export default function DataTableManager() {
                         setSelected(message.selected);
                         break;
                     case"visibleLayers":
+                        console.log("got message")
                         setSelectedLayer(
                             message.parksShown && message.restaurantsShown
                                 ? 'all'

multi_tab/src/components/LayerManager.jsx

@@ -131,8 +131,6 @@ export default function LayerManager(props) {
 
     useEffect(() => {
         if (!mapHook.map) return;
-        console.log("send")
-
         sendMessageToServiceWorker({
             type: "visibleLayers",
             message: {