signalk-livedepth-plugin 0.3.11 → 0.3.13

package/public/js/renderer.js

@@ -897,13 +897,30 @@ 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 MAX_LAT = 85;
+var fetchedBounds = null;
+function padBounds(bounds, pad) {
+  const [west, south, east, north] = bounds;
+  const dx = (east - west) * pad;
+  const dy = (north - south) * pad;
+  return [
+    west - dx,
+    Math.max(-MAX_LAT, south - dy),
+    east + dx,
+    Math.min(MAX_LAT, north + dy)
+  ];
+}
+function boundsContain(outer, inner) {
+  return inner[0] >= outer[0] && inner[1] >= outer[1] && inner[2] <= outer[2] && inner[3] <= outer[3];
+}
 var POLL_MS = 15e3;
 var MAX_TILE_FETCHES = 24;
 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.11"}`, import.meta.url),
+  new URL(`./render-worker.js?v=${"0.3.13"}`, import.meta.url),
   { type: "module" }
 );
 var settings = { ...DEFAULT_SETTINGS };
@@ -992,14 +1009,18 @@ async function fetchHistory() {
   publishBase();
 }
 async function fetchTiles(req) {
+  if (fetchedBounds && boundsContain(fetchedBounds, req.bounds)) {
+    return;
+  }
+  const fetchBounds = padBounds(req.bounds, TILE_PAD);
   const cellMetres = Math.max(req.resolution, 0.01);
   let zoom = zoomForCellSize(cellMetres, MIN_ZOOM, BASE_ZOOM);
   while (zoom > MIN_ZOOM) {
-    const { xs: xs2, ys: ys2 } = tileRangeForBbox(req.bounds, zoom);
+    const { xs: xs2, ys: ys2 } = tileRangeForBbox(fetchBounds, zoom);
     if (xs2.length * ys2.length <= MAX_TILE_FETCHES) break;
     zoom--;
   }
-  const { xs, ys } = tileRangeForBbox(req.bounds, zoom);
+  const { xs, ys } = tileRangeForBbox(fetchBounds, zoom);
   const out = [];
   await Promise.all(
     xs.flatMap(
@@ -1017,6 +1038,7 @@ async function fetchTiles(req) {
     )
   );
   baseSamples = out;
+  fetchedBounds = fetchBounds;
   publishBase();
 }
 function schedule() {
@@ -1154,6 +1176,7 @@ await client.subscribe(["overlay.state"], (_name, payload) => {
   const state = payload;
   if (!state.visible || state.suspended) {
     worker.postMessage({ type: "release" });
+    fetchedBounds = null;
     stopLive();
   } else {
     startLive();