fix(): update service worker to skip waiting for fresh instance

Author: PaulPaulDevelops

sw.js

@@ -1,8 +1,5 @@
 importScripts('https://storage.googleapis.com/workbox-cdn/releases/4.3.0/workbox-sw.js');
 
-self.workbox.skipWaiting();
-self.workbox.clientsClaim();
-
 // your custom service worker code
 self.workbox.routing.registerRoute(
     /\.(?:png|gif|jpg|jpeg|svg)$/,
@@ -24,4 +21,32 @@ self.workbox.routing.registerRoute(
     }),
 );
 
+workbox.routing.registerRoute(
+  new RegExp('/api/'),
+  workbox.strategies.staleWhileRevalidate({
+    plugins: [
+      new workbox.broadcastUpdate.Plugin('api-updates')
+    ]
+  })
+);
+
+self.addEventListener('message', (event) => {
+  if (!event.data){
+    return;
+  }
+
+  switch (event.data) {
+    case 'skipWaiting':
+      self.skipWaiting();
+      break;
+    default:
+      // NOOP
+      break;
+  }
+});
+
+self.addEventListener('install', (event) => {
+  self.skipWaiting();
+})
+
 self.workbox.precaching.precacheAndRoute([]);