VBB-Status-Web-App/CHANGELOG.md

Changelog

Alle wichtigen Änderungen an diesem Projekt werden in dieser Datei dokumentiert.

Das Format basiert auf Keep a Changelog, und dieses Projekt folgt Semantic Versioning.

[37.5.0] - 2026-07-08

Klickbare Kacheln + die restlichen Feature-Ideen

Added - Routenplaner

• Via-Station: Optionales Feld "Über" mit Autocomplete - Verbindungen laufen dann über diese Zwischenstation (API akzeptiert nur Stop-IDs, der Adapter löst Namen automatisch auf).
• Barrierefrei-Modus (♿): nutzt das Rollstuhl-Profil für Fußwege und Umstiege.
• Fahrrad-Mitnahme (🚲): nur Verbindungen, in denen alle Fahrten Radmitnahme erlauben.
• Ticketpreise (experimentell): withFares ist aktiviert; liefert der Feed Preisdaten, erscheint ein grünes Preis-Badge an der Verbindung. Defensiv gebaut - ohne Daten erscheint schlicht nichts. (Die MOTIS-Spec markiert das Feature selbst als experimentell.)
• Losgeh-Erinnerung (🔔): Button an jeder Verbindung, Notification 10 min vor Abfahrt. Ehrliche Einschränkung: funktioniert nur, solange die App/der Tab offen ist - echte Push-Benachrichtigungen bräuchten einen Server.

Changed

• Alle vier Home-Kacheln sind jetzt klickbar und öffnen ihre View (vorher nur die Entwickler-Kachel); einheitlich über data-view gelöst, der Spezial-Handler der Dev-Kachel ist raus.
• API-Budget-Anzeige im Entwickler-Tab: zeigt live "X/90 Requests frei (letzte 60s)".

[37.4.0] - 2026-07-08

Favoriten-Routen, Standort auf der Karte, smarterer Geocode

Added

• Favoriten-Routen für Pendler: Nach einer Suche merkt "☆ Route merken" die Verbindung (max. 5). Gespeicherte Routen erscheinen als Chips über dem Routenplaner-Formular - 1 Tap füllt Start/Ziel und sucht sofort. Chips zeigen Kurznamen ("Alexanderplatz → Zoolog. Garten" statt der vollen Stationsnamen).
• Eigener Standort auf der Live-Map: 📍-Button in der Filterleiste setzt einen blauen Punkt auf die eigene Position und zentriert die Karte (Marker wird bei erneutem Tap bewegt, nicht neu erzeugt).
• Geocode-Bias per GPS: Die Stationssuche sortiert Treffer jetzt nach der letzten bekannten Position (aus GPS-Nutzung, max. 1h alt, lokal gespeichert) statt hart nach Berlin-Mitte - spürbar bessere Vorschläge in Brandenburg.

Fixed

• localStorage räumt jetzt auf: Abfahrten-Caches älter als 7 Tage und Geocode-Mappings älter als 30 Tage werden beim App-Start gelöscht (wuchsen bisher unbegrenzt). Alte Mapping-Einträge werden automatisch ins neue Format mit Zeitstempel migriert.

[37.3.0] - 2026-07-07

Blättern, Zwischenhalte, Stationen auf der Karte

Added

• "Frühere / Spätere Verbindungen": Die Routensuche blättert jetzt per pageCursor durch Alternativverbindungen - Buttons oberhalb und unterhalb der Ergebnisliste, mit sanftem Scroll nach oben beim Blättern.
• Zwischenhalte ausklappbar: In der Routen-Detailansicht zeigt jeder Fahrt-Abschnitt "🔄 N Zwischenhalte anzeigen" (natives details-Element, tastaturbedienbar) mit Haltestellenliste inkl. Ankunftszeiten. Die Daten kamen schon immer mit der plan-Antwort - der alte Platzhalter ("N Halte") bekam sie nur nie.
• Stationen auf der Live-Map: Ab Zoom 15 erscheinen die Haltestellen im Ausschnitt als gelbe Punkte (map/stops, 5min-Cache). Tap -> Popup mit den nächsten 3 Abfahrten (1 Request, 15s-Cache) und "Alle Abfahrten →" springt direkt in die Abfahrten-View mit dieser Station. Im Fokus-Modus werden die Punkte automatisch ausgeblendet.

[37.2.0] - 2026-07-07

Favoriten-Chips in der Abfahrten-View

Changed

• Favoriten wohnen jetzt in der Abfahrten-View: Über dem Suchfeld sitzt eine wischbare Chip-Reihe (Pillenform) mit ALLEN Favoriten - die aktive Station ist gelb markiert, ein Tap wechselt die Station ohne Umweg über die Startseite. Auf Mobile gleiche Wisch-Mechanik wie die Filter-Chips.
• Startseite aufgeräumt: zeigt nur noch kompakt die Top 3 Favoriten plus "Alle N Stationen anzeigen" (springt in die Abfahrten-View), statt bis zu 10 Einträge zu stapeln.
• Stationswechsel frischt die Aktiv-Markierung der Chips automatisch auf.

[37.1.1] - 2026-07-07

Komplette Route + Fokus-Modus, Entwickler-Tab, eine Versionsnummer

Added - Live-Map

• Komplette Route beim Fahrzeug-Tap: map/trips liefert nur das Segment im Kartenausschnitt - beim Antippen wird jetzt sofort das lokale Segment gezeichnet und im Hintergrund die GANZE Strecke über /v6/trip nachgeladen (gleicher 60s-Cache wie die Abfahrts-Details: Details + Route = maximal 1 Request).
• Fokus-Modus: Solange das Popup offen ist, werden alle anderen Fahrzeuge ausgeblendet - nur die angetippte Fahrt mit ihrer Route bleibt sichtbar. Der Zähler zeigt "🎯 [Linie] im Fokus". Popup schließen stellt alles wieder her.
• Polyline-Decoder generalisiert (Precision 5/6/7 je Endpoint, legGeometry liefert precision als Feld).

Fixed - Filter auf Mobile

