From 2598c9ef0b945f13e94dba8f36c5fbb5cba58feb Mon Sep 17 00:00:00 2001
From: João Augusto Costa Branco Marado Torres <torres.dev@disroot.org>
Date: Fri, 4 Jul 2025 15:37:16 -0300
Subject: feat: offline support with service workers
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: João Augusto Costa Branco Marado Torres <torres.dev@disroot.org>
---
 src/components/BaseHead.astro | 46 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

(limited to 'src/components')

diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index 912375e..41926ad 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -87,3 +87,49 @@ const {
 <meta property="twitter:image" content={image} />
 
 <ClientRouter />
+
+<script>
+  import {
+    Workbox,
+    type WorkboxLifecycleWaitingEvent,
+  } from "workbox-window";
+
+  if ("serviceWorker" in navigator) {
+    const wb = new Workbox("/sw.js", { type: "module" });
+
+    wb.addEventListener("activated", (_event) => {
+      const urlsToCache = [
+        location.href,
+        ...performance.getEntriesByType("resource").map((r) => r.name),
+      ];
+      wb.messageSW({
+        type: "CACHE_URLS",
+        payload: { urlsToCache },
+      });
+    });
+
+    const showSkipWaitingPrompt = async (
+      _event: WorkboxLifecycleWaitingEvent,
+    ) => {
+      wb.addEventListener("controlling", () => {
+        window.location.reload();
+      });
+
+      const updateAccepted = await promptForUpdate();
+
+      if (updateAccepted) {
+        wb.messageSkipWaiting();
+      }
+    };
+
+    wb.addEventListener("waiting", (event) => {
+      showSkipWaitingPrompt(event);
+    });
+
+    wb.register();
+  }
+
+  async function promptForUpdate(): Promise<boolean> {
+    return await Promise.resolve(confirm("update?"));
+  }
+</script>
-- 
cgit v1.2.3