Pre-cache key assets with Workboxjs. (#23533)

1 files changed, 15 insertions, 0 deletions

diff --git a/assets/js/src/pwa.js b/assets/js/src/pwa.js
index 95ee339482..c3bdd7272c 100644
--- a/assets/js/src/pwa.js
+++ b/assets/js/src/pwa.js
@@ -7,6 +7,21 @@
     window.addEventListener('load', function () {
       navigator.serviceWorker.register('/sw.js').then(function (registration) {
         console.log('ServiceWorker registration successful with scope: ', registration.scope)
+        registration.onupdatefound = function () {
+          var installingWorker = registration.installing
+          installingWorker.onstatechange = function () {
+            switch (installingWorker.state) {
+              case 'installed':
+                if (navigator.serviceWorker.controller) {
+                  console.log('new update available')
+                  location.reload(true)
+                }
+                break
+
+              default:
+            }
+          }
+        }
       }).catch(function (err) {
         console.log('ServiceWorker registration failed: ', err)
       })