• Alle Filtergruppen vereinheitlicht (Abfahrten, Routenplaner, Live-Map): Label auf eigener Zeile, Buttons als EINE horizontal wischbare Chip-Reihe statt zerklüftetem Umbruch. Die Routenplaner-Buttons hatten zudem eine 20px-Sondergröße (doppelt so groß wie alle anderen Filter) - jetzt Einheitsgröße mit 40px-Touch-Zielen.

Changed - Entwickler-Bereich & Version

• Eine Versionsnummer für alles: APP_VERSION (js/api.js) ist die einzige Quelle; Startseite, Entwickler-Tab und Cache-Anzeige werden daraus befüllt. Ein neuer Smoke-Test erzwingt, dass package.json, APP_VERSION und SW-Cache-Name übereinstimmen - Versions-Drift wie bisher (v30/v33 auf der Website) fällt ab jetzt in der CI auf.
• Entwickler-Tab aktualisiert: veraltete Angaben korrigiert (15s-Radar -> 30s+Animation, HAFAS-Endpoints -> MOTIS, BVG-Farbtabelle -> GTFS-Farben, "Push geplant" -> Favoriten/Offline), Statistik-Box durch Architektur-Fakten ersetzt.
• Entwickler-Kachel auf der Startseite: vierte Kachel im Feature-Raster (neben Live-Map) mit Versionsnummer, öffnet den Entwickler-Bereich. Füllt nebenbei die leere Rasterlücke im 2-Spalten-Layout.

[37.1.0] - 2026-07-07

Desktop-Aufräumaktion (nach Screenshots)

Fixed

• Doppelte Beschriftung im Menü: Die per JS injizierten "Nav-Quick-Infos" standen ohne CSS als zweites Label neben jedem Menüpunkt ("Start | Startseite"). Komplett entfernt - ebenso die Search-Hints ("Tippe mindestens 2 Zeichen"), die als permanenter Rohtext unter den Suchfeldern klebten, und tote data-tooltip-Attribute ohne CSS.
• Abfahrten auf Desktop unsymmetrisch: Das 2-Spalten- (ab 768px) bzw. 3-Spalten-Grid (ab 1600px) erzeugte ungleich hohe, unruhige Karten. Jetzt überall eine ruhige einspaltige Liste; die Breite regelt der zentrierte Container. Die 1600px-Stufe nutzt Lesebreite (820px) statt 1400px Riesenfläche.
• Detail-Modal auf Desktop kaputt: Eine alte Regel machte das Vollbild-Overlay selbst 600px schmal und links verankert - die Seite schaute rechts durch, mit eigener Scrollbar in der Mitte. Jetzt: Overlay bleibt Vollbild (nichts scheint durch), nur der Inhalt ist auf Lesebreite zentriert.

Hinweis zur OS-Frage

Layout-Anpassung läuft bewusst über Viewport-Breite und hover/pointer-Media-Queries statt User-Agent/OS-Erkennung: Touch-Laptops und große Tablets brechen jede OS-Annahme, und Browser reduzieren den User-Agent zunehmend. Die Media-Queries waren richtig - nur an drei Stellen kaputt.

[37.0.0] - 2026-07-07

Tests im Repo, funktionierender Abfahrten-Filter, Strecken-Anzeige, Mehr-laden

Added

• Tests + CI im Repo: 19 Adapter-Tests und der komplette Smoke-Test liegen jetzt unter tests/ (npm test), plus GitHub Action (.github/workflows/test.yml), die bei jedem Push Syntax-Checks und beide Test-Suiten ausführt.
• Strecken-Anzeige auf der Live-Map: Fahrzeug antippen -> die komplette Route der Fahrt wird in der Linienfarbe eingezeichnet (Popup schließen -> Linie verschwindet). Die Polylines liegen bereits im Speicher - kostet null API-Requests.
• "Mehr Abfahrten laden": Button unter der Abfahrtsliste erhöht die Anzahl schrittweise (20 -> 40 -> 60). Bewusst über den n-Parameter statt Cursor gelöst: die erweiterte Liste bleibt so auch beim 30s-Auto-Refresh erhalten. Stationswechsel setzt auf 20 zurück.

Fixed

• Abfahrten-Filter repariert und entpatcht: Der Filter (U-Bahn/S-Bahn/Tram/Bus/Regional über den Abfahrten) hing an fragilen Monkey-Patches, die loadDepartures/displayDepartures zur Laufzeit überschrieben - und hatte einen echten Bug: Bei aktivem Filter hat der Auto-Refresh alle 30 Sekunden die UNGEFILTERTE Liste gerendert (der tripId-Vergleich lief gegen die gefilterte DOM-Sicht und schlug immer fehl). Jetzt: displayDepartures merkt sich die volle Liste und filtert intern, der Auto-Refresh vergleicht gegen die gefilterte Sicht, die Monkey-Patches sind entfernt.

[36.0.0] - 2026-07-06

Schnellere Karte, offizielle Linienfarben, Desktop-Layout

Added - Offizielle VBB-Linienfarben

• Linienfarben kommen jetzt direkt aus der API: MOTIS liefert routeColor/routeTextColor aus dem GTFS-Feed bei Abfahrten, Routen UND Live-Map mit - das sind die offiziellen VBB-Farben (U1 grün, U2 rot, S1, S2, ... jeweils korrekt), ohne einen einzigen Extra-Request. Lokale Farbtabellen bleiben nur als Fallback.
• Textfarbe per Luminanz: Ob Schwarz oder Weiß auf einem Linien-Badge, wird jetzt aus der Hintergrundfarbe berechnet statt über eine hartcodierte Liste.

Changed - Karten-Ladegeschwindigkeit

