@orbat-mapper/tactical-draw-adapter-maplibre 0.2.0-alpha.12 → 0.2.0-alpha.13

package/dist/index.d.mts

@@ -36,6 +36,23 @@ declare class MapLibreAdapter extends BaseMapAdapter<MapLibreLayerHandle, MapLib
   private updateSourceData;
   private flushDeferredLayerRemoval;
   deferLayerRemovalUntilLayerUpdate(layerId: LayerId, updatedLayerId: LayerId): void;
+  /**
+   * Promote a source feature for MapLibre: stamp `_fid` (so data-driven paint
+   * and picks can key on the caller's feature id) and, for a hatch-patterned
+   * Polygon, `_fillPatternImageId` (registering the tile image on demand). At
+   * most one object spread — a feature needing neither passes through
+   * untouched.
+   */
+  private promoteFeature;
+  /**
+   * Resolve a hatch-patterned Polygon's `style.fillPattern`/`fillColor` to its
+   * hatch-tile image id, registering the image on demand. Returns `undefined`
+   * for features without a hatch pattern, so `fillPatternImageId` stays the
+   * single source of truth for the id baked into `_fillPatternImageId`.
+   */
+  private resolveFillPatternImage;
+  /** Register a hatch-tile image once per (color, pattern) pair, keyed by `fillPatternImageId`. */
+  private ensureFillPatternImage;
   protected applyIconResources(resources: readonly IconResource[]): void;
   protected removeIconResource(id: string): void;
   protected attachNativeEvent(type: "click" | "pointermove" | "dblclick", onEvent: (lonLat: Position, pixel: PixelCoordinate, originalEvent: unknown) => void): NativeEventEntry<MapLibreEventToken>;

package/dist/index.mjs

@@ -1,6 +1,11 @@
 import { project, unproject } from "@orbat-mapper/control-measures";
-import { BaseMapAdapter, DEFAULT_TEXT_SIZE_MAX_PIXELS, DEFAULT_TEXT_SIZE_MIN_PIXELS, PointerCallbackHub, TOUCH_HIT_TOLERANCE_PX, bindAbortable, nearestWorldCopyLng, pickHitTolerance, tryControlMeasureIdFromFeature } from "@orbat-mapper/tactical-draw";
+import { BaseMapAdapter, DEFAULT_TEXT_SIZE_MAX_PIXELS, DEFAULT_TEXT_SIZE_MIN_PIXELS, HATCH_PATTERNS, PointerCallbackHub, TOUCH_HIT_TOLERANCE_PX, bindAbortable, fillPatternImageId, makeFillPatternImage, nearestWorldCopyLng, pickHitTolerance, tryControlMeasureIdFromFeature } from "@orbat-mapper/tactical-draw";
 //#region src/ml-adapter.ts
+/** Feature property key for the resolved hatch-pattern image id (see `promoteFeature`). */
+const FILL_PATTERN_IMAGE_ID_PROPERTY = "_fillPatternImageId";
+function isHatchPattern(value) {
+	return HATCH_PATTERNS.includes(value);
+}
 function isPromiseLike(value) {
 	return (typeof value === "object" || typeof value === "function") && value !== null && typeof value.then === "function";
 }
@@ -309,6 +314,60 @@ function buildFillPaint(style) {
 		"fill-opacity": 1
 	};
 }
+/**
+* `properties.style.fillPattern` read as a GL expression, defaulting to
+* `"solid"`. `fillPattern` is a per-feature-only field (ADR-0007) — unlike
+* `fillColor`/`strokeColor` it has no layer-level `StyleOptions` default, so
+* this expression takes no `style` argument.
+*/
+function fillPatternField() {
+	return [
+		"coalesce",
+		[
+			"get",
+			"fillPattern",
+			[
+				"coalesce",
+				["get", "style"],
+				["literal", {}]
+			]
+		],
+		"solid"
+	];
+}
+/**
+* Filter for one of the two mutually-exclusive Polygon fill layers, keyed on
+* whether the feature's resolved `fillPattern` is a hatch pattern. The solid
+* `-fill` layer takes `hatched: false` (every Polygon except hatched ones);
+* the `-fill-pattern` layer takes `hatched: true`. Split because MapLibre's
+* `fill-color` and `fill-pattern` paints cannot coexist on one fill layer.
+*/
+function buildFillFilter(hatched) {
+	const isHatched = [
+		"in",
+		fillPatternField(),
+		["literal", [...HATCH_PATTERNS]]
+	];
+	return [
+		"all",
+		[
+			"==",
+			["geometry-type"],
+			"Polygon"
+		],
+		hatched ? isHatched : ["!", isHatched]
+	];
+}
+/**
+* Paint for the hatch-pattern fill layer. The image id is baked per-feature
+* into `properties._fillPatternImageId` (see `promoteFeature`), so the paint
+* is a plain `["get", ...]` rather than re-deriving the id as a GL expression,
+* keeping `fillPatternImageId` the single source of truth for the id string.
+*/
+const FILL_PATTERN_PAINT = {
+	"fill-pattern": ["get", FILL_PATTERN_IMAGE_ID_PROPERTY],
+	"fill-opacity": 1
+};
 function buildLinePaint(style) {
 	const colorDefault = style?.strokeColor ?? "#000";
 	const widthDefault = style?.strokeWidth ?? 2;
@@ -367,14 +426,19 @@ var MapLibreAdapter = class extends BaseMapAdapter {
 			id: fillId,
 			type: "fill",
 			source: sourceId,
-			filter: [
-				"==",
-				"$type",
-				"Polygon"
-			],
+			filter: buildFillFilter(false),
 			paint: buildFillPaint(style)
 		});
 		mlLayerIds.push(fillId);
