Merge pull request hokein#38 from hokein/service-worker

Add a service-worker demo.
chipimix · Dec 26, 2016 · 0f4453a · 0f4453a
2 parents a8340ea + 3cfad07
commit 0f4453a
Show file tree

Hide file tree

Showing 7 changed files with 62 additions and 0 deletions.
diff --git a/service-worker/mock-response/index.html b/service-worker/mock-response/index.html
@@ -0,0 +1,22 @@
+<html>
+<body>
+<script>
+    function log(message) {
+      document.body.appendChild(
+          document.createTextNode(message));
+      console.log.apply(console, arguments);
+    }
+    window.onerror = function(err) {
+      log("Error", err);
+    };
+    navigator.serviceWorker.register('service-worker.js', {
+      scope: './'
+    }).then(function(sw) {
+      log("Registered!", sw);
+      log("You should get a different response when you refresh the page.");
+    }).catch(function(err) {
+      log("Error", err);
+    });
+</script>
+</body>
+</html>
diff --git a/service-worker/mock-response/main.js b/service-worker/mock-response/main.js
@@ -0,0 +1,12 @@
+const {app, BrowserWindow} = require('electron');
+
+let mainWindow;
+
+app.on('ready', () => {
+  mainWindow = new BrowserWindow({
+      height: 300,
+      width: 400
+  });
+
+  mainWindow.loadURL('file://' + __dirname + '/index.html');
+});
diff --git a/service-worker/mock-response/package.json b/service-worker/mock-response/package.json
@@ -0,0 +1,5 @@
+{
+  "name":    "service-worker-demo",
+  "version": "1.0.1",
+  "main":    "main.js"
+}
diff --git a/service-worker/mock-response/readme.md b/service-worker/mock-response/readme.md
@@ -0,0 +1,9 @@
+# Service Worker Sample: Mock Response
+
+A sample demonstrates basic service worker registeration with file scheme, and
+the service worker's fetch handler.
+
+## Screenshot
+
+![screenshot](/service-worker/mock-response/screenshot/register.png)
+![screenshot](/service-worker/mock-response/screenshot/response.png)
diff --git a/service-worker/mock-response/screenshot/register.png b/service-worker/mock-response/screenshot/register.png
diff --git a/service-worker/mock-response/screenshot/response.png b/service-worker/mock-response/screenshot/response.png
diff --git a/service-worker/mock-response/service-worker.js b/service-worker/mock-response/service-worker.js
@@ -0,0 +1,14 @@
+console.log("Service worker startups.");
+
+self.addEventListener('install', function(event) {
+  console.log("Service worker installed.");
+});
+
+self.addEventListener('activate', function(event) {
+  console.log("Service worker activated.");
+});
+
+self.addEventListener('fetch', function(event) {
+  console.log("Caught a fetch!");
+  event.respondWith(new Response("Hello world!"));
+});