signalk-livedepth-plugin 0.3.13 → 0.3.16

package/public/js/renderer.js

@@ -897,7 +897,7 @@ var PLUGIN_ID = "signalk-livedepth-plugin";
 var ASSET_BASE = `/plotterext/${PLUGIN_ID}`;
 var BATHY_BASE = `${ASSET_BASE}/bathymetry`;
 var DEBOUNCE_MS = 400;
-var TILE_PAD = 0.25;
+var TILE_PAD = 0.1;
 var MAX_LAT = 85;
 var fetchedBounds = null;
 function padBounds(bounds, pad) {
@@ -920,7 +920,7 @@ var LIVE_FLUSH_MS = 300;
 var DEFAULT_DEPTH_PATH = "environment.depth.belowTransducer";
 var client = await connectExtension();
 var worker = new Worker(
-  new URL(`./render-worker.js?v=${"0.3.13"}`, import.meta.url),
+  new URL(`./render-worker.js?v=${"0.3.16"}`, import.meta.url),
   { type: "module" }
 );
 var settings = { ...DEFAULT_SETTINGS };
@@ -931,6 +931,7 @@ var showFootprint = false;
 var baseSamples = [];
 var lastReq = null;
 var busy = false;
+var busyTimer;
 var dirty = false;
 var rendering = null;
 var renderingLive = false;
@@ -941,6 +942,8 @@ var perfFrameMs = 0;
 var framesSeen = 0;
 var framesSince = Date.now();
 var timer;
+var paused = false;
+var historyPoll;
 var pendingLive = [];
 var liveFlushTimer;
 async function loadSettings() {
@@ -1042,11 +1045,12 @@ async function fetchTiles(req) {
   publishBase();
 }
 function schedule() {
+  if (paused) return;
   clearTimeout(timer);
   timer = setTimeout(() => void refresh(), DEBOUNCE_MS);
 }
 async function refresh() {
-  if (!settings.enabled) return;
+  if (paused || !settings.enabled) return;
   if (settings.source === "history") {
     await fetchHistory();
   } else if (lastReq) {
@@ -1092,6 +1096,33 @@ function stopLive() {
   void liveUnsub?.();
   liveUnsub = void 0;
 }
+function pauseRenderer() {
+  if (paused) return;
+  paused = true;
+  clearTimeout(timer);
+  timer = void 0;
+  clearTimeout(busyTimer);
+  busyTimer = void 0;
+  busy = false;
+  rendering = null;
+  if (liveFlushTimer) {
+    clearInterval(liveFlushTimer);
+    liveFlushTimer = void 0;
+  }
+  if (historyPoll) {
+    clearInterval(historyPoll);
+    historyPoll = void 0;
+  }
+}
+function resumeRenderer() {
+  if (!paused) return;
+  paused = false;
+  if (liveUnsub) liveFlushTimer = setInterval(flushLive, LIVE_FLUSH_MS);
+  historyPoll = setInterval(() => {
+    if (settings.enabled && settings.source === "history") schedule();
+  }, POLL_MS);
+  schedule();
+}
 var livePosition = null;
 var liveDepth = null;
 var liveHeading;
@@ -1113,7 +1144,7 @@ function sampleLive() {
   pendingLive.push({ lon, lat, depth: liveDepth });
 }
 function flushLive() {
-  if (pendingLive.length === 0) return;
+  if (paused || pendingLive.length === 0) return;
   const live = pendingLive;
   pendingLive = [];
   worker.postMessage({ type: "live", samples: live });
@@ -1121,14 +1152,30 @@ function flushLive() {
   if (lastReq) draw(true);
 }
 function draw(live = false) {
-  if (busy || !lastReq || !settings.enabled) return;
+  if (paused || busy || !lastReq || !settings.enabled) return;
   if (live && Date.now() - lastLiveAt < liveInterval) return;
   busy = true;
   rendering = lastReq;
   renderingLive = live;
   dirty = false;
+  clearTimeout(busyTimer);
+  busyTimer = setTimeout(() => {
+    if (!busy) return;
+    console.warn("[LiveDepth] render worker did not answer; retrying");
+    busy = false;
+    rendering = null;
+    if (lastReq) draw();
+  }, 4e3);
   worker.postMessage({ type: "render", req: rendering });
 }
+worker.onerror = (e) => {
+  console.warn("[LiveDepth] render worker error:", e.message);
+  clearTimeout(busyTimer);
+  busy = false;
+  rendering = null;
+  dirty = true;
+  if (lastReq) draw();
+};
 worker.onmessage = (e) => {
   const msg = e.data;
   if (msg.type === "perf") {
@@ -1136,6 +1183,7 @@ worker.onmessage = (e) => {
     perfFrameMs = msg.frameMs;
     return;
   }
+  clearTimeout(busyTimer);
   const req = rendering;
   const live = renderingLive;
   busy = false;
@@ -1187,7 +1235,11 @@ await client.subscribe(["state.changed"], () => void loadSettings());
 await loadMeta();
 await loadSettings();
 await loadUnits();
-setInterval(() => {
+historyPoll = setInterval(() => {
   if (settings.enabled && settings.source === "history") schedule();
 }, POLL_MS);
+document.addEventListener("visibilitychange", () => {
+  if (document.visibilityState === "hidden") pauseRenderer();
+  else resumeRenderer();
+});
 //# sourceMappingURL=renderer.js.map