Update packages

frontend/package.json

@@ -16,6 +16,7 @@
 		"@sveltejs/kit": "^1.22.3",
 		"@typescript-eslint/eslint-plugin": "^6.1.0",
 		"@typescript-eslint/parser": "^6.1.0",
+		"@vite-pwa/sveltekit": "^0.2.5",
 		"eslint": "^8.45.0",
 		"eslint-config-prettier": "^8.5.0",
 		"eslint-plugin-svelte": "^2.30.0",
@@ -25,8 +26,7 @@
 		"svelte-check": "^3.4.6",
 		"tslib": "^2.4.1",
 		"typescript": "^5.0.0",
-		"vite": "^4.4.4",
+		"vite": "^4.4.4"
-		"vite-plugin-pwa": "^0.16.4"
 	},
 	"type": "module",
 	"dependencies": {

frontend/src/lib/components/tabs/MapTab.svelte

@@ -35,7 +35,6 @@
             string += `Latitude : ${crd.latitude}`;
             string += `Longitude: ${crd.longitude}`;
             string += `More or less ${crd.accuracy} meters.`;
-
         }
 
         function error(err) {

frontend/src/routes/+layout.svelte

@@ -1,11 +1,17 @@
 <script>
+	import { pwaInfo } from 'virtual:pwa-info'; 
 	import BottomAppBar from '$lib/components/BottomAppBar.svelte';
+	$: webManifestLink = pwaInfo ? pwaInfo.webManifest.linkTag : '' 
 </script> 
+
 <slot></slot>
 <footer>
 	<BottomAppBar />
 </footer>
 
+<svelte:head> 
+   {@html webManifestLink} 
+</svelte:head>
 
 <style>
 	footer {

frontend/svelte.config.js

@@ -7,6 +7,12 @@ const config = {
 	// for more information about preprocessors
 	preprocess: vitePreprocess(),
 	kit: {
+		files: {
+			serviceWorker: 'src/sw.ts',
+		},
+		serviceWorker: {
+			register: false
+		},
 		adapter: adapter({
 			precompress: false,
 		}),

frontend/vite.config.ts

@@ -1,9 +1,16 @@
 import { sveltekit } from "@sveltejs/kit/vite";
 import adapter from "@sveltejs/adapter-node";
-import { VitePWA } from 'vite-plugin-pwa';
+import { SvelteKitPWA } from '@vite-pwa/sveltekit'
 
 const config = {
-  plugins: [sveltekit(), VitePWA({ registerType: 'autoUpdate' })],
+  plugins: [
+    sveltekit(), 
+    SvelteKitPWA({
+      strategies: 'injectManifest',
+      srcDir: 'src',
+      filename: 'sw.ts',
+    })
+  ],
   test: {
     include: ["src/**/*.{test,spec}.{js,ts}"],
   },