Draft for mobile app.

nikoshell · nikoshell · commit 2813bbe56226 · 2025-05-19T19:27:45.000+02:00
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -11,6 +11,7 @@ import pagefind from "astro-pagefind";
 import deleteUnusedImages from "astro-delete-unused-images";
 import preload from "astro-preload";
 import { execSync } from "node:child_process";
+import basicSsl from "@vitejs/plugin-basic-ssl";
 
 import compress from "astro-compress";
 
@@ -31,6 +32,10 @@ if (!gitVersion) {
 // https://astro.build/config
 export default defineConfig({
   vite: {
+    plugins: [basicSsl()],
+    server: {
+      https: true,
+    },
     define: {
       __TIMESTAMP__: JSON.stringify(
         new Date()
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,63 @@
+{
+  "name": "EuroPython 2025",
+  "short_name": "EP2025",
+  "display": "standalone",
+  "start_url": "./?utm_source=pwa_install",
+  "lang": "en",
+  "scope": ".",
+  "background_color": "#6200ee",
+  "theme_color": "#6200ee",
+  "icons": [
+    {
+      "src": "android-chrome-36x36.png",
+      "sizes": "36x36",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-48x48.png",
+      "sizes": "48x48",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "maskable_icon.png",
+      "sizes": "650x650",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}
diff --git a/public/sw.js b/public/sw.js
@@ -0,0 +1,48 @@
+const cacheName = "cache2";
+
+self.addEventListener("install", (event) => {
+  self.skipWaiting();
+
+  event.waitUntil(
+    caches.open(cacheName).then((cache) => {
+      return cache.addAll([
+        "/",
+        "favicon.ico",
+        "index.html",
+        "main.js",
+        "manifest.json",
+        "style.css",
+      ]);
+    })
+  );
+});
+
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    caches.keys().then((keys) => {
+      Promise.all(
+        keys.map((key) => {
+          if (![cacheName].includes(key)) {
+            return caches.delete(key);
+          }
+        })
+      );
+    })
+  );
+});
+
+self.addEventListener("fetch", (event) => {
+  event.respondWith(
+    caches.open(cacheName).then((cache) => {
+      return cache.match(event.request).then((response) => {
+        return (
+          response ||
+          fetch(event.request).then((networkResponse) => {
+            cache.put(event.request, networkResponse.clone());
+            return networkResponse;
+          })
+        );
+      });
+    })
+  );
+});
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -28,6 +28,10 @@ const externalDomain = new URL(Astro.site || "").hostname;
   <head>
     <BaseHead title={title} description={description} />
     <slot name="head" />
+
+    <link rel="manifest" href="/manifest.json" />
+    <meta name="theme-color" content="#6200ee" />
+    <link rel="apple-touch-icon" href="/icons/icon-192x192.png" />
     </Fragment>
 
   <body>
@@ -96,3 +100,15 @@ const externalDomain = new URL(Astro.site || "").hostname;
         }
 }
 </style>
+
+<script>
+if ("serviceWorker" in navigator) {
+  window.addEventListener("load", () => {
+    navigator.serviceWorker.register("/sw.js").then((registration) => {
+      console.log("ServiceWorker registered: ", registration);
+    }).catch((registrationError) => {
+      console.log("ServiceWorker registration failed: ", registrationError);
+    });
+  });
+}
+</script>