• Vorinitialisierung im Leerlauf: Nach dem App-Start wird die Leaflet-Karte im Hintergrund angelegt und die 9 Kacheln des Standard-Ausschnitts werden vorgeladen (exakt dieselben URLs inkl. Subdomain-/Retina-Logik wie Leaflet). Beim ersten Öffnen der Live-Map ist alles im Browser-Cache - gefühlt sofort. Kostet keine API-Requests.
• Preconnect/DNS-Prefetch für api.transitous.org, Karten-CDN und unpkg: spart DNS+TLS-Zeit beim ersten Zugriff.
• Leaflet mit defer geladen: blockiert das Rendern der App nicht mehr.
• Leaflet-Dateien im Service Worker gecacht (cache-first, versioniert = unveränderlich): ab dem zweiten Besuch null Netzwerk für die Bibliothek.
• Tile-Tuning: keepBuffer 4 (Randkacheln bleiben geladen -> flüssigeres Pannen), Kacheln laden schon während der Bewegung, minZoom 8 (ganz Brandenburg sichtbar).

Removed

• Zoom-Tasten (+/-) auf der Karte entfernt (vorher auf Desktop sichtbar). Zoomen weiterhin per Scrollrad, Doppelklick und Pinch-Geste.

Changed - Desktop-Layout (Mobile First bleibt)

• Header-Inhalt und Pull-to-Refresh richten sich am zentrierten Layout aus.
• Home: Info-Karten und Favoriten als 2-Spalten-Raster ab 768px.
• Live-Map bekommt auf dem Desktop deutlich mehr Höhe.
• Ab 1100px: breiterer Inhalt (780px), luftigere Abfahrtszeilen, größere Linien-Badges, breiteres Detail-Modal.
• Konflikt bereinigt: neue Regeln ergänzen den bestehenden 768px-Block (Journey-Grid, Header-Größen) statt ihn zu doppeln.

[35.0.0] - 2026-07-06

Transitous als einzige Datenquelle + animierte Live-Map

Breaking / Changed

• transport.rest komplett entfernt: Alle Funktionen (Stationssuche, Abfahrten, GPS-Nearby, Trip-Details, Routensuche, Live-Map) laufen jetzt ausschließlich über Transitous (api.transitous.org, MOTIS 2). Der VBB->BVG-Failover und alle HAFAS-Codepfade sind raus - js/api.js ist dadurch deutlich schlanker (nur noch Budget, Cache, Dedupe, Timeout, Störungs-Banner).
• Datenverarbeitung effizienter: Fahrt-Segmente werden pro API-Poll EINMAL normalisiert (Polyline einmal dekodiert, Zeiten als ms vorberechnet); Positionen werden daraus lokal interpoliert. Abfahrten-Auto-Refresh aktualisiert Zeiten/Verspätungen in-place im DOM (kein Flackern, Scroll bleibt) und rendert nur bei geänderter Fahrten-Menge komplett neu.

Added - Live-Map 2.0

• Flüssig animierte Fahrzeuge: MOTIS liefert Fahrt-Segmente mit Polyline + Zeiten statt Punkt-Positionen. Ein lokaler 1s-Loop interpoliert die Position linear entlang der Strecke - die Fahrzeuge GLEITEN über die Karte (CSS-Transition passend zum Takt) statt alle 15s zu springen. Kostet null zusätzliche API-Requests.
• API-Poll auf 30s gedrosselt (Rücksicht auf das Freiwilligen-Projekt Transitous); die Bewegung kommt aus der lokalen Animation.
• Berlin-Klemmung der Bounding-Box entfernt: schnitt bisher Potsdam und ganz Brandenburg ab.
• Live-Indikator (pulsierender Punkt) am Fahrzeugzähler.

Added - GUI-Politur

• Tabellarische Ziffern und feste Breite bei Abfahrtszeiten (keine Layout-Sprünge bei "9 min" -> "10 min").
• Sanftes Einblenden der Vorschlags-Dropdowns, dezenteres Verspätungs-Badge.
• prefers-reduced-motion wird respektiert (alle Animationen abschaltbar per Systemeinstellung).

Removed

• Dreistufiger API-Failover (obsolet - eine Quelle), shouldTryTransitous-Wrapper, Transitous-Direktpfade, HAFAS-URL-Bau.

[34.0.0] - 2026-07-06

Transitous als dritte, unabhängige Failover-Stufe

Added

• Transitous-Adapter (js/transitous.js): Übersetzt die MOTIS-2-API von https://api.transitous.org in die HAFAS-Form der App. Transitous ist ein community-betriebener Dienst mit KOMPLETT eigener Infrastruktur - unabhängig von transport.rest. Beim Totalausfall von VBB+BVG (wie am 03.07.) übernimmt jetzt Stufe 3 für: Stationssuche (geocode), Abfahrten (stoptimes) und Routensuche (plan, inkl. Verkehrsmittel-Filter und Zeitwahl).
• Koordinaten-basierte Stationsidentität: Bei Stationsauswahl werden jetzt Koordinaten mitgespeichert (Suggestions, Favoriten, letzte Station). Damit funktionieren Abfahrten und Routen über Transitous OHNE Stop-ID-Mapping (stoptimes per center=lat,lon; plan per Koordinaten-fromPlace). Alte Favoriten ohne Koordinaten werden einmalig per Name geocodet und das Mapping gecacht.
• Direktpfade für Transitous-Stationen: Wird während eines Ausfalls eine Station aus Transitous-Vorschlägen gewählt (ID-Präfix "transitous:"), gehen Abfahrten/Routen direkt an Transitous statt sinnlos die HAFAS-APIs zu fragen.
• Pflicht-Attribution: Sichtbarer Link auf transitous.org/sources (inkl. OpenStreetMap-Hinweis) in der Entwickler-View, wie von der Transitous-Nutzungsrichtlinie verlangt.

Ressourcen-Rücksicht (Transitous ist ein Freiwilligen-Projekt)

• Transitous wird NUR kontaktiert, wenn transport.rest (beide Endpoints) nicht antwortet.
• Bewusst KEIN Radar-Polling über Transitous - die Live-Map bleibt zweistufig (VBB->BVG) und zeigt bei Totalausfall die Störungsmeldung.
• 4xx-Fehler und eigenes Rate-Limit lösen keinen Transitous-Versuch aus.

