Service worker test

www/worker/inner.js

@@ -51,6 +51,8 @@ define([
         if (!window.Worker) {
             return void $container.text("WebWorkers not supported by your browser");
         }
+        /*
+        // Shared worker
         console.log('ready');
         var myWorker = new SharedWorker('/worker/worker.js');
         console.log(myWorker);
@@ -65,7 +67,49 @@ define([
             }
             $container.append('<br>');
             $container.append(e.data);
-        };
+        };*/
+
+        // Service worker
+        if ('serviceWorker' in navigator) {
+            var postMessage = function (data) {
+                if (navigator.serviceWorker && navigator.serviceWorker.controller) {
+                    navigator.serviceWorker.controller.postMessage(data);
+                }
+            };
+            console.log('here');
+            navigator.serviceWorker.register('/worker/sw.js', {scope: '/'})
+                .then(function(reg) {
+                    console.log(reg);
+                    console.log('Registration succeeded. Scope is ' + reg.scope);
+                    $container.append('<br>');
+                    $container.append('Registered! (scope: ' + reg.scope +')');
+                    reg.onupdatefound = function () {
+                        console.log('new SW version found!');
+                        // KILL EVERYTHING
+                        UI.confirm("New version detected, you have to reload", function (yes) {
+                            if (yes) { common.gotoURL(); }
+                        });
+                    };
+                    // Here we add the event listener for receiving messages
+                    navigator.serviceWorker.addEventListener('message', function (e) {
+                        var data = e.data;
+                        if (data && data.state === "READY") {
+                            $container.append('<hr>sw.js ready');
+                            postMessage(["Hello worker"]);
+                            return;
+                        }
+                        $container.append('<br>');
+                        $container.append(e.data);
+                    });
+                    postMessage("INIT");
+                }).catch(function(error) {
+                    console.log('Registration failed with ' + error);
+                    $container.append('Registration error: ' + error);
+                });
+        } else {
+            console.log('NO SERVICE WORKER');
+        }
+
         $container.append('<hr>inner.js ready');
     });
 });

www/worker/sw.js

@@ -0,0 +1,64 @@
+var id = Math.floor(Math.random()*100000);
+
+var postMsg = function (client, data) {
+    client.postMessage(data);
+};
+
+var broadcast = function (data, excludes) {
+    // Loop over all available clients
+    clients.matchAll().then(function (clients) {
+        clients.forEach(function (client) {
+            if (excludes.indexOf(client.id) === -1) {
+                postMsg(client, data);
+            }
+        })
+    })
+};
+var sendTo = function (data, clientId){
+    clients.matchAll().then(function (clients) {
+        clients.some(function (client) {
+            if (client.id === clientId) {
+                postMsg(client, data)
+            }
+        })
+    })
+};
+var getClients = function () {
+    clients.matchAll().then(function (clients) {
+        var cl = clients.map(function (c) {
+            console.log(JSON.stringify(c));
+            return c.id;
+        });
+        console.log(cl);
+    });
+};
+
+
+
+self.addEventListener('message', function (e) {
+    console.log(clients);
+    console.log('worker received');
+    console.log(e.data);
+    console.log(e.source);
+    var cId = e.source.id;
+    if (e.data === "INIT") {
+        broadcast(cId + ' has joined!', [cId]);
+        postMsg(e.source, {state: 'READY'});
+        postMsg(e.source, "Welcome to SW " + id + "!");
+        postMsg(e.source, "You are identified as " + cId);
+    } else {
+        console.log(e.data);
+        postMsg(e.source, 'Yo (Re: '+e.data+')');
+    }
+});
+self.addEventListener('install', function (e) {
+    console.log(e);
+    console.log('V1 installing…');
+    self.skipWaiting();
+});
+
+self.addEventListener('activate', function (e) {
+    console.log(e);
+    console.log('V1 now ready to handle fetches!');
+});
+