oliver/StaySense
1
0
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

fix: derive connectivity status from real API health checks only

Browse source
This commit is contained in:
Oliver 2026-02-15 13:53:45 +01:00
parent 94cac9f467
commit 2f5a97aa62
No known key found for this signature in database
1 changed files with 21 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/app.js
View file

@ -31,15 +31,18 @@ let currentSpot = null;
let scoreCache = loadJSON(SCORE_CACHE_KEY, []); let scoreCache = loadJSON(SCORE_CACHE_KEY, []);
let signalQueue = loadJSON(SIGNAL_QUEUE_KEY, []); let signalQueue = loadJSON(SIGNAL_QUEUE_KEY, []);
let settings = loadJSON(SETTINGS_KEY, { signalsEnabled: true }); let settings = loadJSON(SETTINGS_KEY, { signalsEnabled: true });
let apiOnline = false;
let lastHealthCheckAt = null;
let lastHealthLatencyMs = null;
const deviceToken = ensureDeviceToken(); const deviceToken = ensureDeviceToken();
initialize(); initialize();
function initialize() { function initialize() {
signalsEnabledEl.checked = Boolean(settings.signalsEnabled); signalsEnabledEl.checked = Boolean(settings.signalsEnabled);
updateNetworkStatus(); renderNetworkStatus();
window.addEventListener("online", onOnline); window.addEventListener("online", onNetworkHint);
window.addEventListener("offline", updateNetworkStatus); window.addEventListener("offline", onNetworkHint);
signalsEnabledEl.addEventListener("change", () => { signalsEnabledEl.addEventListener("change", () => {
settings.signalsEnabled = signalsEnabledEl.checked; settings.signalsEnabled = signalsEnabledEl.checked;
@ -102,26 +105,34 @@ function saveJSON(key, value) {
localStorage.setItem(key, JSON.stringify(value)); localStorage.setItem(key, JSON.stringify(value));
} }
function updateNetworkStatus() { function renderNetworkStatus() {
networkStatusEl.textContent = navigator.onLine ? "Browser: Online" : "Browser: Offline"; const checkedAt = lastHealthCheckAt ? toLocal(lastHealthCheckAt) : "-";
const latency = Number.isFinite(lastHealthLatencyMs) ? `${lastHealthLatencyMs}ms` : "-";
networkStatusEl.textContent = `API: ${apiOnline ? "Online" : "Offline"} | letzter Check: ${checkedAt} | Latenz: ${latency}`;
} }
function onOnline() { function onNetworkHint() {
updateNetworkStatus(); // Hint event from browser/OS network stack: trigger real check, do not trust onLine flag as truth.
flushSignalQueue(); flushSignalQueue();
checkApiHealth(); checkApiHealth();
} }
async function checkApiHealth() { async function checkApiHealth() {
const started = performance.now();
try { try {
const response = await fetch(`${API_BASE}/health`, { cache: "no-store" }); const response = await fetch(`${API_BASE}/health`, { cache: "no-store" });
if (!response.ok) { if (!response.ok) {
throw new Error("health_failed"); throw new Error("health_failed");
} }
networkStatusEl.textContent = navigator.onLine ? "Browser: Online | API: Online" : "Browser: Offline | API: Online"; apiOnline = true;
lastHealthLatencyMs = Math.round(performance.now() - started);
lastHealthCheckAt = new Date().toISOString();
} catch { } catch {
networkStatusEl.textContent = navigator.onLine ? "Browser: Online | API: Offline" : "Browser: Offline | API: Offline"; apiOnline = false;
lastHealthLatencyMs = null;
lastHealthCheckAt = new Date().toISOString();
} }
renderNetworkStatus();
} }
function renderQueueStatus() { function renderQueueStatus() {
@ -292,7 +303,7 @@ async function submitSignal(signal) {
} }
async function flushSignalQueue() { async function flushSignalQueue() {
if (!navigator.onLine || !signalQueue.length) { if (!signalQueue.length) {
return; return;
} }