rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Offline-Pfote — Step 2+3 tolerant, mehr Prefetch, SW by-v1088

Browse source 
Steps wurden nicht grün weil Probes zu strikt waren (alle 7 Module
bzw. 3 URL-Patterns erforderlich) — Cache-Inhalt zum Refresh-
Zeitpunkt oft unvollständig.

- Step 2 toleriert 1 fehlendes Page-Modul (have >= want-1)
- Step 3 verlangt nur noch Profil ODER welcome-dashboard PLUS Diary
  ODER Health (nicht beides)
- Neuer _prefetchPages() lädt alle 10 Page-Module proaktiv beim
  App-Start — unabhängig von SW-Install-Status
- _prefetchData() wird jetzt mehrmals retried (2s, 5s, 10s, 20s),
  damit hund-spezifische Daten geholt werden sobald
  _appState.activeDog gesetzt ist
This commit is contained in:
rene 2026-05-26 15:52:20 +02:00
parent 87462cb2fe
commit 03725d6682
5 changed files with 39 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

41
backend/static/js/offline-indicator.js
View file

@ -31,13 +31,15 @@ window.OfflineIndicator = (() => {
} },
{ step: 2, title: 'Wichtige Seiten',
detail: 'Tagebuch, Karte, Gassi, Erste Hilfe, Notizblock, Ausgaben, Routen',
detail: 'Tagebuch, Gesundheit, Karte, Gassi, Erste Hilfe, Notizen, Ausgaben, Routen',
probe: async () => {
const c = await _staticCache();
if (!c) return false;
const must = ['diary.js','map.js','walks.js','erste-hilfe.js','notes.js','expenses.js','routes.js'];
const want = ['diary.js','health.js','map.js','walks.js','erste-hilfe.js',
'notes.js','expenses.js','routes.js'];
const urls = (await c.keys()).map(r => r.url);
return must.every(name => urls.some(u => u.includes('/js/pages/' + name)));
const have = want.filter(name => urls.some(u => u.includes('/js/pages/' + name)));
return have.length >= want.length - 1; // 1 Toleranz (falls einzelner Fetch fehlschlug)
} },
{ step: 3, title: 'Hund-Daten',
@ -46,9 +48,12 @@ window.OfflineIndicator = (() => {
const c = await caches.open(CACHE_API).catch(() => null);
if (!c) return false;
const urls = (await c.keys()).map(r => r.url);
return urls.some(u => /\/api\/dogs\/\d+(\?|$)/.test(u))
&& urls.some(u => /\/api\/dogs\/\d+\/diary/.test(u))
&& urls.some(u => /\/api\/dogs\/\d+\/health/.test(u));
const hasProfile = urls.some(u => /\/api\/dogs\/\d+(\?|$)/.test(u))
|| urls.some(u => /\/api\/dogs\/\d+\/welcome-dashboard/.test(u));
const hasDiary = urls.some(u => /\/api\/dogs\/\d+\/diary/.test(u));
const hasHealth = urls.some(u => /\/api\/dogs\/\d+\/health/.test(u));
// Profil + mindestens eine Datenquelle (Tagebuch oder Gesundheit)
return hasProfile && (hasDiary || hasHealth);
} },
{ step: 4, title: 'Weitere Listen',
@ -207,15 +212,21 @@ window.OfflineIndicator = (() => {
} catch {}
}
// Daten-Prefetch beim App-Start: Listen die offline brauchbar sein müssen,
// Page-Module proaktiv fetchen — falls SW-Install sie noch nicht alle hatte
function _prefetchPages() {
['diary','health','map','walks','erste-hilfe','notes','expenses','routes','poison','lost']
.forEach(p => fetch(`/js/pages/${p}.js?v=${window.APP_VER}`).catch(() => {}));
}
// Daten-Prefetch: Listen die offline brauchbar sein müssen,
// auch wenn der User die Seiten noch nie geöffnet hat
async function _prefetchData() {
function _prefetchData() {
fetch('/api/expenses').catch(() => {});
fetch('/api/routes').catch(() => {});
fetch('/api/notes').catch(() => {});
// Hund-spezifische Daten nur wenn aktiver Hund bekannt
const dogId = window._appState?.activeDog?.id;
if (dogId) {
fetch(`/api/dogs/${dogId}`).catch(() => {});
fetch(`/api/dogs/${dogId}/health`).catch(() => {});
fetch(`/api/dogs/${dogId}/diary?limit=20`).catch(() => {});
}
@ -223,11 +234,15 @@ window.OfflineIndicator = (() => {
function init() {
refresh();
_prefetchTiles(); // Karten-Tiles (nur wenn GPS schon erlaubt)
_prefetchData(); // Listen-Daten (Expenses, Routes, Notes, Health)
_prefetchPages();
_prefetchTiles();
_prefetchData();
// Wenn der aktive Hund erst nach init() gesetzt wird → nochmal triggern
setTimeout(() => { _prefetchData(); refresh(); }, 3000);
// Mehrere Retries für hund-spezifische Daten — _appState.activeDog wird oft
// erst nach Login/Hunde-Load gesetzt, manchmal mehrere Sekunden nach Init
[2_000, 5_000, 10_000, 20_000].forEach(delay => {
setTimeout(() => { _prefetchData(); refresh(); }, delay);
});
if (navigator.serviceWorker) {
navigator.serviceWorker.addEventListener('message', e => {