@fusion.dev/helix-map 0.108.0 → 0.108.2

package/README.md

@@ -61,6 +61,7 @@ bun run --filter @fusion.dev/helix-map test
 
 The specs drive stand-ins for each renderer. What they cannot show, that the
 real libraries move the way the stand-ins are told, was checked against
-MapLibre 5.24 and Leaflet 1.9.4 in Chromium on September 25, 2026.
+MapLibre 5.24 and Leaflet 1.9.4 in Chromium on September 25, 2026, and against
+MapLibre 6.11 on September 28, 2026.
 
 MIT

package/dist/maplibre/maplibre-driver.d.ts

@@ -225,6 +225,21 @@ export interface MapLibreMap {
             lng: number;
         }): boolean;
     };
+    /**
+     * MapLibre 6's camera, which holds the transform `transform` was in 5. Not
+     * public in 6, which removed `transform` and gave no other way to ask
+     * whether a place is behind the globe; read only for that.
+     */
+    _camera?: {
+        transform?: {
+            isLocationOccluded?(place: {
+                lat: number;
+                lng: number;
+            }): boolean;
+        };
+    };
+    /** Draws each image a style names as it is asked for. MapLibre 6. */
+    setMissingStyleImageResolver?(resolver: ((id: string) => void) | null): unknown;
     /** Sets one paint property of one layer, which is how a points layer takes a new color. */
     setPaintProperty(layer: string, name: string, value: unknown): unknown;
     /** Sets one layout property of one layer, which is how the buildings are shown and hidden. */

package/dist/maplibre/maplibre-driver.js

@@ -214,10 +214,19 @@ const supplyImage = (holder, id) => {
         holder.addImage?.(id, drawn, { pixelRatio: IMAGE_RATIO });
     }
 };
+const answerImages = (holder) => {
+    if (typeof holder.setMissingStyleImageResolver === 'function') {
+        holder.setMissingStyleImageResolver((id) => supplyImage(holder, id));
+        return () => holder.setMissingStyleImageResolver?.(null);
+    }
+    const missing = (event) => supplyImage(holder, event?.id);
+    holder.on('styleimagemissing', missing);
+    return () => holder.off?.('styleimagemissing', missing);
+};
 const PICTURE = { height: 90, width: 120 };
 export const mapLibreDriver = (map) => ({
     bearing: () => map.getBearing(),
-    behind: ({ lat, lng }) => map.transform?.isLocationOccluded?.({ lat, lng }) === true,
+    behind: ({ lat, lng }) => (map.transform ?? map._camera?.transform)?.isLocationOccluded?.({ lat, lng }) === true,
     credits(changed) {
         const control = map.getContainer().querySelector(CONTROL);
         const display = control?.style.display ?? '';
@@ -883,8 +892,7 @@ export const mapLibreDriver = (map) => ({
         map.on('mousemove', pointing);
         map.on('idle', settled);
         map.on('move', stood);
-        const missing = (event) => supplyImage(map, event?.id);
-        map.on('styleimagemissing', missing);
+        const stopImages = answerImages(map);
         const moved = () => {
             if (traced.size > 0) {
                 void trace();
@@ -902,7 +910,7 @@ export const mapLibreDriver = (map) => ({
                 map.off('mousemove', pointing);
                 map.off('idle', settled);
                 map.off('move', stood);
-                map.off('styleimagemissing', missing);
+                stopImages();
                 map.off('moveend', moved);
                 for (const id of drawnPoints.keys()) {
                     takeOff(id);
@@ -995,7 +1003,7 @@ export const mapLibreDriver = (map) => ({
                     style: { ...base, layers, sources },
                     zoom: Math.max(0, zoom - 1.5),
                 });
-                picture.on('styleimagemissing', (event) => supplyImage(picture, event?.id));
+                answerImages(picture);
                 await new Promise((done) => {
                     const late = setTimeout(done, 6000);
                     picture.once('idle', () => {

package/dist/snapshot/snapshot.js

@@ -1,5 +1,5 @@
 import { VectorTile } from '@mapbox/vector-tile';
-import Pbf from 'pbf';
+import { PbfReader } from 'pbf';
 import { cameraOf } from './camera.js';
 export const SNAPSHOT_LAYERS = [
     {
@@ -246,7 +246,7 @@ export const mapSnapshot = async (view, options = {}) => {
         if (!bytes) {
             return;
         }
-        const tile = new VectorTile(new Pbf(new Uint8Array(bytes)));
+        const tile = new VectorTile(new PbfReader(new Uint8Array(bytes)));
         for (const layer of shown) {
             const source = tile.layers[layer.source];
             if (!source) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-map",
   "description": "Connects the Helix Map frame to a map renderer: MapLibre, Leaflet, or a driver of your own.",
-  "version": "0.108.0",
+  "version": "0.108.2",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -43,19 +43,19 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.108.0",
-    "@fusion.dev/helix-icons": "0.108.0",
-    "@mapbox/vector-tile": "^2.0.4",
-    "pbf": "^4.0.1"
+    "@fusion.dev/helix-core": "0.108.2",
+    "@fusion.dev/helix-icons": "0.108.2",
+    "@mapbox/vector-tile": "^3.0.0",
+    "pbf": "^5.1.2"
   },
   "devDependencies": {
-    "@fusion.dev/helix-headless": "0.108.0",
-    "@fusion.dev/helix-testing": "0.108.0",
-    "@maplibre/maplibre-gl-style-spec": "^24.10.0",
+    "@fusion.dev/helix-headless": "0.108.2",
+    "@fusion.dev/helix-testing": "0.108.2",
+    "@maplibre/maplibre-gl-style-spec": "^26.4.4",
     "@types/bun": "^1.3.0",
     "@types/leaflet": "^1.9.20",
     "leaflet": "^1.9.4",
-    "maplibre-gl": "^5.6.0"
+    "maplibre-gl": "^6.11.2"
   },
   "homepage": "https://fusion.dev",
   "keywords": [