style: apply prettier formatting to frontend

frontend/src/lib/components/ui/map/MapArc.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type MapLibreGL from "maplibre-gl";
+	import type MapLibreGL from 'maplibre-gl';
 
 	export type MapArcDatum = {
 		/** Unique identifier for this arc. Required for hover state tracking. */
@@ -17,8 +17,8 @@
 		originalEvent: MapLibreGL.MapMouseEvent;
 	};
 
-	type MapArcLinePaint = NonNullable<MapLibreGL.LineLayerSpecification["paint"]>;
-	type MapArcLineLayout = NonNullable<MapLibreGL.LineLayerSpecification["layout"]>;
+	type MapArcLinePaint = NonNullable<MapLibreGL.LineLayerSpecification['paint']>;
+	type MapArcLineLayout = NonNullable<MapLibreGL.LineLayerSpecification['layout']>;
 
 	export type MapArcProps<T extends MapArcDatum = MapArcDatum> = {
 		/** Array of arcs to render. Each arc must have a unique `id`. */
@@ -50,7 +50,7 @@
 </script>
 
 <script lang="ts" generics="T extends MapArcDatum = MapArcDatum">
-	import { useMap } from "$lib/hooks/use-map.svelte.js";
+	import { useMap } from '$lib/hooks/use-map.svelte.js';
 
 	let {
 		data,
@@ -63,18 +63,18 @@
 		onclick,
 		onhover,
 		interactive = true,
-		beforeId,
+		beforeId
 	}: MapArcProps<T> = $props();
 
-	const DEFAULT_PAINT: NonNullable<MapLibreGL.LineLayerSpecification["paint"]> = {
-		"line-color": "#4285F4",
-		"line-width": 2,
-		"line-opacity": 0.85,
+	const DEFAULT_PAINT: NonNullable<MapLibreGL.LineLayerSpecification['paint']> = {
+		'line-color': '#4285F4',
+		'line-width': 2,
+		'line-opacity': 0.85
 	};
 
-	const DEFAULT_LAYOUT: NonNullable<MapLibreGL.LineLayerSpecification["layout"]> = {
-		"line-join": "round",
-		"line-cap": "round",
+	const DEFAULT_LAYOUT: NonNullable<MapLibreGL.LineLayerSpecification['layout']> = {
+		'line-join': 'round',
+		'line-cap': 'round'
 	};
 
 	const ARC_HIT_MIN_WIDTH = 12;
@@ -123,9 +123,9 @@
 	}
 
 	function mergeArcPaint(
-		base: NonNullable<MapLibreGL.LineLayerSpecification["paint"]>,
-		hover: NonNullable<MapLibreGL.LineLayerSpecification["paint"]> | undefined
-	): NonNullable<MapLibreGL.LineLayerSpecification["paint"]> {
+		base: NonNullable<MapLibreGL.LineLayerSpecification['paint']>,
+		hover: NonNullable<MapLibreGL.LineLayerSpecification['paint']> | undefined
+	): NonNullable<MapLibreGL.LineLayerSpecification['paint']> {
 		if (!hover) return base;
 		const merged: Record<string, unknown> = { ...base };
 		for (const [key, hoverValue] of Object.entries(hover)) {
@@ -134,32 +134,32 @@
 			merged[key] =
 				baseValue === undefined
 					? hoverValue
-					: ["case", ["boolean", ["feature-state", "hover"], false], hoverValue, baseValue];
+					: ['case', ['boolean', ['feature-state', 'hover'], false], hoverValue, baseValue];
 		}
-		return merged as NonNullable<MapLibreGL.LineLayerSpecification["paint"]>;
+		return merged as NonNullable<MapLibreGL.LineLayerSpecification['paint']>;
 	}
 
 	const geoJSON = $derived.by<GeoJSON.FeatureCollection<GeoJSON.LineString>>(() => ({
-		type: "FeatureCollection",
+		type: 'FeatureCollection',
 		features: data.map((arc) => {
 			const { from, to, id: arcId, ...properties } = arc;
 			return {
-				id: typeof arcId === "number" ? arcId : undefined,
-				type: "Feature" as const,
+				id: typeof arcId === 'number' ? arcId : undefined,
+				type: 'Feature' as const,
 				properties: { ...properties, _arc_id: String(arcId) },
 				geometry: {
-					type: "LineString" as const,
-					coordinates: buildArcCoordinates(from, to, curvature, samples),
-				},
+					type: 'LineString' as const,
+					coordinates: buildArcCoordinates(from, to, curvature, samples)
+				}
 			};
-		}),
+		})
 	}));
 
 	const mergedPaint = $derived(mergeArcPaint({ ...DEFAULT_PAINT, ...paint }, hoverPaint));
 	const mergedLayout = $derived({ ...DEFAULT_LAYOUT, ...layout });
 	const hitWidth = $derived(() => {
-		const w = paint?.["line-width"] ?? DEFAULT_PAINT["line-width"];
-		const base = typeof w === "number" ? w : ARC_HIT_MIN_WIDTH;
+		const w = paint?.['line-width'] ?? DEFAULT_PAINT['line-width'];
+		const base = typeof w === 'number' ? w : ARC_HIT_MIN_WIDTH;
 		return Math.max((base as number) + ARC_HIT_PADDING, ARC_HIT_MIN_WIDTH);
 	});
 
