fix: move service worker registration to main.tsx

Sheraff · Oct 4, 2024 · 797fdbd · 797fdbd
1 parent 96aa50c
commit 797fdbd
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -36,7 +36,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script src="/src/register.ts"></script>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/src/main.tsx b/src/main.tsx
@@ -2,6 +2,19 @@ import ReactDOM from 'react-dom/client'
 import App from './App'
 import { NavigationProvider } from '~/file-router/Navigation'
 
+if (!window.isSecureContext) {
+  console.log("Not registering service worker because the site is not hosted on HTTPS.")
+} else {
+  navigator.serviceWorker.register('./sw.js')
+    .then(registration => {
+      console.log(`Service worker registered: scope "${registration.scope}"`)
+      registration.addEventListener("updatefound", () => window.location.reload())
+      if (registration.active && !navigator.serviceWorker.controller) {
+        window.location.reload()
+      }
+    })
+}
+
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <NavigationProvider>
     <App />

diff --git a/src/register.ts b/src/register.ts