The page had two stacked 100vh containers (.app and .wrap) which made the
page taller than the viewport and forced scrolling. Fixes:
- .wrap now fills its grid cell (height:100%, min-height:0, overflow:hidden)
instead of a second 100vh
- .app uses 100dvh + overflow:hidden; html/body/#svelte get height:100%,
body overflow:hidden
- Directions panel is now viewport-anchored (top:64px/bottom:14px) with a
max-height and internal overflow-y so it can't exceed the screen
- DirectionsPanel itself scrolls internally when content is tall
- Add a System selector (Metric/Imperial) to the Directions panel; Units
dropdown adapts (m/km vs ft/mi) with a smart Auto for each system
- Auto: short routes show the small unit (m or ft), long routes the large
one (km or mi); shows the alternate unit as a sub-line
- README: document the unit system + units options
- DirectionsPanel: unit selector (Auto = m under 1km else km, or force m/km)
and a Drive/Walk mode that estimates travel time from distance + avg speed
- Distance shows meters for short routes and km for longer ones; est. time in
seconds/minutes/hours as appropriate
- README: document the new units and travel-time options
- scripts/osm-dump.mjs: download & stream-parse regional .osm.pbf extracts
(Geofabrik/BBBike etc). Clips to bbox, extracts POI features (poiTags),
and builds a routable road graph (coords + weighted adj) from road ways.
Caches the downloaded .pbf under scripts/.cache/ (git-ignored). Default:
Geofabrik Oklahoma extract -> tulsa-dump layer (12.8k POIs, 55k-node graph).
- src/lib/routing.ts: client-side A* routing over the graph. Snaps A/B to
nearest nodes, supports avoid-rules (category + radius, block or penalty)
built from nearby POIs; returns waypoints + distance.
- src/lib/components/DirectionsPanel.svelte: Directions UI — pick A/B by
clicking the map, choose POI categories to avoid, compute & draw the route.
- MapView: adds a Directions toggle when a dump layer with a graph is present.
- package.json: add 'build:dump'; build now runs data + dump + static.
- scripts/test.mjs: validate dump manifest entries + routing graph structure.
- README: document dump ingestion and the routing/avoid feature.