[33.2.0] - 2026-07-03

Sichtbare Störungsanzeige bei Anbieter-Totalausfall

Context

Am 03.07.2026 lieferten sowohl v6.vbb.transport.rest als auch der Fallback v6.bvg.transport.rest HTTP 503 - beide laufen auf derselben Infrastruktur des Anbieters transport.rest. Gegen einen Totalausfall des Anbieters kann die App keine Livedaten beschaffen, aber sie zeigt ihn jetzt klar an.

Added

• Globales Störungs-Banner: Versagen primäre UND Fallback-API, erscheint oben ein deutlicher Hinweis "Datenanbieter gestört". Das Banner verschwindet automatisch beim nächsten erfolgreichen Request.
• Fehlerhinweis in der Stationssuche: Statt stillem Versagen zeigen die Suchvorschläge "Suche derzeit nicht möglich - API nicht erreichbar" (Abfahrten- und Routenplaner-Felder).

[33.1.0] - 2026-07-03

Automatischer API-Failover

Added

• Failover auf v6.bvg.transport.rest: Wenn die primäre VBB-API nicht antwortet (Netzwerkfehler, Timeout, HTTP 5xx), schaltet die App automatisch auf die baugleiche BVG-API um - gleicher Betreiber, identische Routen und Stop-IDs, deckt ebenfalls ganz Berlin/Brandenburg ab, nutzt aber eine andere Upstream-Quelle. Nach 10 Minuten wird die primäre API automatisch wieder probiert.
• 12s-Timeout pro Request (AbortController): hängende Verbindungen blockieren die App nicht mehr und lösen den Failover aus.
• HTTP-4xx-Fehler lösen bewusst KEINEN Failover aus (fehlerhafte Anfrage, kein API-Ausfall).
• Sind beide APIs down, werden notfalls abgelaufene Cache-Daten geliefert.

[33.0.0] - 2026-07-03

Favoriten, Persistenz, echte Filter & Modul-Architektur

Added

• Echte Favoriten: Stern-Button an jeder Station speichert sie in localStorage; Favoriten erscheinen auf dem Home-Screen und öffnen mit einem Tap die Abfahrten. (Vorher war der Button eine Attrappe mit alert().)
• Teilen-Button: Nutzt die native Teilen-Funktion des Geräts (Web Share API), Fallback: in Zwischenablage kopieren.
• Persistenz über App-Starts: Letzte Station und letzte Route werden gemerkt und beim Start wiederhergestellt - ohne API-Call; geladen wird erst beim Öffnen der jeweiligen View.
• Zeitwahl in der Routensuche: "Abfahrt um" / "Ankunft bis" mit Datum/Uhrzeit (leer = jetzt).
• Offline-Modus für Abfahrten: Letzte Daten werden lokal gespeichert; ohne Verbindung werden sie mit Banner "Stand: vor X min" angezeigt.
• Tastatur-Navigation in allen Stationsvorschlägen (Pfeiltasten, Enter, Escape).
• aria-Labels für alle Icon-Buttons und Eingabefelder, aria-live für Statusanzeigen, sichtbarer Tastatur-Fokus.

Fixed

• Verkehrsmittel-Filter der Routensuche funktionieren jetzt wirklich: Die Auswahl wurde vorher komplett ignoriert (kein products-Parameter in der API-URL). Fähren bleiben bewusst aktiv, da es keinen Button dafür gibt.
• ReferenceError bei jedem Tastendruck behoben: Der Search-Hint-Handler referenzierte eine Variable außerhalb ihres Scopes.
• Fake-Daten entfernt: Zufällige Gleisnummern, erfundene "GPS-Genauigkeit ±10m" und Alert-Attrappen (Export, Kalender) wurden angezeigt, als wären es echte Informationen.
• Auto-Refresh bricht bei Fehlern nicht mehr permanent ab: Exponentieller Backoff (30s → 60s → ... max 5min), automatische Erholung.

Changed

• Code in 5 Module aufgeteilt (js/api.js, app.js, livemap.js, changelog.js, extras.js); geteilter Zustand zentral in api.js deklariert.
• Live-Map-Marker werden bewegt statt neu erzeugt (per tripId wiederverwendet): flüssigere Karte, offene Popups bleiben beim Update offen.
• Radar-Ergebnisanzahl an Zoom gekoppelt (80/140/200): kleinere API-Responses bei hohem Zoom.
• Parallax-Effekt komplett entfernt: Der Header inkl. Menü-Button bewegte sich mit der Maus mit - wirkte unruhig und hatte keinen Nutzen.
• Alle console.log-Ausgaben entfernt (Fehler/Warnungen bleiben).

[32.0.0] - 2026-07-02

Stabilität, Fehlerbehebungen & API-Optimierung

Fixed

• Kritisch: ReferenceError-Crash behoben: const originalSearchJourneys = searchJourneys referenzierte eine nie existierende Funktion. Der Fehler brach die Ausführung des restlichen Scripts ab (Hover-System, GPS-Handling u.a. luden nie).
• Kritisch: Service Worker installierte sich nie: Die Cache-Liste enthielt /DotMatrix.ttf (Datei existiert nicht), wodurch cache.addAll() komplett fehlschlug. Dateien werden jetzt einzeln gecacht und Fehler toleriert.
• Doppeltes View-Switch-System entfernt: Zwei konkurrierende switchView-Implementierungen und doppelte Menü-Handler feuerten bei jedem Klick beide. Jetzt gibt es genau ein generisches System, das alle Views (inkl. Developer) kennt.
• Doppelte escapeHtml-Definition entfernt: Die zweite Version escapte keine Anführungszeichen (Risiko in HTML-Attributen).
• Changelog wurde bis zu 13× parallel geladen: Drei redundante Lade-Mechanismen (switchView, MutationObserver, Tab-Handler) konkurrierend. Jetzt zentraler Guard, lädt genau einmal.
• Fragiler navigator.geolocation-Override entfernt: Object.defineProperty auf navigator wirft in manchen Browsern. GPS-Buttons werden auf Desktop weiterhin versteckt.
• Pull-to-Refresh löst nur noch in der Abfahrten-View aus.
• Endlos-Logging entfernt: Hover-Statistiken wurden alle 30s dauerhaft in die Konsole geschrieben.

