Merge pull request #384 from openforge/fix/sw-issue

Moved sw into www

Author: Wholloran

src/pages/open-forge-app/open-forge-app.tsx

@@ -75,7 +75,7 @@ export class OpenForgeApp {
   }
 
   listenForNewServiceWorker = window.addEventListener('load', () => {
-    navigator.serviceWorker.register('/sw.js').then(registration => {
+    navigator.serviceWorker.register('./sw.js').then(registration => {
       // Track updates to the Service Worker
       if (!navigator.serviceWorker.controller) {
         // The window client isn't currently controlled so it's a new service worker that will activate immediately

sw.js renamed to src/sw.js

@@ -19,15 +19,13 @@ exports.config = {
     {
       type: 'www',
       serviceWorker: {
-        swSrc: 'sw.js',
-        globPatterns: [
-          '**/*.{html,js,css,json,ico,png,jpg,es5}'
-        ]
+        swSrc: './src/sw.js'
       }
     }
   ],
   copy: [
-    { src: 'robots.txt' }
+    { src: 'robots.txt' },
+    { src: 'sw.js' }
   ]
 };
 

stencil.config.js

@@ -0,0 +1,52 @@
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/4.3.0/workbox-sw.js');
+
+// your custom service worker code
+self.workbox.routing.registerRoute(
+    /\.(?:png|gif|jpg|jpeg|svg)$/,
+    workbox.strategies.cacheFirst({
+      cacheName: 'images',
+      plugins: [
+        new workbox.expiration.Plugin({
+          maxEntries: 60,
+          maxAgeSeconds: 30 * 24 * 60 * 60, // 30 Days
+        }),
+      ],
+    }),
+);
+
+self.workbox.routing.registerRoute(
+    /\.(?:js|css)$/,
+    workbox.strategies.staleWhileRevalidate({
+    cacheName: 'static-resources',
+    }),
+);
+
+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([]);