refactor(mapper): upgrade mapper frontend to Svelte 5 Runes (#1846)

* build: update electic to latest backend + frontend

* fix(mapper): selection of tasks when clicked

* feat: format created_at string for latest event to 'time ago' string

* refactor: move task action dialog to a separate component

* refactor: move handling electric task states to store

* refactor(mapper): move map logic to separate map component

* refactor: remove some unecessary vars from main mapper page

* refactor(mapper): refinements to ui, simplify

* refactor(mapper): restructure app

* refactor(mapper): move the geolocation logic to separate component

* build(mapper): update all dependencies to latest, add flatgeobuf

* feat: wip add entities electricsql stream

* fix: remove all usage of self closing tags (not HTML!)

* build: specify svelte-adapter-static

* feat: upgrade to svelte 5 syntax with runes / stores

docker-compose.yml

@@ -266,7 +266,7 @@ services:
       retries: 3
 
   electric:
-    image: "electricsql/electric:${ELECTRIC_TAG:-0.7.6}"
+    image: "electricsql/electric:${ELECTRIC_TAG:-0.7.7}"
     depends_on:
       fmtm-db:
         condition: service_healthy

src/mapper/package.json

@@ -14,48 +14,47 @@
 		"lint": "prettier --plugin prettier-plugin-svelte --check . && eslint .",
 		"format": "prettier --plugin prettier-plugin-svelte --write .",
 		"test:integration": "playwright test",
-		"test:unit": "vitest",
-		"electric:migrations": "electric-sql generate"
+		"test:unit": "vitest"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.48.1",
-		"@sveltejs/adapter-auto": "^3.2.2",
-		"@sveltejs/kit": "^2.5.24",
-		"@sveltejs/vite-plugin-svelte": "3.1.2",
-		"@types/eslint": "^8.56.10",
+		"@playwright/test": "^1.48.2",
+		"@sveltejs/adapter-static": "^3.0.6",
+		"@sveltejs/kit": "^2.7.3",
+		"@sveltejs/vite-plugin-svelte": "4.0.0",
+		"@types/eslint": "^9.6.1",
 		"@types/geojson": "^7946.0.14",
-		"@types/node": "^20.14.8",
-		"@typescript-eslint/eslint-plugin": "^7.13.1",
-		"@typescript-eslint/parser": "^7.13.1",
-		"@unocss/extractor-svelte": "^0.61.3",
-		"eslint": "^8.57.0",
+		"@types/node": "^22.8.5",
+		"@typescript-eslint/eslint-plugin": "^8.12.2",
+		"@typescript-eslint/parser": "^8.12.2",
+		"@unocss/extractor-svelte": "^0.63.6",
+		"eslint": "^9.13.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-svelte": "^2.40.0",
-		"prettier": "^3.3.2",
-		"prettier-plugin-svelte": "^3.2.5",
-		"svelte": "4.2.19",
-		"svelte-check": "^3.8.6",
-		"tslib": "^2.6.3",
-		"typescript": "^5.5.2",
-		"unocss": "^0.61.3",
-		"vite": "^5.3.1",
-		"vitest": "^1.6.0"
+		"eslint-plugin-svelte": "^2.46.0",
+		"prettier": "^3.3.3",
+		"prettier-plugin-svelte": "^3.2.7",
+		"svelte": "5.1.6",
+		"svelte-check": "^4.0.5",
+		"tslib": "^2.8.0",
+		"typescript": "^5.6.3",
+		"unocss": "^0.63.6",
+		"vite": "^5.4.10",
+		"vitest": "^2.1.4"
 	},
 	"dependencies": {
-		"@electric-sql/client": "^0.6.4",
+		"@electric-sql/client": "^0.6.5",
 		"@electric-sql/pglite": "^0.2.12",
 		"@hotosm/ui": "0.2.0-b5",
-		"@tiptap/core": "^2.8.0",
-		"@tiptap/pm": "^2.8.0",
-		"@tiptap/starter-kit": "^2.8.0",
-		"@turf/bbox": "^7.0.0",
-		"@turf/buffer": "^7.0.0",
-		"@turf/helpers": "^7.0.0",
-		"drizzle-orm": "^0.35.2",
+		"@tiptap/core": "^2.9.1",
+		"@tiptap/pm": "^2.9.1",
+		"@tiptap/starter-kit": "^2.9.1",
+		"@turf/bbox": "^7.1.0",
+		"@turf/buffer": "^7.1.0",
+		"@turf/helpers": "^7.1.0",
+		"drizzle-orm": "^0.35.3",
+		"flatgeobuf": "^3.35.0",
 		"pako": "^2.1.0",
-		"prisma": "4.8.1",
 		"svelte-maplibre": "^0.9.14",
-		"uuid": "^10.0.0"
+		"uuid": "^11.0.2"
 	},
 	"peerDependencies": {
 		"@shoelace-style/shoelace": "^2.15.1"