@tileflow/interactions 0.1.0-alpha.4 → 0.1.0-alpha.6

package/dist/maplibre-entry.d.ts

@@ -195,6 +195,11 @@ type TileflowMapLibrePoiPointerEvent = Readonly<{
     point: unknown;
 }>;
 type TileflowMapLibrePoiMap = Readonly<{
+    /** A style layer's source; lets the controller keep its manifest while the style only restyles. */
+    getLayer?: (id: string) => Readonly<{
+        source?: unknown;
+        sourceLayer?: unknown;
+    }> | undefined;
     getStyle: () => unknown;
     off?: (event: string, listener: (event: unknown) => void) => unknown;
     on: (event: string, listener: (event: unknown) => void) => Readonly<{

package/dist/maplibre-entry.js

@@ -1662,7 +1662,7 @@ var tileflowInteractionActionSchema = z.discriminatedUnion("type", [
 
 // src/maplibre-poi.ts
 var interactionManifestMetadataKey = "tileflow:interaction-manifest";
-var interactionManifestVersion = 2;
+var interactionManifestVersion = 3;
 var missingSourceLayerNamespace = "
tileflow-no-source-layer";
 function createTileflowMapLibrePoiController(options) {
   let bindings = semanticPoiBindings(options.bindings ?? [], options.onDiagnostic);
@@ -1726,9 +1726,20 @@ function createTileflowMapLibrePoiController(options) {
         );
         continue;
       }
+      const properties = normalizePoiProperties(feature.properties, manifest.fields);
+      const category = properties.category;
+      if (category === void 0) {
+        manifestMismatch = true;
+        diagnostic(
+          options.onDiagnostic,
+          "SEMANTIC_MANIFEST_MISMATCH",
+          "A rendered POI feature has no supported category."
+        );
+        continue;
+      }
       const binding = bindings.find((candidate) => {
         const target = candidate.target;
-        return target.kind === "semantic-feature" && target.domain === "poi" && (!target.categories || target.categories.includes(layer.category));
+        return target.kind === "semantic-feature" && target.domain === "poi" && (!target.categories || target.categories.includes(category));
       });
       if (!binding) continue;
       const featureId = normalizeFeatureId(feature.id);
@@ -1742,9 +1753,9 @@ function createTileflowMapLibrePoiController(options) {
             coordinate: [event.lngLat.lng, event.lngLat.lat],
             domain: "poi",
             feature: {
-              category: layer.category,
+              category,
               ...featureId === void 0 ? {} : { id: featureId },
-              properties: normalizePoiProperties(feature.properties, manifest.fields)
+              properties
             },
             kind: "semantic-feature"
           }
@@ -1793,6 +1804,11 @@ function createTileflowMapLibrePoiController(options) {
     }
     options.onActivate?.(match, modality);
   };
+  let loaded;
+  const sourcesOf = (layers) => options.map.getLayer ? layers.map(({ layerId }) => {
+    const layer = options.map.getLayer(layerId);
+    return layer ? `${String(layer.source)}/${String(layer.sourceLayer)}` : "";
+  }).join("\n") : void 0;
   const refreshManifest = () => {
     if (disposed) return;
     setHovered(null, "programmatic");
@@ -1801,6 +1817,12 @@ function createTileflowMapLibrePoiController(options) {
       options.onManifestChange?.(true);
       return;
     }
+    if (loaded && sourcesOf(loaded.manifest.layers) === loaded.sources) {
+      manifest = loaded.manifest;
+      options.onManifestChange?.(true);
+      return;
+    }
+    loaded = void 0;
     const style = options.map.getStyle();
     if (style === void 0) {
       manifest = null;
@@ -1808,6 +1830,8 @@ function createTileflowMapLibrePoiController(options) {
       return;
     }
     manifest = parsePoiManifest(style, options.onDiagnostic);
+    const sources = manifest ? sourcesOf(manifest.layers) : void 0;
+    if (manifest && sources !== void 0) loaded = { manifest, sources };
     options.onManifestChange?.(manifest !== null);
   };
   let manifestRefreshScheduled = false;
@@ -1822,6 +1846,7 @@ function createTileflowMapLibrePoiController(options) {
   };
   const handleStyleLoad = () => {
     manifestRefreshScheduled = false;
+    loaded = void 0;
     refreshManifest();
   };
   try {
@@ -1974,7 +1999,7 @@ function parsePoiManifest(styleInput, onDiagnostic) {
   for (const input of layerInputs) {
     const layer = asRecord(input);
     const sourceLayer = layer?.sourceLayer;
-    if (!layer || !isTileflowPoiCategory(layer.category) || !isSafeManifestName(layer.layerId) || !isSafeManifestName(layer.source) || sourceLayer !== void 0 && !isSafeManifestName(sourceLayer) || layer.anchor !== "pointer-coordinate" || !isPoiRepresentation(layer.representation) || !Number.isSafeInteger(layer.priority) || layer.priority < 0 || layer.priority > 1e5 || ids.has(layer.layerId)) {
+    if (!layer || !isSafeManifestName(layer.layerId) || !isSafeManifestName(layer.source) || sourceLayer !== void 0 && !isSafeManifestName(sourceLayer) || layer.anchor !== "pointer-coordinate" || !isPoiRepresentation(layer.representation) || !Number.isSafeInteger(layer.priority) || layer.priority < 0 || layer.priority > 1e5 || ids.has(layer.layerId)) {
       diagnostic(onDiagnostic, "SEMANTIC_MANIFEST_MISMATCH", "Invalid semantic POI layer lookup.");
       return null;
     }
@@ -2002,7 +2027,6 @@ function parsePoiManifest(styleInput, onDiagnostic) {
     identityNamespace = namespace;
     ids.add(layer.layerId);
     layers.push({
-      category: layer.category,
       layerId: layer.layerId,
       priority: layer.priority,
       representation: layer.representation,
@@ -2072,11 +2096,7 @@ function sourceLayerNamespace(sourceLayer) {
   return sourceLayer ?? missingSourceLayerNamespace;
 }
 function relevantLayerIds(manifest, bindings) {
-  return manifest.layers.filter(
-    (layer) => bindings.some(
-      (binding) => binding.target.kind === "semantic-feature" && (!binding.target.categories || binding.target.categories.includes(layer.category))
-    )
-  ).map((layer) => layer.layerId);
+  return bindings.some((binding) => binding.target.kind === "semantic-feature") ? manifest.layers.map((layer) => layer.layerId) : [];
 }
 function normalizePoiProperties(properties, fields) {
   const source = properties ?? {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tileflow/interactions",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-alpha.6",
   "license": "Apache-2.0",
   "description": "Portable annotation and interaction contracts for Tileflow maps.",
   "type": "module",