Improve pwa

mschuepbach · Sep 13, 2023 · dfed8b1 · dfed8b1
1 parent 500b422
commit dfed8b1
Show file tree

Hide file tree

Showing 126 changed files with 666 additions and 4 deletions.
diff --git a/src/app.html b/src/app.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="description" content="A self-hostable, realtime shopping list" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="icon" href="%sveltekit.assets%/icons/favicon.png" />
 		<meta name="viewport" content="width=device-width" />
 		<link rel="manifest" href="/manifest.json" />
 		%sveltekit.head%

diff --git a/src/service-worker.js b/src/service-worker.js
@@ -0,0 +1,62 @@
+/// <reference types="@sveltejs/kit" />
+import { build, files, version } from '$service-worker';
+
+// Create a unique cache name for this deployment
+const CACHE = `cache-${version}`;
+
+const ASSETS = [
+    ...build, // the app itself
+    ...files  // everything in `static`
+];
+
+self.addEventListener('install', (event) => {
+    // Create a new cache and add all files to it
+    async function addFilesToCache() {
+        const cache = await caches.open(CACHE);
+        await cache.addAll(ASSETS);
+    }
+
+    event.waitUntil(addFilesToCache());
+});
+
+self.addEventListener('activate', (event) => {
+    // Remove previous cached data from disk
+    async function deleteOldCaches() {
+        for (const key of await caches.keys()) {
+            if (key !== CACHE) await caches.delete(key);
+        }
+    }
+
+    event.waitUntil(deleteOldCaches());
+});
+
+self.addEventListener('fetch', (event) => {
+    // ignore POST requests etc
+    if (event.request.method !== 'GET') return;
+
+    async function respond() {
+        const url = new URL(event.request.url);
+        const cache = await caches.open(CACHE);
+
+        // `build`/`files` can always be served from the cache
+        if (ASSETS.includes(url.pathname)) {
+            return cache.match(url.pathname);
+        }
+
+        // for everything else, try the network first, but
+        // fall back to the cache if we're offline
+        try {
+            const response = await fetch(event.request);
+
+            if (response.status === 200) {
+                cache.put(event.request, response.clone());
+            }
+
+            return response;
+        } catch {
+            return cache.match(event.request);
+        }
+    }
+
+    event.respondWith(respond());
+});
diff --git a/static/icons/android/android-launchericon-144-144.png b/static/icons/android/android-launchericon-144-144.png
diff --git a/static/icons/android/android-launchericon-192-192.png b/static/icons/android/android-launchericon-192-192.png
diff --git a/static/icons/android/android-launchericon-48-48.png b/static/icons/android/android-launchericon-48-48.png
diff --git a/static/icons/android/android-launchericon-512-512.png b/static/icons/android/android-launchericon-512-512.png
diff --git a/static/icons/android/android-launchericon-72-72.png b/static/icons/android/android-launchericon-72-72.png
diff --git a/static/icons/android/android-launchericon-96-96.png b/static/icons/android/android-launchericon-96-96.png
diff --git a/static/favicon.png → static/icons/favicon.png b/static/favicon.png → static/icons/favicon.png
diff --git a/static/icons/icon-128.png b/static/icons/icon-128.png
diff --git a/static/icons/icon-192.png b/static/icons/icon-192.png
diff --git a/static/icons/icon-384.png b/static/icons/icon-384.png
diff --git a/static/icons/icon-48.png b/static/icons/icon-48.png
diff --git a/static/icons/icon-512.png b/static/icons/icon-512.png
diff --git a/static/icons/icon-72.png b/static/icons/icon-72.png
diff --git a/static/icons/icon-96.png b/static/icons/icon-96.png
diff --git a/static/icons/icon.png b/static/icons/icon.png
diff --git a/static/icons/ios/100.png b/static/icons/ios/100.png
diff --git a/static/icons/ios/1024.png b/static/icons/ios/1024.png
diff --git a/static/icons/ios/114.png b/static/icons/ios/114.png
diff --git a/static/icons/ios/120.png b/static/icons/ios/120.png
diff --git a/static/icons/ios/128.png b/static/icons/ios/128.png
diff --git a/static/icons/ios/144.png b/static/icons/ios/144.png
diff --git a/static/icons/ios/152.png b/static/icons/ios/152.png
diff --git a/static/icons/ios/16.png b/static/icons/ios/16.png
diff --git a/static/icons/ios/167.png b/static/icons/ios/167.png
diff --git a/static/icons/ios/180.png b/static/icons/ios/180.png
diff --git a/static/icons/ios/192.png b/static/icons/ios/192.png
diff --git a/static/icons/ios/20.png b/static/icons/ios/20.png
diff --git a/static/icons/ios/256.png b/static/icons/ios/256.png
diff --git a/static/icons/ios/29.png b/static/icons/ios/29.png
diff --git a/static/icons/ios/32.png b/static/icons/ios/32.png
diff --git a/static/icons/ios/40.png b/static/icons/ios/40.png
diff --git a/static/icons/ios/50.png b/static/icons/ios/50.png
diff --git a/static/icons/ios/512.png b/static/icons/ios/512.png
diff --git a/static/icons/ios/57.png b/static/icons/ios/57.png
diff --git a/static/icons/ios/58.png b/static/icons/ios/58.png
diff --git a/static/icons/ios/60.png b/static/icons/ios/60.png
diff --git a/static/icons/ios/64.png b/static/icons/ios/64.png
diff --git a/static/icons/ios/72.png b/static/icons/ios/72.png
diff --git a/static/icons/ios/76.png b/static/icons/ios/76.png
diff --git a/static/icons/ios/80.png b/static/icons/ios/80.png
diff --git a/static/icons/ios/87.png b/static/icons/ios/87.png
diff --git a/static/icons/windows11/LargeTile.scale-100.png b/static/icons/windows11/LargeTile.scale-100.png
diff --git a/static/icons/windows11/LargeTile.scale-125.png b/static/icons/windows11/LargeTile.scale-125.png
diff --git a/static/icons/windows11/LargeTile.scale-150.png b/static/icons/windows11/LargeTile.scale-150.png
diff --git a/static/icons/windows11/LargeTile.scale-200.png b/static/icons/windows11/LargeTile.scale-200.png
diff --git a/static/icons/windows11/LargeTile.scale-400.png b/static/icons/windows11/LargeTile.scale-400.png
diff --git a/static/icons/windows11/SmallTile.scale-100.png b/static/icons/windows11/SmallTile.scale-100.png
diff --git a/static/icons/windows11/SmallTile.scale-125.png b/static/icons/windows11/SmallTile.scale-125.png
diff --git a/static/icons/windows11/SmallTile.scale-150.png b/static/icons/windows11/SmallTile.scale-150.png
diff --git a/static/icons/windows11/SmallTile.scale-200.png b/static/icons/windows11/SmallTile.scale-200.png
diff --git a/static/icons/windows11/SmallTile.scale-400.png b/static/icons/windows11/SmallTile.scale-400.png
diff --git a/static/icons/windows11/SplashScreen.scale-100.png b/static/icons/windows11/SplashScreen.scale-100.png
diff --git a/static/icons/windows11/SplashScreen.scale-125.png b/static/icons/windows11/SplashScreen.scale-125.png
diff --git a/static/icons/windows11/SplashScreen.scale-150.png b/static/icons/windows11/SplashScreen.scale-150.png
diff --git a/static/icons/windows11/SplashScreen.scale-200.png b/static/icons/windows11/SplashScreen.scale-200.png
diff --git a/static/icons/windows11/SplashScreen.scale-400.png b/static/icons/windows11/SplashScreen.scale-400.png
diff --git a/static/icons/windows11/Square150x150Logo.scale-100.png b/static/icons/windows11/Square150x150Logo.scale-100.png
diff --git a/static/icons/windows11/Square150x150Logo.scale-125.png b/static/icons/windows11/Square150x150Logo.scale-125.png
diff --git a/static/icons/windows11/Square150x150Logo.scale-150.png b/static/icons/windows11/Square150x150Logo.scale-150.png
diff --git a/static/icons/windows11/Square150x150Logo.scale-200.png b/static/icons/windows11/Square150x150Logo.scale-200.png
diff --git a/static/icons/windows11/Square150x150Logo.scale-400.png b/static/icons/windows11/Square150x150Logo.scale-400.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png b/static/icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-16.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-16.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-20.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-20.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-24.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-24.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-256.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-256.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-30.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-30.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-32.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-32.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-36.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-36.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-40.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-40.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-44.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-44.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-48.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-48.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-60.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-60.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-64.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-64.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-72.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-72.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-80.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-80.png
diff --git a/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-96.png b/static/icons/windows11/Square44x44Logo.altform-unplated_targetsize-96.png
diff --git a/static/icons/windows11/Square44x44Logo.scale-100.png b/static/icons/windows11/Square44x44Logo.scale-100.png
diff --git a/static/icons/windows11/Square44x44Logo.scale-125.png b/static/icons/windows11/Square44x44Logo.scale-125.png
diff --git a/static/icons/windows11/Square44x44Logo.scale-150.png b/static/icons/windows11/Square44x44Logo.scale-150.png
diff --git a/static/icons/windows11/Square44x44Logo.scale-200.png b/static/icons/windows11/Square44x44Logo.scale-200.png
diff --git a/static/icons/windows11/Square44x44Logo.scale-400.png b/static/icons/windows11/Square44x44Logo.scale-400.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-16.png b/static/icons/windows11/Square44x44Logo.targetsize-16.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-20.png b/static/icons/windows11/Square44x44Logo.targetsize-20.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-24.png b/static/icons/windows11/Square44x44Logo.targetsize-24.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-256.png b/static/icons/windows11/Square44x44Logo.targetsize-256.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-30.png b/static/icons/windows11/Square44x44Logo.targetsize-30.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-32.png b/static/icons/windows11/Square44x44Logo.targetsize-32.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-36.png b/static/icons/windows11/Square44x44Logo.targetsize-36.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-40.png b/static/icons/windows11/Square44x44Logo.targetsize-40.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-44.png b/static/icons/windows11/Square44x44Logo.targetsize-44.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-48.png b/static/icons/windows11/Square44x44Logo.targetsize-48.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-60.png b/static/icons/windows11/Square44x44Logo.targetsize-60.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-64.png b/static/icons/windows11/Square44x44Logo.targetsize-64.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-72.png b/static/icons/windows11/Square44x44Logo.targetsize-72.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-80.png b/static/icons/windows11/Square44x44Logo.targetsize-80.png
diff --git a/static/icons/windows11/Square44x44Logo.targetsize-96.png b/static/icons/windows11/Square44x44Logo.targetsize-96.png
diff --git a/static/icons/windows11/StoreLogo.scale-100.png b/static/icons/windows11/StoreLogo.scale-100.png
diff --git a/static/icons/windows11/StoreLogo.scale-125.png b/static/icons/windows11/StoreLogo.scale-125.png
diff --git a/static/icons/windows11/StoreLogo.scale-150.png b/static/icons/windows11/StoreLogo.scale-150.png
diff --git a/static/icons/windows11/StoreLogo.scale-200.png b/static/icons/windows11/StoreLogo.scale-200.png
diff --git a/static/icons/windows11/StoreLogo.scale-400.png b/static/icons/windows11/StoreLogo.scale-400.png
diff --git a/static/icons/windows11/Wide310x150Logo.scale-100.png b/static/icons/windows11/Wide310x150Logo.scale-100.png
diff --git a/static/icons/windows11/Wide310x150Logo.scale-125.png b/static/icons/windows11/Wide310x150Logo.scale-125.png
diff --git a/static/icons/windows11/Wide310x150Logo.scale-150.png b/static/icons/windows11/Wide310x150Logo.scale-150.png
diff --git a/static/icons/windows11/Wide310x150Logo.scale-200.png b/static/icons/windows11/Wide310x150Logo.scale-200.png
diff --git a/static/icons/windows11/Wide310x150Logo.scale-400.png b/static/icons/windows11/Wide310x150Logo.scale-400.png
diff --git a/static/logo-192.png b/static/logo-192.png
diff --git a/static/logo-512.png b/static/logo-512.png