Offline: Giftkoeder + vermisste Hunde offline sichtbar, Korridor auf Detailkarte

Geraetetest-Befunde Runde 2:
- Giftkoeder verschwanden offline: /api/places kam aus dem SW-Cache (feste URL)
  und verhinderte den allFailed-Fallback, waehrend /api/poison?lat=... (Bbox-URL)
  scheiterte -> jetzt faellt jede Quelle EINZELN auf den letzten guten Stand
  zurueck (localStorage) + Merge aus dem Offline-Region-Snapshot
- Region-Download speichert jetzt auch /api/poison + /api/lost der Gegend
  (p/_poison, p/_lost, anonym; MapOffline.alerts(kind,bbox) als Reader) —
  Sicherheitsdaten muessen auch am vorab gespeicherten Urlaubsort da sein
- lost.js Offline-Pfad merged den Region-Snapshot in Cache- und Leer-Fall
- Routen-Korridor war 'unsichtbar' (lag im schon gespeicherten Gebiet):
  nach dem Speichern werden die gespeicherten Bereiche blau auf der
  Detailkarte eingeblendet; Logik per Node-Stub-Test verifiziert
Bump v1227
This commit is contained in:
rene 2026-06-06 12:15:34 +02:00
parent 42a04ec405
commit a600ca1dec
9 changed files with 125 additions and 49 deletions

View file

@ -233,10 +233,25 @@ window.Page_lost = (() => {
...p,
distanz_m: _haversine(_userPos.lat, _userPos.lon, p.lat, p.lon),
}));
// Offline-Region-Snapshot (Offline-Karten speichern vermisste Hunde mit) dazu mergen —
// deckt vorab gespeicherte Gegenden ab, die der localStorage-Stand nicht kennt.
let regionLost = [];
try {
if (window.MapOffline?.alerts) {
regionLost = await MapOffline.alerts('lost', {
south: _userPos.lat - 0.3, north: _userPos.lat + 0.3,
west: _userPos.lon - 0.45, east: _userPos.lon + 0.45,
});
}
} catch {}
try {
const raw = localStorage.getItem(_CACHE_KEY);
if (raw) {
const cached = JSON.parse(raw).data || [];
const seen = new Set(cached.map(r => r.id));
regionLost.filter(r => !seen.has(r.id)).forEach(r => cached.push({
...r, distanz_m: _haversine(_userPos.lat, _userPos.lon, r.lat, r.lon),
}));
_reports = [...offline_pending, ...cached];
_renderMarkers();
_renderHeld();
@ -246,12 +261,16 @@ window.Page_lost = (() => {
return;
}
} catch {}
_reports = offline_pending;
if (offline_pending.length) {
// Kein localStorage-Stand → wenigstens Pending + Region-Snapshot zeigen
_reports = [...offline_pending, ...regionLost.map(r => ({
...r, distanz_m: _haversine(_userPos.lat, _userPos.lon, r.lat, r.lon),
}))];
if (_reports.length) {
_renderMarkers();
_renderHeld();
_renderList();
_updateBadge(_reports.length);
if (infoEl) infoEl.textContent = 'Offline — zeige gespeicherte Meldungen.';
return;
}
UI.toast.error('Meldungen konnten nicht geladen werden.');

View file

@ -1918,29 +1918,40 @@ window.Page_map = (() => {
API.breeder.mapMarkers(),
]);
// Offline-Fallback PRO QUELLE (nicht alles-oder-nichts): Der SW cached /api/places und
// /api/breeder/map-markers (feste URLs), aber /api/poison?lat=… ändert sich mit jeder
// Position → Cache-Miss → vorher verschwanden offline ausgerechnet die GIFTKÖDER,
// während places aus dem SW-Cache kam und den allFailed-Fallback verhinderte
// (Gerätetest 2026-06-07). Jede Quelle fällt einzeln auf den letzten guten Stand zurück.
let cached = null;
try { cached = JSON.parse(localStorage.getItem(_MAP_POI_KEY) || 'null'); } catch {}
const allFailed = [places, poisonList, breederList].every(r => r.status === 'rejected');
if (allFailed) {
const placesVal = places.status === 'fulfilled' ? places.value : (cached?.places || []);
let poisonVal = poisonList.status === 'fulfilled' ? poisonList.value : (cached?.poison || []);
const breederVal = breederList.status === 'fulfilled' ? breederList.value : (cached?.breeders || []);
// Giftköder zusätzlich aus dem Offline-Region-Snapshot (deckt vorab gespeicherte
// Gegenden ab, wo der localStorage-Stand der letzten Position nicht hinreicht).
if (poisonList.status === 'rejected' && window.MapOffline?.alerts) {
try {
const raw = localStorage.getItem(_MAP_POI_KEY);
if (raw) {
const cached = JSON.parse(raw);
_addPlaces(cached.places || []);
_addPoison(cached.poison || []);
_addBreeders(cached.breeders || []);
UI.toast.info('Offline — Karte zeigt gecachte Kacheln. POI-Daten eventuell veraltet.');
_scheduleOsmLoad();
return;
const c = _map ? _map.getCenter() : (_userPos ? { lat: _userPos.lat, lng: _userPos.lon } : null);
if (c) {
const off = await MapOffline.alerts('poison',
{ south: c.lat - 0.5, north: c.lat + 0.5, west: c.lng - 0.7, east: c.lng + 0.7 });
const seen = new Set(poisonVal.map(p => p.id));
poisonVal = poisonVal.concat(off.filter(p => !seen.has(p.id)));
}
} catch {}
}
const placesVal = places.status === 'fulfilled' ? places.value : [];
const poisonVal = poisonList.status === 'fulfilled' ? poisonList.value : [];
const breederVal = breederList.status === 'fulfilled' ? breederList.value : [];
if (allFailed && (placesVal.length || poisonVal.length || breederVal.length)) {
UI.toast.info('Offline — Karte zeigt zuletzt geladene Daten.');
}
if (places.status === 'fulfilled') _addPlaces(placesVal);
if (poisonList.status === 'fulfilled') _addPoison(poisonVal);
if (breederList.status === 'fulfilled') _addBreeders(breederVal);
_addPlaces(placesVal);
_addPoison(poisonVal);
_addBreeders(breederVal);
if (places.status === 'fulfilled' || poisonList.status === 'fulfilled' || breederList.status === 'fulfilled') {
try {

View file

@ -2478,6 +2478,20 @@ window.Page_routes = (() => {
UI.toast.success(`Route offline gespeichert — Korridor ±1 km, ${res.pois || 0} Marker, `
+ `${(res.bytes / 1048576).toFixed(1)} MB.${res.capped ? ' (50-MB-Limit erreicht)' : ''}`);
window.OfflineIndicator?.refresh();
// Gespeicherte Bereiche sofort auf der Detailkarte zeigen (blau) — sonst ist der
// Korridor „unsichtbar", v.a. wenn er im schon gespeicherten Gebiet liegt.
try {
const gl = _detailMap?._gl;
if (gl) {
const gj = await MapOffline.coverage();
if (gl.getSource('rd-off-cov')) gl.getSource('rd-off-cov').setData(gj);
else {
gl.addSource('rd-off-cov', { type: 'geojson', data: gj });
gl.addLayer({ id: 'rd-off-cov', type: 'fill', source: 'rd-off-cov',
paint: { 'fill-color': '#3b82f6', 'fill-opacity': 0.15 } });
}
}
} catch (e) {}
} catch (e) {
if (label) label.textContent = 'Offline';
UI.toast.error('Offline-Speichern fehlgeschlagen.');