@trackunit/react-map-adapter-mapbox 0.0.146-alpha-7afddbbe4cc.0 → 0.0.146

package/index.cjs.js

@@ -181,6 +181,25 @@ const toHeatmapColorExpression = (colorRange) => {
         ...stops,
     ];
 };
+/**
+ * Runs `mutate` and returns the first error the map reports while it runs, or `undefined`.
+ *
+ * Mapbox rejects an invalid `addSource` / `addLayer` by firing a synchronous `error` event instead of throwing.
+ */
+const captureMapError = (map, mutate) => {
+    let captured;
+    const onError = (event) => {
+        captured ?? (captured = event.error);
+    };
+    map.on("error", onError);
+    try {
+        mutate();
+    }
+    finally {
+        map.off("error", onError);
+    }
+    return captured;
+};
 // ============================================================================
 // MapboxLayerPort
 // ============================================================================
@@ -985,22 +1004,36 @@ class MapboxLayerPort {
         this.removeHeatmapInternal(config.id);
         const sourceId = `heatmap-source-${config.id}`;
         const layerId = `heatmap-layer-${config.id}`;
-        this.map.addSource(sourceId, {
-            type: "geojson",
-            data: toMapboxGeoJson(config.features),
-        });
-        this.map.addLayer({
-            id: layerId,
-            type: "heatmap",
-            source: sourceId,
-            paint: {
-                "heatmap-weight": ["coalesce", ["get", "weight"], 1],
-                "heatmap-radius": config.style.radiusPixels,
-                "heatmap-intensity": config.style.intensity,
-                "heatmap-opacity": config.style.opacity,
-                "heatmap-color": toHeatmapColorExpression(config.style.colorRange),
-            },
-        });
+        try {
+            const map = this.map;
+            const sourceError = captureMapError(map, () => map.addSource(sourceId, {
+                type: "geojson",
+                data: toMapboxGeoJson(config.features),
+            }));
+            if (!hasSource(map, sourceId)) {
+                throw sourceError ?? new Error(`Mapbox rejected heatmap source "${sourceId}"`);
+            }
+            const layerError = captureMapError(map, () => map.addLayer({
+                id: layerId,
+                type: "heatmap",
+                source: sourceId,
+                paint: {
+                    "heatmap-weight": ["coalesce", ["get", "weight"], 1],
+                    "heatmap-radius": config.style.radiusPixels,
+                    "heatmap-intensity": config.style.intensity,
+                    "heatmap-opacity": config.style.opacity,
+                    "heatmap-color": toHeatmapColorExpression(config.style.colorRange),
+                },
+            }));
+            if (!hasLayer(map, layerId)) {
+                throw layerError ?? new Error(`Mapbox rejected heatmap layer "${layerId}"`);
+            }
+        }
+        catch (cause) {
+            safeRemoveLayersAndSource(this.map, [layerId], sourceId);
+            config.onError?.({ layerId: config.id, code: "renderer-update-failed", cause });
+        }
+        // Tracked even on failure: an unchanged config is skipped (no rebuild, no repeat onError) and style reload retries it.
         this.heatmapSources.set(config.id, { sourceId, layerId, config });
     }
     removeHeatmapInternal(id) {

package/index.esm.js

@@ -180,6 +180,25 @@ const toHeatmapColorExpression = (colorRange) => {
         ...stops,
     ];
 };
+/**
+ * Runs `mutate` and returns the first error the map reports while it runs, or `undefined`.
+ *
+ * Mapbox rejects an invalid `addSource` / `addLayer` by firing a synchronous `error` event instead of throwing.
+ */
+const captureMapError = (map, mutate) => {
+    let captured;
+    const onError = (event) => {
+        captured ?? (captured = event.error);
+    };
+    map.on("error", onError);
+    try {
+        mutate();
+    }
+    finally {
+        map.off("error", onError);
+    }
+    return captured;
+};
 // ============================================================================
 // MapboxLayerPort
 // ============================================================================
@@ -984,22 +1003,36 @@ class MapboxLayerPort {
         this.removeHeatmapInternal(config.id);
         const sourceId = `heatmap-source-${config.id}`;
         const layerId = `heatmap-layer-${config.id}`;
-        this.map.addSource(sourceId, {
-            type: "geojson",
-            data: toMapboxGeoJson(config.features),
-        });
-        this.map.addLayer({
-            id: layerId,
-            type: "heatmap",
-            source: sourceId,
-            paint: {
-                "heatmap-weight": ["coalesce", ["get", "weight"], 1],
-                "heatmap-radius": config.style.radiusPixels,
-                "heatmap-intensity": config.style.intensity,
-                "heatmap-opacity": config.style.opacity,
-                "heatmap-color": toHeatmapColorExpression(config.style.colorRange),
-            },
-        });
+        try {
+            const map = this.map;
+            const sourceError = captureMapError(map, () => map.addSource(sourceId, {
+                type: "geojson",
+                data: toMapboxGeoJson(config.features),
+            }));
+            if (!hasSource(map, sourceId)) {
+                throw sourceError ?? new Error(`Mapbox rejected heatmap source "${sourceId}"`);
+            }
+            const layerError = captureMapError(map, () => map.addLayer({
+                id: layerId,
+                type: "heatmap",
+                source: sourceId,
+                paint: {
+                    "heatmap-weight": ["coalesce", ["get", "weight"], 1],
+                    "heatmap-radius": config.style.radiusPixels,
+                    "heatmap-intensity": config.style.intensity,
+                    "heatmap-opacity": config.style.opacity,
+                    "heatmap-color": toHeatmapColorExpression(config.style.colorRange),
+                },
+            }));
+            if (!hasLayer(map, layerId)) {
+                throw layerError ?? new Error(`Mapbox rejected heatmap layer "${layerId}"`);
+            }
+        }
+        catch (cause) {
+            safeRemoveLayersAndSource(this.map, [layerId], sourceId);
+            config.onError?.({ layerId: config.id, code: "renderer-update-failed", cause });
+        }
+        // Tracked even on failure: an unchanged config is skipped (no rebuild, no repeat onError) and style reload retries it.
         this.heatmapSources.set(config.id, { sourceId, layerId, config });
     }
     removeHeatmapInternal(id) {

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@trackunit/react-map-adapter-mapbox",
-  "version": "0.0.146-alpha-7afddbbe4cc.0",
+  "version": "0.0.146",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=24.x"
   },
   "dependencies": {
-    "@trackunit/react-map-adapter-shared": "0.0.158-alpha-7afddbbe4cc.0",
-    "@trackunit/geo-json-utils": "1.18.7-alpha-7afddbbe4cc.0",
+    "@trackunit/react-map-adapter-shared": "0.0.158",
+    "@trackunit/geo-json-utils": "1.18.6",
     "mapbox-gl": "^3.18.1",
     "supercluster": "^8.0.1",
     "es-toolkit": "^1.52.0",