@sailingrotevista/rotevista-dash 7.0.10 → 7.0.12

package/app.js

@@ -23,7 +23,7 @@ let CONFIG = {
         minSpeed: 0.5,
         stabilityBreakout: 15
     },
-    graphs: { reef1: 5, reef2: 10, historyMinutes: 10, samples: 60 },
+    graphs: { reef1: 10, reef2: 15, historyMinutes: 10, samples: 60 },
     scales: {
         stw: { stdMax: 4, hercSpan: 2, step: 1 },
         sog: { stdMax: 4, hercSpan: 2, step: 1 },
@@ -98,9 +98,12 @@ const ui = {
     twdChevron: document.getElementById('twd-wind-chevron'),
     leewayMask: document.getElementById('leeway-mask-rect'), leewayVal: document.getElementById('leeway-val'),
     tackHdg: document.getElementById('tack-hdg'), tackCog: document.getElementById('tack-cog'),
-    status: document.getElementById('status'), hotspot: document.getElementById('fullscreen-hotspot')
+    status: document.getElementById('status'), hotspot: document.getElementById('fullscreen-hotspot'),
+    tackLabel: document.getElementById('tack-label')
 };
 
+let currentTackLabelMode = 'TACK'; // Stato dell'etichetta tattica ('TACK' o 'GYBE') con isteresi
+
 // ==========================================================================
 // 3. UTILITIES (MATEMATICA, BUFFER E MEMORIA) - [Esportate in utils.js]
 // ==========================================================================
@@ -238,8 +241,13 @@ function computeTrueWind() {
     if (tws_water > 0.05) {
         const twa = Math.atan2(aws * Math.sin(awa), aws * Math.cos(awa) - stw);
         store.raw["environment.wind.angleTrueWater"] = twa;
+        
+        // Inserimento atomico e sincronizzato di TWA e AWA nei relativi buffer mobili
+        // per garantire che le medie vettoriali siano perfettamente allineate in fase
         safePush(store.smoothBuf.twa, twa, now);
         safePush(store.longBuf.twa, twa, now);
+        safePush(store.smoothBuf.awa, awa, now);
+        safePush(store.longBuf.awa, awa, now);
     }
 
     // ==========================================================================
@@ -351,16 +359,16 @@ function processIncomingData(path, val, source, timeMs) {
     // Evita di eseguire calcoli trigonometrici, allocare oggetti in memoria dinamica
     // e popolare i buffer smoothBuf/longBuf decine di volte al secondo per singolo sensore.
     if (!lastPathProcessTimes[path]) lastPathProcessTimes[path] = 0;
-    if (now - lastPathProcessTimes[path] < 1000) {
+    if (now - lastPathProcessTimes[path] < 800) {
         return; // Esce subito risparmiando cicli di calcolo del browser e batteria del tablet
     }
     lastPathProcessTimes[path] = now;
 
     // Da qui in poi, l'inserimento nei buffer fisici avviene rigorosamente a 1Hz:
-    if (path === "environment.wind.angleApparent") {
-        safePush(store.smoothBuf.awa, val, now);
-        safePush(store.longBuf.awa, val, now);
-    }
+    //if (path === "environment.wind.angleApparent") {
+    //  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") {
@@ -462,7 +470,7 @@ function updateWindTrend() {
         // Allarme VISIVO: Se siamo in zona di pericolo poppa profonda (> 155°), accendi entrambi i LED di rosso pulsante
         if (absTwaDeg > 155) {
             if (gaugeDots.cw) { gaugeDots.cw.classList.add('is-gybing'); gaugeDots.cw.setAttribute('fill', '#ff3b30'); }
-            if (gaugeDots.ccw) { gaugeDots.ccw.classList.add('is-gybing'); gaugeDots.ccw.setAttribute('fill', '#ff3b30'); }
+            if (gaugeDots.ccw) { gaugeDots.ccw.classList.remove('is-gybing'); }
 
             // LOGICA MACCHINA A STATI CON ISTERESI:
             // Rileviamo le mure solo se siamo fuori dalla zona cieca di poppa secca (> 170°).
@@ -537,7 +545,7 @@ function updateWindTrend() {
     const compassDots = { cw: document.getElementById('trend-dot-cw'), ccw: document.getElementById('trend-dot-ccw') };
 
     if (twdNow && twdRef) {
-        let deltaMeteo = radToDeg((twdNow.val - twdRef.val + Math.PI * 3) % (Math.PI * 2) - Math.PI);
+        let deltaMeteo = radToDeg((twdNow.val - twdRef.val + Math.PI * 3) % (2 * Math.PI) - Math.PI);
         if (Math.abs(deltaMeteo) > 6.0) {
             const isSouth = store.raw["navigation.position"]?.latitude < 0;
             let meteoColor = (!isSouth) ? (deltaMeteo < 0 ? "#27ae60" : "#c0392b") : (deltaMeteo > 0 ? "#27ae60" : "#c0392b");
@@ -737,6 +745,17 @@ function startDisplayLoop() {
             let twObj = getCircularAverageFromBuffer(store.longBuf.twa, CONFIG.averaging.longWindow, true);
             let twdObj = getCircularAverageFromBuffer(store.longBuf.twd, CONFIG.averaging.longWindow, false);
 
+            // --- GESTIONE DINAMICA ETICHETTA TACK/GYBE CON ISTERESI DI 10 GRADI ---
+            if (ui.tackLabel) {
+                const absTwa = Math.abs(radToDeg(store.raw["environment.wind.angleTrueWater"] || 0));
+                if (currentTackLabelMode === 'TACK' && absTwa > 95) {
+                    currentTackLabelMode = 'GYBE';
+                } else if (currentTackLabelMode === 'GYBE' && absTwa < 85) {
+                    currentTackLabelMode = 'TACK';
+                }
+                safeSetText(ui.tackLabel, currentTackLabelMode);
+            }
+
             upUI(ui.hdg, hObj, store.raw["navigation.headingTrue"], true);
             upUI(ui.cog, cObj, store.raw["navigation.courseOverGroundTrue"], true);
             upUI(ui.awaAvg, awObj, store.raw["environment.wind.angleApparent"], false);
@@ -1277,7 +1296,7 @@ document.addEventListener('visibilitychange', () => {
                 // Se era già chiuso o in errore, proviamo a riconnettere subito
                 connect();
             } else {
-                // Se risulta "OPEN" ma potrebbe essere una connessione fantasma,
+                // Se resulta "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();

package/index.html

@@ -49,8 +49,8 @@
         </div>
 
         <div class="data-box box-tack">
-            <div class="label-row"><span class="label">TACK</span></div>
-            <div class="dual-value-container">
+                    <div class="label-row"><span class="label" id="tack-label">TACK</span></div>
+                    <div class="dual-value-container">
                 <div class="dual-value-col tack-hdg-col">
                     <span class="dual-label">HDG</span>
                     <span class="value dual-val" id="tack-hdg">---&deg;</span>

package/package.json

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

package/style.css

@@ -463,8 +463,31 @@ body.night-mode {
 .night-mode .is-focused .scale-labels { color: #ff3333 !important; }
 
 /* --- 10.4 WIND GAUGE (STRUMENTO CENTRALE) --- */
-.night-mode #wind-gauge circle { fill: #000 !important; stroke: #220000 !important; }
-.night-mode #wind-gauge circle:nth-of-type(2), .night-mode #fullscreen-hotspot { fill: #050000 !important; stroke: #330000 !important; }
+.night-mode #wind-gauge circle:not(#trend-gauge-cw):not(#trend-gauge-ccw) {
+    fill: #000000 !important;
+    stroke: #220000 !important;
+}
+.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 */
+    stroke: none !important;
+    transition: fill 0.2s ease, filter 0.2s ease;
+}
+
+/* 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,
+.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;
+}
 .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; }
@@ -533,11 +556,11 @@ body.night-mode {
 }
 
 /* --- OVERRIDE NIGHT MODE PER IL WIND RADAR --- */
-.night-mode #wind-radar circle {
+.night-mode #wind-radar circle:not(.is-trending) {
     fill: #000000 !important;
     stroke: #220000 !important;
 }
-.night-mode #wind-radar circle:nth-of-type(2),
+.night-mode #wind-radar circle:nth-of-type(2):not(.is-trending),
 .night-mode #radar-hotspot {
     fill: #050000 !important;
     stroke: #330000 !important;

package/weather-radar.js

@@ -138,13 +138,14 @@ function renderRadar() {
         radarDataList.push({
             twdMin: (twdDeg - 20 + 360) % 360,
             twdMax: (twdDeg + 20 + 360) % 360,
-            twsPeak: store.futureForecast.tws,
+            twsPeak: store.futureForecast.gust, // Chirurgico: Usiamo il Gust come picco per visualizzare l'arco delle raffiche future
             isFuture: true
         });
     } else {
         radarDataList.push(null);
     }
 
+
     // 2. ANELLO 1: Presente Mobile (Real-Time Client-Side)
     const activeRing = calculateActive30mRing();
     radarDataList.push(activeRing);
@@ -237,6 +238,16 @@ function renderRadar() {
             borderPath.setAttribute("stroke-linecap", "round");
             borderPath.setAttribute("opacity", opacityValue);
             ringsContainer.appendChild(borderPath);
+        } else {
+            const borderPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
+            borderPath.setAttribute("d", pathData);
+            borderPath.setAttribute("fill", "none");
+            const isNight = document.body.classList.contains('night-mode');
+            borderPath.setAttribute("stroke", isNight ? "#220000" : "#90a4ae");
+            borderPath.setAttribute("stroke-width", BORDER_STROKE_WIDTH);
+            borderPath.setAttribute("stroke-linecap", "round");
+            borderPath.setAttribute("opacity", "0.6");
+            ringsContainer.appendChild(borderPath);
         }
 
         const mainPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
@@ -245,7 +256,7 @@ function renderRadar() {
         mainPath.setAttribute("stroke", strokeColor);
         mainPath.setAttribute("stroke-width", ARC_STROKE_WIDTH);
         mainPath.setAttribute("stroke-linecap", "round");
-        mainPath.setAttribute("opacity", data.isFuture ? "0.5" : opacityValue);
+        mainPath.setAttribute("opacity", data.isFuture ? "0.7" : opacityValue);
         mainPath.id = data.isFuture ? "" : (index === 1 ? "active-present-arc" : "");
         ringsContainer.appendChild(mainPath);
     });