formatting

karussell · karussell · commit d8fc31afb036 · 2025-08-21T17:22:04.000+02:00
diff --git a/src/NavBar.ts b/src/NavBar.ts
@@ -175,7 +175,7 @@ export default class NavBar {
         return NavBar.createUrl(
             window.location.origin + window.location.pathname,
             this.queryStore.state,
-            this.mapStore.state
+            this.mapStore.state,
         ).toString()
     }
 }
diff --git a/src/api/Api.ts b/src/api/Api.ts
@@ -79,15 +79,15 @@ export class ApiImpl implements Api {
         } else {
             if (result.message) throw new Error(result.message)
             throw new Error(
-                'There has been an error. Server responded with ' + response.statusText + ' (' + response.status + ')'
+                'There has been an error. Server responded with ' + response.statusText + ' (' + response.status + ')',
             )
         }
     }
 
     async geocode(
         query: string,
         provider: string,
-        additionalOptions?: Record<string, string>
+        additionalOptions?: Record<string, string>,
     ): Promise<GeocodingResult> {
         if (!this.supportsGeocoding())
             return {
diff --git a/src/index.html b/src/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
     <head>
         <meta charset="UTF-8" />
diff --git a/src/index.tsx b/src/index.tsx
@@ -105,6 +105,6 @@ document.body.appendChild(rootDiv)
 const root = createRoot(rootDiv)
 root.render(
     // <StrictMode>
-    <App />
+    <App />,
     // </StrictMode>
 )
diff --git a/src/layers/MapPopup.tsx b/src/layers/MapPopup.tsx
@@ -1,5 +1,5 @@
 import { Map, Overlay } from 'ol'
-import {JSX, useEffect, useRef, useState} from 'react'
+import { JSX, useEffect, useRef, useState } from 'react'
 import { fromLonLat } from 'ol/proj'
 import { Coordinate } from '@/utils'
 
diff --git a/src/layers/PathDetailPopup.tsx b/src/layers/PathDetailPopup.tsx
@@ -26,7 +26,7 @@ export default function PathDetailPopup({ map, pathDetails }: PathDetailPopupPro
                         {metersToText(
                             Math.round(pathDetails.pathDetailsPoint.elevation),
                             settings.showDistanceInMiles,
-                            true
+                            true,
                         )}
                         <br />
                         {pathDetails.pathDetailsPoint!.description}
diff --git a/src/layers/UseAreasLayer.tsx b/src/layers/UseAreasLayer.tsx
@@ -65,7 +65,7 @@ function addAreasLayer(map: Map, modifyOrNewAreas: boolean, customModelStr: Muta
             const newFeature = convertFeature(feature as Feature<Geometry>)
             newFeature.id = feature.getId()
             customModel.areas.features = customModel.areas.features.map((f: any) =>
-                f.id == feature.getId() ? newFeature : f
+                f.id == feature.getId() ? newFeature : f,
             )
         })
 
@@ -85,7 +85,7 @@ function addAreasLayer(map: Map, modifyOrNewAreas: boolean, customModelStr: Muta
         let maxId = 0
         if ((customModel.areas as any)?.features) {
             const numArr = customModel.areas.features.map((obj: any) =>
-                obj['id'] ? parseInt(obj['id'].match(/\d+/)[0]) : 0
+                obj['id'] ? parseInt(obj['id'].match(/\d+/)[0]) : 0,
             )
             if (numArr.length > 0) maxId = Math.max(...numArr)
         } else {
diff --git a/src/layers/UsePOIsLayer.tsx b/src/layers/UsePOIsLayer.tsx
@@ -119,7 +119,7 @@ function addPOISelection(map: Map) {
                         src: 'data:image/svg+xml;utf8,' + svgStrings[props.icon],
                         displacement: [0, 18],
                     }),
-                })
+                }),
             )
             Dispatcher.dispatch(new SelectPOI(props.poi))
         } else Dispatcher.dispatch(new SelectPOI(null))
