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