Removed

• DotMatrix-Font komplett entfernt: Font-Datei existierte nicht mehr im Projekt; alle Referenzen aus CSS (19 Stellen), HTML-Featureliste und Service Worker entfernt. Fallback ist überall 'Courier New', monospace.

Changed

• Zentrale API-Schicht (apiFetch): Alle VBB-API-Aufrufe laufen jetzt durch eine Funktion mit:
  • Hartem Rate-Limit von 90 Requests/Minute (API erlaubt 100 – 10 Puffer)
  • Response-Cache mit TTL pro Endpoint (Stationssuche 6h, Nearby 2min, Abfahrten 15s, Radar 10s, Trips 60s, Journeys 30s)
  • Request-Deduplizierung: identische parallele Anfragen werden nur einmal gefeuert
  • Cache-Fallback: bei erreichtem Limit werden notfalls leicht veraltete Daten geliefert statt Fehler
• Polling pausiert im Hintergrund: Abfahrten-Auto-Refresh (30s) und Live-Map-Radar (15s) laufen nur, wenn der Tab sichtbar UND die jeweilige View aktiv ist. Bei Rückkehr in den Tab wird einmalig aufgefrischt.
• Live-Map-Filter arbeiten lokal: Filter-Klicks rendern die bereits geladenen Fahrzeugdaten neu, statt einen neuen Radar-Request auszulösen.
• Radar-Koordinaten werden gerundet (3 Dezimalstellen) für stabile Cache-Treffer bei minimalen Kartenbewegungen.
• Service Worker: Network-first für App-Shell: Nach einem Update bekommen Nutzer sofort neues HTML/JS/CSS; offline greift der Cache. API-Requests werden vom SW bewusst nicht gecacht (macht apiFetch).
• Autocomplete-Debounce von 300ms auf 400ms erhöht (weniger Requests beim Tippen).
• XSS-Schutz: Stationsnamen, Liniennamen und Richtungen aus der API werden vor dem Einfügen ins HTML escaped.
• Nutzerfreundliche Fehlermeldungen bei erreichtem API-Limit statt kryptischer Fehler.

[31.0.0] - 2026-02-10

Developer View & Auto-Changelog System

Added

• Developer View mit Tab-System: Neue Entwickler-Ansicht mit 3 Tabs
  • Changelog: Automatisch geladene Versionshistorie
  • Info: App-Informationen, Statistiken, Status
  • Features: Detaillierte Feature-Beschreibungen mit Collapsibles
• Automatisches Changelog-Loading: CHANGELOG.md wird automatisch gefetcht und gerendert
• Markdown-zu-HTML Konverter: Vollständiger Parser für Markdown-Syntax
  • Überschriften (h1-h6)
  • Fettdruck (bold) und Kursiv (italic)
  • Code-Blöcke ( ) und Inline-Code (code)
  • Listen (geordnet und ungeordnet)
  • Links text
  • Blockquotes (>)
  • Horizontale Linien (---)
  • Tabellen
• GitHub-Style Formatierung: Changelog sieht aus wie auf GitHub
  • Hierarchische Überschriften mit Border-Bottom
  • Gelbe Highlights für wichtige Begriffe
  • Grüner Code-Text auf schwarzem Hintergrund
  • Responsive Typography
• Mobile-Optimierungen für Developer View:
  • Kompaktere Layouts für kleine Bildschirme
  • Touch-optimierte Tab-Navigation (min 44px)
  • Horizontal scrollbare Tabs mit Scroll-Hint Animation
  • Bessere Lesbarkeit durch angepasste Font-Größen
  • Stack-Layout für Info-Boxen
  • Full-Width GitHub-Link Button
  • Landscape-Mode Support

Changed

• Changelog-Verwaltung: Nur noch CHANGELOG.md pflegen - keine HTML-Duplikate mehr
• Developer-Tabs Design: Premium-Look mit Gradienten und Animationen
  • 3D-Button-Effekt mit Schatten
  • Smooth Transform-Animationen
  • Aktiver Tab hebt sich durch Gold-Gradient ab
  • Hover-Effekte auf Desktop
• Tab-Content Animation: Fade-in beim Tab-Wechsel (0.4s cubic-bezier)
• Info-Boxen: 2-Spalten-Layout auf Desktop, Stack auf Mobile
• Typography: Optimierte Font-Größen für alle Breakpoints
  • Mobile: 12-14px
  • Tablet: 14-16px
  • Desktop: 15-18px

Fixed

• CSS Duplikat-Fehler: Doppelte Mobile Media Query (Zeile 2040-2130) entfernt
• Markdown Parsing: Korrekte Konvertierung von verschachtelten Listen
• UTF-8 Encoding: CHANGELOG.md ohne Zeichenfehler (ä, ö, ü)
• Tab-Switching: Changelog lädt nur einmal beim ersten Öffnen
• Touch-Feedback: Optimierte :active States für Mobile
• Scroll-Verhalten: Smooth horizontal scrolling für Tabs mit -webkit-overflow-scrolling

Technical Details

• Neue JavaScript-Funktionen:
  • loadChangelog(): Fetcht und rendert CHANGELOG.md
  • markdownToHtml(): Konvertiert Markdown zu HTML (230 Zeilen)
  • parseInline(): Konvertiert inline Markdown (bold, italic, code, links)
  • escapeHtml(): Sicheres HTML-Escaping für Code-Blöcke
• CSS-Ergänzungen: +200 Zeilen für Markdown-Formatierung
• Responsive Breakpoints:
  • Mobile: < 768px
  • Tablet: 768-1023px
  • Desktop: 1024px+
  • Extra Small: < 360px
  • Landscape Mobile: < 768px & orientation: landscape
• Performance: Changelog cached nach erstem Load
• Browser-Support: Chrome 80+, Safari 12+, Firefox 75+