diff --git a/src/layers/UsePathDetailsLayer.tsx b/src/layers/UsePathDetailsLayer.tsx
@@ -46,7 +46,7 @@ function addPathSegmentsLayer(map: Map, pathDetails: PathDetailsStoreState) {
     const highlightedPathSegmentsLayer = new VectorLayer({
         source: new VectorSource({
             features: new GeoJSON().readFeatures(
-                createHighlightedPathSegments(pathDetails.pathDetailsHighlightedSegments)
+                createHighlightedPathSegments(pathDetails.pathDetailsHighlightedSegments),
             ),
         }),
         style: () => style,
diff --git a/src/layers/UsePathsLayer.tsx b/src/layers/UsePathsLayer.tsx
@@ -25,7 +25,7 @@ export default function usePathsLayer(map: Map, paths: Path[], selectedPath: Pat
         removeCurrentPathLayers(map)
         addUnselectedPathsLayer(
             map,
-            paths.filter(p => p != selectedPath)
+            paths.filter(p => p != selectedPath),
         )
         addSelectedPathsLayer(map, selectedPath)
         addAccessNetworkLayer(map, selectedPath, queryPoints)
diff --git a/src/layers/UseQueryPointsLayer.tsx b/src/layers/UseQueryPointsLayer.tsx
@@ -109,8 +109,8 @@ function addDragInteractions(map: Map, queryPointsLayer: VectorLayer<VectorSourc
                     coordinate,
                     queryText: coordinateToText(coordinate),
                 },
-                false
-            )
+                false,
+            ),
         )
     })
     modify.set('gh:drag_query_point', true)
diff --git a/src/map/ContextMenuContent.tsx b/src/map/ContextMenuContent.tsx
@@ -36,8 +36,8 @@ export function ContextMenuContent({
                     queryText: coordinateToText(coordinate),
                     isInitialized: true,
                 },
-                false
-            )
+                false,
+            ),
         )
     }
 
@@ -155,7 +155,7 @@ export function ContextMenuContent({
                     window.open(
                         `https://www.openstreetmap.org/query?lat=${coordinate.lat}&lon=${coordinate.lng}`,
                         '_blank',
-                        'noopener,noreferrer'
+                        'noopener,noreferrer',
                     )
                 }}
             >
diff --git a/src/map/MapComponent.tsx b/src/map/MapComponent.tsx
@@ -22,7 +22,7 @@ export default function ({ map }: MapComponentProps) {
 }
 
 export function onCurrentLocationSelected(
-    onSelect: (queryText: string, coordinate: Coordinate | undefined, bbox: Bbox | undefined) => void
+    onSelect: (queryText: string, coordinate: Coordinate | undefined, bbox: Bbox | undefined) => void,
 ) {
     if (!navigator.geolocation) {
         Dispatcher.dispatch(new ErrorAction('Geolocation is not supported in this browser'))
@@ -40,6 +40,6 @@ export function onCurrentLocationSelected(
             onSelect('', undefined, undefined)
         },
         // DO NOT use e.g. maximumAge: 5_000 -> getCurrentPosition will then never return on mobile firefox!?
-        { timeout: 300_000, enableHighAccuracy: true }
+        { timeout: 300_000, enableHighAccuracy: true },
     )
 }
