From c2477e0ff5166bd54dd4f18b78c9c1431c6f0ec7 Mon Sep 17 00:00:00 2001
From: Julien Oculi <xdrz.jot.sr@gmail.com>
Date: Thu, 6 Jun 2024 16:35:55 +0200
Subject: [PATCH] feat(pwa): :sparkles: add service worker registration

---
 islands/RegisterServiceWorker.tsx | 7 +++++++
 routes/_app.tsx                   | 2 ++
 2 files changed, 9 insertions(+)
 create mode 100644 islands/RegisterServiceWorker.tsx

diff --git a/islands/RegisterServiceWorker.tsx b/islands/RegisterServiceWorker.tsx
new file mode 100644
index 0000000..1b33b4b
--- /dev/null
+++ b/islands/RegisterServiceWorker.tsx
@@ -0,0 +1,7 @@
+export default function RegisterServiceWorker({ href }: { href: string }) {
+	if ('serviceWorker' in navigator) {
+		navigator.serviceWorker.register(href)
+	}
+
+	return <></>
+}
diff --git a/routes/_app.tsx b/routes/_app.tsx
index 7d9f171..1636341 100644
--- a/routes/_app.tsx
+++ b/routes/_app.tsx
@@ -2,6 +2,7 @@ import { asset, Head, Partial } from '$fresh/runtime.ts'
 import { type PageProps } from '$fresh/server.ts'
 import { Footer } from '../components/Footer.tsx'
 import { Header } from '../components/Header.tsx'
+import RegisterServiceWorker from '../islands/RegisterServiceWorker.tsx'
 
 export default function App({ Component }: PageProps) {
 	return (
@@ -52,6 +53,7 @@ export default function App({ Component }: PageProps) {
 						<Component />
 					</Partial>
 				</main>
+				<RegisterServiceWorker href={asset('/sw.js')} />
 				<Footer />
 			</body>
 		</html>