@sailingrotevista/rotevista-dash 7.0.12 → 7.0.14

package/app.js

@@ -210,18 +210,23 @@ function checkDepthAlarm(m) {
 }
 
 /**
-    * computeTrueWind: Calcola TWS, TWA e TWD strategico.
-    * Gestisce il fallback separato (Split-Fallback) in caso di dati parzialmente nativi di bordo.
-    */
+ * computeTrueWind: Calcola TWS, TWA e TWD strategico.
+ * Gestisce il fallback separato (Split-Fallback) in caso di dati parzialmente nativi di bordo.
+ */
 function computeTrueWind() {
     const aws = store.raw["environment.wind.speedApparent"], awa = store.raw["environment.wind.angleApparent"];
-    const stw = store.raw["navigation.speedThroughWater"] || 0, sog = store.raw["navigation.speedOverGround"] || 0;
+    const stw = store.raw["navigation.speedThroughWater"], sog = store.raw["navigation.speedOverGround"] || 0;
     const hdg = store.raw["navigation.headingTrue"] || 0, cog = store.raw["navigation.courseOverGroundTrue"] || 0;
     if (aws === undefined || awa === undefined) return;
 
     // Usiamo il tempo esatto di arrivo del pacchetto del vento per la coerenza dei buffer
     const now = store.timestamps["environment.wind.speedApparent"] || Date.now();
 
+    // Verifica se lo STW fisicamente attivo ha trasmesso dati negli ultimi 15 secondi
+    const hasStw = store.timestamps["navigation.speedThroughWater"] && (now - store.timestamps["navigation.speedThroughWater"] < 15000);
+    // Se lo STW non è disponibile, usa automaticamente la velocità del GPS (SOG) come riferimento
+    const speedRef = hasStw && stw !== undefined ? stw : sog;
+
     // ==========================================================================
     // 1. GESTIONE TWS (NATIVO vs FALLBACK)
     // ==========================================================================
@@ -232,14 +237,14 @@ function computeTrueWind() {
         // Se la barca invia il TWS nativo, usiamo direttamente quello
         tws_water = store.raw["environment.wind.speedTrue"] ? msToKts(store.raw["environment.wind.speedTrue"]) : 0;
     } else {
-        // Altrimenti eseguiamo il calcolo vettoriale tattico sull'acqua
-        tws_water = Math.sqrt(aws * aws + stw * stw - 2 * aws * stw * Math.cos(awa));
+        // Altrimenti eseguiamo il calcolo vettoriale tattico utilizzando la velocità di riferimento (STW o SOG)
+        tws_water = Math.sqrt(aws * aws + speedRef * speedRef - 2 * aws * speedRef * Math.cos(awa));
         store.raw["environment.wind.speedTrue"] = tws_water;
     }
     
     // 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);
+        const twa = Math.atan2(aws * Math.sin(awa), aws * Math.cos(awa) - speedRef);
         store.raw["environment.wind.angleTrueWater"] = twa;
         
         // Inserimento atomico e sincronizzato di TWA e AWA nei relativi buffer mobili
@@ -523,10 +528,10 @@ function updateWindTrend() {
             }
             if (deltaTac > 0) {
                 if (gaugeDots.cw) { gaugeDots.cw.classList.add('is-trending'); gaugeDots.cw.setAttribute('fill', tacticColor); }
-                if (gaugeDots.ccw) { gaugeDots.ccw.classList.remove('is-trending'); }
+                if (gaugeDots.ccw) { gaugeDots.ccw.classList.remove('is-trending'); gaugeDots.ccw.setAttribute('fill', '#bbb'); } // Resetta l'attributo di riempimento del pallino inattivo
             } else {
                 if (gaugeDots.ccw) { gaugeDots.ccw.classList.add('is-trending'); gaugeDots.ccw.setAttribute('fill', tacticColor); }
-                if (gaugeDots.cw) { gaugeDots.cw.classList.remove('is-trending'); }
+                if (gaugeDots.cw) { gaugeDots.cw.classList.remove('is-trending'); gaugeDots.cw.setAttribute('fill', '#bbb'); } // Resetta l'attributo di riempimento del pallino inattivo
             }
         } else {
             [gaugeDots.cw, gaugeDots.ccw].forEach(el => { if(el){ el.classList.remove('is-trending'); el.setAttribute('fill', '#bbb'); }});
@@ -1123,13 +1128,42 @@ function connect() {
     if (simulationMode) return;
     let addr = window.location.host || CONFIG.server.fallbackIp;
     try {
-        socket = new WebSocket(`ws://${addr}/signalk/v1/stream?subscribe=self`);
+        // Connessione con subscribe=none per impedire a Signal K l'invio automatico di tutto lo stream di bordo
+        socket = new WebSocket(`ws://${addr}/signalk/v1/stream?subscribe=none`);
         
         socket.onopen = async () => {
             ui.status.className = "online";
             ui.status.innerText = "ONLINE";
             reconnectDelay = 1000;
             
+            // Sottoscrizione selettiva bilanciata: applichiamo un filtro a 3 Hz (333ms) per i dati rapidi,
+            // garantendo fluidità matematica senza ritardi e ottimizzando profondità (1s) e GPS (10s)
+            const subscriptionPayload = {
+                context: "vessels.self",
+                subscribe: [
+                    { path: "navigation.position", minPeriod: 60000 },             // Posizione GPS lenta (60s)
+                    { path: "navigation.magneticVariation", minPeriod: 60000 },    // Declinazione lenta (60s)
+                    { path: "environment.depth.belowTransducer", minPeriod: 1000 }, // Profondità di sicurezza (1s)
+                    { path: "navigation.speedThroughWater", minPeriod: 333 },       // Velocità barca a 3 Hz (333ms)
+                    { path: "navigation.speedOverGround", minPeriod: 333 },          // Velocità GPS a 3 Hz
+                    { path: "navigation.courseOverGroundTrue", minPeriod: 333 },    // COG a 3 Hz
+                    { path: "navigation.headingTrue", minPeriod: 333 },             // Heading True a 3 Hz
+                    { path: "navigation.headingMagnetic", minPeriod: 333 },         // Heading Fallback a 3 Hz
+                    { path: "environment.wind.speedApparent", minPeriod: 333 },     // AWS a 3 Hz
+                    { path: "environment.wind.angleApparent", minPeriod: 333 },     // AWA a 3 Hz
+                    { path: "environment.wind.speedTrue", minPeriod: 333 },         // TWS (Nativo) a 3 Hz
+                    { path: "environment.wind.directionTrue", minPeriod: 333 }      // TWD (Nativo) a 3 Hz
+                ]
+            };
+            
+            // Invio del payload per configurare lo streaming selettivo a 3 Hz
+            try {
+                socket.send(JSON.stringify(subscriptionPayload));
+                console.log("🔌 [WebSocket] Sottoscrizione selettiva a 3 Hz inviata con successo (Latenza azzerata).");
+            } catch (err) {
+                console.error("❌ [WebSocket] Impossibile inviare il payload di sottoscrizione:", err);
+            }
+            
             // SINCRONIZZAZIONE AUTOMATICA: Ogni volta che la connessione si apre o si riapre,
             // scarichiamo lo storico fresco dal server e ridisegnamo i grafici
             try {

package/index.js

@@ -83,7 +83,7 @@ module.exports = function (app) {
         const localSubscription = {
             context: 'vessels.self',
             subscribe: [
-                { path: 'navigation.position', minPeriod: 1000 },
+                { path: 'navigation.position', minPeriod: 60000 },
                 { path: 'navigation.speedThroughWater', minPeriod: 1000 },
                 { path: 'navigation.speedOverGround', minPeriod: 1000 },
                 { path: 'environment.depth.belowTransducer', minPeriod: 1000 },
@@ -93,7 +93,7 @@ module.exports = function (app) {
                 { path: 'environment.wind.directionTrue', minPeriod: 1000 },
                 { path: 'navigation.headingTrue', minPeriod: 1000 },
                 { path: 'navigation.headingMagnetic', minPeriod: 1000 },
-                { path: 'navigation.magneticVariation', minPeriod: 1000 },
+                { path: 'navigation.magneticVariation', minPeriod: 60000 },
                 { path: 'navigation.courseOverGroundTrue', minPeriod: 1000 }
             ]
         };
@@ -141,12 +141,33 @@ module.exports = function (app) {
         app.debug(msg);
     };
 
+    // Helper per verificare se due valori sono identici (supporta anche oggetti complessi come la posizione lat/lon)
+    function isValueEqual(a, b) {
+        if (a === b) return true;
+        if (typeof a === 'object' && typeof b === 'object' && a !== null && b !== null) {
+            return a.latitude === b.latitude && a.longitude === b.longitude;
+        }
+        return false;
+    }
+
     /**
         * processIncomingDelta: Decodifica i dati dei sensori in Knots/Meters ed esegue l'aggregazione
         * Applica un filtro passa-basso continuo a ogni pacchetto e storicizza a 1Hz con dati stabilizzati.
         */
     function processIncomingDelta(path, val) {
         if (val === null || val === undefined) return;
+
+        const now = Date.now();
+        const lastVal = raw[path];
+        const lastTime = lastPathProcessTimes[path] || 0;
+
+        // FILTRO DEDUPLICAZIONE CON HEARTBEAT DI SICUREZZA A 10 SECONDI:
+        // Se il nuovo dato è identico al precedente e sono passati meno di 10 secondi dall'ultimo invio,
+        // scartiamo subito l'elaborazione risparmiando cicli di CPU sul server.
+        // La soglia dei 10s garantisce la compatibilità con il Gap Detection dei grafici client.
+        if (lastVal !== undefined && isValueEqual(val, lastVal) && (now - lastTime < 10000)) {
+            return;
+        }
         
         // 1. Filtro anti-spike vento (> 100 nodi / 51.44 m/s)
         if ((path === 'environment.wind.speedApparent' || path === 'environment.wind.speedTrue') && val > 51.44) {
@@ -252,15 +273,20 @@ module.exports = function (app) {
         // 2. Calcolo combinato di FALLBACK (Si attiva solo se la centralina non invia TWS/TWD nativi)
         const aws = raw["environment.wind.speedApparent"];
         const awa = raw["environment.wind.angleApparent"];
-        const stw = raw["navigation.speedThroughWater"] || 0;
+        const stw = raw["navigation.speedThroughWater"];
         const sog = raw["navigation.speedOverGround"] || 0;
         const hdg = raw["navigation.headingTrue"];
         const cog = raw["navigation.courseOverGroundTrue"] || 0;
 
         if (aws !== undefined && awa !== undefined) {
             const awsKts = aws * 1.94384;
-            const stwKts = stw * 1.94384;
-            const tw_water_x = awsKts * Math.cos(awa) - stwKts;
+            
+            // Verifica se lo STW fisicamente attivo ha trasmesso dati negli ultimi 15 secondi
+            const hasStw = lastPathProcessTimes["navigation.speedThroughWater"] && (now - lastPathProcessTimes["navigation.speedThroughWater"] < 15000);
+            // Se lo STW non è disponibile, usa automaticamente la velocità del GPS (SOG) come riferimento
+            const speedKtsRef = hasStw && stw !== undefined ? (stw * 1.94384) : (sog * 1.94384);
+
+            const tw_water_x = awsKts * Math.cos(awa) - speedKtsRef;
             const tw_water_y = awsKts * Math.sin(awa);
 
             // Calcoliamo il TWS di fallback solo se non abbiamo visto dati nativi negli ultimi 5 secondi
@@ -271,8 +297,8 @@ module.exports = function (app) {
 
             const twa = Math.atan2(tw_water_y, tw_water_x);
             
-            // La VMG viene sempre calcolata a livello server poiché raramente è nativa
-            const vmg = Math.abs(stwKts * Math.cos(twa));
+            // La VMG viene calcolata usando la velocità di riferimento (STW reale o SOG di fallback)
+            const vmg = Math.abs(speedKtsRef * Math.cos(twa));
             manageHistory('vmg', vmg);
 
             // Calcoliamo il TWD di fallback solo se non abbiamo visto dati nativi negli ultimi 5 secondi

package/package.json

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

package/style.css

@@ -385,7 +385,7 @@ body.night-mode .alarm-danger {
 
 /* ==========================================================================
    9. WIDGETS E OVERRIDE SVG (GIORNO)
-   ========================================================================== */
+   ========================================================================= */
 #status {
     position: absolute;
     top: 15px; right: 15px;
@@ -467,27 +467,42 @@ body.night-mode {
     fill: #000000 !important;
     stroke: #220000 !important;
 }
-.night-mode #wind-gauge circle:nth-of-type(2), .night-mode #fullscreen-hotspot {
+.night-mode #wind-gauge > circle:nth-of-type(2), .night-mode #fullscreen-hotspot {
     fill: #050000 !important;
     stroke: #330000 !important;
 }
 
-/* Stile notturno dedicato per i pallini di tendenza della bussola centrale */
-.night-mode #trend-gauge-cw,
-.night-mode #trend-gauge-ccw {
-    fill: #440000 !important; /* Rosso scurissimo a riposo per preservare la vista notturna */
+/* 1. STATO SPENTO/RIPOSO: Attivo solo se l'attributo fill originario è grigio (#bbb o #bbbbbb) */
+.night-mode #trend-gauge-cw[fill="#bbb"],
+.night-mode #trend-gauge-ccw[fill="#bbb"],
+.night-mode #trend-gauge-cw[fill="#bbbbbb"],
+.night-mode #trend-gauge-ccw[fill="#bbbbbb"] {
+    fill: #440000 !important; /* Rosso scurissimo soffuso */
     stroke: none !important;
-    transition: fill 0.2s ease, filter 0.2s ease;
+    filter: none !important;
+    opacity: 0.3 !important;
 }
 
-/* Accensione brillante con effetto alone (glow) quando lampeggiano (attivi) o in allarme strambata */
-.night-mode #trend-gauge-cw.is-trending,
-.night-mode #trend-gauge-ccw.is-trending,
+/* 2. STATO ATTIVO VERDE (Buono/Sotto-vento): Attivo solo se JS imposta il colore di lift (#27ae60) */
+.night-mode #trend-gauge-cw[fill="#27ae60"],
+.night-mode #trend-gauge-ccw[fill="#27ae60"] {
+    fill: #00C851 !important; /* Verde smeraldo brillante */
+    stroke: none !important;
+    filter: drop-shadow(0 0 5px #00C851) !important;
+    opacity: 1 !important;
+}
+
+/* 3. STATO ATTIVO ROSSO (Scarso/Sopra-vento o strambata): Attivo se JS imposta il colore di header (#c0392b) o se in allarme strambata */
+.night-mode #trend-gauge-cw[fill="#c0392b"],
+.night-mode #trend-gauge-ccw[fill="#c0392b"],
 .night-mode #trend-gauge-cw.is-gybing,
 .night-mode #trend-gauge-ccw.is-gybing {
-    fill: #ff0000 !important;
-    filter: drop-shadow(0 0 4px #ff0000) !important;
+    fill: #ff3b30 !important; /* Rosso brillante */
+    stroke: none !important;
+    filter: drop-shadow(0 0 5px #ff3b30) !important;
+    opacity: 1 !important;
 }
+
 .night-mode #center-glow feDropShadow { flood-color: #ff0000 !important; flood-opacity: 0.6 !important; }
 .night-mode #boat-icon { fill: #220000 !important; stroke: #ff0000 !important; stroke-width: 0.8px !important; opacity: 1 !important; }
 .night-mode #aws-display-group text { fill: #800000 !important; }
@@ -513,10 +528,16 @@ body.night-mode {
 .night-mode #twd-boat-wrap path { fill: #ff3333 !important; opacity: 0.4 !important; }
 .night-mode #twd-arrow #twd-wind-chevron { stroke: #ff3333 !important; }
 
-/* --- 10.6 LOGICA RED-SHIFT TREND --- */
-.night-mode circle[fill="#bbb"], .night-mode circle[fill="#bbbbbb"] { fill: #440000 !important; }
-.night-mode circle[fill="#27ae60"] { fill: #ff0000 !important; }
-.night-mode circle[fill="#c0392b"] { fill: #800000 !important; }
+/* --- 10.6 LOGICA RED-SHIFT TREND (PULITA) --- */
+.night-mode circle[fill="#bbb"]:not(#trend-gauge-cw):not(#trend-gauge-ccw), .night-mode circle[fill="#bbbbbb"]:not(#trend-gauge-cw):not(#trend-gauge-ccw) {
+    fill: #440000 !important;
+}
+.night-mode circle[fill="#27ae60"]:not(#trend-gauge-cw):not(#trend-gauge-ccw) {
+    fill: #ff0000 !important;
+}
+.night-mode circle[fill="#c0392b"]:not(#trend-gauge-cw):not(#trend-gauge-ccw) {
+    fill: #800000 !important;
+}
 
 /* ==========================================================================
    11. TREND E ANIMAZIONI