signalk-racer 0.9.6 → 0.9.7

package/README.md

@@ -93,7 +93,7 @@ This plugin uses WebSocket-based PUT requests to Signal K model paths.
 Used to **set** or **adjust** either end of the start line.
 
 #### Payload:
-```json
+```
 {
   "end": "port" | "stb",             
   "position": "bow" | { "latitude": ..., "longitude": ... },  
@@ -114,7 +114,7 @@ Used to **set** or **adjust** either end of the start line.
 Used to **start**, **sync**, **reset**, or **set a fixed start time**.
 
 #### Payload:
-```json
+```
 {
   "command": "start" | "reset" | "sync" | "adjust" | "set",
   "delta": 30,
@@ -141,4 +141,4 @@ Used to **start**, **sync**, **reset**, or **set a fixed start time**.
 ## 📬 Feedback
 
 Bug reports and suggestions are welcome at  
-[https://github.com/gregw/signalk-racer](https://github.com/gregw/signalk-racer)
+[https://github.com/gregw/signalk-racer](https://github.com/gregw/signalk-racer)

package/ReleaseNotes.md

@@ -1,18 +1,28 @@
-## 0.9.0 Initial Release
-+ working DTL, Line Length, next TWA
-## 0.9.1 Format Release
-+ formating for the README.TXT
-## 0.9.2 Set Start Line
-+ Added API to set the start line
-+ Added webapp to call start line API
-## 0.9.3 KIP racer-timer integration
- + added timeToStart API
-## 0.9.4 Trivial rename
- + Renamed README.md for npmjs
-## 0.9.5 Restructured
- + Restructured the plugin to avoid initialization problem in new server
+## 0.9.7
+ + Cleaned up webapp UI
+ + reset to seconds when adjusting time
+
 ## 0.9.6 V2 API and Timer
  + Added new API V2 methods
  + Removed V1 methods
  + Webapp uses websocket
- + Server side timer 
+ + Server side timer 
+
+## 0.9.5 Restructured
++ Restructured the plugin to avoid initialization problem in new server
+
+## 0.9.4 Trivial rename
++ Renamed README.md for npmjs
+
+## 0.9.3 KIP racer-timer integration
++ added timeToStart API
+
+## 0.9.2 Set Start Line
++ Added API to set the start line
++ Added webapp to call start line API
+
+## 0.9.1 Format Release
++ formating for the README.TXT
+
+## 0.9.0 Initial Release
++ working DTL, Line Length, next TWA

package/index.js

@@ -7,22 +7,22 @@ module.exports = (app) => {
         properties: {
             startLineStb: {
                 type: 'string',
-                title: 'Line starboard waypoint name',
+                title: 'The start line starboard end (boat) waypoint name',
                 default: 'startBoat'
             },
             startLinePort: {
                 type: 'string',
-                title: 'Line port waypoint name',
+                title: 'The start line port end (pin) waypoint name',
                 default: 'startPin'
             },
             period: {
                 type: 'number',
-                title: 'Update period in micro seconds',
+                title: 'The subscription period in microseconds used for position and wind deltas',
                 default: 1000
             },
             timer: {
                 type: 'number',
-                title: 'Timer default period in seconds',
+                title: 'Start Timer default initial period in seconds',
                 default: 300
             },
         }
@@ -52,7 +52,7 @@ module.exports = (app) => {
                             "units": "m",
                             "description": "Bias of the start line for the starboard end",
                             "displayName": "Bias of the start line for the starboard end",
-                            "shortName": "SLB"
+                            "shortName": "Bias"
                         }
                     },
                     {
@@ -61,7 +61,7 @@ module.exports = (app) => {
                             "units": "rad",
                             "description": "Heading of the next leg of the course",
                             "displayName": "Heading of the next leg of the course",
-                            "shortName": "NHDG",
+                            "shortName": "NextHDG",
                         }
                     },
                     {
@@ -70,7 +70,7 @@ module.exports = (app) => {
                             "units": "rad",
                             "description": "TWA on the next leg of the course",
                             "displayName": "TWA on the next leg of the course",
-                            "shortName": "NTWA",
+                            "shortName": "NextTWA",
                         }
                     },
                 ]
@@ -396,7 +396,8 @@ module.exports = (app) => {
                     state.timeToStart += delta;
                     if (state.timeToStart < 0) state.timeToStart = 0;
 
-                    const adjustedStart = new Date(Date.now() + state.timeToStart * 1000).toISOString();
+                    let now = Date.now();
+                    const adjustedStart = new Date(now - (now % 1000) + state.timeToStart * 1000).toISOString();
                     state.startTime = adjustedStart;
 
                     sendDeltas([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "signalk-racer",
-  "version": "0.9.6",
+  "version": "0.9.7",
   "description": "Signalk plugin to calculate values of interest to sail racers: such as Distance to Line; Next leg TWA.",
   "main": "index.js",
   "scripts": {

package/public/index.html

@@ -21,7 +21,7 @@
             text-align: center;
         }
         button {
-            padding: 1em 1.5em;
+            padding: 1em 1em;
             font-size: 1em;
             cursor: pointer;
         }
@@ -235,17 +235,13 @@
 
 <h1>Adjust Start Line</h1>
 <div style="display: flex; justify-content: center; align-items: center; gap: 3em; flex-wrap: wrap;">
-
-
-    <div style="display: grid; grid-template-columns: repeat(11, auto); grid-template-rows: repeat(3, auto); gap: 0.5em;">
+    <div style="display: grid; grid-template-columns: repeat(10, auto); grid-template-rows: repeat(3, auto); gap: 0.5em;">
         <div></div>
         <div></div>
         <button class="port-rotate" onclick="sendAdjustStartLine('port', 0, 1)">+1°</button>
         <div></div>
         <div></div>
 
-        <div></div>
-
         <div></div>
         <div></div>
         <button class="stb-rotate" onclick="sendAdjustStartLine('stb', 0, -1)">+1°</button>
@@ -260,14 +256,9 @@
         <button class="port-tweak" onclick="sendAdjustStartLine('port', -1, 0)">-1m</button>
         <button class="port-move" onclick="sendAdjustStartLine('port', -10, 0)">-10m</button>
 
-        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
-            ---------------<br/>
-            <label><input id="lineLength" readonly style="width: 5em; text-align: center;">(m)</label>
-        </div>
-
         <button class="stb-move" onclick="sendAdjustStartLine('stb', -10, 0)">-10m</button>
         <button class="stb-tweak" onclick="sendAdjustStartLine('stb', -1, 0)">-1m</button>
-        <button class="stb-set" onclick="sendSetStartLine('stb')">Starboard<br/>(boat)</button>
+        <button class="stb-set" onclick="sendSetStartLine('stb')">Stbd<br/>(boat)</button>
         <button class="stb-tweak" onclick="sendAdjustStartLine('stb', 1, 0)">+1m</button>
         <button class="stb-move" onclick="sendAdjustStartLine('stb', +10, 0)">+10m</button>
 
@@ -278,33 +269,27 @@
         <button class="port-rotate" onclick="sendAdjustStartLine('port', 0, -1)">-1°</button>
         <div></div>
         <div></div>
-
-        <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
-            <label>Bias: <input id="lineBias" readonly style="width: 5em; text-align: center;">(m)</label>
-        </div>
-
         <div></div>
         <div></div>
         <button class="stb-rotate" onclick="sendAdjustStartLine('stb', 0, 1)">-1°</button>
         <div></div>
         <div></div>
     </div>
-
-
 </div>
 
-<div id="status">Connecting...</div>
+<label>Length:&nbsp;<input id="lineLength" readonly style="width: 5em; text-align: center;">m</label>
+<label>Bias:&nbsp;<input id="lineBias" readonly style="width: 5em; text-align: center;">m</label>
 
 <!-- Timer Display -->
 <div style="margin-top: 2em;">
-    <div id="timeToStart" style="font-size: 3em; font-weight: bold;">00:00</div>
+    <div id="timeToStart" style="font-size: 4em; font-weight: bold;">00:00</div>
 </div>
 
 <!-- Start Time Row -->
 <div style="margin-top: 1em; display: flex; justify-content: center; align-items: center; gap: 1em;">
     <button class="button-timer-adjust" onclick="adjustStartTime(-60)">-1 min</button>
     <button class="button-timer-adjust" onclick="adjustStartTime(-1)">-1s</button>
-    <label for="startTime">Start at: <input id="startTime" style="font-size: 1.5em; width: 10em; text-align: center;"></label>
+    <label for="startTime">Start at: <input id="startTime" style="font-size: 1.5em; width: 6em; text-align: center;"></label>
     <button class="button-timer-adjust" onclick="adjustStartTime(1)">+1s</button>
     <button class="button-timer-adjust" onclick="adjustStartTime(60)">+1 min</button>
 </div>
@@ -317,5 +302,7 @@
     <button class="button-timer-command" onclick="sendTimerCommand('reset')">Reset</button>
 </div>
 
+<div id="status">Connecting...</div>
+
 </body>
 </html>