nominatimGeocoder: add empty reverseGeocode and types

Author: starsep

src/components/map.tsx

@@ -1,5 +1,7 @@
 // @ts-ignore
-import MaplibreGeocoder from "@maplibre/maplibre-gl-geocoder";
+import MaplibreGeocoder, {
+	type MaplibreGeocoderOptions,
+} from "@maplibre/maplibre-gl-geocoder";
 import "@maplibre/maplibre-gl-geocoder/dist/maplibre-gl-geocoder.css";
 import maplibregl, {
 	type MapGeoJSONFeature,
@@ -196,7 +198,8 @@ const MapView: FC<MapViewProps> = ({ openChangesetId, setOpenChangesetId }) => {
 			const newMaplibreGeocoder = new MaplibreGeocoder(nominatimGeocoder, {
 				maplibregl,
 				placeholder: t("sidebar.find_location"),
-			});
+				reverseGeocode: false,
+			} as MaplibreGeocoderOptions);
 			newMaplibreGeocoder.setLanguage(language);
 			map.addControl(newMaplibreGeocoder);
 			maplibreGeocoderRef.current = newMaplibreGeocoder;

src/components/nominatimGeocoder.ts

@@ -1,21 +1,27 @@
-interface GeocoderConfig {
-	query: string;
-}
+import type {
+	CarmenGeojsonFeature,
+	MaplibreGeocoderApi,
+	MaplibreGeocoderApiConfig,
+	MaplibreGeocoderFeatureResults,
+} from "@maplibre/maplibre-gl-geocoder";
 
-const nominatimGeocoder = {
-	forwardGeocode: async (config: GeocoderConfig) => {
-		const features = [];
+const nominatimGeocoder: MaplibreGeocoderApi = {
+	forwardGeocode: async (
+		config: MaplibreGeocoderApiConfig,
+	): Promise<MaplibreGeocoderFeatureResults> => {
+		const features: CarmenGeojsonFeature[] = [];
 		try {
 			const request = `https://nominatim.openstreetmap.org/search?q=${config.query}&format=geojson&polygon_geojson=1&addressdetails=1`;
 			const response = await fetch(request);
 			const geojson = await response.json();
 			for (let i = 0; i < geojson.features.length; i += 1) {
 				const feature = geojson.features[i];
-				const center = [
+				const center: number[] = [
 					feature.bbox[0] + (feature.bbox[2] - feature.bbox[0]) / 2,
 					feature.bbox[1] + (feature.bbox[3] - feature.bbox[1]) / 2,
 				];
-				const point = {
+				const point: CarmenGeojsonFeature = {
+					id: feature.id,
 					type: "Feature",
 					geometry: {
 						type: "Point",
@@ -25,7 +31,6 @@ const nominatimGeocoder = {
 					properties: feature.properties,
 					text: feature.properties.display_name,
 					place_type: ["place"],
-					center,
 				};
 				features.push(point);
 			}
@@ -34,9 +39,20 @@ const nominatimGeocoder = {
 		}
 
 		return {
+			type: "FeatureCollection",
 			features,
 		};
 	},
+	reverseGeocode(
+		_config: MaplibreGeocoderApiConfig,
+	): Promise<MaplibreGeocoderFeatureResults> {
+		// Empty implementation as it's required in TypeScript
+		const emptyResult: MaplibreGeocoderFeatureResults = {
+			type: "FeatureCollection",
+			features: [],
+		};
+		return Promise.resolve(emptyResult);
+	},
 };
 
 export default nominatimGeocoder;