up

qocode · May 24, 2020 · 0784e17 · 0784e17
1 parent 4570f23
commit 0784e17
Show file tree

Hide file tree

Showing 5 changed files with 90 additions and 0 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -15,6 +15,12 @@
   <title>QO-Code</title>
 </head>
 
+<script>
+  window.$qoConfig = {
+    buildNumber: '{{ build_number }}'
+  }
+</script>
+
 <body>
   <default-layout />
 </body>

diff --git a/assets/bundle.js b/assets/bundle.js
diff --git a/offline.js b/offline.js
@@ -0,0 +1,51 @@
+const buildNumber = new URLSearchParams(self.location.search).get('v')
+
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(buildNumber).then((cache) => {
+      return cache.addAll([
+        './',
+        './get-qr/',
+        './contacts/',
+        './partners/',
+        './about/',
+        `./assets/bundle.css?v=${buildNumber}`,
+        `./assets/bundle.js?v=${buildNumber}`,
+        `./assets/check-and-redirect.js?v=${buildNumber}`,
+        './assets/png/favicon.png',
+        './assets/png/back.png'
+      ])
+    })
+  )
+})
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then((keyList) => {
+      return Promise.all(keyList.map((key) => {
+        if (buildNumber !== key) {
+          return caches.delete(key)
+        }
+      }))
+    })
+  )
+})
+
+self.addEventListener('fetch', (event) => {
+  event.respondWith(
+    (new URL(event.request.url).pathname) === '/'
+      ? fetch(event.request).catch(() => {
+        return caches.match(event.request)
+      })
+      : caches.match(event.request).then((response) => {
+        return response || fetch(event.request).then((response) => {
+          return caches.open(buildNumber).then((cache) => {
+            cache.put(event.request, response.clone())
+
+            return response
+          })
+        })
+      })
+  )
+})
diff --git a/src/bundle.js b/src/bundle.js
@@ -1,2 +1,3 @@
 import './default-theme.css'
 import './layouts/default.js'
+import './service-worker-register.js'
diff --git a/src/service-worker-register.js b/src/service-worker-register.js
@@ -0,0 +1,18 @@
+const { navigator } = window
+
+
+if ('serviceWorker' in navigator) {
+  (async () => {
+    const { buildNumber } = window.$qoConfig
+    const { serviceWorker } = navigator
+    const regSW = await serviceWorker.getRegistration()
+
+
+    if (regSW && regSW.active && !regSW.active.scriptURL.endsWith(buildNumber)) {
+      await regSW.unregister('/')
+    }
+    await serviceWorker.register(`/offline.js?v=${buildNumber}`, { scope: '/' })
+
+    console.log(`serviceWorker succeeded: v=${buildNumber}`)
+  })().catch(console.error)
+}