test: service-worker

fpaul-1A · Oct 15, 2024 · 69db036 · 69db036
1 parent 2465196
commit 69db036
Show file tree

Hide file tree

Showing 3 changed files with 117 additions and 0 deletions.
diff --git a/apps/showcase/project.json b/apps/showcase/project.json
@@ -67,6 +67,7 @@
         "tsConfig": "apps/showcase/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
         "assets": [
+          "apps/showcase/src/test-sw.js",
           "apps/showcase/src/favicon.ico",
           "apps/showcase/src/favicon.svg",
           "apps/showcase/src/assets",

diff --git a/apps/showcase/src/index.html b/apps/showcase/src/index.html
@@ -9,5 +9,6 @@
 </head>
 <body>
   <app-root></app-root>
+  <script src="test-sw.js"></script>
 </body>
 </html>
diff --git a/apps/showcase/src/test-sw.js b/apps/showcase/src/test-sw.js
@@ -0,0 +1,115 @@
+/*! coi-serviceworker v0.1.6 - Guido Zuidhof, licensed under MIT */
+let coepCredentialless = false;
+if (typeof window === 'undefined') {
+  self.addEventListener("install", () => self.skipWaiting());
+  self.addEventListener("activate", (event) => event.waitUntil(self.clients.claim()));
+
+  self.addEventListener("message", (ev) => {
+    if (!ev.data) {
+      return;
+    } else if (ev.data.type === "deregister") {
+      self.registration
+        .unregister()
+        .then(() => {
+          return self.clients.matchAll();
+        })
+        .then(clients => {
+          clients.forEach((client) => client.navigate(client.url));
+        });
+    } else if (ev.data.type === "coepCredentialless") {
+      coepCredentialless = ev.data.value;
+    }
+  });
+
+  self.addEventListener("fetch", function (event) {
+    const r = event.request;
+    if (r.cache === "only-if-cached" && r.mode !== "same-origin") {
+      return;
+    }
+
+    const request = (coepCredentialless && r.mode === "no-cors")
+      ? new Request(r, {
+        credentials: "omit",
+      })
+      : r;
+    event.respondWith(
+      fetch(request)
+        .then((response) => {
+          if (response.status === 0) {
+            return response;
+          }
+
+          const newHeaders = new Headers(response.headers);
+          newHeaders.set("Cross-Origin-Embedder-Policy",
+            coepCredentialless ? "credentialless" : "require-corp"
+          );
+          newHeaders.set("Cross-Origin-Opener-Policy", "same-origin");
+
+          return new Response(response.body, {
+            status: response.status,
+            statusText: response.statusText,
+            headers: newHeaders,
+          });
+        })
+        .catch((e) => console.error(e))
+    );
+  });
+
+} else {
+  (() => {
+    // You can customize the behavior of this script through a global `coi` variable.
+    const coi = {
+      shouldRegister: () => true,
+      shouldDeregister: () => false,
+      coepCredentialless: () => false,
+      doReload: () => window.location.reload(),
+      quiet: false,
+      ...window.coi
+    };
+
+    const n = navigator;
+
+    if (n.serviceWorker && n.serviceWorker.controller) {
+      n.serviceWorker.controller.postMessage({
+        type: "coepCredentialless",
+        value: coi.coepCredentialless(),
+      });
+
+      if (coi.shouldDeregister()) {
+        n.serviceWorker.controller.postMessage({ type: "deregister" });
+      }
+    }
+
+    // If we're already coi: do nothing. Perhaps it's due to this script doing its job, or COOP/COEP are
+    // already set from the origin server. Also if the browser has no notion of crossOriginIsolated, just give up here.
+    if (window.crossOriginIsolated !== false || !coi.shouldRegister()) return;
+
+    if (!window.isSecureContext) {
+      !coi.quiet && console.log("COOP/COEP Service Worker not registered, a secure context is required.");
+      return;
+    }
+
+    // In some environments (e.g. Chrome incognito mode) this won't be available
+    if (n.serviceWorker) {
+      n.serviceWorker.register(window.document.currentScript.src).then(
+        (registration) => {
+          !coi.quiet && console.log("COOP/COEP Service Worker registered", registration.scope);
+
+          registration.addEventListener("updatefound", () => {
+            !coi.quiet && console.log("Reloading page to make use of updated COOP/COEP Service Worker.");
+            coi.doReload();
+          });
+
+          // If the registration is active, but it's not controlling the page
+          if (registration.active && !n.serviceWorker.controller) {
+            !coi.quiet && console.log("Reloading page to make use of COOP/COEP Service Worker.");
+            coi.doReload();
+          }
+        },
+        (err) => {
+          !coi.quiet && console.error("COOP/COEP Service Worker failed to register:", err);
+        }
+      );
+    }
+  })();
+}