server worker fix

Co-authored-by: GM <giulio.migani@studenti.unitn.it>

frontend/public/img/icons/safari-pinned-tab.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
+</svg>

frontend/src/main.js

@@ -25,9 +25,7 @@ const i18n = new VueI18n({
   messages
 })
 
-import wb from "./registerServiceWorker";
-
-Vue.prototype.$workbox = wb;
+import './registerServiceWorker'
 
 new Vue({
   i18n,

frontend/src/registerServiceWorker.js

@@ -1,84 +1,32 @@
-import { Workbox } from 'workbox-window';
-if ('serviceWorker' in navigator) {
+/* eslint-disable no-console */
 
-	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!');
+import { register } from 'register-service-worker'
 
-			// 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) {
-			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();
-}
+if (process.env.NODE_ENV === 'production') {
+  register(`${process.env.BASE_URL}service-worker.js`, {
+    ready () {
+      console.log(
+        'App is being served from cache by a service worker.\n' +
+        'For more details, visit https://goo.gl/AFskqB'
+      )
+    },
+    registered () {
+      console.log('Service worker has been registered.')
+    },
+    cached () {
+      console.log('Content has been cached for offline use.')
+    },
+    updatefound () {
+      console.log('New content is downloading.')
+    },
+    updated () {
+      console.log('New content is available; please refresh.')
+    },
+    offline () {
+      console.log('No internet connection found. App is running in offline mode.')
+    },
+    error (error) {
+      console.error('Error during service worker registration:', error)
+    }
+  })
+}

frontend/vue.config.js

@@ -6,6 +6,7 @@ module.exports = {
 		name: 'PewPew!',
 		appleMobileWebAppCache: "yes",
 		manifestOptions: {
+			display: 'standalone',
 		}
 	},
 	configureWebpack: {