json-maps 0.1.0

package/README.md

@@ -0,0 +1,42 @@
+# json-maps
+
+A declarative JSON spec for interactive maps. Write JSON, get a map.
+
+Built on [MapLibre GL](https://maplibre.org/) (free, no API key) with [CARTO](https://carto.com/) basemaps and React.
+
+## Quick Start
+
+```json
+{
+  "basemap": "dark",
+  "center": [77.59, 12.97],
+  "zoom": 12,
+  "pitch": 45
+}
+```
+
+Every field is optional. An empty `{}` gives you a light basemap at world view.
+
+## Spec
+
+| Field | Type | Description |
+|-------|------|-------------|
+| `basemap` | `"light"` \| `"dark"` \| `"streets"` \| URL | Map style |
+| `center` | `[lng, lat]` | Map center |
+| `zoom` | `number` | Zoom level 0-24 |
+| `pitch` | `number` | Camera tilt 0-85 |
+| `bearing` | `number` | Camera rotation -180 to 180 |
+| `bounds` | `[west, south, east, north]` | Fit to bounding box |
+
+More coming: markers, layers, controls, widgets, color system, DuckDB WASM data engine, event system.
+
+## Development
+
+```bash
+npm install
+npm run dev
+```
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,107 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PopupSpec {
+    title?: string;
+    description?: string;
+    image?: string;
+}
+interface MarkerSpec {
+    coordinates: [number, number];
+    color?: string;
+    icon?: string;
+    label?: string;
+    tooltip?: string;
+    popup?: string | PopupSpec;
+    draggable?: boolean;
+}
+interface ContinuousColor {
+    type: "continuous";
+    attr: string;
+    palette: string;
+    domain?: [number, number];
+    nullColor?: string;
+}
+interface CategoricalColor {
+    type: "categorical";
+    attr: string;
+    palette: string;
+    categories?: string[];
+    nullColor?: string;
+}
+type ColorValue = string | ContinuousColor | CategoricalColor;
+interface ContinuousSize {
+    type: "continuous";
+    attr: string;
+    domain: [number, number];
+    range: [number, number];
+}
+type SizeValue = number | ContinuousSize;
+interface LayerStyle {
+    fillColor?: ColorValue;
+    pointColor?: ColorValue;
+    lineColor?: ColorValue;
+    lineWidth?: number;
+    pointRadius?: SizeValue;
+    opacity?: number;
+}
+interface ClusterOptions {
+    radius?: number;
+    maxZoom?: number;
+    minPoints?: number;
+    colors?: [string, string, string];
+}
+interface GeoJsonLayerSpec {
+    type: "geojson";
+    data: string | Record<string, unknown>;
+    style?: LayerStyle;
+    tooltip?: string[];
+    cluster?: boolean;
+    clusterOptions?: ClusterOptions;
+}
+interface RouteStyle {
+    color?: string;
+    width?: number;
+    opacity?: number;
+    dashed?: boolean;
+}
+interface RouteLayerSpec {
+    type: "route";
+    coordinates: [number, number][];
+    style?: RouteStyle;
+}
+type LayerSpec = GeoJsonLayerSpec | RouteLayerSpec;
+type ControlPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+interface ControlsSpec {
+    zoom?: boolean;
+    compass?: boolean;
+    fullscreen?: boolean;
+    locate?: boolean;
+    position?: ControlPosition;
+}
+interface LegendSpec {
+    layer: string;
+    title?: string;
+    position?: ControlPosition;
+}
+interface MapSpec {
+    basemap?: "light" | "dark" | "streets" | (string & {});
+    center?: [number, number];
+    zoom?: number;
+    pitch?: number;
+    bearing?: number;
+    bounds?: [number, number, number, number];
+    markers?: Record<string, MarkerSpec>;
+    layers?: Record<string, LayerSpec>;
+    controls?: ControlsSpec;
+    legend?: Record<string, LegendSpec>;
+}
+declare const BASEMAP_STYLES: Record<string, string>;
+declare function resolveBasemapStyle(basemap?: string): string | null;
+
+declare function MapRenderer({ spec }: {
+    spec: MapSpec;
+}): react_jsx_runtime.JSX.Element;
+
+declare const PALETTES: Record<string, string[]>;
+
+export { BASEMAP_STYLES, type CategoricalColor, type ClusterOptions, type ColorValue, type ContinuousColor, type ContinuousSize, type ControlPosition, type ControlsSpec, type GeoJsonLayerSpec, type LayerSpec, type LayerStyle, type LegendSpec, MapRenderer, type MapSpec, type MarkerSpec, PALETTES, type PopupSpec, type RouteLayerSpec, type RouteStyle, type SizeValue, resolveBasemapStyle };

package/dist/index.js

@@ -0,0 +1,890 @@
+"use client";
+
+// components/map-renderer.tsx
+import { Fragment, useEffect, useRef, useCallback, useState } from "react";
+import { createPortal } from "react-dom";
+import maplibregl from "maplibre-gl";
+import "maplibre-gl/dist/maplibre-gl.css";
+
+// lib/spec.ts
+var BASEMAP_STYLES = {
+  light: "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json",
+  dark: "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json",
+  streets: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json"
+};
+function resolveBasemapStyle(basemap) {
+  if (!basemap) return BASEMAP_STYLES.light;
+  if (BASEMAP_STYLES[basemap]) return BASEMAP_STYLES[basemap];
+  if (basemap.startsWith("http")) return basemap;
+  return null;
+}
+
+// lib/palettes.ts
+var PALETTES = {
+  // Sequential
+  Burg: ["#ffc6c4", "#f4a3a8", "#e38191", "#cc607d", "#ad466c", "#8b3058", "#672044"],
+  RedOr: ["#f6d2a9", "#f5b78e", "#f19c7c", "#ea8171", "#dd686c", "#ca5268", "#b13f64"],
+  OrYel: ["#ecda9a", "#efc47e", "#f3ad6a", "#f7945d", "#f97b57", "#f66356", "#ee4d5a"],
+  Peach: ["#fde0c5", "#facba6", "#f8b58b", "#f2a275", "#e78f6a", "#d07c5e", "#b86b53"],
+  PinkYl: ["#fef6b5", "#ffdd9a", "#ffc285", "#ffa679", "#fa8a76", "#f16d7a", "#e15383"],
+  Mint: ["#e4f1e1", "#b4d9cc", "#89c0b6", "#63a6a0", "#448c8a", "#287274", "#0d585f"],
+  BluGrn: ["#c4e6c3", "#96d2a4", "#6dbc90", "#4da284", "#36877a", "#266c6e", "#1d4f60"],
+  DarkMint: ["#d2fbd4", "#a5dbc2", "#7bbcb0", "#559c9e", "#3a7c89", "#235d72", "#123f5a"],
+  Emrld: ["#d3f2a3", "#97e196", "#6cc08b", "#4c9b82", "#217a79", "#105965", "#074050"],
+  BluYl: ["#f7feae", "#b7e6a5", "#7ccba2", "#46aea0", "#089099", "#00718b", "#045275"],
+  Teal: ["#d1eeea", "#a8dbd9", "#85c4c9", "#68abb8", "#4f90a6", "#3b738f", "#2a5674"],
+  Purp: ["#f3e0f7", "#d1bbf0", "#b18fd3", "#8c6bb1", "#6c4f8e", "#4e3a6e", "#2f2047"],
+  Sunset: ["#f3e79b", "#fac484", "#f8a07e", "#eb7f86", "#ce6693", "#a059a0", "#5c53a5"],
+  SunsetDark: ["#fcde9c", "#faa476", "#f0746e", "#e34f6f", "#dc3977", "#b9257a", "#7c1d6f"],
+  Magenta: ["#f3cbd3", "#eaa9bd", "#dd88ac", "#ca699d", "#b14d8e", "#91357d", "#6c2167"],
+  // Diverging
+  TealRose: ["#009392", "#39b185", "#9ccb86", "#e9e29c", "#eeb479", "#e88471", "#cf597e"],
+  Geyser: ["#008080", "#70a494", "#b4c8a8", "#f6edbd", "#edbb8a", "#de8a5a", "#ca562c"],
+  Temps: ["#009392", "#39b185", "#9ccb86", "#e9e29c", "#edbb8a", "#e68b5e", "#d43d51"],
+  Fall: ["#3d5941", "#778868", "#b5b991", "#f6edbd", "#edbb8a", "#de8a5a", "#ca562c"],
+  ArmyRose: ["#798234", "#a3ad62", "#d0d3a2", "#fef2c0", "#f5c0a1", "#ec7d6a", "#d8443c"],
+  Tropic: ["#009b9e", "#42b7b9", "#a7d3d4", "#f1eceb", "#e4b4c2", "#ce78a7", "#7c1d6f"],
+  // Categorical
+  Bold: ["#7F3C8D", "#11A579", "#3969AC", "#F2B701", "#E73F74", "#80BA5A", "#E68310", "#008695", "#CF1C90", "#f97b72", "#4b4b8f", "#A5AA99"],
+  Pastel: ["#66C5CC", "#F6CF71", "#F89C74", "#DCB0F2", "#87C55F", "#9EB9F3", "#FE88B1", "#C9DB74", "#8BE0A4", "#B497E7", "#D3B484", "#B3B3B3"],
+  Antique: ["#855C75", "#D9AF6B", "#AF6458", "#736F4C", "#526A83", "#625377", "#68855C", "#9C9C5E", "#A06177", "#8C785D", "#467378", "#7C7C7C"],
+  Vivid: ["#E58606", "#5D69B1", "#52BCA3", "#99C945", "#CC61B0", "#24796C", "#DAA51B", "#2F8AC4", "#764E9F", "#ED645A", "#CC3A8E", "#A5AA99"],
+  Prism: ["#5F4690", "#1D6996", "#38A6A5", "#0F8554", "#73AF48", "#EDAD08", "#E17C05", "#CC503E", "#94346E", "#6F4070", "#994E95", "#666666"],
+  Safe: ["#88CCEE", "#CC6677", "#DDCC77", "#117733", "#332288", "#AA4499", "#44AA99", "#999933", "#882255", "#661100", "#6699CC", "#888888"]
+};
+
+// components/map-renderer.tsx
+import { DynamicIcon } from "lucide-react/dynamic";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_CENTER = [0, 20];
+var DEFAULT_ZOOM = 1.5;
+function colorValueToExpression(color) {
+  var _a, _b, _c;
+  if (typeof color === "string") return color;
+  const palette = PALETTES[color.palette];
+  if (!palette || palette.length === 0) return "#888888";
+  if (color.type === "continuous") {
+    const [min, max] = (_a = color.domain) != null ? _a : [0, 1];
+    const steps = palette.length;
+    const expr = ["interpolate", ["linear"], ["get", color.attr]];
+    for (let i = 0; i < steps; i++) {
+      expr.push(min + (max - min) * (i / (steps - 1)));
+      expr.push(palette[i]);
+    }
+    return expr;
+  }
+  if (color.type === "categorical") {
+    if (!color.categories || color.categories.length === 0)
+      return (_b = palette[0]) != null ? _b : "#888888";
+    const expr = ["match", ["get", color.attr]];
+    for (let i = 0; i < color.categories.length; i++) {
+      expr.push(color.categories[i]);
+      expr.push(palette[i % palette.length]);
+    }
+    expr.push((_c = color.nullColor) != null ? _c : "#cccccc");
+    return expr;
+  }
+  return "#888888";
+}
+function sizeValueToExpression(size, fallback) {
+  if (typeof size === "number") return size;
+  if (size.type === "continuous") {
+    const [dMin, dMax] = size.domain;
+    const [rMin, rMax] = size.range;
+    return ["interpolate", ["linear"], ["get", size.attr], dMin, rMin, dMax, rMax];
+  }
+  return fallback;
+}
+function MarkerDot({ color, icon, label }) {
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    icon ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex items-center justify-center w-7 h-7 rounded-full border-2 border-white shadow-lg transition-transform duration-150 hover:scale-[1.15]",
+        style: { background: color },
+        children: /* @__PURE__ */ jsx(DynamicIcon, { name: icon, size: 16, color: "#ffffff", strokeWidth: 2.5 })
+      }
+    ) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-4 w-4 rounded-full border-2 border-white shadow-lg transition-transform duration-150 hover:scale-[1.3]",
+        style: { background: color }
+      }
+    ),
+    label && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute top-full left-1/2 -translate-x-1/2 mt-1 whitespace-nowrap text-[10px] font-medium pointer-events-none",
+        style: {
+          textShadow: "0 0 4px rgba(255,255,255,0.9), 0 0 4px rgba(255,255,255,0.9)"
+        },
+        children: label
+      }
+    )
+  ] });
+}
+function PopupContent({ markerSpec }) {
+  const popup = markerSpec.popup;
+  if (!popup) return null;
+  const isRich = typeof popup === "object";
+  const title = isRich ? popup.title : markerSpec.label;
+  const description = isRich ? popup.description : popup;
+  const image = isRich ? popup.image : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "relative rounded-md border border-border bg-popover text-popover-foreground shadow-md overflow-hidden max-w-[260px]", children: [
+    image && /* @__PURE__ */ jsx("div", { className: "h-32 overflow-hidden", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: image,
+        alt: title != null ? title : "",
+        className: "w-full h-full object-cover"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-1", children: [
+      title && /* @__PURE__ */ jsx("div", { className: "font-semibold text-sm leading-tight", children: title }),
+      description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground leading-relaxed", children: description })
+    ] })
+  ] });
+}
+function TooltipContent({ text }) {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-md bg-foreground px-2 py-1 text-xs text-background shadow-md whitespace-nowrap", children: text });
+}
+function LayerTooltipContent({ properties, columns }) {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border bg-popover text-popover-foreground shadow-md px-3 py-2 max-w-[280px]", children: /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: columns.map((col) => {
+    const value = properties[col];
+    if (value === void 0 || value === null) return null;
+    return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 text-xs leading-relaxed", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground shrink-0", children: col }),
+      /* @__PURE__ */ jsx("span", { className: "font-medium truncate", children: String(value) })
+    ] }, col);
+  }) }) });
+}
+var POSITION_CLASSES = {
+  "top-left": "top-2 left-2",
+  "top-right": "top-2 right-2",
+  "bottom-left": "bottom-2 left-2",
+  "bottom-right": "bottom-2 right-2"
+};
+function ControlButton({
+  onClick,
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      title,
+      className: "flex items-center justify-center w-[29px] h-[29px] bg-white hover:bg-gray-100 text-gray-700 border-0 cursor-pointer transition-colors duration-150",
+      children
+    }
+  );
+}
+function MapControls({
+  controls,
+  mapRef,
+  containerRef
+}) {
+  var _a, _b;
+  const position = (_a = controls.position) != null ? _a : "top-right";
+  const posClass = (_b = POSITION_CLASSES[position]) != null ? _b : POSITION_CLASSES["top-right"];
+  const [bearing, setBearing] = useState(0);
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  useEffect(() => {
+    const map = mapRef.current;
+    if (!map || !controls.compass) return;
+    const onRotate = () => setBearing(map.getBearing());
+    map.on("rotate", onRotate);
+    return () => {
+      map.off("rotate", onRotate);
+    };
+  }, [mapRef, controls.compass]);
+  useEffect(() => {
+    const onChange = () => setIsFullscreen(!!document.fullscreenElement);
+    document.addEventListener("fullscreenchange", onChange);
+    return () => document.removeEventListener("fullscreenchange", onChange);
+  }, []);
+  const showZoom = controls.zoom !== false;
+  const showCompass = controls.compass !== false;
+  return /* @__PURE__ */ jsxs("div", { className: `absolute ${posClass} z-10 flex flex-col gap-1.5`, children: [
+    showZoom && /* @__PURE__ */ jsxs("div", { className: "rounded-md overflow-hidden shadow-md divide-y divide-gray-200 border border-gray-200", children: [
+      /* @__PURE__ */ jsx(
+        ControlButton,
+        {
+          onClick: () => {
+            var _a2;
+            return (_a2 = mapRef.current) == null ? void 0 : _a2.zoomIn();
+          },
+          title: "Zoom in",
+          children: /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ jsx("line", { x1: "7", y1: "2", x2: "7", y2: "12" }),
+            /* @__PURE__ */ jsx("line", { x1: "2", y1: "7", x2: "12", y2: "7" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ControlButton,
+        {
+          onClick: () => {
+            var _a2;
+            return (_a2 = mapRef.current) == null ? void 0 : _a2.zoomOut();
+          },
+          title: "Zoom out",
+          children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("line", { x1: "2", y1: "7", x2: "12", y2: "7" }) })
+        }
+      )
+    ] }),
+    showCompass && /* @__PURE__ */ jsx("div", { className: "rounded-md overflow-hidden shadow-md border border-gray-200", children: /* @__PURE__ */ jsx(
+      ControlButton,
+      {
+        onClick: () => {
+          var _a2;
+          return (_a2 = mapRef.current) == null ? void 0 : _a2.easeTo({ bearing: 0, pitch: 0 });
+        },
+        title: "Reset bearing",
+        children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 14 14",
+            fill: "none",
+            style: { transform: `rotate(${-bearing}deg)`, transition: "transform 0.2s" },
+            children: [
+              /* @__PURE__ */ jsx("polygon", { points: "7,1 9,7 7,6 5,7", fill: "#e74c3c" }),
+              /* @__PURE__ */ jsx("polygon", { points: "7,13 5,7 7,8 9,7", fill: "#94a3b8" })
+            ]
+          }
+        )
+      }
+    ) }),
+    controls.locate && /* @__PURE__ */ jsx("div", { className: "rounded-md overflow-hidden shadow-md border border-gray-200", children: /* @__PURE__ */ jsx(
+      ControlButton,
+      {
+        onClick: () => {
+          navigator.geolocation.getCurrentPosition(
+            (pos) => {
+              var _a2;
+              (_a2 = mapRef.current) == null ? void 0 : _a2.flyTo({
+                center: [pos.coords.longitude, pos.coords.latitude],
+                zoom: 14
+              });
+            },
+            () => {
+            }
+          );
+        },
+        title: "My location",
+        children: /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+          /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "3" }),
+          /* @__PURE__ */ jsx("line", { x1: "7", y1: "0", x2: "7", y2: "3" }),
+          /* @__PURE__ */ jsx("line", { x1: "7", y1: "11", x2: "7", y2: "14" }),
+          /* @__PURE__ */ jsx("line", { x1: "0", y1: "7", x2: "3", y2: "7" }),
+          /* @__PURE__ */ jsx("line", { x1: "11", y1: "7", x2: "14", y2: "7" })
+        ] })
+      }
+    ) }),
+    controls.fullscreen && /* @__PURE__ */ jsx("div", { className: "rounded-md overflow-hidden shadow-md border border-gray-200", children: /* @__PURE__ */ jsx(
+      ControlButton,
+      {
+        onClick: () => {
+          var _a2;
+          if (document.fullscreenElement) {
+            document.exitFullscreen();
+          } else {
+            (_a2 = containerRef.current) == null ? void 0 : _a2.requestFullscreen();
+          }
+        },
+        title: isFullscreen ? "Exit fullscreen" : "Fullscreen",
+        children: isFullscreen ? /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+          /* @__PURE__ */ jsx("polyline", { points: "5,1 5,5 1,5" }),
+          /* @__PURE__ */ jsx("polyline", { points: "9,1 9,5 13,5" }),
+          /* @__PURE__ */ jsx("polyline", { points: "5,13 5,9 1,9" }),
+          /* @__PURE__ */ jsx("polyline", { points: "9,13 9,9 13,9" })
+        ] }) : /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+          /* @__PURE__ */ jsx("polyline", { points: "1,5 1,1 5,1" }),
+          /* @__PURE__ */ jsx("polyline", { points: "9,1 13,1 13,5" }),
+          /* @__PURE__ */ jsx("polyline", { points: "13,9 13,13 9,13" }),
+          /* @__PURE__ */ jsx("polyline", { points: "5,13 1,13 1,9" })
+        ] })
+      }
+    ) })
+  ] });
+}
+function MapLegend({
+  legendSpec,
+  layerSpec,
+  dark
+}) {
+  var _a, _b, _c, _d, _e;
+  if (!layerSpec || !layerSpec.style) return null;
+  const position = (_a = legendSpec.position) != null ? _a : "bottom-left";
+  const posClass = (_b = POSITION_CLASSES[position]) != null ? _b : POSITION_CLASSES["bottom-left"];
+  const title = (_c = legendSpec.title) != null ? _c : legendSpec.layer;
+  const style = layerSpec.style;
+  const colorDef = (_e = (_d = style.pointColor) != null ? _d : style.fillColor) != null ? _e : style.lineColor;
+  if (!colorDef || typeof colorDef === "string") return null;
+  const palette = PALETTES[colorDef.palette];
+  if (!palette || palette.length === 0) return null;
+  const cardClass = dark ? "rounded-md border border-white/10 bg-black/80 backdrop-blur-sm shadow-md px-3 py-2 text-xs" : "rounded-md border border-gray-200 bg-white/95 backdrop-blur-sm shadow-md px-3 py-2 text-xs";
+  const titleClass = dark ? "font-semibold text-white mb-1.5" : "font-semibold text-gray-800 mb-1.5";
+  return /* @__PURE__ */ jsx("div", { className: `absolute ${posClass} z-10`, children: /* @__PURE__ */ jsxs("div", { className: cardClass, children: [
+    /* @__PURE__ */ jsx("div", { className: titleClass, children: title }),
+    colorDef.type === "continuous" && /* @__PURE__ */ jsx(ContinuousLegend, { colorDef, palette, dark }),
+    colorDef.type === "categorical" && /* @__PURE__ */ jsx(CategoricalLegend, { colorDef, palette, dark })
+  ] }) });
+}
+function ContinuousLegend({
+  colorDef,
+  palette,
+  dark
+}) {
+  var _a;
+  const [min, max] = (_a = colorDef.domain) != null ? _a : [0, 1];
+  const gradient = `linear-gradient(to right, ${palette.join(", ")})`;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-2.5 w-36 rounded-sm",
+        style: { background: gradient }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: `flex justify-between mt-0.5 text-[10px] ${dark ? "text-gray-400" : "text-gray-500"}`, children: [
+      /* @__PURE__ */ jsx("span", { children: min }),
+      /* @__PURE__ */ jsx("span", { children: max })
+    ] })
+  ] });
+}
+function CategoricalLegend({
+  colorDef,
+  palette,
+  dark
+}) {
+  var _a;
+  const categories = (_a = colorDef.categories) != null ? _a : [];
+  if (categories.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: categories.map((cat, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "w-2.5 h-2.5 rounded-sm shrink-0",
+        style: { background: palette[i % palette.length] }
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: `truncate ${dark ? "text-gray-300" : "text-gray-600"}`, children: cat })
+  ] }, cat)) });
+}
+function MapRenderer({ spec }) {
+  const containerRef = useRef(null);
+  const mapRef = useRef(null);
+  const markersRef = useRef(/* @__PURE__ */ new Map());
+  const portalsRef = useRef(/* @__PURE__ */ new Map());
+  const [, setPortalVersion] = useState(0);
+  const pendingLayerSyncRef = useRef(false);
+  const layerSpecsRef = useRef({});
+  const layerHandlersRef = useRef({});
+  const layerTooltipPopupRef = useRef(null);
+  const layerTooltipContainerRef = useRef(null);
+  const [layerTooltip, setLayerTooltip] = useState(
+    null
+  );
+  function addMarker(map, id, ms) {
+    var _a;
+    const color = ms.color || "#3b82f6";
+    const hasIcon = !!ms.icon;
+    const el = document.createElement("div");
+    el.style.cssText = hasIcon ? "width:28px;height:28px;cursor:pointer;" : "width:16px;height:16px;cursor:pointer;";
+    el.dataset.color = color;
+    if (ms.icon) el.dataset.icon = ms.icon;
+    const marker = new maplibregl.Marker({
+      element: el,
+      anchor: "center",
+      draggable: (_a = ms.draggable) != null ? _a : false
+    }).setLngLat(ms.coordinates).addTo(map);
+    const portals = { markerEl: el };
+    if (ms.popup) {
+      const container = document.createElement("div");
+      const popup = new maplibregl.Popup({
+        offset: 16,
+        closeButton: false,
+        maxWidth: "none"
+      }).setDOMContent(container);
+      marker.setPopup(popup);
+      portals.popupContainer = container;
+    }
+    if (ms.tooltip) {
+      const container = document.createElement("div");
+      const tooltipPopup = new maplibregl.Popup({
+        offset: 16,
+        closeButton: false,
+        closeOnClick: false,
+        maxWidth: "none"
+      }).setDOMContent(container);
+      el.addEventListener("mouseenter", () => {
+        var _a2;
+        if ((_a2 = marker.getPopup()) == null ? void 0 : _a2.isOpen()) return;
+        tooltipPopup.setLngLat(marker.getLngLat()).addTo(map);
+      });
+      el.addEventListener("mouseleave", () => {
+        tooltipPopup.remove();
+      });
+      portals.tooltipContainer = container;
+      portals.tooltipPopup = tooltipPopup;
+    }
+    markersRef.current.set(id, marker);
+    portalsRef.current.set(id, portals);
+  }
+  function removeMarker(id) {
+    var _a, _b, _c;
+    (_a = markersRef.current.get(id)) == null ? void 0 : _a.remove();
+    markersRef.current.delete(id);
+    (_c = (_b = portalsRef.current.get(id)) == null ? void 0 : _b.tooltipPopup) == null ? void 0 : _c.remove();
+    portalsRef.current.delete(id);
+  }
+  function addGeoJsonLayer(map, id, layer) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    const sourceId = `jm-${id}`;
+    try {
+      const style = (_a = layer.style) != null ? _a : {};
+      const opacity = (_b = style.opacity) != null ? _b : 0.8;
+      const isClustered = layer.cluster === true;
+      const clOpts = (_c = layer.clusterOptions) != null ? _c : {};
+      const sourceOpts = {
+        type: "geojson",
+        data: layer.data
+      };
+      if (isClustered) {
+        sourceOpts.cluster = true;
+        sourceOpts.clusterRadius = (_d = clOpts.radius) != null ? _d : 50;
+        sourceOpts.clusterMaxZoom = (_e = clOpts.maxZoom) != null ? _e : 14;
+        sourceOpts.clusterMinPoints = (_f = clOpts.minPoints) != null ? _f : 2;
+      }
+      map.addSource(sourceId, sourceOpts);
+      const fillColor = colorValueToExpression((_g = style.fillColor) != null ? _g : "#3b82f6");
+      map.addLayer({
+        id: `${sourceId}-fill`,
+        type: "fill",
+        source: sourceId,
+        filter: [
+          "any",
+          ["==", ["geometry-type"], "Polygon"],
+          ["==", ["geometry-type"], "MultiPolygon"]
+        ],
+        paint: {
+          "fill-color": fillColor,
+          "fill-opacity": opacity
+        }
+      });
+      const lineColor = colorValueToExpression((_h = style.lineColor) != null ? _h : "#333333");
+      map.addLayer({
+        id: `${sourceId}-line`,
+        type: "line",
+        source: sourceId,
+        paint: {
+          "line-color": lineColor,
+          "line-width": (_i = style.lineWidth) != null ? _i : 1,
+          "line-opacity": Math.min(opacity + 0.1, 1)
+        }
+      });
+      const pointColor = colorValueToExpression(
+        (_k = (_j = style.pointColor) != null ? _j : style.fillColor) != null ? _k : "#3b82f6"
+      );
+      const circleFilter = isClustered ? ["all", ["!", ["has", "point_count"]], ["any", ["==", ["geometry-type"], "Point"], ["==", ["geometry-type"], "MultiPoint"]]] : ["any", ["==", ["geometry-type"], "Point"], ["==", ["geometry-type"], "MultiPoint"]];
+      map.addLayer({
+        id: `${sourceId}-circle`,
+        type: "circle",
+        source: sourceId,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        filter: circleFilter,
+        paint: {
+          "circle-color": pointColor,
+          "circle-radius": sizeValueToExpression((_l = style.pointRadius) != null ? _l : 5, 5),
+          "circle-opacity": opacity,
+          "circle-stroke-width": (_m = style.lineWidth) != null ? _m : 1,
+          "circle-stroke-color": lineColor
+        }
+      });
+      if (isClustered) {
+        const colors = (_n = clOpts.colors) != null ? _n : ["#22c55e", "#eab308", "#ef4444"];
+        map.addLayer({
+          id: `${sourceId}-cluster`,
+          type: "circle",
+          source: sourceId,
+          filter: ["has", "point_count"],
+          paint: {
+            "circle-color": ["step", ["get", "point_count"], colors[0], 100, colors[1], 750, colors[2]],
+            "circle-radius": ["step", ["get", "point_count"], 20, 100, 30, 750, 40],
+            "circle-stroke-width": 1,
+            "circle-stroke-color": "#fff",
+            "circle-opacity": 0.85
+          }
+        });
+        map.addLayer({
+          id: `${sourceId}-cluster-count`,
+          type: "symbol",
+          source: sourceId,
+          filter: ["has", "point_count"],
+          layout: {
+            "text-field": "{point_count_abbreviated}",
+            "text-size": 12
+          },
+          paint: { "text-color": "#fff" }
+        });
+        const onClusterClick = async (e) => {
+          var _a2;
+          const features = map.queryRenderedFeatures(e.point, { layers: [`${sourceId}-cluster`] });
+          if (!features.length) return;
+          const clusterId = (_a2 = features[0].properties) == null ? void 0 : _a2.cluster_id;
+          const source = map.getSource(sourceId);
+          const zoom = await source.getClusterExpansionZoom(clusterId);
+          map.easeTo({ center: features[0].geometry.coordinates, zoom });
+        };
+        map.on("click", `${sourceId}-cluster`, onClusterClick);
+        map.on("mouseenter", `${sourceId}-cluster`, () => {
+          map.getCanvas().style.cursor = "pointer";
+        });
+        map.on("mouseleave", `${sourceId}-cluster`, () => {
+          map.getCanvas().style.cursor = "";
+        });
+        const clusterHandlers = [
+          { event: "click", layer: `${sourceId}-cluster`, handler: onClusterClick }
+        ];
+        layerHandlersRef.current[`${sourceId}-cluster`] = clusterHandlers;
+      }
+      if (layer.tooltip && layer.tooltip.length > 0) {
+        const columns = layer.tooltip;
+        const subLayers = [
+          `${sourceId}-fill`,
+          `${sourceId}-circle`,
+          `${sourceId}-line`
+        ];
+        const handlers = [];
+        for (const subLayer of subLayers) {
+          const onMove = (e) => {
+            var _a2;
+            if (!e.features || e.features.length === 0) return;
+            const props = (_a2 = e.features[0].properties) != null ? _a2 : {};
+            map.getCanvas().style.cursor = "pointer";
+            setLayerTooltip({ properties: props, columns });
+            const popup = layerTooltipPopupRef.current;
+            if (popup) {
+              popup.setLngLat(e.lngLat).addTo(map);
+            }
+          };
+          const onLeave = () => {
+            var _a2;
+            map.getCanvas().style.cursor = "";
+            setLayerTooltip(null);
+            (_a2 = layerTooltipPopupRef.current) == null ? void 0 : _a2.remove();
+          };
+          map.on("mousemove", subLayer, onMove);
+          map.on("mouseleave", subLayer, onLeave);
+          handlers.push({ event: "mousemove", layer: subLayer, handler: onMove });
+          handlers.push({ event: "mouseleave", layer: subLayer, handler: onLeave });
+        }
+        layerHandlersRef.current[sourceId] = handlers;
+      }
+    } catch (err) {
+      console.warn(`[json-maps] Failed to add layer "${id}":`, err);
+      try {
+        removeLayer(map, id);
+      } catch (e) {
+      }
+    }
+  }
+  function addRouteLayer(map, id, layer) {
+    var _a, _b, _c, _d;
+    const sourceId = `jm-${id}`;
+    try {
+      const style = (_a = layer.style) != null ? _a : {};
+      map.addSource(sourceId, {
+        type: "geojson",
+        data: {
+          type: "Feature",
+          properties: {},
+          geometry: { type: "LineString", coordinates: layer.coordinates }
+        }
+      });
+      const paint = {
+        "line-color": (_b = style.color) != null ? _b : "#3b82f6",
+        "line-width": (_c = style.width) != null ? _c : 3,
+        "line-opacity": (_d = style.opacity) != null ? _d : 0.8
+      };
+      if (style.dashed) {
+        paint["line-dasharray"] = [6, 3];
+      }
+      map.addLayer({
+        id: `${sourceId}-line`,
+        type: "line",
+        source: sourceId,
+        layout: { "line-join": "round", "line-cap": "round" },
+        paint
+      });
+    } catch (err) {
+      console.warn(`[json-maps] Failed to add route "${id}":`, err);
+      try {
+        removeLayer(map, id);
+      } catch (e) {
+      }
+    }
+  }
+  function removeLayer(map, id) {
+    const sourceId = `jm-${id}`;
+    for (const key of [sourceId, `${sourceId}-cluster`]) {
+      const handlers = layerHandlersRef.current[key];
+      if (handlers) {
+        for (const h of handlers) {
+          map.off(h.event, h.layer, h.handler);
+        }
+        delete layerHandlersRef.current[key];
+      }
+    }
+    const subLayers = [
+      `${sourceId}-cluster-count`,
+      `${sourceId}-cluster`,
+      `${sourceId}-circle`,
+      `${sourceId}-line`,
+      `${sourceId}-fill`
+    ];
+    for (const layerId of subLayers) {
+      if (map.getLayer(layerId)) map.removeLayer(layerId);
+    }
+    if (map.getSource(sourceId)) map.removeSource(sourceId);
+  }
+  const syncMarkers = useCallback(() => {
+    var _a, _b, _c;
+    const map = mapRef.current;
+    if (!map) return;
+    const specMarkers = (_a = spec.markers) != null ? _a : {};
+    for (const id of [...markersRef.current.keys()]) {
+      if (!specMarkers[id]) removeMarker(id);
+    }
+    for (const [id, ms] of Object.entries(specMarkers)) {
+      const existing = markersRef.current.get(id);
+      if (existing) {
+        existing.setLngLat(ms.coordinates);
+        const el = existing.getElement();
+        if (el.dataset.color !== ((_b = ms.color) != null ? _b : "") || el.dataset.icon !== ((_c = ms.icon) != null ? _c : "")) {
+          removeMarker(id);
+          addMarker(map, id, ms);
+        }
+      } else {
+        addMarker(map, id, ms);
+      }
+    }
+    setPortalVersion((v) => v + 1);
+  }, [spec.markers]);
+  const syncLayers = useCallback(() => {
+    var _a;
+    const map = mapRef.current;
+    if (!map) return;
+    if (!map.isStyleLoaded()) {
+      if (!pendingLayerSyncRef.current) {
+        pendingLayerSyncRef.current = true;
+        const check = () => {
+          if (!mapRef.current || !pendingLayerSyncRef.current) return;
+          if (mapRef.current.isStyleLoaded()) {
+            pendingLayerSyncRef.current = false;
+            syncLayersRef.current();
+          } else {
+            requestAnimationFrame(check);
+          }
+        };
+        requestAnimationFrame(check);
+      }
+      return;
+    }
+    pendingLayerSyncRef.current = false;
+    const specLayers = (_a = spec.layers) != null ? _a : {};
+    const prevSpecs = layerSpecsRef.current;
+    for (const id of Object.keys(prevSpecs)) {
+      if (!specLayers[id]) {
+        removeLayer(map, id);
+        delete prevSpecs[id];
+      }
+    }
+    for (const [id, layerSpec] of Object.entries(specLayers)) {
+      const serialized = JSON.stringify(layerSpec);
+      const sourceExists = !!map.getSource(`jm-${id}`);
+      if (prevSpecs[id] === serialized && sourceExists) continue;
+      if (sourceExists) {
+        removeLayer(map, id);
+      }
+      if (layerSpec.type === "route") {
+        addRouteLayer(map, id, layerSpec);
+      } else {
+        addGeoJsonLayer(map, id, layerSpec);
+      }
+      prevSpecs[id] = serialized;
+    }
+  }, [spec.layers]);
+  const syncMarkersRef = useRef(syncMarkers);
+  const syncLayersRef = useRef(syncLayers);
+  useEffect(() => {
+    syncMarkersRef.current = syncMarkers;
+  }, [syncMarkers]);
+  useEffect(() => {
+    syncLayersRef.current = syncLayers;
+  }, [syncLayers]);
+  useEffect(() => {
+    var _a, _b, _c, _d, _e;
+    if (!containerRef.current) return;
+    const map = new maplibregl.Map({
+      container: containerRef.current,
+      style: (_a = resolveBasemapStyle(spec.basemap)) != null ? _a : resolveBasemapStyle(),
+      center: (_b = spec.center) != null ? _b : DEFAULT_CENTER,
+      zoom: (_c = spec.zoom) != null ? _c : DEFAULT_ZOOM,
+      pitch: (_d = spec.pitch) != null ? _d : 0,
+      bearing: (_e = spec.bearing) != null ? _e : 0,
+      attributionControl: false
+    });
+    map.on("load", () => {
+      if (spec.bounds) {
+        map.fitBounds(spec.bounds, {
+          padding: 40,
+          duration: 0
+        });
+      }
+      syncLayersRef.current();
+    });
+    const tooltipContainer = document.createElement("div");
+    const tooltipPopup = new maplibregl.Popup({
+      offset: 12,
+      closeButton: false,
+      closeOnClick: false,
+      maxWidth: "none"
+    }).setDOMContent(tooltipContainer);
+    layerTooltipContainerRef.current = tooltipContainer;
+    layerTooltipPopupRef.current = tooltipPopup;
+    mapRef.current = map;
+    return () => {
+      for (const id of markersRef.current.keys()) removeMarker(id);
+      markersRef.current.clear();
+      portalsRef.current.clear();
+      tooltipPopup.remove();
+      layerTooltipPopupRef.current = null;
+      layerTooltipContainerRef.current = null;
+      layerSpecsRef.current = {};
+      map.remove();
+      mapRef.current = null;
+    };
+  }, []);
+  const prevBasemapRef = useRef(spec.basemap);
+  useEffect(() => {
+    const map = mapRef.current;
+    if (!map) return;
+    if (prevBasemapRef.current === spec.basemap) return;
+    prevBasemapRef.current = spec.basemap;
+    const style = resolveBasemapStyle(spec.basemap);
+    if (style) {
+      map.setStyle(style);
+      map.once("styledata", () => {
+        syncMarkersRef.current();
+        syncLayersRef.current();
+      });
+    }
+  }, [spec.basemap]);
+  useEffect(() => {
+    var _a, _b, _c, _d;
+    if (!mapRef.current) return;
+    if (spec.bounds) {
+      mapRef.current.fitBounds(
+        spec.bounds,
+        { padding: 40 }
+      );
+      return;
+    }
+    const markers = spec.markers ? Object.values(spec.markers) : [];
+    if (markers.length > 0) {
+      const lngs = markers.map((m) => m.coordinates[0]);
+      const lats = markers.map((m) => m.coordinates[1]);
+      let west = Math.min(...lngs);
+      let south = Math.min(...lats);
+      let east = Math.max(...lngs);
+      let north = Math.max(...lats);
+      const MIN_SPAN = 0.01;
+      if (east - west < MIN_SPAN) {
+        const midLng = (west + east) / 2;
+        west = midLng - MIN_SPAN / 2;
+        east = midLng + MIN_SPAN / 2;
+      }
+      if (north - south < MIN_SPAN) {
+        const midLat = (north + south) / 2;
+        south = midLat - MIN_SPAN / 2;
+        north = midLat + MIN_SPAN / 2;
+      }
+      mapRef.current.fitBounds([west, south, east, north], {
+        padding: { top: 100, bottom: 100, left: 100, right: 100 },
+        maxZoom: 15
+      });
+      return;
+    }
+    mapRef.current.flyTo({
+      center: (_a = spec.center) != null ? _a : DEFAULT_CENTER,
+      zoom: (_b = spec.zoom) != null ? _b : DEFAULT_ZOOM,
+      pitch: (_c = spec.pitch) != null ? _c : 0,
+      bearing: (_d = spec.bearing) != null ? _d : 0
+    });
+  }, [spec.center, spec.zoom, spec.pitch, spec.bearing, spec.bounds, spec.markers]);
+  useEffect(() => {
+    syncMarkers();
+  }, [syncMarkers]);
+  useEffect(() => {
+    syncLayers();
+  }, [syncLayers]);
+  const entries = Array.from(portalsRef.current.entries());
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative w-full h-full", children: [
+      spec.controls && /* @__PURE__ */ jsx(
+        MapControls,
+        {
+          controls: spec.controls,
+          mapRef,
+          containerRef
+        }
+      ),
+      spec.legend && Object.entries(spec.legend).map(([id, leg]) => {
+        var _a;
+        const layer = (_a = spec.layers) == null ? void 0 : _a[leg.layer];
+        const geoLayer = layer && layer.type === "geojson" ? layer : null;
+        return /* @__PURE__ */ jsx(MapLegend, { legendSpec: leg, layerSpec: geoLayer, dark: spec.basemap === "dark" }, id);
+      })
+    ] }),
+    entries.map(([id, p]) => {
+      var _a;
+      const ms = (_a = spec.markers) == null ? void 0 : _a[id];
+      if (!ms) return null;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        createPortal(
+          /* @__PURE__ */ jsx(MarkerDot, { color: ms.color || "#3b82f6", icon: ms.icon, label: ms.label }),
+          p.markerEl
+        ),
+        p.popupContainer && ms.popup && createPortal(
+          /* @__PURE__ */ jsx(PopupContent, { markerSpec: ms }),
+          p.popupContainer
+        ),
+        p.tooltipContainer && ms.tooltip && createPortal(
+          /* @__PURE__ */ jsx(TooltipContent, { text: ms.tooltip }),
+          p.tooltipContainer
+        )
+      ] }, id);
+    }),
+    layerTooltipContainerRef.current && layerTooltip && createPortal(
+      /* @__PURE__ */ jsx(
+        LayerTooltipContent,
+        {
+          properties: layerTooltip.properties,
+          columns: layerTooltip.columns
+        }
+      ),
+      layerTooltipContainerRef.current
+    )
+  ] });
+}
+export {
+  BASEMAP_STYLES,
+  MapRenderer,
+  PALETTES,
+  resolveBasemapStyle
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/map-renderer.tsx","../lib/spec.ts","../lib/palettes.ts"],"sourcesContent":["\"use client\";\n\nimport { Fragment, useEffect, useRef, useCallback, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport maplibregl from \"maplibre-gl\";\nimport \"maplibre-gl/dist/maplibre-gl.css\";\nimport {\n  type MapSpec,\n  type MarkerSpec,\n  type GeoJsonLayerSpec,\n  type RouteLayerSpec,\n  type ControlsSpec,\n  type LegendSpec,\n  type ColorValue,\n  type ContinuousColor,\n  type CategoricalColor,\n  type SizeValue,\n  resolveBasemapStyle,\n} from \"@/lib/spec\";\nimport { PALETTES } from \"@/lib/palettes\";\nimport { DynamicIcon } from \"lucide-react/dynamic\";\n\nconst DEFAULT_CENTER: [number, number] = [0, 20];\nconst DEFAULT_ZOOM = 1.5;\n\n/* ------------------------------------------------------------------ */\n/*  Color helpers                                                      */\n/* ------------------------------------------------------------------ */\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction colorValueToExpression(color: ColorValue): any {\n  if (typeof color === \"string\") return color;\n\n  const palette = PALETTES[color.palette];\n  if (!palette || palette.length === 0) return \"#888888\";\n\n  if (color.type === \"continuous\") {\n    const [min, max] = color.domain ?? [0, 1];\n    const steps = palette.length;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const expr: any[] = [\"interpolate\", [\"linear\"], [\"get\", color.attr]];\n    for (let i = 0; i < steps; i++) {\n      expr.push(min + (max - min) * (i / (steps - 1)));\n      expr.push(palette[i]);\n    }\n    return expr;\n  }\n\n  if (color.type === \"categorical\") {\n    if (!color.categories || color.categories.length === 0)\n      return palette[0] ?? \"#888888\";\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const expr: any[] = [\"match\", [\"get\", color.attr]];\n    for (let i = 0; i < color.categories.length; i++) {\n      expr.push(color.categories[i]);\n      expr.push(palette[i % palette.length]);\n    }\n    expr.push(color.nullColor ?? \"#cccccc\");\n    return expr;\n  }\n\n  return \"#888888\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction sizeValueToExpression(size: SizeValue, fallback: number): any {\n  if (typeof size === \"number\") return size;\n  if (size.type === \"continuous\") {\n    const [dMin, dMax] = size.domain;\n    const [rMin, rMax] = size.range;\n    return [\"interpolate\", [\"linear\"], [\"get\", size.attr], dMin, rMin, dMax, rMax];\n  }\n  return fallback;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Portal content components                                          */\n/* ------------------------------------------------------------------ */\n\nfunction MarkerDot({ color, icon, label }: { color: string; icon?: string; label?: string }) {\n  return (\n    <>\n      {icon ? (\n        <div\n          className=\"flex items-center justify-center w-7 h-7 rounded-full border-2 border-white shadow-lg transition-transform duration-150 hover:scale-[1.15]\"\n          style={{ background: color }}\n        >\n          {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n          <DynamicIcon name={icon as any} size={16} color=\"#ffffff\" strokeWidth={2.5} />\n        </div>\n      ) : (\n        <div\n          className=\"h-4 w-4 rounded-full border-2 border-white shadow-lg transition-transform duration-150 hover:scale-[1.3]\"\n          style={{ background: color }}\n        />\n      )}\n      {label && (\n        <div\n          className=\"absolute top-full left-1/2 -translate-x-1/2 mt-1 whitespace-nowrap text-[10px] font-medium pointer-events-none\"\n          style={{\n            textShadow:\n              \"0 0 4px rgba(255,255,255,0.9), 0 0 4px rgba(255,255,255,0.9)\",\n          }}\n        >\n          {label}\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction PopupContent({ markerSpec }: { markerSpec: MarkerSpec }) {\n  const popup = markerSpec.popup;\n  if (!popup) return null;\n\n  const isRich = typeof popup === \"object\";\n  const title = isRich ? popup.title : markerSpec.label;\n  const description = isRich ? popup.description : popup;\n  const image = isRich ? popup.image : undefined;\n\n  return (\n    <div className=\"relative rounded-md border border-border bg-popover text-popover-foreground shadow-md overflow-hidden max-w-[260px]\">\n      {image && (\n        <div className=\"h-32 overflow-hidden\">\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img\n            src={image}\n            alt={title ?? \"\"}\n            className=\"w-full h-full object-cover\"\n          />\n        </div>\n      )}\n      <div className=\"p-3 space-y-1\">\n        {title && (\n          <div className=\"font-semibold text-sm leading-tight\">{title}</div>\n        )}\n        {description && (\n          <div className=\"text-xs text-muted-foreground leading-relaxed\">\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction TooltipContent({ text }: { text: string }) {\n  return (\n    <div className=\"rounded-md bg-foreground px-2 py-1 text-xs text-background shadow-md whitespace-nowrap\">\n      {text}\n    </div>\n  );\n}\n\ninterface LayerTooltipData {\n  properties: Record<string, unknown>;\n  columns: string[];\n}\n\nfunction LayerTooltipContent({ properties, columns }: LayerTooltipData) {\n  return (\n    <div className=\"rounded-md border border-border bg-popover text-popover-foreground shadow-md px-3 py-2 max-w-[280px]\">\n      <div className=\"space-y-0.5\">\n        {columns.map((col) => {\n          const value = properties[col];\n          if (value === undefined || value === null) return null;\n          return (\n            <div key={col} className=\"flex gap-2 text-xs leading-relaxed\">\n              <span className=\"text-muted-foreground shrink-0\">\n                {col}\n              </span>\n              <span className=\"font-medium truncate\">{String(value)}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Map controls                                                       */\n/* ------------------------------------------------------------------ */\n\nconst POSITION_CLASSES: Record<string, string> = {\n  \"top-left\": \"top-2 left-2\",\n  \"top-right\": \"top-2 right-2\",\n  \"bottom-left\": \"bottom-2 left-2\",\n  \"bottom-right\": \"bottom-2 right-2\",\n};\n\nfunction ControlButton({\n  onClick,\n  title,\n  children,\n}: {\n  onClick: () => void;\n  title: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <button\n      onClick={onClick}\n      title={title}\n      className=\"flex items-center justify-center w-[29px] h-[29px] bg-white hover:bg-gray-100 text-gray-700 border-0 cursor-pointer transition-colors duration-150\"\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction MapControls({\n  controls,\n  mapRef,\n  containerRef,\n}: {\n  controls: ControlsSpec;\n  mapRef: React.RefObject<maplibregl.Map | null>;\n  containerRef: React.RefObject<HTMLDivElement | null>;\n}) {\n  const position = controls.position ?? \"top-right\";\n  const posClass = POSITION_CLASSES[position] ?? POSITION_CLASSES[\"top-right\"];\n  const [bearing, setBearing] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n\n  // Track bearing for compass rotation\n  useEffect(() => {\n    const map = mapRef.current;\n    if (!map || !controls.compass) return;\n    const onRotate = () => setBearing(map.getBearing());\n    map.on(\"rotate\", onRotate);\n    return () => { map.off(\"rotate\", onRotate); };\n  }, [mapRef, controls.compass]);\n\n  // Track fullscreen changes\n  useEffect(() => {\n    const onChange = () => setIsFullscreen(!!document.fullscreenElement);\n    document.addEventListener(\"fullscreenchange\", onChange);\n    return () => document.removeEventListener(\"fullscreenchange\", onChange);\n  }, []);\n\n  const showZoom = controls.zoom !== false;\n  const showCompass = controls.compass !== false;\n\n  return (\n    <div className={`absolute ${posClass} z-10 flex flex-col gap-1.5`}>\n      {/* Zoom controls */}\n      {showZoom && (\n        <div className=\"rounded-md overflow-hidden shadow-md divide-y divide-gray-200 border border-gray-200\">\n          <ControlButton\n            onClick={() => mapRef.current?.zoomIn()}\n            title=\"Zoom in\"\n          >\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n              <line x1=\"7\" y1=\"2\" x2=\"7\" y2=\"12\" />\n              <line x1=\"2\" y1=\"7\" x2=\"12\" y2=\"7\" />\n            </svg>\n          </ControlButton>\n          <ControlButton\n            onClick={() => mapRef.current?.zoomOut()}\n            title=\"Zoom out\"\n          >\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n              <line x1=\"2\" y1=\"7\" x2=\"12\" y2=\"7\" />\n            </svg>\n          </ControlButton>\n        </div>\n      )}\n\n      {/* Compass */}\n      {showCompass && (\n        <div className=\"rounded-md overflow-hidden shadow-md border border-gray-200\">\n          <ControlButton\n            onClick={() => mapRef.current?.easeTo({ bearing: 0, pitch: 0 })}\n            title=\"Reset bearing\"\n          >\n            <svg\n              width=\"14\"\n              height=\"14\"\n              viewBox=\"0 0 14 14\"\n              fill=\"none\"\n              style={{ transform: `rotate(${-bearing}deg)`, transition: \"transform 0.2s\" }}\n            >\n              <polygon points=\"7,1 9,7 7,6 5,7\" fill=\"#e74c3c\" />\n              <polygon points=\"7,13 5,7 7,8 9,7\" fill=\"#94a3b8\" />\n            </svg>\n          </ControlButton>\n        </div>\n      )}\n\n      {/* Locate */}\n      {controls.locate && (\n        <div className=\"rounded-md overflow-hidden shadow-md border border-gray-200\">\n          <ControlButton\n            onClick={() => {\n              navigator.geolocation.getCurrentPosition(\n                (pos) => {\n                  mapRef.current?.flyTo({\n                    center: [pos.coords.longitude, pos.coords.latitude],\n                    zoom: 14,\n                  });\n                },\n                () => {},\n              );\n            }}\n            title=\"My location\"\n          >\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\">\n              <circle cx=\"7\" cy=\"7\" r=\"3\" />\n              <line x1=\"7\" y1=\"0\" x2=\"7\" y2=\"3\" />\n              <line x1=\"7\" y1=\"11\" x2=\"7\" y2=\"14\" />\n              <line x1=\"0\" y1=\"7\" x2=\"3\" y2=\"7\" />\n              <line x1=\"11\" y1=\"7\" x2=\"14\" y2=\"7\" />\n            </svg>\n          </ControlButton>\n        </div>\n      )}\n\n      {/* Fullscreen */}\n      {controls.fullscreen && (\n        <div className=\"rounded-md overflow-hidden shadow-md border border-gray-200\">\n          <ControlButton\n            onClick={() => {\n              if (document.fullscreenElement) {\n                document.exitFullscreen();\n              } else {\n                containerRef.current?.requestFullscreen();\n              }\n            }}\n            title={isFullscreen ? \"Exit fullscreen\" : \"Fullscreen\"}\n          >\n            {isFullscreen ? (\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\">\n                <polyline points=\"5,1 5,5 1,5\" />\n                <polyline points=\"9,1 9,5 13,5\" />\n                <polyline points=\"5,13 5,9 1,9\" />\n                <polyline points=\"9,13 9,9 13,9\" />\n              </svg>\n            ) : (\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\">\n                <polyline points=\"1,5 1,1 5,1\" />\n                <polyline points=\"9,1 13,1 13,5\" />\n                <polyline points=\"13,9 13,13 9,13\" />\n                <polyline points=\"5,13 1,13 1,9\" />\n              </svg>\n            )}\n          </ControlButton>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Legend                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction MapLegend({\n  legendSpec,\n  layerSpec,\n  dark,\n}: {\n  legendSpec: LegendSpec;\n  layerSpec: GeoJsonLayerSpec | null;\n  dark: boolean;\n}) {\n  if (!layerSpec || !layerSpec.style) return null;\n\n  const position = legendSpec.position ?? \"bottom-left\";\n  const posClass = POSITION_CLASSES[position] ?? POSITION_CLASSES[\"bottom-left\"];\n  const title = legendSpec.title ?? legendSpec.layer;\n  const style = layerSpec.style;\n\n  // Find the first data-driven color for the legend\n  const colorDef = (style.pointColor ?? style.fillColor ?? style.lineColor) as\n    | ContinuousColor\n    | CategoricalColor\n    | string\n    | undefined;\n\n  if (!colorDef || typeof colorDef === \"string\") return null;\n\n  const palette = PALETTES[colorDef.palette];\n  if (!palette || palette.length === 0) return null;\n\n  const cardClass = dark\n    ? \"rounded-md border border-white/10 bg-black/80 backdrop-blur-sm shadow-md px-3 py-2 text-xs\"\n    : \"rounded-md border border-gray-200 bg-white/95 backdrop-blur-sm shadow-md px-3 py-2 text-xs\";\n  const titleClass = dark ? \"font-semibold text-white mb-1.5\" : \"font-semibold text-gray-800 mb-1.5\";\n\n  return (\n    <div className={`absolute ${posClass} z-10`}>\n      <div className={cardClass}>\n        <div className={titleClass}>{title}</div>\n        {colorDef.type === \"continuous\" && (\n          <ContinuousLegend colorDef={colorDef} palette={palette} dark={dark} />\n        )}\n        {colorDef.type === \"categorical\" && (\n          <CategoricalLegend colorDef={colorDef} palette={palette} dark={dark} />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction ContinuousLegend({\n  colorDef,\n  palette,\n  dark,\n}: {\n  colorDef: ContinuousColor;\n  palette: string[];\n  dark: boolean;\n}) {\n  const [min, max] = colorDef.domain ?? [0, 1];\n  const gradient = `linear-gradient(to right, ${palette.join(\", \")})`;\n\n  return (\n    <div>\n      <div\n        className=\"h-2.5 w-36 rounded-sm\"\n        style={{ background: gradient }}\n      />\n      <div className={`flex justify-between mt-0.5 text-[10px] ${dark ? \"text-gray-400\" : \"text-gray-500\"}`}>\n        <span>{min}</span>\n        <span>{max}</span>\n      </div>\n    </div>\n  );\n}\n\nfunction CategoricalLegend({\n  colorDef,\n  palette,\n  dark,\n}: {\n  colorDef: CategoricalColor;\n  palette: string[];\n  dark: boolean;\n}) {\n  const categories = colorDef.categories ?? [];\n  if (categories.length === 0) return null;\n\n  return (\n    <div className=\"space-y-0.5\">\n      {categories.map((cat, i) => (\n        <div key={cat} className=\"flex items-center gap-1.5\">\n          <div\n            className=\"w-2.5 h-2.5 rounded-sm shrink-0\"\n            style={{ background: palette[i % palette.length] }}\n          />\n          <span className={`truncate ${dark ? \"text-gray-300\" : \"text-gray-600\"}`}>{cat}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Internal types                                                     */\n/* ------------------------------------------------------------------ */\n\ninterface MarkerPortals {\n  markerEl: HTMLDivElement;\n  popupContainer?: HTMLDivElement;\n  tooltipContainer?: HTMLDivElement;\n  tooltipPopup?: maplibregl.Popup;\n}\n\n/* ------------------------------------------------------------------ */\n/*  MapRenderer                                                        */\n/* ------------------------------------------------------------------ */\n\nexport function MapRenderer({ spec }: { spec: MapSpec }) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const mapRef = useRef<maplibregl.Map | null>(null);\n  const markersRef = useRef<Map<string, maplibregl.Marker>>(new Map());\n  const portalsRef = useRef<Map<string, MarkerPortals>>(new Map());\n  const [, setPortalVersion] = useState(0);\n\n  // Layer tracking\n  const pendingLayerSyncRef = useRef(false);\n  const layerSpecsRef = useRef<Record<string, string>>({});\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const layerHandlersRef = useRef<Record<string, Array<{ event: string; layer: string; handler: any }>>>({});\n  const layerTooltipPopupRef = useRef<maplibregl.Popup | null>(null);\n  const layerTooltipContainerRef = useRef<HTMLDivElement | null>(null);\n  const [layerTooltip, setLayerTooltip] = useState<LayerTooltipData | null>(\n    null,\n  );\n\n  /* ---- Marker helpers ---- */\n\n  function addMarker(map: maplibregl.Map, id: string, ms: MarkerSpec) {\n    const color = ms.color || \"#3b82f6\";\n    const hasIcon = !!ms.icon;\n\n    const el = document.createElement(\"div\");\n    el.style.cssText = hasIcon\n      ? \"width:28px;height:28px;cursor:pointer;\"\n      : \"width:16px;height:16px;cursor:pointer;\";\n    el.dataset.color = color;\n    if (ms.icon) el.dataset.icon = ms.icon;\n\n    const marker = new maplibregl.Marker({\n      element: el,\n      anchor: \"center\",\n      draggable: ms.draggable ?? false,\n    })\n      .setLngLat(ms.coordinates)\n      .addTo(map);\n\n    const portals: MarkerPortals = { markerEl: el };\n\n    if (ms.popup) {\n      const container = document.createElement(\"div\");\n      const popup = new maplibregl.Popup({\n        offset: 16,\n        closeButton: false,\n        maxWidth: \"none\",\n      }).setDOMContent(container);\n      marker.setPopup(popup);\n      portals.popupContainer = container;\n    }\n\n    if (ms.tooltip) {\n      const container = document.createElement(\"div\");\n      const tooltipPopup = new maplibregl.Popup({\n        offset: 16,\n        closeButton: false,\n        closeOnClick: false,\n        maxWidth: \"none\",\n      }).setDOMContent(container);\n\n      el.addEventListener(\"mouseenter\", () => {\n        if (marker.getPopup()?.isOpen()) return;\n        tooltipPopup.setLngLat(marker.getLngLat()).addTo(map);\n      });\n      el.addEventListener(\"mouseleave\", () => {\n        tooltipPopup.remove();\n      });\n\n      portals.tooltipContainer = container;\n      portals.tooltipPopup = tooltipPopup;\n    }\n\n    markersRef.current.set(id, marker);\n    portalsRef.current.set(id, portals);\n  }\n\n  function removeMarker(id: string) {\n    markersRef.current.get(id)?.remove();\n    markersRef.current.delete(id);\n    portalsRef.current.get(id)?.tooltipPopup?.remove();\n    portalsRef.current.delete(id);\n  }\n\n  /* ---- Layer helpers ---- */\n\n  function addGeoJsonLayer(\n    map: maplibregl.Map,\n    id: string,\n    layer: GeoJsonLayerSpec,\n  ) {\n    const sourceId = `jm-${id}`;\n\n    try {\n      const style = layer.style ?? {};\n      const opacity = style.opacity ?? 0.8;\n      const isClustered = layer.cluster === true;\n      const clOpts = layer.clusterOptions ?? {};\n\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const sourceOpts: any = {\n        type: \"geojson\",\n        data: layer.data as string | GeoJSON.GeoJSON,\n      };\n      if (isClustered) {\n        sourceOpts.cluster = true;\n        sourceOpts.clusterRadius = clOpts.radius ?? 50;\n        sourceOpts.clusterMaxZoom = clOpts.maxZoom ?? 14;\n        sourceOpts.clusterMinPoints = clOpts.minPoints ?? 2;\n      }\n      map.addSource(sourceId, sourceOpts);\n\n      // Fill layer (polygons)\n      const fillColor = colorValueToExpression(style.fillColor ?? \"#3b82f6\");\n      map.addLayer({\n        id: `${sourceId}-fill`,\n        type: \"fill\",\n        source: sourceId,\n        filter: [\n          \"any\",\n          [\"==\", [\"geometry-type\"], \"Polygon\"],\n          [\"==\", [\"geometry-type\"], \"MultiPolygon\"],\n        ],\n        paint: {\n          \"fill-color\": fillColor,\n          \"fill-opacity\": opacity,\n        },\n      });\n\n      // Line layer (lines + polygon outlines)\n      const lineColor = colorValueToExpression(style.lineColor ?? \"#333333\");\n      map.addLayer({\n        id: `${sourceId}-line`,\n        type: \"line\",\n        source: sourceId,\n        paint: {\n          \"line-color\": lineColor,\n          \"line-width\": style.lineWidth ?? 1,\n          \"line-opacity\": Math.min(opacity + 0.1, 1),\n        },\n      });\n\n      // Circle layer (points) — for non-clustered, or unclustered points in clustered mode\n      const pointColor = colorValueToExpression(\n        style.pointColor ?? style.fillColor ?? \"#3b82f6\",\n      );\n      const circleFilter = isClustered\n        ? [\"all\", [\"!\", [\"has\", \"point_count\"]], [\"any\", [\"==\", [\"geometry-type\"], \"Point\"], [\"==\", [\"geometry-type\"], \"MultiPoint\"]]]\n        : [\"any\", [\"==\", [\"geometry-type\"], \"Point\"], [\"==\", [\"geometry-type\"], \"MultiPoint\"]];\n      map.addLayer({\n        id: `${sourceId}-circle`,\n        type: \"circle\",\n        source: sourceId,\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        filter: circleFilter as any,\n        paint: {\n          \"circle-color\": pointColor,\n          \"circle-radius\": sizeValueToExpression(style.pointRadius ?? 5, 5),\n          \"circle-opacity\": opacity,\n          \"circle-stroke-width\": style.lineWidth ?? 1,\n          \"circle-stroke-color\": lineColor,\n        },\n      });\n\n      // Cluster layers\n      if (isClustered) {\n        const colors = clOpts.colors ?? [\"#22c55e\", \"#eab308\", \"#ef4444\"];\n        map.addLayer({\n          id: `${sourceId}-cluster`,\n          type: \"circle\",\n          source: sourceId,\n          filter: [\"has\", \"point_count\"],\n          paint: {\n            \"circle-color\": [\"step\", [\"get\", \"point_count\"], colors[0], 100, colors[1], 750, colors[2]],\n            \"circle-radius\": [\"step\", [\"get\", \"point_count\"], 20, 100, 30, 750, 40],\n            \"circle-stroke-width\": 1,\n            \"circle-stroke-color\": \"#fff\",\n            \"circle-opacity\": 0.85,\n          },\n        });\n        map.addLayer({\n          id: `${sourceId}-cluster-count`,\n          type: \"symbol\",\n          source: sourceId,\n          filter: [\"has\", \"point_count\"],\n          layout: {\n            \"text-field\": \"{point_count_abbreviated}\",\n            \"text-size\": 12,\n          },\n          paint: { \"text-color\": \"#fff\" },\n        });\n\n        // Click cluster to zoom in\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const onClusterClick = async (e: any) => {\n          const features = map.queryRenderedFeatures(e.point, { layers: [`${sourceId}-cluster`] });\n          if (!features.length) return;\n          const clusterId = features[0].properties?.cluster_id as number;\n          const source = map.getSource(sourceId) as maplibregl.GeoJSONSource;\n          const zoom = await source.getClusterExpansionZoom(clusterId);\n          map.easeTo({ center: (features[0].geometry as GeoJSON.Point).coordinates as [number, number], zoom });\n        };\n        map.on(\"click\", `${sourceId}-cluster`, onClusterClick);\n        map.on(\"mouseenter\", `${sourceId}-cluster`, () => { map.getCanvas().style.cursor = \"pointer\"; });\n        map.on(\"mouseleave\", `${sourceId}-cluster`, () => { map.getCanvas().style.cursor = \"\"; });\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const clusterHandlers: Array<{ event: string; layer: string; handler: any }> = [\n          { event: \"click\", layer: `${sourceId}-cluster`, handler: onClusterClick },\n        ];\n        layerHandlersRef.current[`${sourceId}-cluster`] = clusterHandlers;\n      }\n\n      // Hover tooltip\n      if (layer.tooltip && layer.tooltip.length > 0) {\n        const columns = layer.tooltip;\n        const subLayers = [\n          `${sourceId}-fill`,\n          `${sourceId}-circle`,\n          `${sourceId}-line`,\n        ];\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const handlers: Array<{ event: string; layer: string; handler: any }> = [];\n\n        for (const subLayer of subLayers) {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const onMove = (e: any) => {\n            if (!e.features || e.features.length === 0) return;\n            const props = (e.features[0].properties ?? {}) as Record<\n              string,\n              unknown\n            >;\n            map.getCanvas().style.cursor = \"pointer\";\n            setLayerTooltip({ properties: props, columns });\n\n            const popup = layerTooltipPopupRef.current;\n            if (popup) {\n              popup.setLngLat(e.lngLat).addTo(map);\n            }\n          };\n          const onLeave = () => {\n            map.getCanvas().style.cursor = \"\";\n            setLayerTooltip(null);\n            layerTooltipPopupRef.current?.remove();\n          };\n\n          map.on(\"mousemove\", subLayer, onMove);\n          map.on(\"mouseleave\", subLayer, onLeave);\n          handlers.push({ event: \"mousemove\", layer: subLayer, handler: onMove });\n          handlers.push({ event: \"mouseleave\", layer: subLayer, handler: onLeave });\n        }\n\n        layerHandlersRef.current[sourceId] = handlers;\n      }\n    } catch (err) {\n      console.warn(`[json-maps] Failed to add layer \"${id}\":`, err);\n      try { removeLayer(map, id); } catch { /* ignore */ }\n    }\n  }\n\n  function addRouteLayer(\n    map: maplibregl.Map,\n    id: string,\n    layer: RouteLayerSpec,\n  ) {\n    const sourceId = `jm-${id}`;\n\n    try {\n      const style = layer.style ?? {};\n\n      map.addSource(sourceId, {\n        type: \"geojson\",\n        data: {\n          type: \"Feature\",\n          properties: {},\n          geometry: { type: \"LineString\", coordinates: layer.coordinates },\n        },\n      });\n\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const paint: any = {\n        \"line-color\": style.color ?? \"#3b82f6\",\n        \"line-width\": style.width ?? 3,\n        \"line-opacity\": style.opacity ?? 0.8,\n      };\n      if (style.dashed) {\n        paint[\"line-dasharray\"] = [6, 3];\n      }\n\n      map.addLayer({\n        id: `${sourceId}-line`,\n        type: \"line\",\n        source: sourceId,\n        layout: { \"line-join\": \"round\", \"line-cap\": \"round\" },\n        paint,\n      });\n    } catch (err) {\n      console.warn(`[json-maps] Failed to add route \"${id}\":`, err);\n      try { removeLayer(map, id); } catch { /* ignore */ }\n    }\n  }\n\n  function removeLayer(map: maplibregl.Map, id: string) {\n    const sourceId = `jm-${id}`;\n\n    // Remove event listeners\n    for (const key of [sourceId, `${sourceId}-cluster`]) {\n      const handlers = layerHandlersRef.current[key];\n      if (handlers) {\n        for (const h of handlers) {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (map as any).off(h.event, h.layer, h.handler);\n        }\n        delete layerHandlersRef.current[key];\n      }\n    }\n\n    const subLayers = [\n      `${sourceId}-cluster-count`,\n      `${sourceId}-cluster`,\n      `${sourceId}-circle`,\n      `${sourceId}-line`,\n      `${sourceId}-fill`,\n    ];\n    for (const layerId of subLayers) {\n      if (map.getLayer(layerId)) map.removeLayer(layerId);\n    }\n    if (map.getSource(sourceId)) map.removeSource(sourceId);\n  }\n\n  /* ---- Sync functions ---- */\n\n  const syncMarkers = useCallback(() => {\n    const map = mapRef.current;\n    if (!map) return;\n\n    const specMarkers = spec.markers ?? {};\n\n    for (const id of [...markersRef.current.keys()]) {\n      if (!specMarkers[id]) removeMarker(id);\n    }\n\n    for (const [id, ms] of Object.entries(specMarkers)) {\n      const existing = markersRef.current.get(id);\n\n      if (existing) {\n        existing.setLngLat(ms.coordinates);\n        const el = existing.getElement();\n        if (el.dataset.color !== (ms.color ?? \"\") || el.dataset.icon !== (ms.icon ?? \"\")) {\n          removeMarker(id);\n          addMarker(map, id, ms);\n        }\n      } else {\n        addMarker(map, id, ms);\n      }\n    }\n\n    setPortalVersion((v) => v + 1);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [spec.markers]);\n\n  const syncLayers = useCallback(() => {\n    const map = mapRef.current;\n    if (!map) return;\n\n    if (!map.isStyleLoaded()) {\n      // Style not ready — poll via rAF until it is (one loop at a time)\n      if (!pendingLayerSyncRef.current) {\n        pendingLayerSyncRef.current = true;\n        const check = () => {\n          if (!mapRef.current || !pendingLayerSyncRef.current) return;\n          if (mapRef.current.isStyleLoaded()) {\n            pendingLayerSyncRef.current = false;\n            syncLayersRef.current();\n          } else {\n            requestAnimationFrame(check);\n          }\n        };\n        requestAnimationFrame(check);\n      }\n      return;\n    }\n\n    pendingLayerSyncRef.current = false;\n\n    const specLayers = spec.layers ?? {};\n    const prevSpecs = layerSpecsRef.current;\n\n    // Remove layers no longer in spec\n    for (const id of Object.keys(prevSpecs)) {\n      if (!specLayers[id]) {\n        removeLayer(map, id);\n        delete prevSpecs[id];\n      }\n    }\n\n    // Add or update layers\n    for (const [id, layerSpec] of Object.entries(specLayers)) {\n      const serialized = JSON.stringify(layerSpec);\n      const sourceExists = !!map.getSource(`jm-${id}`);\n\n      if (prevSpecs[id] === serialized && sourceExists) continue;\n\n      if (sourceExists) {\n        removeLayer(map, id);\n      }\n\n      if (layerSpec.type === \"route\") {\n        addRouteLayer(map, id, layerSpec);\n      } else {\n        addGeoJsonLayer(map, id, layerSpec);\n      }\n      prevSpecs[id] = serialized;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [spec.layers]);\n\n  // Refs so basemap effect can call latest sync without re-triggering setStyle\n  const syncMarkersRef = useRef(syncMarkers);\n  const syncLayersRef = useRef(syncLayers);\n  useEffect(() => { syncMarkersRef.current = syncMarkers; }, [syncMarkers]);\n  useEffect(() => { syncLayersRef.current = syncLayers; }, [syncLayers]);\n\n  /* ---- Effects ---- */\n\n  // Create map once\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    const map = new maplibregl.Map({\n      container: containerRef.current,\n      style: resolveBasemapStyle(spec.basemap) ?? resolveBasemapStyle()!,\n      center: spec.center ?? DEFAULT_CENTER,\n      zoom: spec.zoom ?? DEFAULT_ZOOM,\n      pitch: spec.pitch ?? 0,\n      bearing: spec.bearing ?? 0,\n      attributionControl: false,\n    });\n\n    // Sync layers after initial style load (addSource/addLayer need style ready)\n    map.on(\"load\", () => {\n      if (spec.bounds) {\n        map.fitBounds(spec.bounds as [number, number, number, number], {\n          padding: 40,\n          duration: 0,\n        });\n      }\n      syncLayersRef.current();\n    });\n\n    // Create layer tooltip popup (reused for all layers)\n    const tooltipContainer = document.createElement(\"div\");\n    const tooltipPopup = new maplibregl.Popup({\n      offset: 12,\n      closeButton: false,\n      closeOnClick: false,\n      maxWidth: \"none\",\n    }).setDOMContent(tooltipContainer);\n\n    layerTooltipContainerRef.current = tooltipContainer;\n    layerTooltipPopupRef.current = tooltipPopup;\n\n    mapRef.current = map;\n\n    return () => {\n      for (const id of markersRef.current.keys()) removeMarker(id);\n      markersRef.current.clear();\n      portalsRef.current.clear();\n      tooltipPopup.remove();\n      layerTooltipPopupRef.current = null;\n      layerTooltipContainerRef.current = null;\n      layerSpecsRef.current = {};\n      map.remove();\n      mapRef.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Track basemap to skip redundant setStyle on mount\n  const prevBasemapRef = useRef(spec.basemap);\n\n  // Update basemap — only when basemap actually changes (uses refs for sync callbacks)\n  useEffect(() => {\n    const map = mapRef.current;\n    if (!map) return;\n    // Skip on mount — init effect already set the style\n    if (prevBasemapRef.current === spec.basemap) return;\n    prevBasemapRef.current = spec.basemap;\n    const style = resolveBasemapStyle(spec.basemap);\n    if (style) {\n      map.setStyle(style);\n      map.once(\"styledata\", () => {\n        syncMarkersRef.current();\n        syncLayersRef.current();\n      });\n    }\n  }, [spec.basemap]);\n\n  // Update viewport\n  useEffect(() => {\n    if (!mapRef.current) return;\n\n    if (spec.bounds) {\n      mapRef.current.fitBounds(\n        spec.bounds as [number, number, number, number],\n        { padding: 40 },\n      );\n      return;\n    }\n\n    // Auto-fit to markers (takes priority over center+zoom)\n    const markers = spec.markers ? Object.values(spec.markers) : [];\n    if (markers.length > 0) {\n      const lngs = markers.map((m) => m.coordinates[0]);\n      const lats = markers.map((m) => m.coordinates[1]);\n      let west = Math.min(...lngs);\n      let south = Math.min(...lats);\n      let east = Math.max(...lngs);\n      let north = Math.max(...lats);\n      // Ensure a minimum span so fitBounds works with 1-2 close points\n      const MIN_SPAN = 0.01; // ~1km\n      if (east - west < MIN_SPAN) {\n        const midLng = (west + east) / 2;\n        west = midLng - MIN_SPAN / 2;\n        east = midLng + MIN_SPAN / 2;\n      }\n      if (north - south < MIN_SPAN) {\n        const midLat = (north + south) / 2;\n        south = midLat - MIN_SPAN / 2;\n        north = midLat + MIN_SPAN / 2;\n      }\n      mapRef.current.fitBounds([west, south, east, north], {\n        padding: { top: 100, bottom: 100, left: 100, right: 100 },\n        maxZoom: 15,\n      });\n      return;\n    }\n\n    mapRef.current.flyTo({\n      center: spec.center ?? DEFAULT_CENTER,\n      zoom: spec.zoom ?? DEFAULT_ZOOM,\n      pitch: spec.pitch ?? 0,\n      bearing: spec.bearing ?? 0,\n    });\n  }, [spec.center, spec.zoom, spec.pitch, spec.bearing, spec.bounds, spec.markers]);\n\n  // Sync markers\n  useEffect(() => {\n    syncMarkers();\n  }, [syncMarkers]);\n\n  // Sync layers (syncLayers internally polls if style isn't ready yet)\n  useEffect(() => {\n    syncLayers();\n  }, [syncLayers]);\n\n  /* ---- Render portals ---- */\n\n  const entries = Array.from(portalsRef.current.entries());\n\n  return (\n    <>\n      <div ref={containerRef} className=\"relative w-full h-full\">\n        {spec.controls && (\n          <MapControls\n            controls={spec.controls}\n            mapRef={mapRef}\n            containerRef={containerRef}\n          />\n        )}\n        {spec.legend &&\n          Object.entries(spec.legend).map(([id, leg]) => {\n            const layer = spec.layers?.[leg.layer];\n            const geoLayer = layer && layer.type === \"geojson\" ? layer : null;\n            return (\n              <MapLegend key={id} legendSpec={leg} layerSpec={geoLayer} dark={spec.basemap === \"dark\"} />\n            );\n          })}\n      </div>\n      {/* Marker portals */}\n      {entries.map(([id, p]) => {\n        const ms = spec.markers?.[id];\n        if (!ms) return null;\n        return (\n          <Fragment key={id}>\n            {createPortal(\n              <MarkerDot color={ms.color || \"#3b82f6\"} icon={ms.icon} label={ms.label} />,\n              p.markerEl,\n            )}\n            {p.popupContainer &&\n              ms.popup &&\n              createPortal(\n                <PopupContent markerSpec={ms} />,\n                p.popupContainer,\n              )}\n            {p.tooltipContainer &&\n              ms.tooltip &&\n              createPortal(\n                <TooltipContent text={ms.tooltip} />,\n                p.tooltipContainer,\n              )}\n          </Fragment>\n        );\n      })}\n      {/* Layer tooltip portal */}\n      {layerTooltipContainerRef.current &&\n        layerTooltip &&\n        createPortal(\n          <LayerTooltipContent\n            properties={layerTooltip.properties}\n            columns={layerTooltip.columns}\n          />,\n          layerTooltipContainerRef.current,\n        )}\n    </>\n  );\n}\n","export interface PopupSpec {\n  title?: string;\n  description?: string;\n  image?: string;\n}\n\nexport interface MarkerSpec {\n  coordinates: [number, number];\n  color?: string;\n  icon?: string;\n  label?: string;\n  tooltip?: string;\n  popup?: string | PopupSpec;\n  draggable?: boolean;\n}\n\n/* ---- Color system ---- */\n\nexport interface ContinuousColor {\n  type: \"continuous\";\n  attr: string;\n  palette: string;\n  domain?: [number, number];\n  nullColor?: string;\n}\n\nexport interface CategoricalColor {\n  type: \"categorical\";\n  attr: string;\n  palette: string;\n  categories?: string[];\n  nullColor?: string;\n}\n\nexport type ColorValue = string | ContinuousColor | CategoricalColor;\n\n/* ---- Data-driven size ---- */\n\nexport interface ContinuousSize {\n  type: \"continuous\";\n  attr: string;\n  domain: [number, number];\n  range: [number, number];\n}\n\nexport type SizeValue = number | ContinuousSize;\n\n/* ---- Layer system ---- */\n\nexport interface LayerStyle {\n  fillColor?: ColorValue;\n  pointColor?: ColorValue;\n  lineColor?: ColorValue;\n  lineWidth?: number;\n  pointRadius?: SizeValue;\n  opacity?: number;\n}\n\nexport interface ClusterOptions {\n  radius?: number;\n  maxZoom?: number;\n  minPoints?: number;\n  colors?: [string, string, string];\n}\n\nexport interface GeoJsonLayerSpec {\n  type: \"geojson\";\n  data: string | Record<string, unknown>;\n  style?: LayerStyle;\n  tooltip?: string[];\n  cluster?: boolean;\n  clusterOptions?: ClusterOptions;\n}\n\nexport interface RouteStyle {\n  color?: string;\n  width?: number;\n  opacity?: number;\n  dashed?: boolean;\n}\n\nexport interface RouteLayerSpec {\n  type: \"route\";\n  coordinates: [number, number][];\n  style?: RouteStyle;\n}\n\nexport type LayerSpec = GeoJsonLayerSpec | RouteLayerSpec;\n\n/* ---- Controls ---- */\n\nexport type ControlPosition =\n  | \"top-left\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-right\";\n\nexport interface ControlsSpec {\n  zoom?: boolean;\n  compass?: boolean;\n  fullscreen?: boolean;\n  locate?: boolean;\n  position?: ControlPosition;\n}\n\n/* ---- Legend ---- */\n\nexport interface LegendSpec {\n  layer: string;\n  title?: string;\n  position?: ControlPosition;\n}\n\n/* ---- Map spec ---- */\n\nexport interface MapSpec {\n  basemap?: \"light\" | \"dark\" | \"streets\" | (string & {});\n  center?: [number, number];\n  zoom?: number;\n  pitch?: number;\n  bearing?: number;\n  bounds?: [number, number, number, number];\n  markers?: Record<string, MarkerSpec>;\n  layers?: Record<string, LayerSpec>;\n  controls?: ControlsSpec;\n  legend?: Record<string, LegendSpec>;\n}\n\nexport const BASEMAP_STYLES: Record<string, string> = {\n  light: \"https://basemaps.cartocdn.com/gl/positron-gl-style/style.json\",\n  dark: \"https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json\",\n  streets: \"https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json\",\n};\n\nexport function resolveBasemapStyle(basemap?: string): string | null {\n  if (!basemap) return BASEMAP_STYLES.light!;\n  if (BASEMAP_STYLES[basemap]) return BASEMAP_STYLES[basemap]!;\n  if (basemap.startsWith(\"http\")) return basemap;\n  return null;\n}\n","// CartoColor palette values (7-step for sequential/diverging, 12 for categorical)\n// Source: https://carto.com/carto-colors/\n\nexport const PALETTES: Record<string, string[]> = {\n  // Sequential\n  Burg: [\"#ffc6c4\", \"#f4a3a8\", \"#e38191\", \"#cc607d\", \"#ad466c\", \"#8b3058\", \"#672044\"],\n  RedOr: [\"#f6d2a9\", \"#f5b78e\", \"#f19c7c\", \"#ea8171\", \"#dd686c\", \"#ca5268\", \"#b13f64\"],\n  OrYel: [\"#ecda9a\", \"#efc47e\", \"#f3ad6a\", \"#f7945d\", \"#f97b57\", \"#f66356\", \"#ee4d5a\"],\n  Peach: [\"#fde0c5\", \"#facba6\", \"#f8b58b\", \"#f2a275\", \"#e78f6a\", \"#d07c5e\", \"#b86b53\"],\n  PinkYl: [\"#fef6b5\", \"#ffdd9a\", \"#ffc285\", \"#ffa679\", \"#fa8a76\", \"#f16d7a\", \"#e15383\"],\n  Mint: [\"#e4f1e1\", \"#b4d9cc\", \"#89c0b6\", \"#63a6a0\", \"#448c8a\", \"#287274\", \"#0d585f\"],\n  BluGrn: [\"#c4e6c3\", \"#96d2a4\", \"#6dbc90\", \"#4da284\", \"#36877a\", \"#266c6e\", \"#1d4f60\"],\n  DarkMint: [\"#d2fbd4\", \"#a5dbc2\", \"#7bbcb0\", \"#559c9e\", \"#3a7c89\", \"#235d72\", \"#123f5a\"],\n  Emrld: [\"#d3f2a3\", \"#97e196\", \"#6cc08b\", \"#4c9b82\", \"#217a79\", \"#105965\", \"#074050\"],\n  BluYl: [\"#f7feae\", \"#b7e6a5\", \"#7ccba2\", \"#46aea0\", \"#089099\", \"#00718b\", \"#045275\"],\n  Teal: [\"#d1eeea\", \"#a8dbd9\", \"#85c4c9\", \"#68abb8\", \"#4f90a6\", \"#3b738f\", \"#2a5674\"],\n  Purp: [\"#f3e0f7\", \"#d1bbf0\", \"#b18fd3\", \"#8c6bb1\", \"#6c4f8e\", \"#4e3a6e\", \"#2f2047\"],\n  Sunset: [\"#f3e79b\", \"#fac484\", \"#f8a07e\", \"#eb7f86\", \"#ce6693\", \"#a059a0\", \"#5c53a5\"],\n  SunsetDark: [\"#fcde9c\", \"#faa476\", \"#f0746e\", \"#e34f6f\", \"#dc3977\", \"#b9257a\", \"#7c1d6f\"],\n  Magenta: [\"#f3cbd3\", \"#eaa9bd\", \"#dd88ac\", \"#ca699d\", \"#b14d8e\", \"#91357d\", \"#6c2167\"],\n\n  // Diverging\n  TealRose: [\"#009392\", \"#39b185\", \"#9ccb86\", \"#e9e29c\", \"#eeb479\", \"#e88471\", \"#cf597e\"],\n  Geyser: [\"#008080\", \"#70a494\", \"#b4c8a8\", \"#f6edbd\", \"#edbb8a\", \"#de8a5a\", \"#ca562c\"],\n  Temps: [\"#009392\", \"#39b185\", \"#9ccb86\", \"#e9e29c\", \"#edbb8a\", \"#e68b5e\", \"#d43d51\"],\n  Fall: [\"#3d5941\", \"#778868\", \"#b5b991\", \"#f6edbd\", \"#edbb8a\", \"#de8a5a\", \"#ca562c\"],\n  ArmyRose: [\"#798234\", \"#a3ad62\", \"#d0d3a2\", \"#fef2c0\", \"#f5c0a1\", \"#ec7d6a\", \"#d8443c\"],\n  Tropic: [\"#009b9e\", \"#42b7b9\", \"#a7d3d4\", \"#f1eceb\", \"#e4b4c2\", \"#ce78a7\", \"#7c1d6f\"],\n\n  // Categorical\n  Bold: [\"#7F3C8D\", \"#11A579\", \"#3969AC\", \"#F2B701\", \"#E73F74\", \"#80BA5A\", \"#E68310\", \"#008695\", \"#CF1C90\", \"#f97b72\", \"#4b4b8f\", \"#A5AA99\"],\n  Pastel: [\"#66C5CC\", \"#F6CF71\", \"#F89C74\", \"#DCB0F2\", \"#87C55F\", \"#9EB9F3\", \"#FE88B1\", \"#C9DB74\", \"#8BE0A4\", \"#B497E7\", \"#D3B484\", \"#B3B3B3\"],\n  Antique: [\"#855C75\", \"#D9AF6B\", \"#AF6458\", \"#736F4C\", \"#526A83\", \"#625377\", \"#68855C\", \"#9C9C5E\", \"#A06177\", \"#8C785D\", \"#467378\", \"#7C7C7C\"],\n  Vivid: [\"#E58606\", \"#5D69B1\", \"#52BCA3\", \"#99C945\", \"#CC61B0\", \"#24796C\", \"#DAA51B\", \"#2F8AC4\", \"#764E9F\", \"#ED645A\", \"#CC3A8E\", \"#A5AA99\"],\n  Prism: [\"#5F4690\", \"#1D6996\", \"#38A6A5\", \"#0F8554\", \"#73AF48\", \"#EDAD08\", \"#E17C05\", \"#CC503E\", \"#94346E\", \"#6F4070\", \"#994E95\", \"#666666\"],\n  Safe: [\"#88CCEE\", \"#CC6677\", \"#DDCC77\", \"#117733\", \"#332288\", \"#AA4499\", \"#44AA99\", \"#999933\", \"#882255\", \"#661100\", \"#6699CC\", \"#888888\"],\n};\n"],"mappings":"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","names":["Fragment","_a"]}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "json-maps",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "MIT",
+  "description": "Declarative map renderer — drop in a JSON spec, get a full interactive map",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "build:lib": "tsup",
+    "start": "next start",
+    "lint": "eslint --max-warnings 0",
+    "prepublishOnly": "tsup"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "maplibre-gl": ">=4",
+    "lucide-react": ">=0.300"
+  },
+  "dependencies": {
+    "@ai-sdk/anthropic": "^3.0.43",
+    "@mdx-js/loader": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
+    "@next/mdx": "^16.1.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "ai": "^6.0.86",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.562.0",
+    "maplibre-gl": "^5.18.0",
+    "next": "16.1.1",
+    "next-themes": "^0.4.6",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "remark-gfm": "^4.0.1",
+    "shiki": "^3.21.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/node": "^22.15.3",
+    "@types/react": "19.2.3",
+    "@types/react-dom": "19.2.3",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.18",
+    "tsup": "^8.5.1",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "5.9.2"
+  }
+}