6.03

lesson-06/service-wookiee/main.js

@@ -46,3 +46,15 @@ for (const fileType of ["text/css", "text/html", "application/json"]) {
   });
   boxes.appendChild(box);
 }
+
+function Increase(){
+  let count = document.querySelector('#request-count');
+  let clickCount = Number(count.textContent);
+  clickCount++;
+  count.textContent=clickCount;
+}
+
+navigator.serviceWorker.register('sw.js');
+navigator.serviceWorker.addEventListener('message',Increase);
+
+

lesson-06/service-wookiee/sw.js

@@ -0,0 +1,34 @@
+
+self.addEventListener('fetch', async (event) => {
+    console.log(event);
+    const client = await self.clients.get(event.clientId);
+
+    client.postMessage("Request has been sent!");
+});
+
+self.addEventListener('fetch', async (event) => {
+    const fileName = event.request.url.split('/').pop();
+    if(fileName == "fake.css") {
+        const response = new Response("/**CSS**/", {
+            headers: {
+                "Content-Type":"text/css"
+            }
+        });
+        event.respondWith(response);
+    }else if (fileName == "fake.html"){
+        const response = new Response("/**HTML**/", {
+            headers: {
+                "Content-Type":"text/html"
+            }
+        });
+        event.respondWith(response);
+    }else if(fileName == "fake.json"){
+        const response = new Response("/**JSON**/", {
+            headers: {
+                "Content-Type":"application/json"
+            }
+        });
+        event.respondWith(response);
+    }
+});
+