---

[30.0.0] - 2026-02-10

Major Release - Code-Trennung & Desktop-Optimierung

Added

• Modulare Dateistruktur: Projekt in separate HTML, CSS und JS Dateien aufgeteilt
• Desktop-Optimierungen: Responsive Layouts für verschiedene Bildschirmgrößen
  • Tablet/Desktop (768px+): 900px Container
  • Large Desktop (1200px+): 1100px Container mit 2-Spalten Layout
  • Extra Large (1600px+): 1400px Container mit 3-Spalten Layout
• Hover-Effekte: Desktop-optimierte Interaktionen
  • Navigation Items
  • Buttons und Filter
  • Abfahrts-Items
  • Journey Results
• Live-Map Desktop-Layout: Controls links positioniert statt oben
• Home View Desktop: 3-Spalten Navigation auf großen Bildschirmen
• README.md: Umfassende Dokumentation der Projektstruktur
• CHANGELOG.md: Versionsverwaltung und Änderungsprotokoll

Changed

• Dateistruktur:
  • index.html: Von 4.698 auf 390 Zeilen reduziert
  • styles.css: 2.467 Zeilen (vorher inline)
  • script.js: 1.992 Zeilen (vorher inline)
• Container-Breiten: Desktop-optimierte max-widths
  • Vorher: 1200px (zu breit)
  • Jetzt: 900px (Tablet), 1100px (Desktop), 1400px (XL)
• Navigation-Menü: Von 280px auf 320px verbreitert
• Header-Schrift: Desktop-Größen erhöht (36px -> 38px)
• Detail-Modal: Responsive Breiten je nach Bildschirmgröße
  • Tablet: 900px
  • Desktop: 1100px
  • Extra Large: 1300px

Fixed

• Z-Index Issue: Popups und Modals werden jetzt korrekt über dem Header angezeigt
  • Header: z-index 10000
  • Detail-Modal: z-index 10005
  • Detail-Header: z-index 10006
  • Leaflet-Popups: z-index 10010
• Desktop-Layout: Fehlende Optimierungen für große Bildschirme korrigiert
• Live-Map Controls: Bessere Positionierung auf Desktop

Technical Details

• CSS-Dateigröße: 2.467 Zeilen (inkl. Desktop-Optimierungen)
• JavaScript unverändert: 1.992 Zeilen
• HTML-Struktur: Sauber getrennt, 390 Zeilen
• Caching-Vorteile: Browser können CSS/JS separat cachen

---

[29.0.0] - 2026-02-09

Vorherige Version (Monolithisch)

• Alle Code in einer index.html Datei
• 4.698 Zeilen insgesamt
• Funktionale PWA mit allen Features
• Optimiert für Mobile

Features (bereits vorhanden)

• Echtzeit-Abfahrten VBB/BVG
• Routenplanung
• Live-Fahrzeugverfolgung (Radar)
• Service Worker (Offline-Fähigkeit)
• PWA Manifest (Installierbar)
• HTTPS Development Server
• DotMatrix Font Integration
• Dark Mode Design
• Touch-optimiert für Mobile
• Pull-to-Refresh
• Leaflet.js Karten-Integration
• BVG-Linienfarben
• Fahrzeug-Filter (U-Bahn, Bus, Tram, S-Bahn, Regional)

---

[28.0.0] - 2026-02-08

Live-Map Feature

Added

• Live-Fahrzeugverfolgung: Echtzeit-Karte mit Leaflet.js
• Fahrzeug-Marker: Farbcodierte Marker für verschiedene Verkehrsmittel
  • U-Bahn: Blau
  • S-Bahn: Grün
  • Bus: Rot/Rosa
  • Tram: Orange
  • Regional: Grau
• Fahrzeug-Filter: Toggle für verschiedene Verkehrsmitteltypen
• Live-Updates: Automatisches Refresh alle 10 Sekunden
• Popup-Informationen: Linie, Richtung, Verspätung beim Klick auf Marker
• Map Controls: Filter-Buttons über der Karte

Changed

• Navigation: Neuer "Radar" Menüpunkt
• API-Calls: Optimiert für Live-Daten (radar endpoint)
• Performance: Marker-Clustering für bessere Performance

Fixed

• Memory Leaks: Alte Marker werden korrekt entfernt
• Map-Rendering: Korrekte Tile-Layer Initialisierung

---

[27.0.0] - 2026-02-07

Journey Planner Enhancements

Added

• Umsteigezeiten-Warnung: Farbcodierte Hinweise bei knappen Umstiegen
  • Grün: Ausreichend Zeit (5+ Minuten)
  • Orange: Knapp (3-5 Minuten)
  • Rot: Sehr knapp (< 3 Minuten)
• Zwischenstopps: Anzeige aller Haltestellen auf der Route
• Platform-Informationen: Gleis/Steig-Anzeige für alle Stops
• Journey-Details Modal: Detaillierte Ansicht mit allen Informationen
• Swap-Button: Von/Nach Felder tauschen per Button

Changed

• Journey-Layout: Verbesserte Darstellung der Verbindungen
• Icon-System: Einheitliche Verkehrsmittel-Icons
• Touch-Targets: Größere Buttons für bessere Bedienbarkeit

Fixed

• Zeitberechnung: Korrekte Berechnung von Umsteigezeiten
• API-Parsing: Robusteres Parsing von Journey-Daten

---

[26.0.0] - 2026-02-06

Departure Filters

Added

• Verkehrsmittel-Filter: Filter nach U-Bahn, S-Bahn, Bus, Tram
• Linien-Filter: Filter nach spezifischen Linien (U1, U2, etc.)
• Filter-Persistenz: Einstellungen werden gespeichert
• Filter-Counter: Anzeige der gefilterten Abfahrten

Changed

• Filter-UI: Neue Filter-Leiste unter der Suche
• Performance: Optimiertes Filtern ohne neu zu laden

---

[25.0.0] - 2026-02-05

BVG Line Colors

Added

