@sailingrotevista/rotevista-dash 6.0.6 → 6.0.8

package/app.js

@@ -885,10 +885,14 @@ function manageHistory(type, value) {
     const samples = Math.max(2, CONFIG.graphs.samples || 60);
     const bucketIntervalMs = (historyMinutes * 60000) / samples;
 
-    // --- 2. INIT SICURO (Strict Check) ---
+    // --- 2. INIT SICURO (Sintonizzato all'epoca assoluta UTC) ---
     if (!store.graphTempBuf[type]) store.graphTempBuf[type] = [];
     if (!store.histories[type]) store.histories[type] = [];
-    if (store.lastUpdates[type] === undefined) store.lastUpdates[type] = 0;
+    
+    // SINTONIZZAZIONE DI FASE: Agganciamo il timer iniziale al multiplo UTC più vicino
+    if (store.lastUpdates[type] === undefined || store.lastUpdates[type] === 0) {
+        store.lastUpdates[type] = Math.floor(now / bucketIntervalMs) * bucketIntervalMs;
+    }
 
     const tempBuf = store.graphTempBuf[type];
 
@@ -956,7 +960,8 @@ function manageHistory(type, value) {
 
     // Reset per il prossimo bucket
     store.graphTempBuf[type] = [];
-    store.lastUpdates[type] = now;
+    // Spostiamo il timer esattamente al confine del secchiello assoluto appena concluso
+    store.lastUpdates[type] = Math.floor(now / bucketIntervalMs) * bucketIntervalMs;
 }
 
 /**
@@ -1317,13 +1322,26 @@ function connect() {
     let addr = window.location.host || CONFIG.server.fallbackIp;
     try {
         socket = new WebSocket(`ws://${addr}/signalk/v1/stream?subscribe=self`);
-        socket.onopen = () => { ui.status.className = "online"; ui.status.innerText = "ONLINE"; reconnectDelay = 1000; };
+        
+        socket.onopen = async () => {
+            ui.status.className = "online";
+            ui.status.innerText = "ONLINE";
+            reconnectDelay = 1000;
+            
+            // SINCRONIZZAZIONE AUTOMATICA: Ogni volta che la connessione si apre o si riapre,
+            // scarichiamo lo storico fresco dal server e ridisegnamo i grafici
+            try {
+                await fetchServerHistory();
+                ['stw', 'sog', 'depth', 'tws'].forEach(refreshGraph);
+            } catch (err) {
+                console.warn("⚠️ Sincronizzazione storico fallita alla connessione:", err);
+            }
+        };
         
         socket.onmessage = (e) => {
             const d = JSON.parse(e.data);
             if (d.updates) {
                 d.updates.forEach(u => {
-                    // ESTRAZIONE AVANZATA DELLA SORGENTE (Gestisce $source e stringhe native)
                     let sourceLabel = "Unknown";
                     if (u.$source) {
                         sourceLabel = u.$source;
@@ -1342,8 +1360,17 @@ function connect() {
             }
         };
 
-        socket.onclose = () => { if (!simulationMode) { ui.status.className = "offline"; ui.status.innerText = "RECONNECTING..."; setTimeout(connect, reconnectDelay); reconnectDelay = Math.min(reconnectDelay * 1.5, 10000); } };
-    } catch (e) { setTimeout(connect, reconnectDelay); }
+        socket.onclose = () => {
+            if (!simulationMode) {
+                ui.status.className = "offline";
+                ui.status.innerText = "RECONNECTING...";
+                setTimeout(connect, reconnectDelay);
+                reconnectDelay = Math.min(reconnectDelay * 1.5, 10000);
+            }
+        };
+    } catch (e) {
+        setTimeout(connect, reconnectDelay);
+    }
 }
 
 // ==========================================================================
@@ -1366,46 +1393,35 @@ window.addEventListener('contextmenu', e => e.preventDefault(), true);
 async function init() {
     loadDashboardState();
     
-    // Prova a caricare lo storico reale dal Cerbo GX tramite l'API deviata
-    try {
-        await fetchServerHistory();
-    } catch (err) {
-        console.warn("⚠️ Impossibile caricare lo storico dal server.");
-    }
-
+    // Proviamo un primo caricamento configurazioni
     await fetchServerConfig();
     startDisplayLoop();
-    connect(); // Si collegherà in tempo reale al WebSocket del Cerbo (usando l'IP di fallback se sei su Mac)
+    connect();
     
     setInterval(watchConfigChanges, 10000);
 
     // ==========================================================================
-    // WATCHDOG DI RISVEGLIO (SLEEP/WAKE DETECTOR)
+    // RICONNESSIONE RAPIDA AL RISVEGLIO (VISIBILITY WATCHDOG)
     // ==========================================================================
     
-    // Rileva quando la scheda del browser torna in primo piano (es. sblocco iPad o Mac aperto)
+    // Quando sblocchi l'iPad o riapri il browser, forziamo la chiusura del vecchio
+    // WebSocket orfano. Questo farà scattare immediatamente connect() e la sincronizzazione.
     document.addEventListener('visibilitychange', () => {
         if (document.visibilityState === 'visible') {
-            handleWakeUp();
+            console.log("⏰ Schermo sbloccato: forzatura riconnessione rapida.");
+            if (socket) {
+                try {
+                    socket.close(); // Fa scattare onclose -> connect() -> onopen -> fetchServerHistory()
+                } catch (e) {
+                    connect();
+                }
+            } else {
+                connect();
+            }
         }
     });
-
-    // Rileva se il computer è andato in sospensione misurando il ritardo dei secondi
-    let lastHeartbeat = Date.now();
-    setInterval(() => {
-        const now = Date.now();
-        const diff = now - lastHeartbeat;
-        lastHeartbeat = now;
-        
-        // Se passano più di 6 secondi tra un ciclo e l'altro (invece di 1 secondo),
-        // significa che il PC era in sospensione. Avviamo il risveglio.
-        if (diff > 6000) {
-            handleWakeUp();
-        }
-    }, 1000);
 }
 
 
-
 window.addEventListener('load', init);
 window.addEventListener('pagehide', saveDashboardState);

package/index.js

@@ -153,11 +153,15 @@ module.exports = function (app) {
     const samples = 60;
     const bucketIntervalMs = (historyMinutes * 60000) / samples;
 
-    if (!graphTempBuf[type]) graphTempBuf[type] = [];
-    if (!histories[type]) histories[type] = [];
-    if (lastUpdates[type] === undefined) lastUpdates[type] = 0;
+      if (!graphTempBuf[type]) graphTempBuf[type] = [];
+      if (!histories[type]) histories[type] = [];
+      
+      // SINTONIZZAZIONE DI FASE LATO SERVER (UTC Snap)
+      if (lastUpdates[type] === undefined || lastUpdates[type] === 0) {
+        lastUpdates[type] = Math.floor(now / bucketIntervalMs) * bucketIntervalMs;
+      }
 
-    const tempBuf = graphTempBuf[type];
+      const tempBuf = graphTempBuf[type];
 
     // Anti-dropout dinamico sul vento forte
     if ((type === 'tws' || type === 'aws') && value < 0.05 && tempBuf.length > 0) {
@@ -219,9 +223,10 @@ module.exports = function (app) {
       histories[type].shift();
     }
 
-    graphTempBuf[type] = [];
-    lastUpdates[type] = now;
-  }
+  graphTempBuf[type] = [];
+      // Spostiamo il timer esattamente al confine del secchiello assoluto appena concluso
+      lastUpdates[type] = Math.floor(now / bucketIntervalMs) * bucketIntervalMs;
+    }
 
   /**
    * plugin.schema: Definisce l'interfaccia grafica in Signal K Admin.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sailingrotevista/rotevista-dash",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "Wind Dashboard with navigation and course aids",
   "main": "index.js",
   "publishConfig": {