only cache all assets if pwa installed

teambtcmap · Jun 1, 2023 · 8faa162 · 8faa162
1 parent 6aace94
commit 8faa162
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 4 deletions.
diff --git a/src/app.html b/src/app.html
@@ -2,6 +2,7 @@
 <html lang="en">
 	<head>
 		<script>
+			// theme
 			if (
 				localStorage.theme === 'dark' ||
 				(!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
@@ -10,6 +11,15 @@
 			} else {
 				document.documentElement.classList.remove('dark');
 			}
+
+			// service worker
+			navigator.serviceWorker?.ready.then((registration) => {
+				const appInstalled = window.matchMedia('(display-mode: standalone)').matches;
+
+				if (appInstalled) {
+					registration.active.postMessage('CACHE_ASSETS');
+				}
+			});
 		</script>
 		<meta name="theme-color" content="#0B9072" />
 		<meta name="keywords" content="bitcoin, open source, map" />

diff --git a/src/service-worker.js b/src/service-worker.js
@@ -10,13 +10,13 @@ const ASSETS = [
 ];
 
 self.addEventListener('install', (event) => {
-	// Create a new cache and add all files to it
-	async function addFilesToCache() {
+	// Create a new cache and add offline file to it
+	async function addFileToCache() {
 		const cache = await caches.open(CACHE);
-		await cache.addAll(ASSETS);
+		await cache.add('/offline.html');
 	}
 
-	event.waitUntil(addFilesToCache());
+	event.waitUntil(addFileToCache());
 });
 
 self.addEventListener('activate', (event) => {
@@ -30,6 +30,18 @@ self.addEventListener('activate', (event) => {
 	event.waitUntil(deleteOldCaches());
 });
 
+self.addEventListener('message', async (event) => {
+	if (event.data === 'CACHE_ASSETS') {
+		// Create a new cache and add all files to it
+		const cache = await caches.open(CACHE);
+		const cached = await cache.match('/cached.txt');
+
+		if (cached) return;
+
+		event.waitUntil(await cache.addAll(ASSETS));
+	}
+});
+
 self.addEventListener('fetch', (event) => {
 	// ignore POST requests etc
 	if (event.request.method !== 'GET') return;

diff --git a/static/cached.txt b/static/cached.txt