• Original BVG-Farben: Authentische Linienfarben
  • U-Bahn: Linienspezifische Farben (U1-U9)
  • S-Bahn: Grün
  • Bus: Rot/Rosa
  • Tram: Orange
  • RE/RB: Grau
• Color-Mapping: Vollständige Farbtabelle für alle Linien
• Badge-Design: Farbige Linien-Badges

Changed

• Line-Badge Styling: Größere, besser lesbare Badges
• Contrast: Optimierter Kontrast für alle Farben

---

[24.0.0] - 2026-02-04

Pull-to-Refresh

Added

• Pull-to-Refresh Gesture: Native-ähnliche Aktualisierung
• Refresh-Spinner: Visuelles Feedback beim Aktualisieren
• Touch-Events: touchstart, touchmove, touchend Handler
• Haptic Feedback: Vibration bei erfolgreicher Aktualisierung

Changed

• Scroll-Verhalten: -webkit-overflow-scrolling für smoothes Scrolling
• Performance: Debounced Refresh-Events

---

[23.0.0] - 2026-02-03

Platform Information

Added

• Gleis/Steig-Anzeige: Anzeige der Abfahrtsplattform
• Platform-Icon: Symbol für Gleis/Steig
• Platform-Badge: Formatierte Darstellung

Changed

• Departure-Layout: Mehr Platz für Platform-Info
• API-Integration: Korrekte Platform-Daten von VBB API

---

[22.0.0] - 2026-02-02

Journey Planner

Added

• Routenplaner: Von/Nach Suche implementiert
• Journey-Results: Anzeige von Verbindungen
• Journey-Legs: Detaillierte Anzeige aller Teilstrecken
• Time-Display: Abfahrts- und Ankunftszeiten
• Duration: Gesamtdauer der Verbindung
• Transfers: Anzahl der Umstiege

Changed

• Navigation: Neuer "Route" Menüpunkt
• API-Calls: Integration von journeys endpoint

---

[21.0.0] - 2026-02-01

Departure Details Modal

Added

• Detail-View: Modal mit ausführlichen Informationen
• Trip-Informationen: Linie, Richtung, Betreiber
• Stop-Sequence: Alle folgenden Haltestellen
• Remarks: Hinweise und Störungen
• Close-Button: Einfaches Schließen des Modals

Changed

• Modal-Styling: Fullscreen-Modal mit z-index Optimierung
• Scroll-Verhalten: Smooth scrolling in Stop-List

---

[20.0.0] - 2026-01-31

Auto-Refresh

Added

• Automatische Aktualisierung: Abfahrten refreshen alle 30 Sekunden
• Last-Update Timestamp: Anzeige der letzten Aktualisierung
• Pause on Background: Refresh stoppt bei Hintergrund-Tab
• Visual-Indicator: Animierter Refresh-Status

Changed

• Performance: Optimierte API-Calls (nur Diffs laden)
• Battery-Saving: Intelligentes Refresh-Verhalten

---

[19.0.0] - 2026-01-30

Delay Information

Added

• Verspätungsanzeige: Rot hervorgehobene Delays
• Delay-Badge: Minute-genaue Verspätung
• Cancelled-Status: Markierung ausgefallener Fahrten
• On-Time Badge: Grüner Badge bei pünktlichen Fahrten

Changed

• Color-Scheme: Rot für Delays, Grün für On-Time
• Departure-Layout: Mehr Platz für Delay-Info

---

[18.0.0] - 2026-01-29

GPS Location Search

Added

• GPS-Button: Automatische Standorterkennung
• Nearby-Stops: Nächstgelegene Haltestellen finden
• Distance-Display: Entfernung in Metern
• Permission-Handling: Browser-Berechtigungen für Standort
• Loading-State: Visuelles Feedback während GPS-Suche

Changed

• Search-Layout: GPS-Button neben Suchfeld
• API-Integration: nearby endpoint

Fixed

• Permission-Errors: Bessere Fehlerbehandlung bei verweigerten Berechtigungen

---

[17.0.0] - 2026-01-28

Station Autocomplete

Added

• Live-Suche: Autocomplete während der Eingabe
• Fuzzy-Search: Fehlertolerante Suche
• Product-Tags: Anzeige verfügbarer Verkehrsmittel
• Keyboard-Navigation: Arrow-Keys für Auswahl
• Click-Outside: Schließen bei Klick außerhalb

Changed

• Suggestions-UI: Besseres Dropdown-Design
• API-Calls: Debounced requests (300ms)
• Performance: Caching von Search-Results

---

[16.0.0] - 2026-01-27

Real-time Departures

Added

• VBB API Integration: Anbindung an v6.vbb.transport.rest
• Departure-List: Chronologische Abfahrtsliste
• Line-Badges: Farbige Linien-Anzeige
• Direction-Display: Fahrtrichtung/Endhaltestelle
• Time-Display: Abfahrtszeit in Minuten oder absolut

Changed

• API-Endpoint: Wechsel zu VBB Transport REST API v6
• Data-Structure: Neue JSON-Struktur

---

[15.0.0] - 2026-01-26

DotMatrix Font

Added

• DotMatrix Font: Original BVG-Schriftart integriert
• Font-Loading: @font-face mit Fallback
• Typography: Einheitliche Schrift in gesamter App

Changed

• Font-Stack: 'DotMatrix', 'Courier New', monospace
• Letter-Spacing: Optimiert für Lesbarkeit

---

[14.0.0] - 2026-01-25

Dark Mode Design

Added