diff --git a/src/map/findNextWayPoint.ts b/src/map/findNextWayPoint.ts
@@ -8,12 +8,12 @@ import { calcDist, Coordinate } from '@/utils'
  */
 export function findNextWayPoint(
     routes: { coordinates: Coordinate[]; wayPoints: Coordinate[] }[],
-    location: Coordinate
+    location: Coordinate,
 ): { closestRoute: number; nextWayPoint: number; distance: number } {
     if (
         routes.length < 1 ||
         routes.some(
-            r => r.coordinates.length < 2 || r.wayPoints.length < 2 || r.wayPoints.length > r.coordinates.length
+            r => r.coordinates.length < 2 || r.wayPoints.length < 2 || r.wayPoints.length > r.coordinates.length,
         )
     )
         throw new Error('Invalid input when trying to find the next way point')
diff --git a/src/pathDetails/PathDetails.tsx b/src/pathDetails/PathDetails.tsx
@@ -82,7 +82,7 @@ function onPathDetailHover(point: Coordinate, elevation: number, description: st
 function onRangeSelected(bbox: { sw: Coordinate; ne: Coordinate } | null) {
     // bbox = null means that the range was cleared
     Dispatcher.dispatch(
-        new PathDetailsRangeSelected(bbox ? [bbox.sw.lng, bbox.sw.lat, bbox.ne.lng, bbox.ne.lat] : null)
+        new PathDetailsRangeSelected(bbox ? [bbox.sw.lng, bbox.sw.lat, bbox.ne.lng, bbox.ne.lat] : null),
     )
 }
 
@@ -155,7 +155,7 @@ function buildPathDetailsData(selectedPath: Path) {
     // path details
     Object.entries(selectedPath.details).map(([detailName, details]) => {
         const features = details.map(([from, to, value = 'Undefined']: [number, number, string | number]) =>
-            createFeature(coordinates.slice(from, to + 1), value)
+            createFeature(coordinates.slice(from, to + 1), value),
         )
         result.data.push(createFeatureCollection(tr(detailName), features))
         result.mappings[tr(detailName)] = createColorMapping(details)
diff --git a/src/pois/AddressParseResult.ts b/src/pois/AddressParseResult.ts
@@ -151,7 +151,7 @@ export class AddressParseResult {
             Dispatcher.dispatch(new SetPOIs(pois))
         } else {
             console.warn(
-                'invalid bbox for points ' + JSON.stringify(pois) + ' result was: ' + JSON.stringify(parseResult)
+                'invalid bbox for points ' + JSON.stringify(pois) + ' result was: ' + JSON.stringify(parseResult),
             )
         }
     }
@@ -272,7 +272,7 @@ export class AddressParseResult {
                         if (kv.length > 1) return new POIPhrase(kv[0], '~', kv[1], true)
                         kv = v.split('=')
                         return new POIPhrase(kv[0], '=', kv[1], false)
-                    })
+                    }),
                 )
             })
             return {
diff --git a/src/sidebar/CustomModelBox.tsx b/src/sidebar/CustomModelBox.tsx
@@ -61,7 +61,7 @@ export default function CustomModelBox({
     useEffect(() => {
         // we start with the encoded values we already have, but they might be empty still
         const instance = create(convertEncodedValuesForEditor(encodedValues), (element: Node) =>
-            divElement.current?.appendChild(element)
+            divElement.current?.appendChild(element),
         )
         setEditor(instance)
 
@@ -91,7 +91,7 @@ export default function CustomModelBox({
                 Dispatcher.dispatch(new SetCustomModel(editor.value, true))
             }
         },
-        [editor, isValid]
+        [editor, isValid],
     )
 
     return (
@@ -127,7 +127,7 @@ export default function CustomModelBox({
                         // When selecting an example we request a routing request and act like the model is valid,
                         // even when it is not according to the editor validation.
                         Dispatcher.dispatch(
-                            new SetCustomModel(customModel2prettyString(customModelExamples[e.target.value]), true)
+                            new SetCustomModel(customModel2prettyString(customModelExamples[e.target.value]), true),
                         )
                     }}
                 >
diff --git a/src/sidebar/MobileSidebar.tsx b/src/sidebar/MobileSidebar.tsx
@@ -41,7 +41,7 @@ export default function ({ query, route, error, encodedValues, drawAreas, map }:
             const clickInside = event.target instanceof Node && searchContainerRef.current?.contains(event.target)
             if (!clickInside && isShortScreen && hasResult(route)) setIsSmallSearchView(true)
         },
-        [isShortScreen, route]
+        [isShortScreen, route],
     )
     useEffect(() => {
         window.addEventListener('mousedown', handleWindowClick)
diff --git a/src/sidebar/RoutingResults.tsx b/src/sidebar/RoutingResults.tsx
@@ -72,7 +72,7 @@ function RoutingResult({
     const tollInfo = getInfoFor(
         path.points,
         path.details.toll,
-        s => s === 'all' || (s === 'hgv' && ApiImpl.isTruck(profile))
+        s => s === 'all' || (s === 'hgv' && ApiImpl.isTruck(profile)),
     )
     const ferryInfo = getInfoFor(path.points, path.details.road_environment, s => s === 'ferry')
     const accessCondInfo = getInfoFor(path.points, path.details.access_conditional, s => s != null && s.length > 0)
@@ -103,15 +103,15 @@ function RoutingResult({
         ? getInfoFor(
               path.points,
               path.details.road_access,
-              s => s === 'delivery' || s === 'customers' || s === 'destination'
+              s => s === 'delivery' || s === 'customers' || s === 'destination',
           )
         : new RouteInfo()
     const badTrackInfo = !ApiImpl.isMotorVehicle(profile)
         ? new RouteInfo()
         : getInfoFor(
               path.points,
               path.details.track_type,
-              s => s === 'grade2' || s === 'grade3' || s === 'grade4' || s === 'grade5'
+              s => s === 'grade2' || s === 'grade3' || s === 'grade4' || s === 'grade5',
           )
     const trunkInfo = ApiImpl.isMotorVehicle(profile)
         ? new RouteInfo()
@@ -443,7 +443,11 @@ function RHButton(p: {
     if (p.value === false) return null
     return (
         <PlainButton
-            className={(p.addClassName || "") + " " + (p.selected == p.type ? styles.selectedRouteHintButton : styles.routeHintButton)}
+            className={
+                (p.addClassName || '') +
+                ' ' +
+                (p.selected == p.type ? styles.selectedRouteHintButton : styles.routeHintButton)
+            }
             onClick={() => {
                 p.setType(p.type)
 
@@ -601,7 +605,7 @@ function downloadGPX(path: Path, settings: Settings) {
         xmlString += '<rte>\n'
         xmlString += path.instructions.reduce((prevString: string, instruction: Instruction) => {
             let routeSegment = `<rtept lat="${instruction.points[0][1].toFixed(
-                6
+                6,
             )}" lon="${instruction.points[0][0].toFixed(6)}">`
             routeSegment += `<desc>${instruction.text}</desc><extensions><gh:distance>${instruction.distance}</gh:distance>`
             routeSegment += `<gh:time>${instruction.time}</gh:time><gh:sign>${instruction.sign}</gh:sign>`
@@ -630,7 +634,7 @@ function downloadGPX(path: Path, settings: Settings) {
     tmpElement.href = URL.createObjectURL(file)
     const date = new Date()
     tmpElement.download = `GraphHopper-Track-${date.getUTCFullYear()}-${pad(date.getUTCMonth() + 1)}-${pad(
-        date.getUTCDate()
+        date.getUTCDate(),
     )}-${metersToTextForFile(path.distance, settings.showDistanceInMiles)}.gpx`
     tmpElement.click()
 }
@@ -662,7 +666,7 @@ function getLength(paths: Path[], subRequests: SubRequest[]) {
             paths.length,
             ...subRequests
                 .filter(request => request.state === RequestState.SENT)
-                .map(request => request.args.maxAlternativeRoutes)
+                .map(request => request.args.maxAlternativeRoutes),
         )
     }
     return paths.length
@@ -688,7 +692,7 @@ function createListContent({ info, paths, currentRequest, selectedPath, profile
                     isSelected={paths[i] === selectedPath}
                     profile={profile}
                     info={info}
-                />
+                />,
             )
         else result.push(<RoutingResultPlaceholder key={i} />)
     }
diff --git a/src/sidebar/instructions/Instructions.tsx b/src/sidebar/instructions/Instructions.tsx
@@ -46,8 +46,8 @@ const Line = function ({ instruction, index, us }: { instruction: Instruction; i
                 Dispatcher.dispatch(
                     new InstructionClicked(
                         { lng: instruction.points[0][0], lat: instruction.points[0][1] },
-                        instruction.text
-                    )
+                        instruction.text,
+                    ),
                 )
             }
         >
diff --git a/src/sidebar/search/AddressInput.tsx b/src/sidebar/search/AddressInput.tsx
@@ -1,4 +1,4 @@
-import {JSX, ReactNode, useCallback, useEffect, useRef, useState} from 'react'
+import { JSX, ReactNode, useCallback, useEffect, useRef, useState } from 'react'
 import { QueryPoint, QueryPointType } from '@/stores/QueryStore'
 import { Bbox, GeocodingHit, ReverseGeocodingHit } from '@/api/graphhopper'
 import Autocomplete, { AutocompleteItem, GeocodingItem, POIQueryItem } from '@/sidebar/search/AddressInputAutocomplete'
@@ -60,14 +60,14 @@ export default function AddressInput(props: AddressInputProps) {
                         obj.mainText,
                         obj.secondText,
                         hit.point,
-                        hit.extent ? hit.extent : getBBoxFromCoord(hit.point)
-                    )
+                        hit.extent ? hit.extent : getBBoxFromCoord(hit.point),
+                    ),
                 )
             })
 
             setOrigText(query)
             setAutocompleteItems(items)
-        })
+        }),
     )
 
     const [poiSearch] = useState(new ReverseGeocoder(getApi(), props.point, AddressParseResult.handleGeocodingResponse))
@@ -149,7 +149,7 @@ export default function AddressInput(props: AddressInputProps) {
                     break
             }
         },
-        [autocompleteItems, highlightedResult]
+        [autocompleteItems, highlightedResult],
     )
 
     // the "fullscreen" css is only defined for smallscreen
@@ -214,7 +214,7 @@ export default function AddressInput(props: AddressInputProps) {
                     }}
                     value={text}
                     placeholder={tr(
-                        type == QueryPointType.From ? 'from_hint' : type == QueryPointType.To ? 'to_hint' : 'via_hint'
+                        type == QueryPointType.From ? 'from_hint' : type == QueryPointType.To ? 'to_hint' : 'via_hint',
                     )}
                 />
 
@@ -383,14 +383,14 @@ export class ReverseGeocoder {
     private readonly onSuccess: (
         hits: ReverseGeocodingHit[],
         parseResult: AddressParseResult,
-        queryPoint: QueryPoint
+        queryPoint: QueryPoint,
     ) => void
     private readonly queryPoint: QueryPoint
 
     constructor(
         api: Api,
         queryPoint: QueryPoint,
-        onSuccess: (hits: ReverseGeocodingHit[], parseResult: AddressParseResult, queryPoint: QueryPoint) => void
+        onSuccess: (hits: ReverseGeocodingHit[], parseResult: AddressParseResult, queryPoint: QueryPoint) => void,
     ) {
         this.api = api
         this.onSuccess = onSuccess
diff --git a/src/sidebar/search/Search.tsx b/src/sidebar/search/Search.tsx
@@ -189,8 +189,8 @@ const SearchBox = ({
                                     queryText: queryText,
                                     coordinate: coordinate ? coordinate : point.coordinate,
                                 },
-                                initCount > 0
-                            )
+                                initCount > 0,
+                            ),
                         )
                     }}
                     clearDragDrop={() => {
diff --git a/src/sidebar/search/routingProfiles/RoutingProfiles.tsx b/src/sidebar/search/routingProfiles/RoutingProfiles.tsx
diff --git a/src/stores/CurrentLocationStore.ts b/src/stores/CurrentLocationStore.ts
diff --git a/src/stores/MapOptionsStore.ts b/src/stores/MapOptionsStore.ts
diff --git a/src/stores/QueryStore.ts b/src/stores/QueryStore.ts
diff --git a/src/utils.ts b/src/utils.ts
diff --git a/test/Converters.test.ts b/test/Converters.test.ts
diff --git a/test/NavBar.test.ts b/test/NavBar.test.ts
diff --git a/test/routing/Api.test.ts b/test/routing/Api.test.ts
diff --git a/test/stores/QueryStore.test.ts b/test/stores/QueryStore.test.ts

Original file line number	Diff line number	Diff line change
`@@ -175,7 +175,7 @@ export default class NavBar {`
`175`	`175`	`return NavBar.createUrl(`
`176`	`176`	`window.location.origin + window.location.pathname,`
`177`	`177`	`this.queryStore.state,`
`178`		`- this.mapStore.state`
	`178`	`+ this.mapStore.state,`
`179`	`179`	`).toString()`
`180`	`180`	`}`
`181`	`181`	`}`
Original file line number	Diff line number	Diff line change
`@@ -79,15 +79,15 @@ export class ApiImpl implements Api {`
`79`	`79`	`} else {`
`80`	`80`	`if (result.message) throw new Error(result.message)`
`81`	`81`	`throw new Error(`
`82`		`- 'There has been an error. Server responded with ' + response.statusText + ' (' + response.status + ')'`
	`82`	`+ 'There has been an error. Server responded with ' + response.statusText + ' (' + response.status + ')',`
`83`	`83`	`)`
`84`	`84`	`}`
`85`	`85`	`}`
`86`	`86`
`87`	`87`	`async geocode(`
`88`	`88`	`query: string,`
`89`	`89`	`provider: string,`
`90`		`- additionalOptions?: Record<string, string>`
	`90`	`+ additionalOptions?: Record<string, string>,`
`91`	`91`	`): Promise<GeocodingResult> {`
`92`	`92`	`if (!this.supportsGeocoding())`
`93`	`93`	`return {`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<!DOCTYPE html>`
	`1`	`+<!doctype html>`
`2`	`2`	`<html lang="en">`
`3`	`3`	`<head>`
`4`	`4`	`<meta charset="UTF-8" />`
Original file line number	Diff line number	Diff line change
`@@ -105,6 +105,6 @@ document.body.appendChild(rootDiv)`
`105`	`105`	`const root = createRoot(rootDiv)`
`106`	`106`	`root.render(`
`107`	`107`	`// <StrictMode>`
`108`		`- <App />`
	`108`	`+ <App />,`
`109`	`109`	`// </StrictMode>`
`110`	`110`	`)`
Original file line number	Diff line number	Diff line change
`@@ -119,7 +119,7 @@ function addPOISelection(map: Map) {`
`119`	`119`	`src: 'data:image/svg+xml;utf8,' + svgStrings[props.icon],`
`120`	`120`	`displacement: [0, 18],`
`121`	`121`	`}),`
`122`		`- })`
	`122`	`+ }),`
`123`	`123`	`)`
`124`	`124`	`Dispatcher.dispatch(new SelectPOI(props.poi))`
`125`	`125`	`} else Dispatcher.dispatch(new SelectPOI(null))`
Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ export default function usePathsLayer(map: Map, paths: Path[], selectedPath: Pat`
`25`	`25`	`removeCurrentPathLayers(map)`
`26`	`26`	`addUnselectedPathsLayer(`
`27`	`27`	`map,`
`28`		`- paths.filter(p => p != selectedPath)`
	`28`	`+ paths.filter(p => p != selectedPath),`
`29`	`29`	`)`
`30`	`30`	`addSelectedPathsLayer(map, selectedPath)`
`31`	`31`	`addAccessNetworkLayer(map, selectedPath, queryPoints)`