@sailingrotevista/rotevista-dash 7.0.45 → 8.0.2

package/utils.js

@@ -1,148 +0,0 @@
-/**
- * ==========================================================================
- * Sailing Dashboard Pro - Math, Conversions & Audio Utilities
- * ==========================================================================
- * Raccoglie le funzioni pure di calcolo vettoriale e sintesi sonora.
- *file utils.js
- */
-
-// --- 1. CONVERSIONI STANDARD ---
-const radToDeg = (rad) => rad * (180 / Math.PI);
-const degToRad = (deg) => deg * (Math.PI / 180);
-const msToKts = (ms) => ms * 1.94384;
-const ktsToMs = (kts) => kts / 1.94384;
-
-// Calcola la rotta di rotazione più breve tra due angoli (evita scatti a 360°)
-function getShortestRotation(curr, target) {
-    let diff = (target - curr) % 360;
-    if (diff > 180) diff -= 360;
-    else if (diff < -180) diff += 360;
-    return curr + diff;
-}
-
-// Scrive testo in sicurezza evitando reflow inutili nel DOM/SVG
-function safeSetText(el, text) {
-    if (!el) return;
-    const isSVG = el instanceof SVGElement;
-    if (isSVG) {
-        if (el.textContent !== text) el.textContent = text;
-    } else {
-        if (el.innerHTML !== text) el.innerHTML = text;
-    }
-}
-
-// --- 2. MOTORE MATEMATICO: MEDIA CIRCOLARE VETTORIALE ---
-function getCircularAverageFromBuffer(bufferArray, windowMs, signed = false, now, stabilityThreshold = 0.95, stabilityBreakout = 15) {
-    const len = bufferArray.length;
-    if (len === 0) return null;
-
-    const currentTime = now || Date.now();
-    const newestSampleTime = bufferArray[len - 1].time;
-
-    // Se l'ultimo pacchetto registrato nel buffer ha più di 15 secondi di silenzio, il sensore è offline
-    if ((currentTime - newestSampleTime) > 15000) return null;
-
-    let sSin = 0, sCos = 0, count = 0;
-    let newestTime = 0, oldestTime = 0;
-
-    let pilotSin = 0, pilotCos = 0;
-    const pilotSamples = Math.min(len, 15);
-    for (let i = len - 1; i >= len - pilotSamples; i--) {
-        pilotSin += bufferArray[i].sin;
-        pilotCos += bufferArray[i].cos;
-    }
-    const pilotRad = Math.atan2(pilotSin, pilotCos);
-    const limitRad = stabilityBreakout * (Math.PI / 180);
-
-    for (let i = len - 1; i >= 0; i--) {
-        const item = bufferArray[i];
-        // Decadimento temporale reale ancorato sull'orologio corrente
-        if ((currentTime - item.time) > windowMs) break;
-
-        let diffRad = Math.atan2(Math.sin(item.val - pilotRad), Math.cos(item.val - pilotRad));
-        let finalSin, finalCos;
-
-        if (Math.abs(diffRad) > limitRad) {
-            const clampedDiff = Math.sign(diffRad) * limitRad;
-            const clampedRad = pilotRad + clampedDiff;
-            finalSin = Math.sin(clampedRad);
-            finalCos = Math.cos(clampedRad);
-        } else {
-            finalSin = item.sin;
-            finalCos = item.cos;
-        }
-
-        sSin += finalSin;
-        sCos += finalCos;
-
-        if (count === 0) newestTime = item.time;
-        oldestTime = item.time;
-        count++;
-    }
-
-    if (count === 0) return null;
-
-    const R = Math.hypot(sSin, sCos) / count;
-    const avgRad = Math.atan2(sSin, sCos);
-    const finalVal = signed ? avgRad : (avgRad + Math.PI * 2) % (Math.PI * 2);
-    const safeR = Math.max(R, 1e-9);
-
-    // Stabilità valida se ci sono almeno 2 campioni nel buffer e la varianza radiale supera la soglia
-    const isStable = (count >= 2) && (R > stabilityThreshold);
-
-    return {
-        val: finalVal,
-        stable: isStable,
-        dev: (R < 1) ? Math.round(Math.sqrt(-2 * Math.log(safeR)) * (180 / Math.PI)) : 0,
-        samples: count
-    };
-}
-
-// --- 3. SINTESI AUDIO WEB AUDIO API (ALLARMI ACUSTICI) ---
-let audioCtx = null;
-let lastAlarmTime = 0;
-
-function playBingBing() {
-    if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-    const n = Date.now();
-    if (n - lastAlarmTime < 3000) return;
-    lastAlarmTime = n;
-    
-    function b(f, s) {
-        const o = audioCtx.createOscillator();
-        const g = audioCtx.createGain();
-        o.connect(g);
-        g.connect(audioCtx.destination);
-        o.frequency.value = f;
-        g.gain.setValueAtTime(0.1, s);
-        g.gain.exponentialRampToValueAtTime(0.01, s + 0.4);
-        o.start(s);
-        o.stop(s + 0.5);
-    }
-    b(880, audioCtx.currentTime);
-    b(880, audioCtx.currentTime + 0.6);
-}
-
-function playGybeAlarm() {
-    if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-    const n = Date.now();
-    if (n - lastAlarmTime < 2000) return;
-    lastAlarmTime = n;
-    
-    function note(f, s, d) {
-        const o = audioCtx.createOscillator();
-        const g = audioCtx.createGain();
-        o.connect(g);
-        g.connect(audioCtx.destination);
-        o.type = 'square';
-        o.frequency.value = f;
-        g.gain.setValueAtTime(0.05, s);
-        g.gain.exponentialRampToValueAtTime(0.001, s + d);
-        o.start(s);
-        o.stop(s + d);
-    }
-    for (let i = 0; i < 4; i++) {
-        note(1800, audioCtx.currentTime + (i * 0.15), 0.1);
-        note(1200, audioCtx.currentTime + (i * 0.15) + 0.07, 0.1);
-    }
-}

