Update enable-threads.js

enable-threads.js

@@ -1,18 +1,28 @@
-// NOTE: This file creates a service worker that cross-origin-isolates the page (read more here: https://web.dev/coop-coep/) which allows us to use wasm threads.
-// Normally you would set the COOP and COEP headers on the server to do this, but Github Pages doesn't allow this, so this is a hack to do that.
+// 🤖 NOTE: This file creates a service worker that cross-origin-isolates the page (read more here: https://web.dev/coop-coep/)
+// 🍔 Normally you'd set the COOP and COEP headers on the server (yum), but Github Pages said: "No burgers for you!" 🍔
+// 🍕 So, we're doing a cheeky pizza hack 🍕 to make this work without server-side headers.
 
-/* Edited version of: coi-serviceworker v0.1.6 - Guido Zuidhof, licensed under MIT */
-// From here: https://github.com/gzuidhof/coi-serviceworker
-if(typeof window === 'undefined') {
+/* 🛠️ Edited version of: coi-serviceworker v0.1.6 - Guido Zuidhof, licensed under MIT 🛠️ */
+// 🧙‍♂️ We're using wizardry from here: https://github.com/gzuidhof/coi-serviceworker
+
+if (typeof window === 'undefined') { 
+  // 🛠️ Service Worker Time! (No windows allowed in this club)
+  
+  // 🚀 Install event: "Let's skip the line and go straight to work!"
   self.addEventListener("install", () => self.skipWaiting());
+
+  // 🔋 Activate event: "I claim all clients! Mine! All mine!" (Mwahaha 😈)
   self.addEventListener("activate", e => e.waitUntil(self.clients.claim()));
 
+  // 🍴 Handle fetch requests, like a master chef in the kitchen!
   async function handleFetch(request) {
-    if(request.cache === "only-if-cached" && request.mode !== "same-origin") {
+    // 🧂 Special seasoning: If we're caching but the mode's not right, we pass.
+    if (request.cache === "only-if-cached" && request.mode !== "same-origin") {
       return;
     }
-    
-    if(request.mode === "no-cors") { // We need to set `credentials` to "omit" for no-cors requests, per this comment: https://bugs.chromium.org/p/chromium/issues/detail?id=1309901#c7
+
+    // 🕶️ For no-cors requests, we're keeping it cool 😎 with 'omit' credentials (Bug workarounds are fun, right? 🙄)
+    if (request.mode === "no-cors") { 
       request = new Request(request.url, {
         cache: request.cache,
         credentials: "omit",
@@ -28,39 +38,48 @@ if(typeof window === 'undefined') {
         signal: request.signal,
       });
     }
-    
+
+    // 🌍 Fetching data like a worldwide explorer! 🧭
     let r = await fetch(request).catch(e => console.error(e));
-    
-    if(r.status === 0) {
+
+    // 👀 If the response status is zero, we return it — probably not what we were hoping for, but hey, it's something 🤷‍♂️
+    if (r.status === 0) {
       return r;
     }
 
+    // 🎩 Magic header time! Setting the Cross-Origin rules like a boss 🧙‍♀️
     const headers = new Headers(r.headers);
-    headers.set("Cross-Origin-Embedder-Policy", "credentialless"); // or: require-corp
-    headers.set("Cross-Origin-Opener-Policy", "same-origin");
-    
+    headers.set("Cross-Origin-Embedder-Policy", "credentialless"); // 🛡️ Or: 'require-corp', for those fancy users
+    headers.set("Cross-Origin-Opener-Policy", "same-origin"); // 🧱 Keep it locked down and safe.
+
     return new Response(r.body, { status: r.status, statusText: r.statusText, headers });
   }
 
+  // 🏗️ Fetch event listener: "Don't worry, I've got this!" Handling requests like a pro 🎯
   self.addEventListener("fetch", function(e) {
-    e.respondWith(handleFetch(e.request)); // respondWith must be executed synchonously (but can be passed a Promise)
+    e.respondWith(handleFetch(e.request)); // 💡 respondWith must be synchronous, like a well-timed joke! (But it can wait for a promise 😉)
   });
-  
+
 } else {
+  // 🌍 If we're running in a window (hello, browser!), we register the service worker like a superhero suiting up 🦸‍♀️
   (async function() {
-    if(window.crossOriginIsolated !== false) return;
+    // ❗ If we're already isolated, let's not double down on the isolation 😎
+    if (window.crossOriginIsolated !== false) return;
 
+    // 🎟️ Registering the service worker like we're entering the coolest club in town!
     let registration = await navigator.serviceWorker.register(window.document.currentScript.src).catch(e => console.error("COOP/COEP Service Worker failed to register:", e));
-    if(registration) {
+    
+    if (registration) {
       console.log("COOP/COEP Service Worker registered", registration.scope);
 
+      // 🆕 When the service worker updates, we refresh the page like a fresh cup of coffee ☕
       registration.addEventListener("updatefound", () => {
         console.log("Reloading page to make use of updated COOP/COEP Service Worker.");
         window.location.reload();
       });
 
-      // If the registration is active, but it's not controlling the page
-      if(registration.active && !navigator.serviceWorker.controller) {
+      // 🛑 If the service worker is active but not in control, we give the page a fresh reboot 🚀
+      if (registration.active && !navigator.serviceWorker.controller) {
         console.log("Reloading page to make use of COOP/COEP Service Worker.");
         window.location.reload();
       }
@@ -68,7 +87,7 @@ if(typeof window === 'undefined') {
   })();
 }
 
-// Code to deregister:
+// 🗑️ Code to clean up: "Time to say goodbye!" Unregister the service worker and take out the trash 🧹
 // let registrations = await navigator.serviceWorker.getRegistrations();
 // for(let registration of registrations) {
 //   await registration.unregister();