@sailingrotevista/rotevista-dash 7.0.28 → 7.0.30

package/gauge.js

@@ -55,10 +55,10 @@ function updateCentralGauge(store, ui, now, isNavigating, sogKts, stwKts, rawAws
     }
 
     // B. Rotazione dei puntatori analogici di AWA (Apparent) e TWA (True)
-    const smAwa = getCircularAverageFromBuffer(store.smoothBuf.awa, 2000, true);
-    const smTwa = getCircularAverageFromBuffer(store.smoothBuf.twa, 2000, true);
-    if (smAwa) ui.awa.setAttribute('transform', `rotate(${curAwaRot = getShortestRotation(curAwaRot, radToDeg(smAwa.val))}, 200, 200)`);
-    if (smTwa) ui.twa.setAttribute('transform', `rotate(${curTwaRot = getShortestRotation(curTwaRot, radToDeg(smTwa.val))}, 200, 200)`);
+        const smAwa = getCircularAverageFromBuffer(store.smoothBuf.awa, 2000, true);
+        const smTwa = getCircularAverageFromBuffer(store.smoothBuf.twa, 2000, true);
+        if (smAwa) ui.awa.setAttribute('transform', `rotate(${curAwaRot = getShortestRotation(curAwaRot, radToDeg(smAwa.val))}, 200, 200)`);
+        if (smTwa) ui.twa.setAttribute('transform', `rotate(${curTwaRot = getShortestRotation(curTwaRot, radToDeg(smTwa.val))}, 200, 200)`);
     
     // C. Calcolo dello Scarroccio (Leeway) e orientamento del vettore Track
     if (store.raw["navigation.courseOverGroundTrue"] !== undefined && store.raw["navigation.headingTrue"] !== undefined) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sailingrotevista/rotevista-dash",
-  "version": "7.0.28",
+  "version": "7.0.30",
   "description": "Wind Dashboard with navigation and course aids",
   "main": "index.js",
   "publishConfig": {
@@ -13,6 +13,7 @@
   "author": "Sailing Rotevista",
   "license": "MIT",
   "signalk": {
-    "displayName": "Rotevista Wind Dashboard"
+    "displayName": "Rotevista Wind Dashboard",
+    "appIcon": "icons/dash.png"
   }
 }

package/style.css

@@ -612,3 +612,29 @@ body.night-mode {
 }
 
 */
+
+/* ==========================================================================
+   14. POSIZIONAMENTO SOVRAPPOSTO LAYERED COMPASS (0% CARICO CPU)
+   ========================================================================== */
+
+/* Contenitore padre relativo */
+.wind-gauge-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    max-height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* Sovrapposizione assoluta perfetta del livello lancette sopra lo sfondo */
+#wind-gauge-pointers {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    pointer-events: none; /* Permette al tocco del mouse di passare sotto al centro interattivo */
+}

package/utils.js

@@ -33,10 +33,13 @@ function safeSetText(el, text) {
 
 // --- 2. MOTORE MATEMATICO: MEDIA CIRCOLARE VETTORIALE ---
 function getCircularAverageFromBuffer(bufferArray, windowMs, signed = false, now, stabilityThreshold = 0.95, stabilityBreakout = 15) {
-    now = now || Date.now();
     const len = bufferArray.length;
     if (len === 0) return null;
 
+    // RIFERIMENTO TEMPORALE IMMUNE DA DESINCRONIZZAZIONE:
+    // Usiamo come 'ora attuale' l'ultimo timestamp presente nel buffer stesso,
+    // garantendo che la finestra di 2s sia sempre calcolata sui dati NMEA reali arrivati.
+    const referenceTime = bufferArray[len - 1].time;
     let sSin = 0, sCos = 0, count = 0;
     let newestTime = 0, oldestTime = 0;
 
@@ -51,7 +54,7 @@ function getCircularAverageFromBuffer(bufferArray, windowMs, signed = false, now
 
     for (let i = len - 1; i >= 0; i--) {
         const item = bufferArray[i];
-        if ((now - item.time) > windowMs) break;
+        if ((referenceTime - item.time) > windowMs) break; // Usa referenceTime invece di 'now'
 
         let diffRad = Math.atan2(Math.sin(item.val - pilotRad), Math.cos(item.val - pilotRad));
         let finalSin, finalCos;

package/weather-radar.js

@@ -279,14 +279,25 @@ function renderRadar() {
                 const pt = polarToCartesian(200, 200, radiusAnello1, angleTarget);
 
                 const led = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-                led.setAttribute("cx", pt.x.toFixed(1));
-                led.setAttribute("cy", pt.y.toFixed(1));
-                led.setAttribute("r", "5.5");
-                led.setAttribute("fill", meteoColor);
-                led.setAttribute("class", "is-trending");
-                led.setAttribute("filter", "url(#radar-center-glow)");
-                ringsContainer.appendChild(led);
-            }
-        }
-    }
-}
+                                led.setAttribute("cx", pt.x.toFixed(1));
+                                led.setAttribute("cy", pt.y.toFixed(1));
+                                led.setAttribute("r", "5.5");
+                                led.setAttribute("fill", meteoColor);
+                                led.setAttribute("class", "is-trending");
+                                led.setAttribute("filter", "url(#radar-center-glow)");
+                                ringsContainer.appendChild(led);
+                            }
+                        }
+                    }
+
+                    // ROTAZIONE TATTICA BARCA (North-Up Alignment)
+                    // Orientiamo l'icona della barca in base alla Prua Vera (HDG)
+                    const boatIcon = document.getElementById('radar-boat-icon');
+                    if (boatIcon && typeof store !== 'undefined' && store.raw) {
+                        const hdgRad = store.raw["navigation.headingTrue"] !== undefined ? store.raw["navigation.headingTrue"] : 0;
+                        const hdgDeg = Math.round(radToDeg(hdgRad));
+                        
+                        // Applicazione della rotazione centrata sull'asse (200, 200) dell'SVG
+                        boatIcon.setAttribute("transform", `rotate(${hdgDeg}, 200, 200) translate(0, 5)`);
+                    }
+                }