frontend/package.json

@@ -20,7 +20,6 @@
 		"eslint": "^8.45.0",
 		"eslint-config-prettier": "^8.5.0",
 		"eslint-plugin-svelte": "^2.30.0",
-		"kolorist": "^1.8.0",
 		"prettier": "^3.0.0",
 		"prettier-plugin-svelte": "^3.0.0",
 		"svelte": "^4.0.0",

frontend/src/lib/components/Splash.svelte

@@ -12,7 +12,7 @@
 </script>
 
 {#if visible}
-	<img transition:fade src="/splash.webp" alt="splash" />
+	<img transition:fade src="/splash.jpeg" alt="splash" />
 {/if}
 
 <style>

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

@@ -10,13 +10,10 @@
 	let latitude;
 	let longitude;
 	let accuracy;
-	const errorMessage = "Geolocation not available";
+	
-	let errored = false;
+	const loadWorker = async () => {
-
-	const watchPosition = async () => {
         if (!("geolocation" in navigator)) {
-			errored = true;
+            return;
-			throw new Error(errorMessage)
         }
 
         const options = {
@@ -48,7 +45,7 @@
     };
 
 	onMount(async () => {
-		await watchPosition();
+		await loadWorker();
 		leaflet = await import('leaflet');
 		layerGroup = leaflet.layerGroup();
 
@@ -78,11 +75,8 @@
 		}
 	});
 </script>
-{#if !errored}
+
 <div id="map" in:fade bind:this={mapElement} />
-{:else}
-{errorMessage}
-{/if}
 
 <style>
 	@import 'leaflet/dist/leaflet.css';

frontend/src/routes/routes/[slug]/+page.svelte

@@ -24,7 +24,7 @@
 
 
 <Header></Header>
-<img src='/splash.webp' alt='splash'>
+<img src='/splash.jpeg' alt='splash'>
 
 <div bind:this={divider} id='divider'>
     <div id='banner'>
@@ -70,4 +70,4 @@
         font-size: 14px;
         text-align: rightìì;
     }
-</style>
+</style>

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

@@ -5,7 +5,12 @@ import { SvelteKitPWA } from '@vite-pwa/sveltekit'
 const config = {
   plugins: [
     sveltekit(), 
-    SvelteKitPWA()
+    SvelteKitPWA({
+      registerType: 'autoUpdate',
+      strategies: 'injectManifest',
+      srcDir: 'src',
+      filename: 'sw.ts',
+    })
   ],
   test: {
     include: ["src/**/*.{test,spec}.{js,ts}"],
@@ -21,4 +26,4 @@ const config = {
   },
 };
 
-export default config;
+export default config;

frontend/yarn.lock

@@ -2741,11 +2741,6 @@ known-css-properties@^0.27.0:
   resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.27.0.tgz#82a9358dda5fe7f7bd12b5e7142c0a205393c0c5"
   integrity sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==
 
-kolorist@^1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/kolorist/-/kolorist-1.8.0.tgz#edddbbbc7894bc13302cdf740af6374d4a04743c"
-  integrity sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==
-
 leaflet@^1.9.4:
   version "1.9.4"
   resolved "https://registry.yarnpkg.com/leaflet/-/leaflet-1.9.4.tgz#23fae724e282fa25745aff82ca4d394748db7d8d"