@@ -178,18 +178,18 @@
 
 		if (!map.getSource(currentSourceId)) {
 			map.addSource(currentSourceId, {
-				type: "geojson",
+				type: 'geojson',
 				data: geoJSON,
-				promoteId: "_arc_id",
+				promoteId: '_arc_id'
 			});
 
 			map.addLayer(
 				{
 					id: currentLayerId,
-					type: "line",
+					type: 'line',
 					source: currentSourceId,
 					layout: mergedLayout,
-					paint: mergedPaint,
+					paint: mergedPaint
 				},
 				beforeId
 			);
@@ -198,10 +198,10 @@
 				map.addLayer(
 					{
 						id: currentHitLayerId,
-						type: "line",
+						type: 'line',
 						source: currentSourceId,
 						layout: mergedLayout,
-						paint: { "line-color": "transparent", "line-width": hitWidth() },
+						paint: { 'line-color': 'transparent', 'line-width': hitWidth() }
 					},
 					beforeId
 				);
@@ -267,7 +267,7 @@
 			if (arcId) {
 				map.setFeatureState({ source: sourceId, id: arcId }, { hover: true });
 				hoveredArcId = arcId;
-				map.getCanvas().style.cursor = "pointer";
+				map.getCanvas().style.cursor = 'pointer';
 
 				if (onhover) {
 					const arc = getArcById(arcId);
@@ -276,7 +276,7 @@
 					}
 				}
 			} else {
-				map.getCanvas().style.cursor = "";
+				map.getCanvas().style.cursor = '';
 				if (onhover) onhover(null);
 			}
 		};
@@ -286,18 +286,18 @@
 				map.setFeatureState({ source: sourceId, id: hoveredArcId }, { hover: false });
 				hoveredArcId = null;
 			}
-			map.getCanvas().style.cursor = "";
+			map.getCanvas().style.cursor = '';
 			if (onhover) onhover(null);
 		};
 
-		map.on("click", targetLayer, handleClick);
-		map.on("mousemove", targetLayer, handleMouseMove);
-		map.on("mouseleave", targetLayer, handleMouseLeave);
+		map.on('click', targetLayer, handleClick);
+		map.on('mousemove', targetLayer, handleMouseMove);
+		map.on('mouseleave', targetLayer, handleMouseLeave);
 
 		return () => {
-			map.off("click", targetLayer, handleClick);
-			map.off("mousemove", targetLayer, handleMouseMove);
-			map.off("mouseleave", targetLayer, handleMouseLeave);
+			map.off('click', targetLayer, handleClick);
+			map.off('mousemove', targetLayer, handleMouseMove);
+			map.off('mouseleave', targetLayer, handleMouseLeave);
 		};
 	});
 </script>