• Dark Theme: Schwarzer Hintergrund (#000)
• BVG Yellow: Primärfarbe #FFED00
• Color-Scheme: Vollständiges Farbkonzept
• Contrast: WCAG-konforme Kontraste

Changed

• Gesamtes UI: Umstellung auf Dark Mode
• Button-Styles: Gelb auf Schwarz
• Input-Fields: Schwarzer Hintergrund

---

[13.0.0] - 2026-01-24

Navigation System

Added

• Sidebar-Navigation: Slide-out Menu
• View-Switching: Navigation zwischen verschiedenen Ansichten
• Active-States: Hervorhebung aktiver View
• Smooth-Transitions: Animierte View-Wechsel
• Overlay: Backdrop beim geöffneten Menu

Changed

• App-Structure: Multi-View Architecture
• Menu-Icon: Hamburger-Button im Header

---

[12.0.0] - 2026-01-23

PWA Manifest

Added

• manifest.json: PWA Manifest-Datei
• App-Icons: Icons in verschiedenen Größen
• Standalone-Mode: App läuft ohne Browser-UI
• Theme-Color: #FFED00 (BVG Yellow)
• Background-Color: #000000 (Black)
• Display: standalone
• Orientation: portrait-primary

Changed

• HTML Meta-Tags: PWA-spezifische Meta-Tags

---

[11.0.0] - 2026-01-22

Service Worker

Added

• Service Worker: Offline-Fähigkeit
• Cache-First Strategy: Schnelle Ladezeiten
• Offline-Page: Custom Offline-Seite
• Cache-Update: Automatische Cache-Updates
• Background-Sync: Sync bei Netzwerk-Reconnect

Changed

• Loading-Performance: Deutlich schnellere App

---

[10.0.0] - 2026-01-21

HTTPS Development Server

Added

• HTTPS-Server: Node.js Server mit SSL
• Auto-SSL: Automatische Zertifikatserstellung
• Mobile-Testing: Echter HTTPS-Zugriff vom Handy
• Hot-Reload: Automatisches Neuladen bei Änderungen

Changed

• Development-Workflow: Einfacheres Mobile-Testing

---

[9.0.0] - 2026-01-20

Touch Optimizations

Added

• Touch-Targets: Minimum 44x44px für alle interaktiven Elemente
• Tap-Highlights: Custom Highlight-Colors
• Touch-Feedback: Active-States für Touch
• Gesture-Support: Grundlegende Touch-Gesten

Changed

• Button-Sizes: Größere Buttons für Touch
• Spacing: Mehr Abstand zwischen Elementen

---

[8.0.0] - 2026-01-19

Responsive Design

Added

• Mobile-First: Optimierung für Smartphones
• Breakpoints: 768px, 1024px, 1200px
• Fluid-Typography: Skalierbare Schriftgrößen
• Flexible-Layouts: CSS Grid & Flexbox

Changed

• Gesamtes Layout: Responsive für alle Bildschirmgrößen

---

[7.0.0] - 2026-01-18

Station Search

Added

• Search-Input: Textfeld für Stationssuche
• Search-Button: Suche-Button
• Clear-Button: X zum Leeren des Suchfelds
• Loading-State: Spinner während der Suche

Changed

• UI-Layout: Suchfeld prominent im Header

---

[6.0.0] - 2026-01-17

Error Handling

Added

• Error-Messages: Benutzerfreundliche Fehlermeldungen
• API-Error-Handling: Try-Catch für API-Calls
• Network-Error-Detection: Offline-Erkennung
• Retry-Logic: Automatisches Wiederholen bei Fehler

Changed

• User-Experience: Besseres Feedback bei Problemen

---

[5.0.0] - 2026-01-16

Loading States

Added

• Loading-Spinner: Animierter Lade-Indikator
• Skeleton-Screens: Platzhalter während des Ladens
• Progressive-Loading: Schrittweises Laden von Daten

Changed

• UX: Klares Feedback während Ladezeiten

---

[4.0.0] - 2026-01-15

API Integration

Added

• Fetch-API: Integration von VBB API
• CORS-Handling: Cross-Origin Requests
• Rate-Limiting: Respektierung von API-Limits
• Error-Responses: Handling von API-Fehlern

Changed

• Data-Flow: Asynchrone Datenverarbeitung

---

[3.0.0] - 2026-01-14

Basic Styling

Added

• CSS-Framework: Custom CSS ohne Framework
• Color-Variables: CSS Custom Properties
• Typography: Schrift-Hierarchie
• Button-Styles: Einheitliche Button-Designs

Changed

• Visual-Design: Erste Styling-Implementierung

---

[2.0.0] - 2026-01-13

HTML Structure

Added

• Semantic-HTML: Header, Main, Footer
• Meta-Tags: Viewport, Description, etc.
• HTML5-Elements: Article, Section, Nav
• Accessibility: ARIA-Labels wo nötig

Changed

• Document-Structure: Semantisches HTML

---

[1.0.0] - 2026-01-12

Initial Release

Added

• Project-Setup: Initiales Git-Repository
• Basic-HTML: Einfache HTML-Struktur
• README: Projekt-Dokumentation
• License: MIT-Lizenz

---

Projektinformationen

Entwickelt von: Aaron K. & Claude (Anthropic)
Lizenz: MIT
Repository: github.com/Serverlele30/VBB-Status-Web-App

Mitwirkende

• Aaron K. - Projektleitung, Konzept, Testing, Entwicklung
• Claude (Anthropic) - Entwicklung, Code-Optimierung

---

Geplante Features / Roadmap

v32.0.0 (geplant)

• API-Error Handling verbessern
• Favoriten-Stationen speichern
• Benachrichtigungen bei Verspätungen
• Dark/Light Mode Toggle

v33.0.0 (Ideen)

• Barrierefreiheit (A11y) Audit
• Mehrsprachigkeit (Englisch)
• Export von Routen als iCal/PDF
• Teilen-Funktion für Verbindungen
• Integration mit Kalender-Apps
• Offline-Modus mit Service Worker Cache

---

Versionsschema

Dieses Projekt verwendet Semantic Versioning:

• MAJOR (z.B. 31.x.x): Grundlegende Änderungen, neue Features
• MINOR (z.B. x.1.x): Neue Features, abwärtskompatibel
• PATCH (z.B. x.x.1): Bug-Fixes, kleine Verbesserungen

---

Support & Feedback

Bei Fragen oder Problemen:

1. GitHub Issues
2. README konsultieren
3. Code-Kommentare lesen

Viel Erfolg mit der VBB Netz Status App!