Icone

frontend/public/manifest.webmanifest

@@ -7,6 +7,7 @@
   "display": "standalone",
   "background_color": "#f5f7fb",
   "theme_color": "#2563eb",
+  "orientation": "portrait",
   "icons": [
     {
       "src": "/icons/professeur-top-install-v2-192.png",

frontend/public/sw.js

@@ -1,9 +1,38 @@
-self.addEventListener('install', () => {
+const CACHE_NAME = 'professeur-top-v3'
+const ASSETS = [
+  '/',
+  '/manifest.webmanifest',
+  '/icons/professeur-top-install-v2-192.png',
+  '/icons/professeur-top-install-v2-512.png',
+]
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(caches.open(CACHE_NAME).then((cache) => cache.addAll(ASSETS)))
   self.skipWaiting()
 })
 
 self.addEventListener('activate', (event) => {
-  event.waitUntil(self.clients.claim())
+  event.waitUntil(
+    caches.keys().then((keys) =>
+      Promise.all(keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key)))
+    )
+  )
+  self.clients.claim()
 })
 
-self.addEventListener('fetch', () => {})
+self.addEventListener('fetch', (event) => {
+  if (event.request.method !== 'GET') return
+
+  const url = new URL(event.request.url)
+  if (url.origin !== self.location.origin || url.pathname.startsWith('/api/')) return
+
+  event.respondWith(
+    fetch(event.request)
+      .then((response) => {
+        const copy = response.clone()
+        caches.open(CACHE_NAME).then((cache) => cache.put(event.request, copy))
+        return response
+      })
+      .catch(() => caches.match(event.request).then((cached) => cached || caches.match('/')))
+  )
+})