@sailingrotevista/rotevista-dash 7.0.45 → 8.0.1

package/index.js

@@ -76,6 +76,20 @@ module.exports = function (app) {
                 };
                 res.json(responseData);
             });
+
+            // Fallback static mount per Signal K per garantire che /rotevista-dash serva sempre la cartella public
+            try {
+                const path = require('path');
+                const express = require('express');
+                const publicPath = path.join(__dirname, 'public');
+                if (typeof app.use === 'function') {
+                    app.use('/rotevista-dash', express.static(publicPath));
+                    app.use('/@sailingrotevista/rotevista-dash', express.static(publicPath));
+                }
+            } catch (err) {
+                app.debug(`[rotevista-dash] Notice on static fallback: ${err.message}`);
+            }
+
             routeRegistered = true;
             app.debug('Public API endpoints registered at /rotevista-config and /rotevista-history');
         }

package/metadata.json

@@ -0,0 +1,7 @@
+{
+  "name": "Sailing Dashboard Pro",
+  "description": "Tactical marine wind dashboard with navigation and course aids, analog wind gauge, historical weather radar, and depth alerts.",
+  "capabilities": [
+    "MAJOR_CAPABILITY_SERVER_SIDE_GEMINI_API"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sailingrotevista/rotevista-dash",
-  "version": "7.0.45",
+  "version": "8.0.1",
   "description": "Wind Dashboard with navigation and course aids",
   "main": "index.js",
   "publishConfig": {
@@ -15,5 +15,22 @@
   "signalk": {
     "displayName": "Rotevista Wind Dashboard",
     "appIcon": "icons/dash.png"
+  },
+  "scripts": {
+    "dev": "vite --host 0.0.0.0 --port 3000",
+    "build": "vite build && mkdir -p dist && cp -r public/. dist/",
+    "lint": "tsc --noEmit",
+    "preview": "vite preview --host 0.0.0.0 --port 3000"
+  },
+  "dependencies": {
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.4"
   }
 }

package/public/assets/index-C4co33rh.css

@@ -0,0 +1 @@
+html,body,#root{color:#000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#fff;width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}.main-container{box-sizing:border-box;grid-template:"stw gauge depth"1.75fr"sog gauge tws"1.75fr"hdg gauge twa".75fr"cog gauge awa".75fr"tack gauge twd"1.25fr/1fr 1.5fr 1fr;gap:8px;width:100%;height:100%;padding:5px;transition:all .5s cubic-bezier(.4,0,.2,1);display:grid}.box-stw{grid-area:stw}.box-sog{grid-area:sog}.box-hdg{grid-area:hdg}.box-cog{grid-area:cog}.box-tack{grid-area:tack}.box-gauge{grid-area:gauge;justify-content:center;align-items:center;display:flex;position:relative}.box-depth{grid-area:depth}.box-tws{grid-area:tws}.box-twa{grid-area:twa}.box-awa{grid-area:awa}.box-twd{grid-area:twd}.data-box{box-sizing:border-box;cursor:pointer;background:#00000008;border-bottom:1px solid #eee;border-radius:12px;flex-direction:column;width:100%;min-height:0;padding:.75rem 8px 3px;transition:background-color .2s;display:flex;position:relative;overflow:hidden;container-type:size;justify-content:center!important}.label-row{z-index:10;align-items:baseline;display:flex;position:absolute;top:3px;left:8px;right:8px}.label{color:#888;text-transform:uppercase;font-size:.65rem;font-weight:700}.unit{color:#aaa;font-size:.6rem;font-weight:700}.box-stw,.box-sog,.box-hdg,.box-cog,.box-tack{text-align:left!important;align-items:flex-start!important}.box-stw .label-row,.box-sog .label-row,.box-hdg .label-row,.box-cog .label-row,.box-tack .label-row{flex-direction:row!important;justify-content:space-between!important}.box-depth,.box-tws,.box-twa,.box-awa,.box-twd{text-align:right!important;align-items:flex-end!important;padding-left:8px!important;padding-right:8px!important}.box-depth .label-row,.box-tws .label-row,.box-twa .label-row,.box-awa .label-row,.box-twd .label-row{flex-direction:row-reverse!important;justify-content:space-between!important}.value,.value-large,.dual-val{font-variant-numeric:tabular-nums}.value{color:#000;letter-spacing:-.8px;margin-top:auto;margin-bottom:2px;font-size:clamp(1.35rem,38cqh,56cqw);font-weight:600;line-height:.82}@media screen and (height<=450px){.value{font-size:clamp(1.15rem,28cqh,46cqw)!important}}.value-large{margin:auto 0;font-weight:600;line-height:.95;white-space:nowrap!important;font-size:clamp(1.65rem,64cqh,40cqw)!important}@media screen and (height<=450px){.value-large{font-size:clamp(1.35rem,50cqh,34cqw)!important}}.value-with-compass{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;height:92%;padding:0 4px;display:flex}.box-twd .mini-compass{filter:drop-shadow(0 2px 5px #0000001f);flex-shrink:0;aspect-ratio:1!important;width:min(88cqh,38cqw)!important;height:min(88cqh,38cqw)!important}@media screen and (height<=450px){.box-twd .mini-compass{width:min(76cqh,32cqw)!important;height:min(76cqh,32cqw)!important}.box-twd #twd-avg,.box-twd .value-large{font-size:clamp(1.2rem,46cqh,22cqw)!important}}.box-twd .value-large,.box-twd #twd-avg{letter-spacing:-.5px;flex-shrink:1;white-space:nowrap!important;text-align:right!important;font-size:clamp(1.4rem,54cqh,25cqw)!important}.box-tack .dual-value-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.box-tack .dual-value-col{flex-direction:column;justify-content:center;display:flex}.box-tack .dual-value-col:first-child{align-items:flex-start}.box-tack .dual-value-col:last-child{align-items:flex-end}.box-tack .dual-label{color:#888;margin-bottom:-1px;font-size:.55rem;font-weight:800}.box-tack .value.dual-val{line-height:.88;font-size:clamp(1.2rem,42cqh,24cqw)!important}@media screen and (height<=450px){.box-tack .value.dual-val{font-size:clamp(1rem,34cqh,18cqw)!important}}.alarm-warning{color:#e67e22!important}.alarm-danger{color:#c0392b!important}.blink-alarm{animation:.8s infinite alternate blink-depth}@keyframes blink-depth{0%{opacity:1}to{opacity:.3}}body.night-mode .alarm-danger{color:red!important;text-shadow:0 0 10px #f00c!important}.focus-active .data-box:not(.is-focused),.focus-active .box-gauge{display:none!important}.focus-active.focus-side-left{grid-template:"focused gauge"100%/3.2fr 1.8fr!important}.focus-active.focus-side-right{grid-template:"gauge focused"100%/1.8fr 3.2fr!important}.focus-active .is-focused{background:#00000005!important;grid-area:focused!important;justify-content:center!important;height:100vh!important;padding:1.2vh 1.8vw!important}.focus-active .is-focused .scale-labels{color:#444!important;min-width:55px!important;font-size:clamp(14px,2.2vw,26px)!important}.focus-active .is-focused .graph-wrapper{flex-grow:1.4!important;margin-top:10px!important}.focus-active .is-focused.box-hercules{box-shadow:inset 0 0 30px #ff00001a;background:#ff00001f!important}.focus-active .is-focused .value{margin-top:8px!important;font-size:clamp(4.5rem,36cqh,16rem)!important}.focus-active .is-focused .value-large{font-size:clamp(5rem,64cqh,18rem)!important}.focus-active .box-gauge{grid-area:gauge!important;display:flex!important}@media screen and (aspect-ratio>=.86) and (aspect-ratio<=1.25){.main-container{grid-template:"stw gauge gauge depth"1.6fr"sog gauge gauge tws"1.6fr"hdg gauge gauge twa"1.05fr"cog tack twd awa"1.05fr/1fr 1fr 1fr 1fr!important}.value{white-space:nowrap!important;font-size:clamp(1.2rem,30cqh,40cqw)!important}.value-large{white-space:nowrap!important;font-size:clamp(1.35rem,50cqh,34cqw)!important}.box-cog,.box-tack,.box-twd,.box-awa{border-top:1px solid #eee;background:#0000000a!important}.box-tack .dual-value-container{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:4px!important}.box-tack .dual-value-col{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;display:flex!important}.box-tack .value.dual-val{white-space:nowrap!important;font-size:clamp(1.05rem,32cqh,21cqw)!important;line-height:1!important}.box-tack .dual-label{margin-bottom:0!important}.box-twd .value-with-compass{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;height:96%;padding:0 3px;display:flex}.box-twd .mini-compass{filter:drop-shadow(0 2px 6px #00000026);flex-shrink:0;aspect-ratio:1!important;width:min(94cqh,48cqw)!important;height:min(94cqh,48cqw)!important}.box-twd #twd-avg,.box-twd .value-large{letter-spacing:-.5px;flex-shrink:1;margin-left:auto;font-weight:700;white-space:nowrap!important;text-align:right!important;font-size:clamp(1.2rem,54cqh,25cqw)!important}}.graph-wrapper{background:#0000000a;border-radius:4px;flex-direction:row;flex-grow:1;align-items:stretch;width:100%;min-height:0;margin-top:5px;display:flex;position:relative}.sparkline{flex-grow:1;height:100%;background:0 0!important;width:100%!important}.graph-wrapper polygon,.graph-wrapper line{shape-rendering:geometricprecision}.graph-wrapper polygon{filter:drop-shadow(0 0 2px #0000000d)}.scale-labels{color:#666;z-index:5;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:auto;min-width:auto;height:100%;font-size:9.5px;font-weight:800;line-height:1;display:flex}.box-stw .sparkline,.box-sog .sparkline{order:1}.box-stw .scale-labels,.box-sog .scale-labels{text-align:right;order:2;padding-left:3px;padding-right:4px}.box-depth .scale-labels,.box-tws .scale-labels{text-align:left;order:1;padding-left:4px;padding-right:3px}.box-depth .sparkline,.box-tws .sparkline{order:2}.box-hercules{background:#ff00000d!important}.box-hercules .scale-labels{color:#f55}.box-hercules .unit:before{color:#f44;letter-spacing:1px;text-transform:uppercase;content:"HERCULES ";font-size:7px;font-weight:900}.line-hercules{filter:drop-shadow(0 0 5px red)}@media screen and (aspect-ratio<=.85){.main-container{grid-template:"gauge gauge"40vh"stw depth"1.75fr"sog tws"1.75fr"hdg twa".75fr"cog awa".75fr"tack twd"1.25fr/1fr 1fr!important}.data-box{height:auto!important}.box-stw,.box-sog,.box-depth,.box-tws{justify-content:flex-start!important;padding-top:1rem!important}.box-stw .value,.box-sog .value,.box-depth .value,.box-tws .value{font-weight:700;margin-top:-2px!important;margin-bottom:2px!important;padding-bottom:0!important;font-size:clamp(1.35rem,34cqh,50cqw)!important;line-height:.82!important}.box-stw .graph-wrapper,.box-sog .graph-wrapper,.box-depth .graph-wrapper,.box-tws .graph-wrapper{flex-grow:1!important;margin-top:0!important}.box-hdg,.box-cog,.box-twa,.box-awa,.box-twd,.box-tack{justify-content:center!important;padding-top:1rem!important}.box-hdg .value-large,.box-cog .value-large,.box-twa .value-large,.box-awa .value-large{white-space:nowrap!important;font-size:clamp(1.6rem,62cqh,40cqw)!important}.box-twd .value-with-compass{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;height:94%;padding:0 4px;display:flex}.box-twd .mini-compass{filter:drop-shadow(0 2px 6px #00000026);flex-shrink:0;aspect-ratio:1!important;width:min(92cqh,46cqw)!important;height:min(92cqh,46cqw)!important}.box-twd .value-large,.box-twd #twd-avg{letter-spacing:-.5px;margin-left:auto;font-weight:700;white-space:nowrap!important;font-size:clamp(1.45rem,58cqh,28cqw)!important}.main-container.focus-active{grid-template:"focused"65vh"gauge"35vh/1fr!important}.focus-active .is-focused{justify-content:center!important;width:100vw!important;height:65vh!important;padding:5vh 5vw!important}.focus-active .is-focused .value{margin-top:20px!important;font-size:clamp(4rem,20cqh,15rem)!important}.focus-active .box-gauge{justify-content:center;align-items:center;width:100vw!important;height:35vh!important;display:flex!important}.box-tack .dual-value-container{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.box-tack .dual-value-col{justify-content:center;flex-direction:column!important;display:flex!important}.box-tack .dual-value-col:first-child{text-align:left!important;align-items:flex-start!important}.box-tack .dual-value-col:last-child{text-align:right!important;align-items:flex-end!important}.box-tack .value.dual-val{font-size:clamp(1.15rem,40cqh,22cqw)!important}}#status{text-transform:uppercase;z-index:1000;letter-spacing:1px;-webkit-user-select:none;user-select:none;background:#00000014;border-radius:4px;padding:3px 8px;font-size:.6rem;font-weight:900;position:absolute;top:15px;right:15px}.online{color:#27ae60;opacity:.9}.offline{color:#c0392b;font-weight:700}.mini-compass{display:block;overflow:visible}.mini-compass .mini-boat-hull{fill:#1e293b;stroke:#fff;stroke-width:.8px;opacity:1}.mini-compass .mini-wind-chevron{stroke:#0284c7}body.night-mode .mini-compass-bezel{fill:#1c0000!important;stroke:#4a0000!important}body.night-mode .mini-compass-dial{fill:#0e0000!important;stroke:#3a0000!important}body.night-mode .mini-cardinal-n{fill:#f22!important}body.night-mode .mini-cardinal{fill:#800!important}body.night-mode .mini-tick{stroke:#500!important}body.night-mode .mini-boat-hull{fill:#300!important;stroke:#f22!important;opacity:1!important}body.night-mode #twd-wind-chevron{stroke:#f44!important}#wind-gauge circle[fill=\#050505]{fill:#fcfcfc}#wind-gauge circle[fill=\#121212]{fill:#f0f0f0}#boat-icon{opacity:1;fill:#000!important}#tick-labels{fill:#444!important}#aws-val-svg{fill:#000!important}#aws-display-group text{fill:#333!important}#fullscreen-hotspot{fill:#eee!important;stroke:#ccc!important}#ticks line[stroke=\#fff]{stroke:#000!important}#ticks line[stroke=\#666]{stroke:#bbb!important}rect[fill=\#222]{fill:#eee!important}#leeway-val{color:#000!important}#wind-gauge{object-fit:contain;width:100%;height:100%;max-height:100%}body.night-mode,.night-mode #root,.night-mode .main-container{color:#f33!important;background-color:#000!important}.night-mode .data-box{background:#14000066!important;border-color:#400!important;box-shadow:inset 0 0 15px #ff00000d!important}.night-mode .label,.night-mode .unit,.night-mode .dual-label{color:maroon!important}.night-mode .value-large{color:#f33!important;text-shadow:0 0 8px #f006!important}.night-mode .value{color:#f33;text-shadow:0 0 8px #ff00004d}.night-mode #status{color:#f33!important;background:#ff00001a!important}.night-mode .graph-wrapper{border:1px solid #300;background:#0a0000cc!important}.night-mode .sparkline line[stroke="rgba(0,0,0,0.12)"],.night-mode .sparkline line[stroke="rgba(0,0,0,0.08)"]{stroke:#ff00001a!important}.night-mode .graph-wrapper svg{filter:brightness(.6)contrast(1.2)}.night-mode .graph-wrapper line[style]{filter:drop-shadow(0 0 2px #ff00004d);stroke-width:1px!important}.night-mode .scale-labels{color:maroon!important}.night-mode .is-focused .scale-labels{color:#f33!important}.night-mode #wind-gauge circle:not(#trend-gauge-cw):not(#trend-gauge-ccw){fill:#000!important;stroke:#200!important}.night-mode #wind-gauge>circle:nth-of-type(2),.night-mode #fullscreen-hotspot{fill:#050000!important;stroke:#300!important}.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:#400!important;stroke:none!important;filter:none!important;opacity:.3!important}.night-mode #trend-gauge-cw[fill=\#27ae60],.night-mode #trend-gauge-ccw[fill=\#27ae60]{fill:#00c851!important;stroke:none!important;filter:drop-shadow(0 0 5px #00c851)!important;opacity:1!important}.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:#ff3b30!important;stroke:none!important;filter:drop-shadow(0 0 5px #ff3b30)!important;opacity:1!important}.night-mode #center-glow feDropShadow{flood-color:red!important;flood-opacity:.6!important}.night-mode #boat-icon{fill:#200!important;stroke:red!important;stroke-width:.8px!important;opacity:1!important}.night-mode #aws-display-group text{fill:maroon!important}.night-mode #aws-val-svg{fill:#f33!important}.night-mode #ticks line{stroke:#500!important}.night-mode #tick-labels{fill:maroon!important}.night-mode #wind-gauge path[stroke=\#ff0000]{opacity:.8;stroke:maroon!important}.night-mode #wind-gauge path[stroke=\#00ff00]{opacity:.7;stroke:#400!important;stroke-dasharray:5 4!important}.night-mode #wind-gauge path[stroke=\#ff8800]{opacity:.6;stroke:#300!important}.night-mode #awa-pointer path{fill:red!important;stroke:#000!important}.night-mode #twa-pointer path{fill:maroon!important;stroke:#000!important}.night-mode #track-pointer path{fill:#f33!important;stroke:none!important}.night-mode #leeway-val{fill:#f33!important;color:#f33!important}.night-mode rect[fill="url(#leeway-grad)"]{fill:url(#leeway-night-grad)!important}.night-mode rect[fill=\#eee],.night-mode rect[fill=\#222]{fill:#0a0000!important;stroke:#300!important}.night-mode g[stroke=\#555] line{stroke:#400!important}.night-mode g[fill=\#555] text{fill:maroon!important}.night-mode .mini-compass{background:0 0!important;border:none!important}.night-mode .mini-compass .mini-compass-dial{fill:#000!important;stroke:#300!important}.night-mode .mini-compass text{fill:maroon!important}.night-mode .mini-compass text:last-of-type{opacity:1;fill:maroon!important}.night-mode #twd-boat-wrap path{fill:#f33!important;opacity:.4!important}.night-mode #twd-arrow #twd-wind-chevron{stroke:#f33!important}.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:#400!important}.night-mode circle[fill=\#27ae60]:not(#trend-gauge-cw):not(#trend-gauge-ccw){fill:red!important}.night-mode circle[fill=\#c0392b]:not(#trend-gauge-cw):not(#trend-gauge-ccw){fill:maroon!important}@keyframes blink-trend{0%,to{opacity:1}50%{opacity:0}}#trend-dot-cw,#trend-dot-ccw,#trend-gauge-cw,#trend-gauge-ccw{opacity:.3;transition:opacity .3s}.is-trending{opacity:1!important;animation:1s infinite blink-trend!important}.is-gybing{opacity:1!important;filter:drop-shadow(0 0 8px red)!important;animation:none!important}.unstable-data{animation:1.5s ease-in-out infinite blink-trend;color:#e67e22!important}.night-mode .graph-wrapper line[style*=\#2c3e50]{stroke:#6c8ea0!important}.night-mode .graph-wrapper polygon[style*=\#2c3e50]{fill:#6c8ea0!important}.night-mode .graph-wrapper line[style*=\#0088cc]{stroke:#3ad!important}.night-mode .graph-wrapper polygon[style*=\#0088cc]{fill:#3ad!important}#wind-gauge,#wind-radar{object-fit:contain;width:100%;height:100%;max-height:100%;transition:opacity .2s ease-in-out}.night-mode #wind-radar circle:not(.is-trending){fill:#000!important;stroke:#200!important}.night-mode #wind-radar circle:nth-of-type(2):not(.is-trending),.night-mode #radar-hotspot{fill:#050000!important;stroke:#300!important}.night-mode #radar-tick-labels{fill:maroon!important}.night-mode #radar-boat-icon{fill:#200!important;stroke:red!important;stroke-width:.8px!important;opacity:1!important}.night-mode #ora-orbit{stroke:#300!important}.night-mode #wind-radar circle[stroke=\#b0bec5]{stroke:#400!important}.wind-gauge-container{justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;display:flex;position:relative}