Add "use my current location" button to Journey entry editor

- One-shot getCurrentPositionOnce() helper in useGeolocation with typed
  error codes (unsupported, insecure context, permission denied, timeout)
- Button inside the entry editor Location field fills coordinates from the
  device and reverse-geocodes the place name via /api/maps/reverse,
  falling back to formatted coordinates when no name is available
- New journey.editor.* i18n keys in all 23 locales
- Unit tests for the helper and component tests for the button flow
This commit is contained in:
Renzo Beux
2026-07-28 12:32:11 -03:00
committed by Maurice
parent 8a59c139c0
commit 3ec4b33dbb
27 changed files with 377 additions and 5 deletions
+50
View File
@@ -40,6 +40,56 @@ function smoothAngle(prev: number | null, next: number, alpha = 0.25): number {
return (prev + delta * alpha + 360) % 360
}
export type GeoOnceErrorCode = 'unsupported' | 'insecure-context' | 'permission-denied' | 'unavailable' | 'timeout'
export class GeoOnceError extends Error {
code: GeoOnceErrorCode
constructor(code: GeoOnceErrorCode, message?: string) {
super(message || code)
this.name = 'GeoOnceError'
this.code = code
}
}
// One-shot position fix for form fields (e.g. journal entry location).
// Unlike the watch below, a cached fix up to a minute old is fine here —
// the user is standing where they're journaling — so maximumAge is
// generous to make the button feel instant when the OS already has a fix.
export function getCurrentPositionOnce(
options: PositionOptions = { enableHighAccuracy: true, timeout: 15000, maximumAge: 60000 },
): Promise<GeoPosition> {
return new Promise((resolve, reject) => {
if (!('geolocation' in navigator)) {
reject(new GeoOnceError('unsupported'))
return
}
// Browsers hard-block geolocation outside secure contexts; surface that
// explicitly since self-hosted instances served over plain HTTP hit it.
if (typeof window !== 'undefined' && window.isSecureContext === false) {
reject(new GeoOnceError('insecure-context'))
return
}
navigator.geolocation.getCurrentPosition(
(pos) => resolve({
lat: pos.coords.latitude,
lng: pos.coords.longitude,
accuracy: pos.coords.accuracy,
heading: pos.coords.heading ?? null,
speed: pos.coords.speed ?? null,
timestamp: pos.timestamp,
}),
(err) => reject(new GeoOnceError(
err.code === err.PERMISSION_DENIED ? 'permission-denied'
: err.code === err.TIMEOUT ? 'timeout'
: 'unavailable',
err.message,
)),
options,
)
})
}
export function useGeolocation(): UseGeolocationReturn {
const [position, setPosition] = useState<GeoPosition | null>(null)
const [mode, setModeState] = useState<TrackingMode>('off')