package/weather-radar.js

@@ -1,305 +0,0 @@
-/**
- * ==========================================================================
- * Signal K Wind Radar - Vector Core and Compass Rendering Engine (Modular v6.0)
- * ==========================================================================
- * Autore: Sailing Rotevista
- * Libreria grafica pura per il disegno della bussola radar storica (TWD).
- * Condivide le risorse, lo stato e i flussi di dati generati da app.js.
- */
-
-// --- 1. PARAMETRI DI CALCOLO INTERNI ---
-const CALM_THRESHOLD_KTS = 1.5;
-const PRESSURE_FILTER_RATIO = 0.40;
-const ringRadii = [59.0, 67.2, 75.4, 83.6, 91.8, 100.0, 108.2, 116.4];
-const ARC_STROKE_WIDTH = 5.0;
-const BORDER_STROKE_WIDTH = ARC_STROKE_WIDTH + 2; // 7px
-
-// --- 2. FUNZIONI GEOMETRICHE DI SUPPORTO ---
-function polarToCartesian(centerX, centerY, radius, angleInDegrees) {
-    const angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
-    return {
-        x: centerX + (radius * Math.cos(angleInRadians)),
-        y: centerY + (radius * Math.sin(angleInRadians))
-    };
-}
-
-function describeArc(centerX, centerY, radius, startAngle, endAngle) {
-    const start = polarToCartesian(centerX, centerY, radius, endAngle);
-    const end = polarToCartesian(centerX, centerY, radius, startAngle);
-
-    let arcSweep = endAngle - startAngle;
-    if (arcSweep < 0) arcSweep += 360;
-
-    const largeArcFlag = arcSweep <= 180 ? "0" : "1";
-
-    return [
-        "M", start.x, start.y,
-        "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y
-    ].join(" ");
-}
-
-// Genera dinamicamente le tacche dei gradi bussola per l'SVG del radar
-function initRadarTicks() {
-    const c = document.getElementById('radar-ticks');
-    if (c) {
-        c.innerHTML = "";
-        for (let i = 0; i < 360; i += 10) {
-            const l = document.createElementNS("http://www.w3.org/2000/svg", "line");
-            const m = i % 30 === 0;
-            l.setAttribute("x1", "200"); l.setAttribute("y1", "40"); l.setAttribute("x2", "200"); l.setAttribute("y2", (m ? 60 : 50));
-            l.setAttribute("stroke", m ? "#000" : "#bbb"); l.setAttribute("stroke-width", m ? "2" : "1");
-            l.setAttribute("transform", `rotate(${i}, 200, 200)`);
-            c.appendChild(l);
-        }
-    }
-}
-
-// --- 3. MOTORE DI CALCOLO DELL'ANELLO 1 (Presente Mobile) ---
-function calculateActive30mRing() {
-    const now = Date.now();
-    const start30m = now - 1800000;
-
-    // Lettura unificata dai buffer storici dello store
-    const twdRecent = (store.histories.twd || []).filter(p => p.time >= start30m);
-    const twsRecent = (store.histories.tws || []).filter(p => p.time >= start30m);
-
-    if (twdRecent.length === 0) return null;
-
-    const twsVals = twsRecent.map(p => p.val).filter(v => isFinite(v));
-    const maxTws = twsVals.length > 0 ? Math.max(...twsVals) : 0;
-    const minTws = twsVals.length > 0 ? Math.min(...twsVals) : 0;
-
-    if (maxTws < CALM_THRESHOLD_KTS) {
-        return { twsPeak: maxTws, twsMin: minTws, twdMin: 0, twdMax: 360, isCalm: true };
-    }
-
-    let allAngles = [];
-    twdRecent.forEach(p => {
-        allAngles.push(p.val);
-        allAngles.push(p.min);
-        allAngles.push(p.max);
-    });
-
-    let sumSin = 0; let sumCos = 0;
-    allAngles.forEach(a => { sumSin += Math.sin(a); sumCos += Math.cos(a); });
-    const avgAngle = Math.atan2(sumSin, sumCos);
-    const finalAvg = (avgAngle + Math.PI * 2) % (Math.PI * 2);
-
-    let diffs = allAngles.map(a => {
-        let diff = a - finalAvg;
-        return Math.atan2(Math.sin(diff), Math.cos(diff));
-    });
-
-    diffs.sort((a, b) => a - b);
-    const trimCount = Math.floor(diffs.length * 0.05);
-    const activeDiffs = diffs.slice(trimCount, diffs.length - trimCount);
-    const finalDiffs = activeDiffs.length > 0 ? activeDiffs : diffs;
-
-    const minDiff = Math.min(...finalDiffs);
-    const maxDiff = Math.max(...finalDiffs);
-
-    const finalMinDeg = Math.round(radToDeg((finalAvg + minDiff + Math.PI * 2) % (Math.PI * 2)));
-    const finalMaxDeg = Math.round(radToDeg((finalAvg + maxDiff + Math.PI * 2) % (Math.PI * 2)));
-
-    return {
-        twdMin: finalMinDeg,
-        twdMax: finalMaxDeg,
-        twsPeak: maxTws,
-        twsMin: minTws,
-        isCalm: false
-    };
-}
-
-// --- 4. MOTORE GRAFICO DI DISEGNO DEL RADAR ---
-function renderRadar() {
-    const ringsContainer = document.getElementById('radar-rings');
-    const defsContainer = document.getElementById('radar-gradients');
-    
-    if (!ringsContainer || !defsContainer) return; // Protezione se l'SVG del radar non è presente nel DOM
-
-    defsContainer.innerHTML = `
-        <clipPath id="radar-boat-clip"><circle cx="200" cy="200" r="50" /></clipPath>
-        <filter id="radar-center-glow" x="-20%" y="-20%" width="140%" height="140%">
-            <feDropShadow dx="0" dy="0" stdDeviation="8" flood-color="#aaaaaa" flood-opacity="0.5" />
-        </filter>
-    `;
-    ringsContainer.innerHTML = '';
-
-    const oraOrbit = document.getElementById('ora-orbit');
-    if (oraOrbit) oraOrbit.setAttribute("r", ringRadii[1]);
-
-    const now = Date.now();
-    const current30mSlot = Math.floor(now / 1800000) * 1800000;
-
-    const radarDataList = [];
-
-    // 1. ANELLO 0: Previsione Futura Open-Meteo
-    if (store.futureForecast) {
-        const twdDeg = Math.round(radToDeg(store.futureForecast.twd));
-        radarDataList.push({
-            twdMin: (twdDeg - 20 + 360) % 360,
-            twdMax: (twdDeg + 20 + 360) % 360,
-            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);
-
-    // 3. ANELLI 2-7: Storico consolidato dal server
-    const slots = store.windRadarSlots || [];
-    for (let i = 1; i <= 6; i++) {
-        const targetTimestamp = current30mSlot - (i * 1800000);
-        const matchedSlot = slots.find(s => s.timestamp === targetTimestamp);
-        
-        if (matchedSlot) {
-            radarDataList.push({
-                twdMin: Math.round(radToDeg(matchedSlot.twdMin)),
-                twdMax: Math.round(radToDeg(matchedSlot.twdMax)),
-                twsPeak: matchedSlot.twsPeak,
-                twsMin: matchedSlot.twsMin !== undefined ? matchedSlot.twsMin : matchedSlot.twsPeak,
-                isCalm: matchedSlot.twsPeak < CALM_THRESHOLD_KTS
-            });
-        } else {
-            radarDataList.push(null);
-        }
-    }
-
-    // Disegno degli archi
-    radarDataList.forEach((data, index) => {
-        if (!data) return;
-
-        const radius = ringRadii[index];
-        const gradId = `chord-gradient-${index}`;
-        const opacityValue = 1;
-
-        if (data.isCalm || data.twsPeak < CALM_THRESHOLD_KTS) {
-            const circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-            circle.setAttribute("cx", "200");
-            circle.setAttribute("cy", "200");
-            circle.setAttribute("r", radius);
-            circle.setAttribute("fill", "none");
-            circle.setAttribute("stroke", document.body.classList.contains('night-mode') ? "#440000" : "#b0bec5");
-            circle.setAttribute("stroke-width", "1.2");
-            circle.setAttribute("stroke-dasharray", "4, 4");
-            ringsContainer.appendChild(circle);
-            return;
-        }
-
-        let strokeColor = '';
-        
-        const getColorForSpeed = (tws) => {
-            const R1 = CONFIG.graphs.reef1 || 15;
-            const R2 = CONFIG.graphs.reef2 || 20;
-            const R3 = R2 + (R2 - R1);
-            if (tws < R1 * 0.4) return '#ffffff';
-            if (tws < R1 * 0.75) return '#00C851';
-            if (tws < R1) return '#ff9800';
-            if (tws < R2) return '#ffaa00';
-            if (tws < R2 + (R3 - R2) * 0.5) return '#ff3b30';
-            return '#9c27b0';
-        };
-
-        const baseTws = data.isFuture && store.futureForecast ? store.futureForecast.tws : (data.twsMin !== undefined ? data.twsMin : data.twsPeak);
-        const peakTws = data.isFuture && store.futureForecast ? store.futureForecast.gust : data.twsPeak;
-
-        const baseColor = getColorForSpeed(baseTws);
-        const peakColor = getColorForSpeed(peakTws);
-
-        if (baseColor !== peakColor) {
-            const startPt = polarToCartesian(200, 200, radius, data.twdMax);
-            const endPt = polarToCartesian(200, 200, radius, data.twdMin);
-            
-            const xml = `
-                <linearGradient id="${gradId}" x1="${startPt.x.toFixed(1)}" y1="${startPt.y.toFixed(1)}" x2="${endPt.x.toFixed(1)}" y2="${endPt.y.toFixed(1)}" gradientUnits="userSpaceOnUse">
-                    <stop offset="0%" stop-color="${baseColor}" />
-                    <stop offset="50%" stop-color="${peakColor}" />
-                    <stop offset="100%" stop-color="${baseColor}" />
-                </linearGradient>
-            `;
-            defsContainer.innerHTML += xml;
-            strokeColor = `url(#${gradId})`;
-        } else {
-            strokeColor = baseColor;
-        }
-
-        const pathData = describeArc(200, 200, radius, data.twdMin, data.twdMax);
-
-        if (!data.isFuture) {
-            const borderPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
-            borderPath.setAttribute("d", pathData);
-            borderPath.setAttribute("fill", "none");
-            borderPath.setAttribute("stroke", "#000000");
-            borderPath.setAttribute("stroke-width", BORDER_STROKE_WIDTH);
-            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");
-        mainPath.setAttribute("d", pathData);
-        mainPath.setAttribute("fill", "none");
-        mainPath.setAttribute("stroke", strokeColor);
-        mainPath.setAttribute("stroke-width", ARC_STROKE_WIDTH);
-        mainPath.setAttribute("stroke-linecap", "round");
-        mainPath.setAttribute("opacity", data.isFuture ? "0.7" : opacityValue);
-        mainPath.id = data.isFuture ? "" : (index === 1 ? "active-present-arc" : "");
-        ringsContainer.appendChild(mainPath);
-    });
-
-    // Disegno del LED lampeggiante del meteo-trend
-    if (activeRing && !activeRing.isCalm) {
-        const twdNow = getCircularAverageFromBuffer(store.longBuf.twd, 60000, false);
-        const isNav = (typeof store !== 'undefined' && store.isNavigating);
-        const strategicWindowMs = (isNav ? 15 : 60) * 60000;
-        const twdRef = getCircularAverageFromBuffer(store.longBuf.twd, strategicWindowMs, false);
-
-        if (twdNow && twdRef) {
-            let deltaMeteo = radToDeg((twdNow.val - twdRef.val + Math.PI * 3) % (Math.PI * 2) - Math.PI);
-            
-            if (Math.abs(deltaMeteo) > 6.0) {
-                const isSouth = store.raw["navigation.position"] && store.raw["navigation.position"].latitude < 0;
-                let meteoColor = (!isSouth) ? (deltaMeteo < 0 ? "#00C851" : "#ff3b30") : (deltaMeteo > 0 ? "#00C851" : "#ff3b30");
-                
-                const radiusAnello1 = ringRadii[1];
-                const angleTarget = deltaMeteo > 0 ? activeRing.twdMax : activeRing.twdMin;
-                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);
-                            }
-                        }
-                    }
-
-                    // 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)`);
-                    }
-                }

package/weather_debug.html

@@ -1,181 +0,0 @@
-<!DOCTYPE html>
-<html lang="it">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Sailing Dashboard - Open-Meteo Diagnostic Tool</title>
-    <style>
-        body {
-            background-color: #0f172a;
-            color: #e2e8f0;
-            font-family: monospace;
-            padding: 20px;
-            margin: 0;
-        }
-        h1 {
-            color: #38bdf8;
-            border-bottom: 2px solid #38bdf8;
-            padding-bottom: 10px;
-        }
-        .card {
-            background: #1e293b;
-            border: 1px solid #334155;
-            border-radius: 8px;
-            padding: 15px;
-            margin-bottom: 20px;
-        }
-        button {
-            background: #0ea5e9;
-            color: #fff;
-            border: none;
-            padding: 10px 20px;
-            font-size: 14px;
-            font-weight: bold;
-            cursor: pointer;
-            border-radius: 4px;
-        }
-        button:hover { background: #0284c7; }
-        pre {
-            background: #020617;
-            padding: 15px;
-            border-radius: 6px;
-            overflow: auto;
-            max-height: 250px;
-            font-size: 12px;
-            color: #34d399;
-            border: 1px solid #1e293b;
-        }
-        .success { color: #4ade80; font-weight: bold; }
-        .error { color: #f87171; font-weight: bold; }
-        .pending { color: #fbbf24; font-weight: bold; }
-    </style>
-</head>
-<body>
-
-    <h1>Diagnostic Tool: Open-Meteo & GPS</h1>
-    <p>Usa questo pannello per verificare se la barca riesce a scaricare le previsioni meteo.</p>
-
-    <!-- STEP 1: VERIFICA GPS INTERNO DI BORDO -->
-    <div class="card">
-        <h3>1. Coordinate GPS correnti dal Cerbo GX (Signal K)</h3>
-        <button onclick="checkBoatGPS()">Leggi GPS Barca</button>
-        <p>Stato: <span id="gps-status" class="pending">In attesa...</span></p>
-        <pre id="gps-data">Nessun dato letto.</pre>
-    </div>
-
-    <!-- STEP 2: TEST DI CONNESSIONE DIRETTO DAL TABLET -->
-    <div class="card">
-        <h3>2. Test connessione Open-Meteo diretto dal Tablet (Questo Browser)</h3>
-        <p>Verifica se il tuo tablet ha accesso a internet in questo momento.</p>
-        <button onclick="testTabletConnection()">Esegui Test Tablet</button>
-        <p>Risultato: <span id="tablet-status" class="pending">In attesa...</span></p>
-        <pre id="tablet-data">Nessun tentativo eseguito.</pre>
-    </div>
-
-    <!-- STEP 3: ANALISI STORICO DEL SERVER -->
-    <div class="card">
-        <h3>3. Verifica Previsione salvata sul Server (/rotevista-history)</h3>
-        <p>Verifica se il Cerbo ha memorizzato la previsione oraria.</p>
-        <button onclick="checkServerHistory()">Interroga Server</button>
-        <p>Stato Previsione: <span id="server-status" class="pending">In attesa...</span></p>
-        <pre id="server-data">Nessun tentativo eseguito.</pre>
-    </div>
-
-    <script>
-        const fallbackIp = "192.168.111.240:3000";
-        
-        function getApiUrl(path) {
-            let addr = window.location.host || fallbackIp;
-            if (window.location.protocol === 'file:') {
-                return `http://${fallbackIp}${path}`;
-            }
-            return `${window.location.protocol}//${addr}${path}`;
-        }
-
-        // 1. Legge il GPS dal server di bordo
-        async function checkBoatGPS() {
-            const status = document.getElementById('gps-status');
-            const dataPre = document.getElementById('gps-data');
-            status.innerHTML = "Interrogazione in corso...";
-            
-            try {
-                const res = await fetch(getApiUrl('/rotevista-history'));
-                if (res.ok) {
-                    const data = await res.json();
-                    if (data['navigation.position']) {
-                        const pos = data['navigation.position'];
-                        status.className = "success";
-                        status.innerText = "GPS ATTIVO DI BORDO";
-                        dataPre.innerText = JSON.stringify(pos, null, 2);
-                    } else {
-                        status.className = "error";
-                        status.innerText = "GPS RAGGIUNGIBILE MA SENZA COORDINATE";
-                        dataPre.innerText = "La chiave 'navigation.position' non è presente nello storico del server.";
-                    }
-                } else {
-                    throw new Error(`Risposta server non OK: ${res.status}`);
-                }
-            } catch (err) {
-                status.className = "error";
-                status.innerText = "ERRORE DI RETE";
-                dataPre.innerText = err.message;
-            }
-        }
-
-        // 2. Test connessione Open-Meteo dal Tablet
-        async function testTabletConnection() {
-            const status = document.getElementById('tablet-status');
-            const dataPre = document.getElementById('tablet-data');
-            status.innerHTML = "Tentativo di connessione a Open-Meteo...";
-            
-            // Coordinate di test (La Spezia)
-            const url = "https://api.open-meteo.com/v1/forecast?latitude=44.11&longitude=9.83&hourly=wind_speed_10m&wind_speed_unit=kn&forecast_days=1";
-            
-            try {
-                const res = await fetch(url);
-                if (res.ok) {
-                    const json = await res.json();
-                    status.className = "success";
-                    status.innerText = "CONNESSIONE OK - Il Tablet ha internet";
-                    dataPre.innerText = JSON.stringify(json.hourly.time.slice(0, 3).map((t, i) => `${t}: ${json.hourly.wind_speed_10m[i]} nodi`), null, 2);
-                } else {
-                    throw new Error(`Errore API: ${res.status}`);
-                }
-            } catch (err) {
-                status.className = "error";
-                status.innerText = "ERRORE - Il tablet NON ha internet o Open-Meteo è offline";
-                dataPre.innerText = err.message + "\n\nNota: Se sei connesso al Wi-Fi locale della barca privo di SIM, è normale che il test fallisca.";
-            }
-        }
-
-        // 3. Verifica se il server ha la previsione
-        async function checkServerHistory() {
-            const status = document.getElementById('server-status');
-            const dataPre = document.getElementById('server-data');
-            status.innerHTML = "Lettura storico dal Cerbo GX...";
-            
-            try {
-                const res = await fetch(getApiUrl('/rotevista-history'));
-                if (res.ok) {
-                    const data = await res.json();
-                    if (data.futureForecast) {
-                        status.className = "success";
-                        status.innerText = "METEO PRESENTE NEL SERVER";
-                        dataPre.innerText = JSON.stringify(data.futureForecast, null, 2);
-                    } else {
-                        status.className = "error";
-                        status.innerText = "PREVISIONE ASSENTE (futureForecast è null)";
-                        dataPre.innerText = "Il server è attivo ma non ha ancora scaricato o elaborato dati di previsione da Open-Meteo.";
-                    }
-                } else {
-                    throw new Error(`Risposta server non OK: ${res.status}`);
-                }
-            } catch (err) {
-                status.className = "error";
-                status.innerText = "ERRORE LETTURA STORICO";
-                dataPre.innerText = err.message;
-            }
-        }
-    </script>
-</body>
-</html>