new rc5 version: put up scripts for service workers options #4 and #5

Author: JuanAr

assets/serviceWorkers/serviceWorker4/pwabuilder-sw-register.js

@@ -0,0 +1,15 @@
+//This is the service worker with the Cache-first network
+
+//Add this below content to your HTML page, or add the js file to your page at the very top to register service worker
+if (navigator.serviceWorker.controller) {
+  console.log('[Manifoldjs] active service worker found, no need to register')
+} else {
+
+//Register the ServiceWorker
+  navigator.serviceWorker.register('manifoldjs-sw.js', {
+    scope: './'
+  }).then(function(reg) {
+    console.log('Service worker has been registered for scope:'+ reg.scope);
+  });
+}
+

assets/serviceWorkers/serviceWorker4/pwabuilder-sw.js

@@ -0,0 +1,55 @@
+//This is the service worker with the Cache-first network
+
+//Install stage sets up the cache-array to configure pre-cache content
+self.addEventListener('install', function(event) {
+  event.waitUntil(preLoad());
+});
+
+var preLoad = function(){
+  console.log('[Manifoldjs] Install Event processing');
+  return caches.open('manifoldjs-offline').then(function(cache) {
+    console.log('[Manifoldjs] Cached index and offline page during Install');
+    return cache.addAll(['/offline.html', '/index.html']);
+  });
+}
+
+self.addEventListener('fetch', function(event) {
+  console.log('The service worker is serving the asset.');
+  event.respondWith(checkResponse(event.request).catch(function() {
+    return returnFromCache(event.request)}
+  ));
+  event.waitUntil(addToCache(event.request));
+});
+
+var checkResponse = function(request){
+  return new Promise(function(fulfill, reject) {
+    fetch(request).then(function(response){
+      if(response.status !== 404) {
+        fulfill(response)
+      } else {
+        reject()
+      }
+    }, reject)
+  });
+};
+
+var addToCache = function(request){
+  return caches.open('manifoldjs-offline').then(function (cache) {
+    return fetch(request).then(function (response) {
+      console.log('[manifoldjs] add page to offline'+response.url)
+      return cache.put(request, response);
+    });
+  });
+};
+
+var returnFromCache = function(request){
+  return caches.open('manifoldjs-offline').then(function (cache) {
+    return cache.match(request).then(function (matching) {
+     if(!matching || matching.status == 404) {
+       return cache.match('offline.html')
+     } else {
+       return matching
+     }
+    });
+  });
+};

assets/serviceWorkers/serviceWorker5/pwabuilder-sw-register.js

@@ -0,0 +1,15 @@
+//This is the service worker with the Cache-first network
+
+//Add this below content to your HTML page, or add the js file to your page at the very top to register service worker
+if (navigator.serviceWorker.controller) {
+  console.log('[Manifoldjs] active service worker found, no need to register')
+} else {
+
+//Register the ServiceWorker
+  navigator.serviceWorker.register('manifoldjs-sw.js', {
+    scope: './'
+  }).then(function(reg) {
+    console.log('Service worker has been registered for scope:'+ reg.scope);
+  });
+}
+

assets/serviceWorkers/serviceWorker5/pwabuilder-sw.js

@@ -0,0 +1,55 @@
+//This is the service worker with the Cache-first network
+
+//Install stage sets up the cache-array to configure pre-cache content
+self.addEventListener('install', function(event) {
+  event.waitUntil(preLoad());
+});
+
+var preLoad = function(){
+  console.log('[Manifoldjs] Install Event processing');
+  return caches.open('manifoldjs-offline').then(function(cache) {
+    console.log('[Manifoldjs] Cached index and offline page during Install');
+    return cache.addAll(['/offline.html', '/index.html']);
+  });
+}
+
+self.addEventListener('fetch', function(event) {
+  console.log('The service worker is serving the asset.');
+  event.respondWith(checkResponse(event.request).catch(function() {
+    return returnFromCache(event.request)}
+  ));
+  event.waitUntil(addToCache(event.request));
+});
+
+var checkResponse = function(request){
+  return new Promise(function(fulfill, reject) {
+    fetch(request).then(function(response){
+      if(response.status !== 404) {
+        fulfill(response)
+      } else {
+        reject()
+      }
+    }, reject)
+  });
+};
+
+var addToCache = function(request){
+  return caches.open('manifoldjs-offline').then(function (cache) {
+    return fetch(request).then(function (response) {
+      console.log('[manifoldjs] add page to offline'+response.url)
+      return cache.put(request, response);
+    });
+  });
+};
+
+var returnFromCache = function(request){
+  return caches.open('manifoldjs-offline').then(function (cache) {
+    return cache.match(request).then(function (matching) {
+     if(!matching || matching.status == 404) {
+       return cache.match('offline.html')
+     } else {
+       return matching
+     }
+    });
+  });
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pwabuilder-lib",
-  "version": "2.0.0-rc.4",
+  "version": "2.0.0-rc.5",
   "description": "PWA Builder Core Library",
   "repository": {
     "type": "git",