From 2ee0eabc72def1ab4efdc66a47b88e4ae87ef6aa Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Sat, 22 May 2021 16:05:41 +0200
Subject: [PATCH] change service worker registration

---
 frontend/src/App.vue                  |  2 +-
 frontend/src/registerServiceWorker.js | 83 ++++++++++++++++++++++++---
 2 files changed, 77 insertions(+), 8 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index b423414..72328d1 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-	<div id="app" class="dark-mode">
+	<div id="app">
 		<div v-if="isConnected">
 			<router-view></router-view>
 		</div>
diff --git a/frontend/src/registerServiceWorker.js b/frontend/src/registerServiceWorker.js
index e87ef36..51eb9de 100644
--- a/frontend/src/registerServiceWorker.js
+++ b/frontend/src/registerServiceWorker.js
@@ -1,15 +1,84 @@
-import { Workbox } from 'workbox-window';
-
 if ('serviceWorker' in navigator) {
-	const wb = new Workbox('service-worker.js');
+	const { Workbox } = new Workbox('service-worker.js');
+
+	const wb = new Workbox('/service-worker.js');
+	wb.addEventListener('activated', event => {
+		// `event.isUpdate` will be true if another version of the service
+		// worker was controlling the page when this version was registered.
+		if (!event.isUpdate) {
+			console.log('Service worker activated for the first time!');
+
+			// If your service worker is configured to precache assets, those
+			// assets should all be available now.
+		}
+	});
+
+	wb.addEventListener('waiting', () => {
+		console.log(
+			`A new service worker has installed, but it can't activate` +
+				`until all tabs running the current version have fully unloaded.`,
+		);
+	});
+
+	wb.addEventListener('message', event => {
+		if (event.data.type === 'CACHE_UPDATE') {
+			const { updatedURL } = event.data.payload;
+
+			console.log(`A newer version of ${updatedURL} is available!`);
+		}
+	});
 
 	wb.addEventListener('installed', event => {
-		if (event.isUpdate) {
-			if (confirm(`Update available. Click OK to update`)) {
-				window.location.reload();
-			}
+		if (!event.isUpdate) {
+			console.log('First install');
+		} else {
+			console.log('updated install');
 		}
 	});
 
+	wb.addEventListener('controlling', event => {
+		if (!event.isUpdate) {
+			console.log('First control');
+		} else {
+			console.log('updated control');
+		}
+	});
+
+	wb.addEventListener('externalinstalled', event => {
+		if (!event.isUpdate) {
+			console.log('external first install');
+		} else {
+			console.log('external update install');
+		}
+	});
+
+	wb.addEventListener('externalwaiting', event => {
+		if (!event.isUpdate) {
+			console.log('external first waiting');
+		} else {
+			console.log('external update waiting');
+		}
+	});
+
+	wb.addEventListener('externalactivated', event => {
+		if (!event.isUpdate) {
+			console.log('external first acvtive');
+		} else {
+			console.log('external update acvtive');
+		}
+	});
+
+	wb.addEventListener('redundant', event => {
+		// `event.isUpdate` will be true if another version of the service
+		// worker was controlling the page when this version was registered.
+		if (!event.isUpdate) {
+			console.log('Service worker redundant for the first time!');
+
+			// If your service worker is configured to precache assets, those
+			// assets should all be available now.
+		}
+		console.log(event);
+	});
+
 	wb.register();
 }
\ No newline at end of file