Refactor code structure for improved readability and maintainability

Author: th33k

pi-node/kiosk.sh

@@ -23,7 +23,6 @@ exec chromium-browser \
   --noerrdialogs \
   --disable-infobars \
   --kiosk \
-  --incognito \
   --disable-translate \
   --disable-features=TranslateUI \
   --disable-session-crashed-bubble \
@@ -33,4 +32,7 @@ exec chromium-browser \
   --no-first-run \
   --start-fullscreen \
   --window-size=1920,1080 \
+  --enable-features=NetworkService,NetworkServiceInProcess \
+  --disable-sync \
+  --no-default-browser-check \
   "$DISPLAY_URL"

server/src/components/display/floor-display.tsx

@@ -58,9 +58,11 @@ export function FloorDisplay({ floor, announcements: initialAnnouncements }: Pro
   // Fetch latest data without page reload
   const refreshData = useCallback(async () => {
     try {
+      // Cache-bust with timestamp to ensure fresh data
+      const cacheBust = Date.now();
       const [floorRes, annRes] = await Promise.all([
-        fetch(`/api/floors/${floor.id}`),
-        fetch(`/api/announcements?floorId=${floor.id}&active=true`),
+        fetch(`/api/floors/${floor.id}?t=${cacheBust}`, { cache: "no-store" }),
+        fetch(`/api/announcements?floorId=${floor.id}&active=true&t=${cacheBust}`, { cache: "no-store" }),
       ]);
       if (floorRes.ok) {
         const data = await floorRes.json();
@@ -79,8 +81,9 @@ export function FloorDisplay({ floor, announcements: initialAnnouncements }: Pro
         );
       }
       setLastUpdate(Date.now());
+      console.log("[display] data refreshed successfully");
     } catch (e) {
-      console.warn("[display] refresh failed:", e);
+      console.error("[display] refresh failed:", e);
     }
   }, [floor.id]);
 
@@ -137,15 +140,28 @@ export function FloorDisplay({ floor, announcements: initialAnnouncements }: Pro
 
   // Aggressive fallback: refresh every 10s if no recent update
   useEffect(() => {
-    const timer = setInterval(() => {
+    const checkTimer = setInterval(() => {
       const timeSinceLastUpdate = Date.now() - lastUpdate;
       // Refresh if >8 seconds since last successful update
       if (timeSinceLastUpdate > 8_000) {
         console.log(`[display] fallback refresh (${Math.round(timeSinceLastUpdate / 1000)}s since last update)`);
         refreshData();
       }
     }, 3_000); // Check every 3s (fast and lightweight)
-    return () => clearInterval(timer);
+    
+    // Nuclear option: if no update for 2 minutes, hard reload page
+    const hardReloadTimer = setInterval(() => {
+      const timeSinceLastUpdate = Date.now() - lastUpdate;
+      if (timeSinceLastUpdate > 120_000) {
+        console.warn("[display] NO UPDATE FOR 2 MINUTES - HARD RELOAD PAGE");
+        window.location.reload();
+      }
+    }, 30_000);
+    
+    return () => {
+      clearInterval(checkTimer);
+      clearInterval(hardReloadTimer);
+    };
   }, [refreshData, lastUpdate]);
 
   const now = time.getTime();