Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rosary: reset expired streak on client to prevent SSR microflash

Browse Source 
When the client hydrates and finds the merged streak is still expired
(localStorage couldn't rescue it), reset to zero and push to the server.
This ensures subsequent SSR loads render the correct value from the start.
This commit is contained in:
Alexander Bocken
2026-02-22 21:30:42 +01:00
parent dab7234c13
commit ea1b145aaf
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/lib/stores/rosaryStreak.svelte.ts
View File

@@ -174,13 +174,21 @@ class RosaryStreakStore {
const localData = loadFromStorage();
const merged = mergeStreakData(localData, serverData);
// Update local state
this.#length = merged.length;
this.#lastPrayed = merged.lastPrayed;
saveToStorage(merged);
// If the best data we have is still expired, reset to zero so the next
// SSR load won't flash a stale streak count.
const isExpired =
merged.lastPrayed !== null &&
merged.lastPrayed !== getToday() &&
!isYesterday(merged.lastPrayed);
const effective: StreakData = isExpired ? { length: 0, lastPrayed: null } : merged;
// If local had newer data, push to server
if (merged.length !== serverData.length || merged.lastPrayed !== serverData.lastPrayed) {
// Update local state
this.#length = effective.length;
this.#lastPrayed = effective.lastPrayed;
saveToStorage(effective);
// Push to server if anything changed (newer local data, or expired streak reset)
if (effective.length !== serverData.length || effective.lastPrayed !== serverData.lastPrayed) {
this.#pushToServer();
}
}