On narrow screens the sidebar collapses to a 48px handle strip at the
bottom of the screen. Tapping the handle slides the panel up to 65vh,
revealing the full stop list and controls. The map takes the full
viewport width when the panel is closed or peek-visible.
The handle label updates dynamically to show the loaded route name.
The panel auto-opens when a route or route_master finishes loading.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Bootstrap's h-100 class applies height:100% !important, overriding the
custom calc(100vh - 56px) on #main-row. This made the sidebar 900px tall
starting at y=56 (below the navbar), extending 56px below the viewport
and cutting off the bottom of the stop list.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
When a specific relation URL is loaded, fetch_relation_name() makes a
lightweight GET /relation/{id}.json call to get the name tag and pass
it to the template. The <title> and og:title are then set server-side,
so forum link previews and crawlers see the route name in the HTML
without executing JavaScript.
Errors are swallowed silently so a slow or failed API response just
falls back to the default title.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
All hardcoded paths (/load, /docs, /, /api/route/ etc.) are replaced
with url_for() in templates, so Flask's APPLICATION_ROOT and
ProxyFix generate correct URLs regardless of mount path.
For app.js (a static file), inject a URLS object from the template
alongside RELATION_ID:
URLS.routeApi, .segmentApi, .routeMasterApi, .routePage
Each is generated with url_for(..., relation_id=0)[:-1] to give a
prefix that JS appends relation IDs to. The popstate handler now
strips the URLS.routePage prefix instead of matching a hardcoded
leading slash.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add /docs route serving web/templates/api.html: full Bootstrap 5
documentation page covering all three API endpoints with parameter
tables, example requests, and example responses
- Add 'API docs' link to the navbar on the main map page
- Update README.md: add web frontend section with feature list, dev
server instructions, and API endpoint summary table
- Update AGENTS.md: add web/ layout, API endpoint table, Flask run
instructions, and route_master example relation IDs
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Refactor core.py: replace sys.exit() calls with OsmError exceptions
so the library is safe to use from Flask and other callers
- Add fetch_sibling_routes and fetch_route_master_routes to core.py
- Add Flask web frontend (web/app.py, templates, static assets):
- Map view with Leaflet; full route drawn in grey on load
- Sidebar stop list; active-slot UX for From/To selection
- Segment preview and download (full route or selected segment)
- Include-stops toggle applied client-side
- Bookmarkable URLs: GET /<relation_id>
- Clear selection button
- Other directions panel (sibling routes from same route_master)
- route_master handling: draws all member routes in colour on map
with links to each individual direction
- Add SVG favicon
- Add py.typed marker; add .gitignore
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
