@sailingrotevista/rotevista-dash 6.1.4 → 6.2.3

package/app.js

@@ -79,7 +79,7 @@ const store = {
     herculesScales: {},          // Memoria per i limiti attivi della modalità Hercules
     smoothBuf: { hdg: [], cog: [], awa: [], twa: [], twd: [] },
     longBuf: { hdg: [], cog: [], awa: [], twa: [], twd: [] },
-    histories: { stw: [], sog: [], depth: [], tws: [], vmg: [], aws: [] },
+    histories: { stw: [], sog: [], depth: [], tws: [], vmg: [], aws: [], twd: [] },
     graphTempBuf: { stw: [], sog: [], depth: [], tws: [], vmg: [], aws: [] },
     lastUpdates: { stw: 0, sog: 0, depth: 0, tws: 0, vmg: 0, aws: 0 }
 };
@@ -121,8 +121,12 @@ function getShortestRotation(curr, target) {
  */
 function safeSetText(el, text) {
     if (!el) return;
-    if (el.innerHTML !== text) {
-        el.innerHTML = text;
+    // Se l'elemento è parte di un SVG, usiamo textContent, altrimenti innerHTML
+    const isSVG = el instanceof SVGElement;
+    if (isSVG) {
+        if (el.textContent !== text) el.textContent = text;
+    } else {
+        if (el.innerHTML !== text) el.innerHTML = text;
     }
 }
 
@@ -182,7 +186,8 @@ function getCircularAverageFromBuffer(bufferArray, windowMs, signed = false, now
             const clampedDiff = Math.sign(diffRad) * limitRad;
             const clampedRad = pilotRad + clampedDiff;
             finalSin = Math.sin(clampedRad);
-            finalCos = Math.cos(clampedRad);
+            const relativeCos = Math.cos(clampedRad);
+            finalCos = relativeCos;
         } else {
             finalSin = item.sin;
             finalCos = item.cos;
@@ -343,13 +348,14 @@ function computeTrueWind() {
         // Altrimenti eseguiamo il calcolo vettoriale tattico sull'acqua
         tws_water = Math.sqrt(aws * aws + stw * stw - 2 * aws * stw * Math.cos(awa));
         store.raw["environment.wind.speedTrue"] = tws_water;
-        
-        if (tws_water > 0.05) {
-            const twa = Math.atan2(aws * Math.sin(awa), aws * Math.cos(awa) - stw);
-            store.raw["environment.wind.angleTrueWater"] = twa;
-            safePush(store.smoothBuf.twa, twa, now);
-            safePush(store.longBuf.twa, twa, now);
-        }
+    }
+    
+    // BUG RISOLTO: Calcoliamo il TWA sempre, indipendentemente dal TWS nativo!
+    if (tws_water > 0.05) {
+        const twa = Math.atan2(aws * Math.sin(awa), aws * Math.cos(awa) - stw);
+        store.raw["environment.wind.angleTrueWater"] = twa;
+        safePush(store.smoothBuf.twa, twa, now);
+        safePush(store.longBuf.twa, twa, now);
     }
 
     // ==========================================================================
@@ -441,6 +447,19 @@ function processIncomingData(path, val, source, timeMs) {
         safePush(store.smoothBuf.awa, val, now);
         safePush(store.longBuf.awa, val, now);
     }
+
+    // BUG RISOLTO: Intercetta il TWD nativo e lo spinge nei buffer della bussola radar
+    if (path === "environment.wind.directionTrue") {
+        let directionVal = (val && typeof val === 'object' && val.val !== undefined) ? val.val : val;
+        safePush(store.smoothBuf.twd, directionVal, now);
+        safePush(store.longBuf.twd, directionVal, now);
+    }
+
+    // BUG RISOLTO: Intercetta il TWS nativo e lo memorizza in tempo reale
+    if (path === "environment.wind.speedTrue") {
+        let speedVal = (val && typeof val === 'object' && val.val !== undefined) ? val.val : val;
+        store.raw["environment.wind.speedTrue"] = speedVal;
+    }
     
     // --- GESTIONE PRUA VERA / MAGNETICA CON AUTODIVIAZIONE ---
     if (path === "navigation.headingTrue") {
@@ -713,7 +732,7 @@ function startDisplayLoop() {
                     else if (drift > 0.3) ui.sog.style.setProperty('color', '#00C851', 'important'); // Favore
                     else ui.sog.style.setProperty('color', '#ffbb33', 'important'); // Neutro SOG
                 } else {
-                    ui.sog.style.color = "";
+                    ui.sog.style.removeProperty('color');
                 }
             }
         }
@@ -1274,7 +1293,7 @@ function drawGraph(d, id, min, max, isTws, isHercules) {
     if (visibleData.length < 2) return;
 
     const colDanger  = "#ff3b30", colWarning = "#ff9800", colTws = "#2c3e50", colAws = "#5c6bc0";
-    const colDepth   = "#0088cc", colStw = "#00C851", colSog = "#ffbb33", colVmg = "#00b8d4";
+    const colDepth   = "#0088cc", colStw = "#00C851", colStwBorder = "#007a3d", colSog = "#ffbb33", colVmg = "#00b8d4";
 
     const getColorProps = (val) => {
         // Se siamo in Dual Screen (focus), aumentiamo lo spessore base della curva di un filino (da 1.6 a 2.2)
@@ -1589,6 +1608,27 @@ async function init() {
     }
 }
 
+// Watchdog per il risveglio dallo stato di sospensione / cambio scheda
+document.addEventListener('visibilitychange', () => {
+    if (document.visibilityState === 'visible') {
+        console.log("🔌 [Watchdog] Tab ritornato visibile. Verifica connessione...");
+        
+        // Se il socket esiste ma non è attivo o se vogliamo forzare la pulizia delle connessioni fantasma:
+        if (socket) {
+            if (socket.readyState !== WebSocket.OPEN) {
+                // Se era già chiuso o in errore, proviamo a riconnettere subito
+                connect();
+            } else {
+                // Se risulta "OPEN" ma potrebbe essere una connessione fantasma,
+                // la chiudiamo forzatamente per scatenare la riconnessione pulita e il download della cronologia
+                console.log("🔌 [Watchdog] Riavvio precauzionale del WebSocket per evitare connessioni fantasma.");
+                socket.close();
+            }
+        } else {
+            connect();
+        }
+    }
+});
 
 window.addEventListener('load', init);
 window.addEventListener('pagehide', saveDashboardState);

package/index.html

@@ -12,7 +12,6 @@
         
         <!-- Icona per Bookmark e schermata Home su Apple iPad, iPhone e Mac -->
         <link rel="apple-touch-icon" href="icons/dash.png">
-        
         <title>Sailing Dashboard Pro</title>
         <link rel="stylesheet" href="style.css">
     </head>