@aguacerowx/mapsgl 0.0.50 → 0.0.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aguacerowx/mapsgl",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -21,7 +21,7 @@
     "esbuild": "^0.21.5"
   },
   "dependencies": {
-    "@aguacerowx/javascript-sdk": "^0.0.21",
+    "@aguacerowx/javascript-sdk": "^0.0.23",
     "buffer": "^6.0.3",
     "fzstd": "^0.1.1",
     "mapbox-gl": "^3.4.0",

package/src/NexradWeatherController.js

@@ -8,7 +8,7 @@ import { MapboxRadarLayer } from './nexrad/MapboxRadarLayer.bundled.js';
 import { nexradBinGroupIdForKey, variableToNexradGroup } from '@aguacerowx/javascript-sdk';
 import { sampleNexradFrameAtLatLon } from './nexrad/nexradCrossSectionSampleAtLatLon.bundled.js';
 import { prepareRadarFrameForGpuReadout } from './nexrad/radarFrameGpuMatch.bundled.js';
-import { mapboxFrameUploadOptionsForNexradState } from './nexrad/nexradMapboxFrameOpts.js';
+import { mapboxFrameUploadOptionsForNexradState } from './nexrad/nexradMapboxFrameOpts.ts';
 
 function pickNearestLevel3ObjectKey(unixTime, timeToKeyMap, maxDeltaSec = 600) {
     const direct = timeToKeyMap[String(unixTime)];
@@ -153,7 +153,8 @@ export class NexradWeatherController {
         this.core = core;
         this.layerId = options.nexradLayerId || 'aguacero-nexrad-layer';
         this.mapboxLayer = null;
-        this._lastFetchKey = null;
+        /** Includes tilt/timestamp so elevation changes always re-upload (see {@link _syncIdentity}). */
+        this._lastSyncKey = null;
         this._abort = null;
         this._interpolateColormap = options.interpolateNexradColormap !== false;
         this._gateSmoothing = options.nexradGateSmoothing === true;
@@ -176,7 +177,7 @@ export class NexradWeatherController {
             this.map.removeLayer(this.mapboxLayer.id);
         }
         this.mapboxLayer = null;
-        this._lastFetchKey = null;
+        this._lastSyncKey = null;
     }
 
     _resolveListingContext(state) {
@@ -227,7 +228,25 @@ export class NexradWeatherController {
             .filter((t) => Number.isFinite(t))
             .sort((a, b) => a - b)
             .join(',');
-        return `${nk}|${ts}|sr:${state.nexradStormRelative ? 1 : 0}`;
+        const tilt =
+            state.nexradTilt != null && Number.isFinite(Number(state.nexradTilt))
+                ? Number(state.nexradTilt).toFixed(3)
+                : '';
+        return `${nk}|${ts}|sr:${state.nexradStormRelative ? 1 : 0}|tilt:${tilt}`;
+    }
+
+    /**
+     * Identity for whether the visible radar frame + upload options match (tilt affects L3 mesh keys and listing object paths).
+     * @param {object} state
+     * @param {{ fetchKey: string }} p
+     * @param {number} unix
+     */
+    _syncIdentity(state, p, unix) {
+        const tilt =
+            state.nexradTilt != null && Number.isFinite(Number(state.nexradTilt))
+                ? Number(state.nexradTilt).toFixed(3)
+                : '';
+        return `${p.fetchKey}|tilt:${tilt}|u:${unix}`;
     }
 
     /**
@@ -341,7 +360,8 @@ export class NexradWeatherController {
             return;
         }
 
-        if (p.fetchKey === this._lastFetchKey && this.mapboxLayer) {
+        const syncKey = this._syncIdentity(state, p, unix);
+        if (syncKey === this._lastSyncKey && this.mapboxLayer) {
             this._applyStyle(state);
             return;
         }
@@ -350,12 +370,10 @@ export class NexradWeatherController {
         if (cached) {
             this._ensureLayer();
             this._uploadFrame(state, cached);
-            this._lastFetchKey = p.fetchKey;
+            this._lastSyncKey = syncKey;
             return;
         }
 
-        this._lastFetchKey = p.fetchKey;
-
         this._abort?.abort();
         this._abort = new AbortController();
 
@@ -375,6 +393,7 @@ export class NexradWeatherController {
 
         this._ensureLayer();
         this._uploadFrame(state, frame);
+        this._lastSyncKey = syncKey;
     }
 
     _applyStyle(state) {