use minicoi for headers on ghpages

jacklowrie · jacklowrie · commit cafc83683757 · 2025-12-17T15:01:04.000-05:00
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -7,6 +7,7 @@ import { Content as Description } from "../content/challengeDescription.md";
 <!doctype html>
 <html lang="en">
   <head>
+    <script src=`${import.meta.env.BASE_URL}/mini-coi.js`></script>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
diff --git a/src/scripts/mini-coi.js b/src/scripts/mini-coi.js
@@ -0,0 +1,28 @@
+/*! coi-serviceworker v0.1.7 - Guido Zuidhof and contributors, licensed under MIT */
+/*! mini-coi - Andrea Giammarchi and contributors, licensed under MIT */
+(({ document: d, navigator: { serviceWorker: s } }) => {
+  if (d) {
+    const { currentScript: c } = d;
+    s.register(c.src, { scope: c.getAttribute('scope') || '.' }).then(r => {
+      r.addEventListener('updatefound', () => location.reload());
+      if (r.active && !s.controller) location.reload();
+    });
+  }
+  else {
+    addEventListener('install', () => skipWaiting());
+    addEventListener('activate', e => e.waitUntil(clients.claim()));
+    addEventListener('fetch', e => {
+      const { request: r } = e;
+      if (r.cache === 'only-if-cached' && r.mode !== 'same-origin') return;
+      e.respondWith(fetch(r).then(r => {
+        const { body, status, statusText } = r;
+        if (!status || status > 399) return r;
+        const h = new Headers(r.headers);
+        h.set('Cross-Origin-Opener-Policy', 'same-origin');
+        h.set('Cross-Origin-Embedder-Policy', 'require-corp');
+        h.set('Cross-Origin-Resource-Policy', 'cross-origin');
+        return new Response(status == 204 ? null : body, { status, statusText, headers: h });
+      }));
+    });
+  }
+})(self);
