use async/await instead of then

Author: ninofiliu

js13kpwa/sw.js

@@ -31,24 +31,23 @@ const contentToCache = appShellFiles.concat(gamesImages);
 // Installing Service Worker
 self.addEventListener('install', (e) => {
   console.log('[Service Worker] Install');
-  e.waitUntil(
-    caches.open(cacheName).then((cache) => {
-      console.log('[Service Worker] Caching all: app shell and content');
-      return cache.addAll(contentToCache);
-    }),
-  );
+  e.waitUntil((async () => {
+    const cache = await caches.open(cacheName);
+    console.log('[Service Worker] Caching all: app shell and content');
+    await cache.addAll(contentToCache);
+  })());
 });
 
 // Fetching content using Service Worker
 self.addEventListener('fetch', (e) => {
-  e.respondWith(
-    caches.match(e.request).then((r) => {
-      console.log(`[Service Worker] Fetching resource: ${e.request.url}`);
-      return r || fetch(e.request).then((response) => caches.open(cacheName).then((cache) => {
-        console.log(`[Service Worker] Caching new resource: ${e.request.url}`);
-        cache.put(e.request, response.clone());
-        return response;
-      }));
-    }),
-  );
+  e.respondWith((async () => {
+    const r = await caches.match(e.request);
+    console.log(`[Service Worker] Fetching resource: ${e.request.url}`);
+    if (r) return r;
+    const response = await fetch(e.request);
+    const cache = await caches.open(cacheName);
+    console.log(`[Service Worker] Caching new resource: ${e.request.url}`);
+    cache.put(e.request, response.clone());
+    return response;
+  })());
 });