Update app

Author: nikoshell

astro.config.mjs

@@ -122,7 +122,6 @@ export default defineConfig({
     svelte(),
     serviceWorker({
       workbox: { inlineWorkboxRuntime: true },
-      enableInDevelopment: true,
     }),
     compress({
       HTML: false,

src/components/Offline.astro

@@ -6,7 +6,7 @@
 </div>
 <script is:inline>
 
-  document.addEventListener('astro:page-load', () => {
+  document.addEventListener('DOMContentLoaded', () => {
     const offlineIcon = document.getElementById('offline-icon');
 
     function updateOnlineStatus() {
@@ -17,7 +17,6 @@
     window.addEventListener('online', updateOnlineStatus);
     window.addEventListener('offline', updateOnlineStatus);
 
-    // Initial check
     updateOnlineStatus();
   }
   );

src/layouts/Layout.astro

@@ -117,4 +117,27 @@ if ("serviceWorker" in navigator) {
     });
   });
 }
+
+if (window.matchMedia('(display-mode: standalone)').matches) {
+  document.addEventListener('click', function (e: any) {
+    const anchor = e.target.closest('a');
+
+    if (!anchor || !anchor.href) return;
+
+    const origin = window.location.origin;
+    const href = anchor.getAttribute('href');
+
+    if (
+      href.startsWith('#') ||
+      href.startsWith('/') ||
+      href.startsWith(origin)
+    ) {
+      return;
+    }
+
+    e.preventDefault();
+
+    alert('External links are available only via website.');
+  });
+}
 </script>