@sailingrotevista/rotevista-dash 6.0.13 → 6.1.1

package/app.js

@@ -22,12 +22,12 @@ let CONFIG = {
         minSpeed: 0.5,
         stabilityBreakout: 15
     },
-    graphs: { reef1: 10, reef2: 15, historyMinutes: 10, samples: 60 },
+    graphs: { reef1: 5, reef2: 10, historyMinutes: 10, samples: 60 },
     scales: {
         stw: { stdMax: 4, hercSpan: 2, step: 1 },
         sog: { stdMax: 4, hercSpan: 2, step: 1 },
         tws: { stdMax: 15, hercSpan: 2, step: 1 },
-        depth: { stdMax: 8, hercSpan: 1, step: 1 }
+        depth: { stdMax: 5, hercSpan: 2, step: 1 }
     },
     server: { fallbackIp: "192.168.111.240:3000" }
 };
@@ -328,7 +328,8 @@ function computeTrueWind() {
     const tw_ground_x = aws * Math.cos(awa) - sog * Math.cos(drift), tw_ground_y = aws * Math.sin(awa) - sog * Math.sin(drift);
     const tws_ground = Math.sqrt(tw_ground_x * tw_ground_x + tw_ground_y * tw_ground_y);
 
-    const now = Date.now();
+    // Usiamo il tempo esatto di arrivo del pacchetto del vento per la coerenza dei buffer
+    const now = store.timestamps["environment.wind.speedApparent"] || Date.now();
     store.raw["environment.wind.speedTrue"] = tws_water;
     if (tws_water > 0.05) {
         const twa = Math.atan2(tw_water_y, tw_water_x);
@@ -372,8 +373,9 @@ function getSourcePriorityScore(sourceName) {
     return 30; // Punteggio standard per sorgenti sconosciute
 }
 
-function processIncomingData(path, val, source) {
-    const now = Date.now();
+function processIncomingData(path, val, source, timeMs) {
+    // Usiamo il tempo reale del pacchetto del server per eliminare lo sfasamento
+    const now = timeMs || Date.now();
     const score = getSourcePriorityScore(source);
 
     // Gestione dello Smart Lock
@@ -891,6 +893,12 @@ async function fetchServerHistory() {
                     store.histories[key] = data[key];
                 }
             }
+            // --- SILLABAZIONE STRATEGICA DELLA BUSSOLA METEO (TWD) ---
+            // Se il server ci invia lo storico del TWD, lo inseriamo direttamente nella memoria a lungo termine
+            if (data.twd && data.twd.length > 0) {
+                store.longBuf.twd = data.twd;
+                console.log(`📈 Memoria strategica TWD sincronizzata dal server (${data.twd.length} punti).`);
+            }
             console.log("📈 Storico dei grafici pre-popolato caricato dal server.");
         }
     } catch (err) {
@@ -1440,6 +1448,8 @@ function connect() {
             const d = JSON.parse(e.data);
             if (d.updates) {
                 d.updates.forEach(u => {
+                    // Sincronizzazione dell'orologio sul tempo reale del server (NMEA/GPS)
+                    const timeMs = u.timestamp ? new Date(u.timestamp).getTime() : Date.now();
                     let sourceLabel = "Unknown";
                     if (u.$source) {
                         sourceLabel = u.$source;
@@ -1452,7 +1462,7 @@ function connect() {
                     }
 
                     if (u.values) {
-                        u.values.forEach(v => processIncomingData(v.path, v.value, sourceLabel));
+                        u.values.forEach(v => processIncomingData(v.path, v.value, sourceLabel, timeMs));
                     }
                 });
             }
@@ -1491,56 +1501,31 @@ window.addEventListener('contextmenu', e => e.preventDefault(), true);
 async function init() {
     loadDashboardState();
     
-    // Proviamo un primo caricamento configurazioni
-    await fetchServerConfig();
-    startDisplayLoop();
-    connect();
-    
-    setInterval(watchConfigChanges, 10000);
+    // Rileviamo se siamo sul Mac tramite file:// (Ambiente di sviluppo locale)
+    const isLocalFile = (window.location.protocol === 'file:');
 
-    // ==========================================================================
-    // RICONNESSIONE RAPIDA AL RISVEGLIO (VISIBILITY WATCHDOG)
-    // ==========================================================================
-    
-    // Quando sblocchi l'iPad o riapri la scheda, sincronizziamo in modo intelligente
-    document.addEventListener('visibilitychange', () => {
-        if (document.visibilityState === 'visible') {
-            // 1. Se la connessione è già attiva e sana, scarichiamo solo lo storico senza disconnetterci
-            if (socket && socket.readyState === WebSocket.OPEN) {
-                console.log("⏰ Schermo sbloccato: connessione attiva, sincronizzazione dello storico.");
-                fetchServerHistory().then(() => {
-                    ['stw', 'sog', 'depth', 'tws'].forEach(refreshGraph);
-                }).catch(err => {});
-            }
-            // 2. Se la connessione è persa o morta, forzatura riconnessione rapida
-            else {
-                console.log("⏰ Schermo sbloccato: connessione assente, forzatura riconnessione rapida.");
-                if (socket) {
-                    try {
-                        socket.close();
-                    } catch (e) {
-                        connect();
-                    }
-                } else {
-                    connect();
-                }
-            }
-        }
-    });
+    // 1. CARICAMENTO STORICO GRAFICI REALI DAL CERBO GX
+    try {
+        await fetchServerHistory();
+    } catch (err) {
+        console.warn("⚠️ Impossibile caricare lo storico reale dal server.");
+    }
 
-    // Rileva se il dispositivo è 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);
+    // 2. CARICAMENTO CONFIGURAZIONI REALI (Bypassato su Mac per preservare i tuoi test!)
+    if (!isLocalFile) {
+        await fetchServerConfig();
+    } else {
+        // Mantiene la CONFIG locale di app.js per farti fare le prove delle scale sul Mac
+        console.log("🎮 Esecuzione locale file://: utilizzo delle calibrazioni di CONFIG locali di debug.");
+    }
+    
+    startDisplayLoop();
+    connect(); // Si collegherà in tempo reale al WebSocket reale della barca
+    
+    // Controlla le modifiche di configurazione sul Cerbo solo se non siamo sul Mac via file://
+    if (!isLocalFile) {
+        setInterval(watchConfigChanges, 10000);
+    }
 }
 
 

package/debug.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SignalK Data Debugger & Logger CSV</title>
+    <title>SignalK Data Debugger & Logger CSV (Pro v6.0)</title>
     <style>
         body {
             background-color: #121212;
@@ -19,9 +19,8 @@
         h1 { color: #4CAF50; border-bottom: 1px solid #333; padding-bottom: 10px; margin-top: 0; flex-shrink: 0; }
         
         /* Controlli in alto */
-        .controls { margin-bottom: 20px; display: flex; gap: 10px; align-items: center; flex-shrink: 0; flex-wrap: wrap; }
-        input[type="text"], select { padding: 8px; background: #222; color: #fff; border: 1px solid #444; }
-        input[type="text"] { width: 200px; }
+        .controls { margin-bottom: 15px; display: flex; gap: 10px; align-items: center; flex-shrink: 0; flex-wrap: wrap; }
+        input[type="text"] { padding: 8px; background: #222; color: #fff; border: 1px solid #444; width: 200px; }
         button { padding: 8px 15px; background: #4CAF50; color: white; border: none; cursor: pointer; font-weight: bold; border-radius: 4px; }
         button:hover { opacity: 0.8; }
         button.stop { background: #f44336; }
@@ -30,6 +29,41 @@
         #status { font-weight: bold; color: #f44336; margin-left: auto; }
         #status.online { color: #4CAF50; }
         
+        /* Pannello dei filtri avanzati */
+        .filter-container {
+            background: #1a1a1a;
+            border: 1px solid #333;
+            border-radius: 8px;
+            padding: 15px;
+            margin-bottom: 20px;
+            flex-shrink: 0;
+        }
+        .presets {
+            margin: 10px 0;
+            display: flex;
+            gap: 10px;
+            flex-wrap: wrap;
+        }
+        .checkbox-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
+            gap: 8px;
+            margin-top: 12px;
+            border-top: 1px solid #222;
+            padding-top: 10px;
+        }
+        .checkbox-item {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            font-size: 11px;
+            color: #ccc;
+            cursor: pointer;
+        }
+        .checkbox-item input {
+            cursor: pointer;
+        }
+
         /* Layout a due pannelli (Sopra Tabella, Sotto Log) */
         .panels-container {
             display: flex;
@@ -47,18 +81,31 @@
             border-radius: 8px;
             padding: 10px;
             overflow-x: auto;
+            max-height: 250px;
+            overflow-y: auto;
         }
-        table { width: 100%; border-collapse: collapse; font-size: 14px; }
-        th, td { border: 1px solid #333; padding: 8px; text-align: left; }
-        th { background-color: #222; color: #aaa; text-transform: uppercase; position: sticky; top: 0; }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 13px;
+            table-layout: fixed; /* BLOCCO RIGIDO DELLE COLONNE (Evita ridimensionamenti continui) */
+        }
+        th, td {
+            border: 1px solid #333;
+            padding: 6px 8px;
+            text-align: left;
+            overflow: hidden;
+            word-wrap: break-word; /* Forza l'andamento a capo dei testi lunghi dentro le colonne fisse */
+        }
+        th { background-color: #222; color: #aaa; text-transform: uppercase; position: sticky; top: 0; z-index: 10; }
         .val-cell { min-width: 120px; }
         
         /* Stili Testo Tabella */
-        .value { color: #64ffda; font-weight: bold; font-size: 16px; }
-        .unit { color: #888; font-size: 12px; margin-left: 5px; }
-        .source { color: #ffb74d; font-size: 12px; word-break: break-all; }
-        .time { color: #90caf9; font-size: 12px; }
-        .raw { color: #777; font-size: 11px; display: block; margin-top: 4px; }
+        .value { color: #64ffda; font-weight: bold; font-size: 15px; }
+        .unit { color: #888; font-size: 11px; margin-left: 5px; }
+        .source { color: #ffb74d; font-size: 11px; word-break: break-all; }
+        .time { color: #90caf9; font-size: 11px; }
+        .raw { color: #777; font-size: 10px; display: block; margin-top: 2px; }
 
         /* Pannello Inferiore: Log Sequenziale in Formato Testo (simil-CSV) */
         .log-panel {
@@ -78,7 +125,7 @@
             justify-content: space-between;
             align-items: center;
             border-radius: 8px 8px 0 0;
-            font-size: 14px;
+            font-size: 13px;
             font-weight: bold;
             color: #aaa;
         }
@@ -112,26 +159,29 @@
 </head>
 <body>
 
-    <h1>SignalK Data Debugger & Logger CSV</h1>
+    <h1>SignalK Data Debugger & Logger CSV (Pro v6.0)</h1>
     
     <div class="controls">
         <label>Server IP:</label>
         <input type="text" id="server-ip" value="192.168.111.240:3000">
         <button id="btn-connect" onclick="toggleConnection()">Connetti</button>
-        
-        <span style="margin-left: 20px; color:#aaa;">Filtra Log:</span>
-        <select id="log-filter">
-            <option value="all">Tutti i dati monitorati</option>
-            <option value="navigation.position">Solo Posizione (GPS)</option>
-            <option value="navigation.speedOverGround">Solo SOG (Velocità sul fondo)</option>
-            <option value="navigation.courseOverGroundTrue">Solo COG (Rotta sul fondo)</option>
-            <option value="wind">Solo Vento (TWS/TWA/AWS/AWA)</option>
-            <option value="depth">Solo Profondità</option>
-        </select>
-        
         <span id="status">DISCONNESSO</span>
     </div>
 
+    <!-- AREA FILTRI AVANZATA CON CHECKBOX E PRESET -->
+    <div class="filter-container">
+        <span style="font-weight: bold; color: #4CAF50; font-size: 13px;">Seleziona percorsi da scrivere nel Log CSV:</span>
+        <div class="presets">
+            <button class="secondary" onclick="applyPreset('all')">Seleziona Tutto</button>
+            <button class="secondary" style="background-color: #2c3e50;" onclick="applyPreset('twd')">Analisi Bussola Meteo (TWD/Vento/Rotta)</button>
+            <button class="secondary" style="background-color: #0088cc;" onclick="applyPreset('gps')">Solo GPS / Rotte</button>
+            <button class="secondary" onclick="applyPreset('none')">Deseleziona Tutto</button>
+        </div>
+        <div id="path-checkboxes" class="checkbox-grid">
+            <!-- Generate via JS -->
+        </div>
+    </div>
+
     <div class="panels-container">
         
         <!-- PANNELLO TABELLA RIASSUNTIVA -->
@@ -139,10 +189,11 @@
             <table>
                 <thead>
                     <tr>
-                        <th width="30%">Path (Percorso)</th>
-                        <th width="20%">Valore Convertito</th>
-                        <th width="30%">Sorgente (Sensore - Dettagliato)</th>
-                        <th width="20%">Ultimo Ricevuto</th>
+                        <!-- BLOCCO RIGIDO DELLE LARGHEZZE DELLE COLONNE -->
+                        <th width="25%">Path (Percorso)</th>
+                        <th width="31.5%">Valore Convertito</th>
+                        <th width="31.5%">Sorgente (Sensore - Dettagliato)</th>
+                        <th width="12%">Ultimo Ricevuto</th>
                     </tr>
                 </thead>
                 <tbody id="data-table">
@@ -180,6 +231,7 @@
             "environment.wind.angleApparent",
             "environment.wind.speedTrue",
             "environment.wind.angleTrueWater",
+            "environment.wind.directionTrue",
             "environment.depth.belowTransducer"
         ];
 
@@ -192,37 +244,69 @@
         const radToDeg = (rad) => rad * (180 / Math.PI);
         const msToKts = (ms) => ms * 1.94384;
 
-        // Inizializza la Tabella Riassuntiva
+        // Inizializza la Tabella Riassuntiva e genera le Checkbox
         const tbody = document.getElementById('data-table');
+        const checkboxGrid = document.getElementById('path-checkboxes');
+
         pathsToWatch.forEach(path => {
+            const safeId = path.replace(/\./g, '-');
+
+            // 1. Creazione righe Tabella
             const tr = document.createElement('tr');
-            tr.id = `row-${path.replace(/\./g, '-')}`;
-            
+            tr.id = `row-${safeId}`;
             tr.innerHTML = `
                 <td><strong>${path}</strong></td>
-                <td id="val-${path.replace(/\./g, '-')}" class="val-cell"><span class="value">---</span></td>
-                <td id="src-${path.replace(/\./g, '-')}"><span class="source">---</span></td>
-                <td id="time-${path.replace(/\./g, '-')}"><span class="time">---</span></td>
+                <td id="val-${safeId}" class="val-cell"><span class="value">---</span></td>
+                <td id="src-${safeId}"><span class="source">---</span></td>
+                <td id="time-${safeId}"><span class="time">---</span></td>
             `;
             tbody.appendChild(tr);
+
+            // 2. Creazione Checkbox
+            const label = document.createElement('label');
+            label.className = 'checkbox-item';
+            label.innerHTML = `
+                <input type="checkbox" id="chk-${safeId}" checked>
+                <span>${path}</span>
+            `;
+            checkboxGrid.appendChild(label);
         });
 
         const csvHeader = "Timestamp,Path,Value,Unit,Source,IsSpike";
         document.getElementById('log-container').value = csvHeader + "\n";
 
+        // =========================================================
+        // PRESET RAPIDI DI SELEZIONE
+        // =========================================================
+        function applyPreset(preset) {
+            pathsToWatch.forEach(path => {
+                const safeId = path.replace(/\./g, '-');
+                const chk = document.getElementById(`chk-${safeId}`);
+                if (!chk) return;
+
+                if (preset === 'all') {
+                    chk.checked = true;
+                } else if (preset === 'none') {
+                    chk.checked = false;
+                } else if (preset === 'gps') {
+                    // Solo GPS, SOG e COG
+                    const isGps = path.includes('position') || path === 'navigation.speedOverGround' || path === 'navigation.courseOverGroundTrue';
+                    chk.checked = isGps;
+                } else if (preset === 'twd') {
+                    // Analisi strategica bussola vento ( Heading, COG, AWA, TWA, TWD, TWS, AWS )
+                    const isTwd = path.includes('wind') || path === 'navigation.headingTrue' || path === 'navigation.courseOverGroundTrue';
+                    chk.checked = isTwd;
+                }
+            });
+        }
+
         // =========================================================
         // ESTRAZIONE AVANZATA DELLA SORGENTE (GPS / NMEA)
         // =========================================================
         function extractSourceIdentifier(update) {
-            // 1. Cerca il campo standard moderno $source (es. "can0.GP" o "dbus.gps")
-            if (update.$source) {
-                return update.$source;
-            }
-            
-            // 2. Se non presente, analizza l'oggetto o la stringa source tradizionale
+            if (update.$source) return update.$source;
             if (update.source) {
                 if (typeof update.source === 'object') {
-                    // Estrae label, nome talker o identificativo bus hardware se disponibili
                     return update.source.label ||
                            update.source.talker ||
                            update.source.src ||
@@ -230,7 +314,6 @@
                 }
                 return String(update.source);
             }
-            
             return "Unknown-Source";
         }
 
@@ -272,7 +355,6 @@
                     
                     if (data.updates) {
                         data.updates.forEach(update => {
-                            // Cattura l'identificativo sorgente con la nuova logica avanzata
                             const sourceName = extractSourceIdentifier(update);
                             const timeISO = new Date(update.timestamp).toISOString();
                             const timeUI = new Date(update.timestamp).toLocaleTimeString() + '.' + new Date(update.timestamp).getMilliseconds().toString().padStart(3, '0');
@@ -331,7 +413,7 @@
                         lastValues[path] = formattedVal;
                     }
 
-                } else if (path.includes("angle") || path.includes("heading") || path.includes("course")) {
+                } else if (path.includes("angle") || path.includes("heading") || path.includes("course") || path.includes("direction")) {
                     formattedVal = radToDeg(rawValue).toFixed(2);
                     unit = "deg";
                     
@@ -357,9 +439,10 @@
             // 1. Aggiorna la Tabella in alto
             updateTableRow(path, formattedVal, unit, rawValue, source, timeUI);
 
-            // 2. Aggiungi riga al Log CSV (rispettando il filtro della Dropdown)
-            const filter = document.getElementById('log-filter').value;
-            if (filter === "all" || path.includes(filter)) {
+            // 2. Aggiungi riga al Log CSV (Solo ed esclusivamente se la checkbox di questo percorso è spuntata!)
+            const safeId = path.replace(/\./g, '-');
+            const chk = document.getElementById(`chk-${safeId}`);
+            if (chk && chk.checked) {
                 addLogEntry(timeISO, path, formattedVal, unit, source, isSpike);
             }
         }

package/index.js

@@ -31,11 +31,11 @@ module.exports = function (app) {
     currentConfig = options;
     app.debug(`${plugin.name} started/updated with new options`);
 
-    // Reset dello storico al riavvio del plugin per evitare incoerenze
-    histories = { stw: [], sog: [], depth: [], tws: [], vmg: [], aws: [] };
-    graphTempBuf = { stw: [], sog: [], depth: [], tws: [], vmg: [], aws: [] };
-    lastUpdates = { stw: 0, sog: 0, depth: 0, tws: 0, vmg: 0, aws: 0 };
-    raw = {};
+  // Reset dello storico al riavvio del plugin per evitare incoerenze (Sintonizzato Pro v6.0)
+      histories = { stw: [], sog: [], depth: [], tws: [], vmg: [], aws: [], twd: [] };
+      graphTempBuf = { stw: [], sog: [], depth: [], tws: [], vmg: [], aws: [], twd: [] };
+      lastUpdates = { stw: 0, sog: 0, depth: 0, tws: 0, vmg: 0, aws: 0, twd: 0 };
+      raw = {};
 
   // 2. Registra le rotte API solo la prima volta (Abilitate per CORS remoto)
       if (!routeRegistered) {

package/package.json

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