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');
     });
 });