+		const fillPatternId = `${layerId}-fill-pattern`;
+		this.map.addLayer({
+			id: fillPatternId,
+			type: "fill",
+			source: sourceId,
+			filter: buildFillFilter(true),
+			paint: FILL_PATTERN_PAINT
+		});
+		mlLayerIds.push(fillPatternId);
 		const lineId = `${layerId}-line`;
 		this.map.addLayer({
 			id: lineId,
@@ -449,13 +513,7 @@ var MapLibreAdapter = class extends BaseMapAdapter {
 		if (!handle) return;
 		const source = this.map.getSource(handle.sourceId);
 		if (!source) return;
-		const promotedFeatures = features.map((f) => f.id !== void 0 ? {
-			...f,
-			properties: {
-				...f.properties ?? {},
-				_fid: f.id
-			}
-		} : f);
+		const promotedFeatures = features.map((f) => this.promoteFeature(f));
 		let resolveSourceData;
 		const sourceDataCompletion = new Promise((resolve) => {
 			resolveSourceData = resolve;
@@ -492,6 +550,48 @@ var MapLibreAdapter = class extends BaseMapAdapter {
 		if (!pending || !this.layers.has(layerId)) return;
 		this.deferredLayerRemovals.set(layerId, { after: pending.completion });
 	}
+	/**
+	* Promote a source feature for MapLibre: stamp `_fid` (so data-driven paint
+	* and picks can key on the caller's feature id) and, for a hatch-patterned
+	* Polygon, `_fillPatternImageId` (registering the tile image on demand). At
+	* most one object spread — a feature needing neither passes through
+	* untouched.
+	*/
+	promoteFeature(feature) {
+		const extra = {};
+		if (feature.id !== void 0) extra._fid = feature.id;
+		const imageId = this.resolveFillPatternImage(feature);
+		if (imageId !== void 0) extra[FILL_PATTERN_IMAGE_ID_PROPERTY] = imageId;
+		if (Object.keys(extra).length === 0) return feature;
+		return {
+			...feature,
+			properties: {
+				...feature.properties ?? {},
+				...extra
+			}
+		};
+	}
+	/**
+	* Resolve a hatch-patterned Polygon's `style.fillPattern`/`fillColor` to its
+	* hatch-tile image id, registering the image on demand. Returns `undefined`
+	* for features without a hatch pattern, so `fillPatternImageId` stays the
+	* single source of truth for the id baked into `_fillPatternImageId`.
+	*/
+	resolveFillPatternImage(feature) {
+		const props = feature.properties;
+		const pattern = props?.style?.fillPattern;
+		if (!isHatchPattern(pattern)) return void 0;
+		const color = props?.fillColor ?? props?.style?.fillColor ?? "rgba(0,0,0,0)";
+		const imageId = fillPatternImageId(color, pattern);
+		this.ensureFillPatternImage(imageId, color, pattern);
+		return imageId;
+	}
+	/** Register a hatch-tile image once per (color, pattern) pair, keyed by `fillPatternImageId`. */
+	ensureFillPatternImage(imageId, color, pattern) {
+		if (this.map.hasImage(imageId)) return;
+		const image = makeFillPatternImage(color, pattern, 2);
+		this.map.addImage(imageId, image, { pixelRatio: 2 });
+	}
 	applyIconResources(resources) {
 		if (typeof Image === "undefined") return;
 		for (const resource of resources) {
@@ -664,8 +764,10 @@ var MapLibreAdapter = class extends BaseMapAdapter {
 			const layer = this.map.getLayer(mlId);
 			if (!layer) continue;
 			const type = layer.type;
-			if (type === "fill") this.map.setPaintProperty(mlId, "fill-color", buildFillPaint(style)["fill-color"]);
-			else if (type === "line") {
+			if (type === "fill") {
+				if (mlId.endsWith("-fill-pattern")) continue;
+				this.map.setPaintProperty(mlId, "fill-color", buildFillPaint(style)["fill-color"]);
+			} else if (type === "line") {
 				if (style.strokeColor !== void 0 || style.strokeWidth !== void 0) {
 					const paint = buildLinePaint(style);
 					if (style.strokeColor !== void 0) this.map.setPaintProperty(mlId, "line-color", paint["line-color"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbat-mapper/tactical-draw-adapter-maplibre",
-  "version": "0.2.0-alpha.12",
+  "version": "0.2.0-alpha.13",
   "description": "MapLibre GL JS engine adapter for @orbat-mapper/tactical-draw. Draw and edit tactical control measures (MIL-STD-2525 / APP-6) on a MapLibre map.",
   "license": "MIT",
   "author": "Orbat Mapper",
@@ -37,8 +37,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@orbat-mapper/tactical-draw": "^0.2.0-alpha.27",
-    "@orbat-mapper/control-measures": "^0.2.0-alpha.16"
+    "@orbat-mapper/control-measures": "^0.2.0-alpha.20",
+    "@orbat-mapper/tactical-draw": "^0.2.0-alpha.28"
   },
   "peerDependencies": {
     "maplibre-gl": ">=4.0.0 <6.0.0"