[exp] pwa

web/package.json

@@ -37,7 +37,7 @@
   },
   "scripts": {
     "start": "craco start",
-    "build": "craco build",
+    "build": "craco build && sw-precache-cra --config sw-config.js",
     "test": "craco test",
     "eject": "craco eject"
   },

web/src/index.tsx

@@ -17,7 +17,7 @@ ReactDOM.render(
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.
 // Learn more about service workers: https://cra.link/PWA
-serviceWorkerRegistration.unregister()
+serviceWorkerRegistration.register()
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))

web/src/service-worker.ts

@@ -47,6 +47,10 @@ registerRoute(
       return false
     }
 
+    if (url.pathname.match(/\/api\/.*/gi)) {
+      return false
+    }
+
     // Return true to signal that we want to use the handler.
     return true
   },

web/sw-config.js

@@ -1,9 +1,22 @@
 module.exports = {
+  navigateFallbackWhitelist: [/^(?!.*\/api\/).*/],
   runtimeCaching: [
     {
-      urlPattern: /^(.*\/api\/).*$/,
+      urlPattern: '/api/',
       handler: 'networkFirst',
     },
+    {
+      urlPattern: '/view',
+      handler: 'networkFirst',
+    },
+    // {
+    //   urlPattern: '/dashboard',
+    //   handler: 'networkFirst',
+    // },
+    // {
+    //   urlPattern: /^(.*\/api\/).*$|^(.*\/dashboard).*$|^(.*\/view).*$/,
+    //   handler: 'networkFirst',
+    // },
     // {
     //   urlPattern: /^(?!.*\/api\/).*$/,
     //   handler: 'fastest',