@appsoftwareltd/etherpk-mcp 0.9.4 → 0.9.6

package/dist/map-picture-page.js

@@ -83,7 +83,20 @@ function u(e) {
 }
 //#endregion
 //#region ../../extensions/maps/src/map-drawing.ts
-function d(e, t) {
+var d = {
+	center: [0, 20],
+	zoom: .8
+}, f = "…";
+function p(e, t, n) {
+	if (n(e) <= t) return e;
+	let r = Array.from(e);
+	for (let e = r.length - 1; e >= 0; e--) {
+		let i = `${r.slice(0, e).join("").trimEnd()}${f}`;
+		if (n(i) <= t) return i;
+	}
+	return "";
+}
+function m(e, t) {
 	let n = t ? "#0b0d10" : "#ffffff", r = t ? "#7cc4ff" : "#1d5fd1", i = t ? "#ffd166" : "#c2410c", a = {
 		"line-cap": "round",
 		"line-join": "round"
@@ -118,7 +131,7 @@ function d(e, t) {
 		}
 	}];
 }
-function f(e) {
+function h(e) {
 	return {
 		version: 8,
 		sources: {},
@@ -131,12 +144,12 @@ function f(e) {
 }
 //#endregion
 //#region ../../extensions/maps/src/map-geometry.ts
-function p(e) {
+function g(e) {
 	return e.kind === "place" ? [e.point] : e.points;
 }
-function m(e) {
+function _(e) {
 	let t = Infinity, n = -Infinity, r = Infinity, i = -Infinity, a = Infinity, o = -Infinity;
-	for (let s of e) for (let { lat: e, lon: c } of p(s)) {
+	for (let s of e) for (let { lat: e, lon: c } of g(s)) {
 		e < t && (t = e), e > n && (n = e), c < r && (r = c), c > i && (i = c);
 		let s = c < 0 ? c + 360 : c;
 		s < a && (a = s), s > o && (o = s);
@@ -153,13 +166,34 @@ function m(e) {
 		north: n
 	};
 }
-var h = 2, g = 2e4, _ = {
+function v(e, t, n) {
+	let r = Math.min(1, e * .5 / (n.left + n.right)), i = Math.min(1, t * .5 / (n.top + n.bottom));
+	return {
+		top: n.top * i,
+		bottom: n.bottom * i,
+		left: n.left * r,
+		right: n.right * r
+	};
+}
+var y = 2, b = 2e4, x = {
 	top: 48,
 	bottom: 40,
 	left: 40,
 	right: 40
-}, v = .4, y = "etherpk-picture-routes", b = "M12 31c-1-3-10-12-10-19a10 10 0 0 1 20 0c0 7-9 16-10 19z", x = "#1d5fd1", S = "system-ui, -apple-system, \"Segoe UI\", sans-serif";
-function C(e) {
+}, S = .4, C = 4, w = "etherpk-picture-routes", T = "M12 31c-1-3-10-12-10-19a10 10 0 0 1 20 0c0 7-9 16-10 19z", E = "system-ui, -apple-system, \"Segoe UI\", sans-serif", D = {
+	pin: "#1d5fd1",
+	pinEdge: "#ffffff",
+	plate: "rgba(255, 255, 255, 0.92)",
+	name: "#111827",
+	credit: "#374151"
+}, O = {
+	pin: "#7cc4ff",
+	pinEdge: "#0b0d10",
+	plate: "rgba(17, 20, 24, 0.92)",
+	name: "#f3f4f6",
+	credit: "#d1d5db"
+};
+function k(e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let n of Object.keys(e.getStyle()?.sources ?? {})) {
 		let r = e.getSource(n)?.attribution;
@@ -169,24 +203,26 @@ function C(e) {
 	}
 	return [...t].join(" ");
 }
-function w(e, t, n) {
+function A(e, t, n, r) {
 	e.save(), e.translate(t - 12, n - 31), e.shadowColor = "rgba(0, 0, 0, 0.35)", e.shadowBlur = 2, e.shadowOffsetY = 1;
-	let r = new Path2D(b);
-	e.fillStyle = x, e.fill(r), e.shadowColor = "transparent", e.lineWidth = 1.5, e.strokeStyle = "#ffffff", e.stroke(r), e.beginPath(), e.arc(12, 12, 4, 0, Math.PI * 2), e.fillStyle = "#ffffff", e.fill(), e.restore();
+	let i = new Path2D(T);
+	e.fillStyle = r.pin, e.fill(i), e.shadowColor = "transparent", e.lineWidth = 1.5, e.strokeStyle = r.pinEdge, e.stroke(i), e.beginPath(), e.arc(12, 12, 4, 0, Math.PI * 2), e.fillStyle = r.pinEdge, e.fill(), e.restore();
 }
-var T = `600 14px ${S}`, E = (e) => 14 + e + 12;
-function D(e, t, n, r) {
-	e.font = T;
-	let i = e.measureText(r).width, a = t + 14, o = n - 29;
-	e.fillStyle = "rgba(255, 255, 255, 0.92)", e.beginPath(), e.roundRect(a, o, i + 12, 20, 4), e.fill(), e.fillStyle = "#111827", e.textBaseline = "middle", e.fillText(r, a + 6, o + 10);
+var j = `600 14px ${E}`, M = (e) => 14 + e + 12;
+function N(e, t, n, r, i, a) {
+	e.font = j;
+	let o = p(r, i - C - M(0) - t, (t) => e.measureText(t).width);
+	if (o === "") return;
+	let s = e.measureText(o).width, c = t + 14, l = n - 29;
+	e.fillStyle = a.plate, e.beginPath(), e.roundRect(c, l, s + 12, 20, 4), e.fill(), e.fillStyle = a.name, e.textBaseline = "middle", e.fillText(o, c + 6, l + 10);
 }
-function O(e, t) {
+function P(e, t, n, r, i) {
 	if (t === "") return;
-	e.font = `14px ${S}`;
-	let n = Math.min(e.measureText(t).width, 784);
-	e.fillStyle = "rgba(255, 255, 255, 0.9)", e.fillRect(800 - n - 12, 426, n + 12, 24), e.fillStyle = "#374151", e.textBaseline = "middle", e.fillText(t, 800 - n - 6, 438, n);
+	e.font = `14px ${E}`;
+	let a = Math.min(e.measureText(t).width, n - 16);
+	e.fillStyle = i.plate, e.fillRect(n - a - 12, r - 24, a + 12, 24), e.fillStyle = i.credit, e.textBaseline = "middle", e.fillText(t, n - a - 6, r - 12, a);
 }
-async function k(e) {
+async function F(e) {
 	for (let t of ["image/webp", "image/png"]) {
 		let n = await new Promise((n) => e.toBlob(n, t, .9));
 		if (n && n.type === t) return {
@@ -196,9 +232,9 @@ async function k(e) {
 	}
 	throw Error("this browser couldn't save the picture");
 }
-function A(e) {
+function I(e) {
 	return new Promise((t, n) => {
-		let r = 0, i = setTimeout(() => n(/* @__PURE__ */ Error("the map took too long to draw. Keep EtherPK's tab in front while it publishes, then try again")), g);
+		let r = 0, i = setTimeout(() => n(/* @__PURE__ */ Error("the map took too long to draw. Keep EtherPK's tab in front while it publishes, then try again")), b);
 		e.on("error", (e) => {
 			let t = e;
 			if (t.tile !== void 0 || t.sourceId !== void 0) {
@@ -211,58 +247,57 @@ function A(e) {
 		});
 	});
 }
-async function j(t, n) {
-	let { items: r } = s(t.split("\n"));
+async function L(t, n) {
+	let r = n.width ?? 800, i = n.height ?? 450, a = n.dark ?? !1, o = a ? O : D, { items: c } = s(t.split("\n"));
 	if (n.style !== null && typeof navigator < "u" && navigator.onLine === !1) throw Error("you're offline, and the map's tiles can't be fetched");
-	let i = document.createElement("div");
-	i.setAttribute("aria-hidden", "true"), Object.assign(i.style, {
+	let l = document.createElement("div");
+	l.setAttribute("aria-hidden", "true"), Object.assign(l.style, {
 		position: "fixed",
 		left: "-10000px",
 		top: "0",
-		width: "800px",
-		height: "450px",
+		width: `${r}px`,
+		height: `${i}px`,
 		pointerEvents: "none"
-	}), document.body.appendChild(i);
-	let a = null;
+	}), document.body.appendChild(l);
+	let u = null;
 	try {
 		try {
-			a = new e({
-				container: i,
-				style: n.style ?? f(!1),
+			u = new e({
+				container: l,
+				style: n.style ?? h(a),
 				interactive: !1,
 				attributionControl: !1,
 				fadeDuration: 0,
-				pixelRatio: h,
+				pixelRatio: y,
 				canvasContextAttributes: { preserveDrawingBuffer: !0 },
-				center: [0, 20],
-				zoom: .8
+				...d
 			});
 		} catch {
 			throw Error("this browser can't draw maps");
 		}
-		let t = a, o = document.createElement("canvas");
-		o.width = 800 * h, o.height = 450 * h;
-		let s = o.getContext("2d");
-		if (!s) throw Error("this browser can't draw the picture");
-		let c = r.filter((e) => e.kind === "place"), l = c.length <= 30;
-		s.font = T;
-		let u = 0;
-		if (l) for (let e of c) e.name !== "" && (u = Math.max(u, E(s.measureText(e.name).width)));
-		let p = m(r);
-		p && t.fitBounds([[p.west, p.south], [p.east, p.north]], {
-			padding: {
-				..._,
-				right: _.right + Math.min(u, 800 * v)
-			},
+		let t = u, s = document.createElement("canvas");
+		s.width = r * y, s.height = i * y;
+		let f = s.getContext("2d");
+		if (!f) throw Error("this browser can't draw the picture");
+		let p = c.filter((e) => e.kind === "place"), g = p.length <= 30;
+		f.font = j;
+		let b = 0;
+		if (g) for (let e of p) e.name !== "" && (b = Math.max(b, M(f.measureText(e.name).width)));
+		let C = _(c);
+		C && t.fitBounds([[C.west, C.south], [C.east, C.north]], {
+			padding: v(r, i, {
+				...x,
+				right: x.right + Math.min(b, r * S)
+			}),
 			maxZoom: 14,
 			animate: !1
 		});
-		let g = A(t), b = () => {
-			t.addSource(y, {
+		let T = I(t), E = () => {
+			t.addSource(w, {
 				type: "geojson",
 				data: {
 					type: "FeatureCollection",
-					features: r.flatMap((e) => e.kind === "route" ? [{
+					features: c.flatMap((e) => e.kind === "route" ? [{
 						type: "Feature",
 						properties: { selected: !1 },
 						geometry: {
@@ -272,21 +307,21 @@ async function j(t, n) {
 					}] : [])
 				}
 			});
-			for (let e of d(y, !1)) t.addLayer(e);
+			for (let e of m(w, a)) t.addLayer(e);
 		};
-		t.isStyleLoaded() ? b() : t.once("style.load", b), await g, s.drawImage(t.getCanvas(), 0, 0, o.width, o.height), s.scale(h, h);
-		for (let e of c) {
-			let { x: n, y: r } = t.project([e.point.lon, e.point.lat]);
-			w(s, n, r), l && e.name !== "" && D(s, n, r, e.name);
+		t.isStyleLoaded() ? E() : t.once("style.load", E), await T, f.drawImage(t.getCanvas(), 0, 0, s.width, s.height), f.scale(y, y);
+		for (let e of p) {
+			let { x: n, y: i } = t.project([e.point.lon, e.point.lat]);
+			A(f, n, i, o), g && e.name !== "" && N(f, n, i, e.name, r, o);
 		}
-		return O(s, C(t)), {
-			...await k(o),
-			width: 800,
-			height: 450
+		return P(f, k(t), r, i, o), {
+			...await F(s),
+			width: r,
+			height: i
 		};
 	} finally {
-		a?.remove(), i.remove();
+		u?.remove(), l.remove();
 	}
 }
-t(new URL("/maplibre-gl-worker.mjs", location.href).toString()), window.etherpkDrawMapPicture = j;
+t(new URL("/maplibre-gl-worker.mjs", location.href).toString()), window.etherpkDrawMapPicture = L;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appsoftwareltd/etherpk-mcp",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "license": "Elastic-2.0",
   "description": "EtherPK Headless Client: an MCP server over a synced knowledge graph, run beside the agent on the user's own machine.",
   "type": "module",
@@ -44,10 +44,10 @@
     "typescript": "^6.0.2",
     "vite": "^8.0.16",
     "vitest": "^4.1.11",
-    "@appsoftwareltd/etherpk-extension-graph-view": "0.9.4",
-    "@appsoftwareltd/etherpk-extension-maps": "0.9.4",
-    "@appsoftwareltd/etherpk-shared": "0.9.4",
-    "@appsoftwareltd/etherpk-themes": "0.9.4"
+    "@appsoftwareltd/etherpk-extension-graph-view": "0.9.6",
+    "@appsoftwareltd/etherpk-extension-maps": "0.9.6",
+    "@appsoftwareltd/etherpk-themes": "0.9.6",
+    "@appsoftwareltd/etherpk-shared": "0.9.6"
   },
   "publishConfig": {
     "access": "public"