PWA init, some bug #6

Coderecs · Sep 5, 2022 · 77731d7 · 77731d7 · vercel · Sep 5, 2022
1 parent b35348b
commit 77731d7
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 0 deletions.
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -9,6 +9,26 @@ class MyDocument extends Document {
   render() {
     return (
       <Html lang='en'>
+        <head>
+        {/* <script>
+            if ('serviceWorker' in navigator) {
+              navigator.serviceWorker
+                .getRegistrations()
+                .then((res) => {
+                  if (res.length > 0) {
+                    res?.[0]?.unregister?.()
+                  }
+                  window.addEventListener('load', () => {
+                    return navigator.serviceWorker
+                    .register('./serviceWorker.js')
+                      .then((reg) => null)
+                      .catch((error) => null)
+                  })
+                })
+                .catch(() => null)
+              }
+          </script> */}
+        </head>
         <Head>
           <meta
             name='description'

diff --git a/public/serviceWorker.js b/public/serviceWorker.js
@@ -0,0 +1,35 @@
+const CACHE_NAME = 'version-1'
+const urlsToCache = ['index.html', 'offline.html']
+
+const self = this
+
+self.addEventListener('install', (evt) => {
+  evt.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => cache.addAll(urlsToCache))
+  )
+})
+
+self.addEventListener('fetch', (evt) => {
+  evt.respondWith(
+    caches
+      .match(evt.request)
+      .then(() => fetch(evt.request).catch(() => caches.match('offline.html')))
+  )
+})
+
+self.addEventListener('activate', (evt) => {
+  const cacheWhiteList = []
+  cacheWhiteList.push(CACHE_NAME)
+  evt.waitUntil(
+    caches.keys().then((cacheNames) =>
+      Promise.all(
+        cacheNames.map((item) => {
+          if (!cacheWhiteList.includes(item)) {
+            return caches.delete(item)
+          }
+          return item
+        })
+      )
+    )
+  )
+})