@page-speed/maps 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) OpenSite AI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,54 @@
+# @page-speed/maps
+
+![PageSpeed Map React Component](https://octane.cdn.ing/api/v1/images/transform?url=https://cdn.ing/assets/i/r/290195/rk0entqaov45dlo90sjfzyudvggp/opensite-pagespeed-maps-dark-grid-product-banner.png&f=webp)
+
+High-performance MapLibre primitives for DashTrack and OpenSite apps.
+
+## Install
+
+```bash
+pnpm add @page-speed/maps maplibre-gl react-map-gl
+```
+
+## Quick Start
+
+```tsx
+import { MapLibre } from "@page-speed/maps";
+
+export function Example() {
+  return (
+    <div style={{ width: "100%", height: 420 }}>
+      <MapLibre
+        stadiaApiKey={process.env.NEXT_PUBLIC_STADIA_API ?? ""}
+        mapStyle="osm-bright"
+        viewState={{ latitude: 40.7128, longitude: -74.006, zoom: 12 }}
+        markers={[
+          {
+            id: "nyc",
+            latitude: 40.7128,
+            longitude: -74.006,
+            label: "New York"
+          }
+        ]}
+      />
+    </div>
+  );
+}
+```
+
+## Why This Package
+
+- Explicit Stadia auth: no hard-coded keys
+- Auto-loads MapLibre CSS (no extra stylesheet import required)
+- Tree-shakable exports (`@page-speed/maps/core`, `@page-speed/maps/utils`)
+- Drop-in API compatibility with the current `MapLibre` component used in `dt-cms`
+
+## API
+
+- `MapLibre`, `DTMapLibreMap`
+- `getMapLibreStyleUrl(value, stadiaApiKey)`
+- `appendStadiaApiKey(styleUrl, stadiaApiKey)`
+- `generateGoogleMapLink(latitude, longitude, zoom?)`
+- `generateGoogleDirectionsLink(latitude, longitude)`
+
+See `docs/README.md` for migration notes and full usage details.

package/dist/core/MapLibre.cjs

@@ -0,0 +1,383 @@
+'use strict';
+
+var React = require('react');
+var maplibre = require('react-map-gl/maplibre');
+require('maplibre-gl/dist/maplibre-gl.css');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/core/MapLibre.tsx
+
+// src/utils/getMapLibreStyleUrl.ts
+var MAPLIBRE_DEFAULT_STYLE_URL = "https://demotiles.maplibre.org/style.json";
+var DEFAULT_STADIA_STYLE_URL = "https://tiles.stadiamaps.com/styles/osm_bright.json";
+var STYLE_MAP = {
+  default: DEFAULT_STADIA_STYLE_URL,
+  "alidade-smooth": "https://tiles.stadiamaps.com/styles/alidade_smooth.json",
+  "alidade-smooth-dark": "https://tiles.stadiamaps.com/styles/alidade_smooth_dark.json",
+  "maplibre-default": MAPLIBRE_DEFAULT_STYLE_URL,
+  "osm-bright": "https://tiles.stadiamaps.com/styles/osm_bright.json",
+  "stadia-outdoors": "https://tiles.stadiamaps.com/styles/outdoors.json",
+  "stamen-toner": "https://tiles.stadiamaps.com/styles/stamen_toner.json",
+  "stamen-terrain": "https://tiles.stadiamaps.com/styles/stamen_terrain.json",
+  "stamen-watercolor": "https://tiles.stadiamaps.com/styles/stamen_watercolor.json"
+};
+var HTTP_URL_REGEX = /^https?:\/\//i;
+function isStadiaMapsUrl(url) {
+  try {
+    const parsed = new URL(url);
+    return parsed.hostname === "tiles.stadiamaps.com";
+  } catch {
+    return false;
+  }
+}
+function assertStadiaApiKey(stadiaApiKey) {
+  if (!stadiaApiKey.trim()) {
+    throw new Error(
+      "A non-empty stadiaApiKey is required for Stadia Maps style URLs."
+    );
+  }
+}
+function appendStadiaApiKey(styleUrl, stadiaApiKey) {
+  if (!isStadiaMapsUrl(styleUrl)) {
+    return styleUrl;
+  }
+  assertStadiaApiKey(stadiaApiKey);
+  const parsed = new URL(styleUrl);
+  if (!parsed.searchParams.has("api_key")) {
+    parsed.searchParams.set("api_key", stadiaApiKey);
+  }
+  return parsed.toString();
+}
+function getMapLibreStyleUrl(value, stadiaApiKey) {
+  if (!value || typeof value !== "string") {
+    return appendStadiaApiKey(DEFAULT_STADIA_STYLE_URL, stadiaApiKey);
+  }
+  if (STYLE_MAP[value]) {
+    return appendStadiaApiKey(STYLE_MAP[value], stadiaApiKey);
+  }
+  if (HTTP_URL_REGEX.test(value)) {
+    return appendStadiaApiKey(value, stadiaApiKey);
+  }
+  return appendStadiaApiKey(DEFAULT_STADIA_STYLE_URL, stadiaApiKey);
+}
+function joinClassNames(...classNames) {
+  return classNames.filter(Boolean).join(" ");
+}
+function DefaultMarker({ marker }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        cursor: marker.draggable ? "grab" : "pointer",
+        transform: "translate(-50%, -100%)",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative"
+      },
+      onClick: marker.onClick,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            width: "32",
+            height: "32",
+            viewBox: "0 0 24 24",
+            fill: marker.color || "#3B82F6",
+            style: { filter: "drop-shadow(0 2px 8px rgba(0,0,0,0.35))" },
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 4.85 6.13 12.24 6.39 12.55a.75.75 0 0 0 1.16 0C12.87 21.24 19 13.85 19 9c0-3.87-3.13-7-7-7Zm0 9.75A2.75 2.75 0 1 1 12 6.25a2.75 2.75 0 0 1 0 5.5Z" })
+          }
+        ),
+        marker.label ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: -28,
+              left: "50%",
+              transform: "translateX(-50%)",
+              background: "#FFFFFF",
+              borderRadius: 6,
+              padding: "2px 8px",
+              fontSize: 12,
+              fontWeight: 500,
+              whiteSpace: "nowrap",
+              boxShadow: "0 3px 10px rgba(0, 0, 0, 0.2)"
+            },
+            children: marker.label
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function normalizeMarkers(markers) {
+  return markers.map((marker, index) => {
+    if (marker.lat !== void 0 && marker.lng !== void 0) {
+      return marker;
+    }
+    const basicMarker = marker;
+    return {
+      id: basicMarker.id ?? index,
+      lat: basicMarker.latitude,
+      lng: basicMarker.longitude,
+      color: basicMarker.color,
+      draggable: basicMarker.draggable,
+      label: basicMarker.label,
+      element: basicMarker.element,
+      onClick: basicMarker.onClick
+    };
+  });
+}
+function MapLibre({
+  stadiaApiKey,
+  viewState,
+  onViewStateChange,
+  mapStyle,
+  center = viewState ? { lat: viewState.latitude ?? 0, lng: viewState.longitude ?? 0 } : { lat: 0, lng: 0 },
+  zoom = viewState?.zoom ?? 14,
+  styleUrl,
+  markers = [],
+  onMoveEnd,
+  onClick,
+  onMarkerDrag,
+  className,
+  style,
+  children,
+  showNavigationControl = true,
+  showGeolocateControl = false,
+  navigationControlPosition = "bottom-right",
+  geolocateControlPosition = "top-left",
+  flyToOptions = {}
+}) {
+  const mapRef = React__default.default.useRef(null);
+  const [internalViewState, setInternalViewState] = React__default.default.useState({
+    latitude: viewState?.latitude ?? center.lat,
+    longitude: viewState?.longitude ?? center.lng,
+    zoom: viewState?.zoom ?? zoom
+  });
+  const isUserInteracting = React__default.default.useRef(false);
+  const isMarkerDragging = React__default.default.useRef(false);
+  const dragAnimationFrame = React__default.default.useRef(null);
+  React__default.default.useEffect(() => {
+    if (!mapRef.current || !viewState || isUserInteracting.current || isMarkerDragging.current) {
+      return;
+    }
+    setInternalViewState((previous) => {
+      const next = {
+        latitude: viewState.latitude ?? previous.latitude,
+        longitude: viewState.longitude ?? previous.longitude,
+        zoom: viewState.zoom ?? previous.zoom
+      };
+      const hasChanged = previous.latitude !== next.latitude || previous.longitude !== next.longitude || previous.zoom !== next.zoom;
+      if (!hasChanged) {
+        return previous;
+      }
+      const {
+        speed = 0.8,
+        curve = 1.2,
+        bearing = 0,
+        easing = (t) => 1 - Math.pow(1 - t, 3)
+      } = flyToOptions;
+      mapRef.current?.flyTo({
+        center: [next.longitude, next.latitude],
+        zoom: next.zoom,
+        speed,
+        curve,
+        bearing,
+        easing,
+        essential: true
+      });
+      return next;
+    });
+  }, [flyToOptions, viewState?.latitude, viewState?.longitude, viewState?.zoom]);
+  const handleMoveStart = React__default.default.useCallback(() => {
+    isUserInteracting.current = true;
+  }, []);
+  const handleMove = React__default.default.useCallback(
+    (event) => {
+      const nextViewState = event.viewState;
+      setInternalViewState({
+        latitude: nextViewState.latitude,
+        longitude: nextViewState.longitude,
+        zoom: nextViewState.zoom
+      });
+      onViewStateChange?.({
+        latitude: Number(nextViewState.latitude.toFixed(6)),
+        longitude: Number(nextViewState.longitude.toFixed(6)),
+        zoom: Number(nextViewState.zoom.toFixed(2))
+      });
+    },
+    [onViewStateChange]
+  );
+  const handleMoveEnd = React__default.default.useCallback(
+    (event) => {
+      isUserInteracting.current = false;
+      if (!onMoveEnd) {
+        return;
+      }
+      const map = event.target;
+      const nextCenter = map.getCenter();
+      const nextZoom = map.getZoom();
+      const bounds = map.getBounds();
+      onMoveEnd(
+        {
+          lat: Number(nextCenter.lat.toFixed(6)),
+          lng: Number(nextCenter.lng.toFixed(6))
+        },
+        Number(nextZoom.toFixed(2)),
+        bounds
+      );
+    },
+    [onMoveEnd]
+  );
+  const handleMapClick = React__default.default.useCallback(
+    (event) => {
+      if (!onClick) {
+        return;
+      }
+      onClick({ latitude: event.lngLat.lat, longitude: event.lngLat.lng });
+    },
+    [onClick]
+  );
+  const normalizedMarkers = React__default.default.useMemo(
+    () => normalizeMarkers(markers),
+    [markers]
+  );
+  const markerElements = React__default.default.useMemo(
+    () => normalizedMarkers.map((marker) => /* @__PURE__ */ jsxRuntime.jsx(
+      maplibre.Marker,
+      {
+        longitude: marker.lng,
+        latitude: marker.lat,
+        draggable: marker.draggable,
+        onDragStart: () => {
+          isMarkerDragging.current = true;
+        },
+        onDrag: (event) => {
+          if (!mapRef.current) {
+            return;
+          }
+          const nextLngLat = event.lngLat;
+          if (!nextLngLat || nextLngLat.lng === void 0 || nextLngLat.lat === void 0) {
+            return;
+          }
+          const draggedLng = nextLngLat.lng;
+          const draggedLat = nextLngLat.lat;
+          if (dragAnimationFrame.current) {
+            cancelAnimationFrame(dragAnimationFrame.current);
+          }
+          dragAnimationFrame.current = requestAnimationFrame(() => {
+            if (!mapRef.current) {
+              return;
+            }
+            const bounds = mapRef.current.getBounds();
+            const viewportWidth = bounds.getEast() - bounds.getWest();
+            const viewportHeight = bounds.getNorth() - bounds.getSouth();
+            const edgePadding = 0.1;
+            const westThreshold = bounds.getWest() + viewportWidth * edgePadding;
+            const eastThreshold = bounds.getEast() - viewportWidth * edgePadding;
+            const southThreshold = bounds.getSouth() + viewportHeight * edgePadding;
+            const northThreshold = bounds.getNorth() - viewportHeight * edgePadding;
+            const nearWestEdge = draggedLng < westThreshold;
+            const nearEastEdge = draggedLng > eastThreshold;
+            const nearSouthEdge = draggedLat < southThreshold;
+            const nearNorthEdge = draggedLat > northThreshold;
+            if (!nearWestEdge && !nearEastEdge && !nearSouthEdge && !nearNorthEdge) {
+              return;
+            }
+            let panLng = draggedLng;
+            let panLat = draggedLat;
+            const offsetAmount = 0.2;
+            if (nearWestEdge) {
+              panLng = draggedLng - viewportWidth * offsetAmount;
+            }
+            if (nearEastEdge) {
+              panLng = draggedLng + viewportWidth * offsetAmount;
+            }
+            if (nearSouthEdge) {
+              panLat = draggedLat - viewportHeight * offsetAmount;
+            }
+            if (nearNorthEdge) {
+              panLat = draggedLat + viewportHeight * offsetAmount;
+            }
+            mapRef.current?.easeTo({
+              center: [panLng, panLat],
+              duration: 200
+            });
+          });
+        },
+        onDragEnd: (event) => {
+          isMarkerDragging.current = false;
+          if (dragAnimationFrame.current) {
+            cancelAnimationFrame(dragAnimationFrame.current);
+            dragAnimationFrame.current = null;
+          }
+          if (!onMarkerDrag) {
+            return;
+          }
+          const nextLngLat = event.lngLat;
+          if (!nextLngLat || nextLngLat.lng === void 0 || nextLngLat.lat === void 0) {
+            return;
+          }
+          onMarkerDrag(marker.id ?? null, {
+            latitude: nextLngLat.lat,
+            longitude: nextLngLat.lng
+          });
+        },
+        children: marker.element ? typeof marker.element === "function" ? marker.element() : marker.element : /* @__PURE__ */ jsxRuntime.jsx(DefaultMarker, { marker })
+      },
+      marker.id
+    )),
+    [normalizedMarkers, onMarkerDrag]
+  );
+  const resolvedMapStyleUrl = React__default.default.useMemo(() => {
+    if (styleUrl) {
+      return appendStadiaApiKey(styleUrl, stadiaApiKey);
+    }
+    if (mapStyle) {
+      return getMapLibreStyleUrl(mapStyle, stadiaApiKey);
+    }
+    return getMapLibreStyleUrl("osm-bright", stadiaApiKey);
+  }, [mapStyle, stadiaApiKey, styleUrl]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: joinClassNames("relative w-full h-full", className),
+      style: { width: "100%", height: "100%", ...style },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        maplibre.Map,
+        {
+          ref: mapRef,
+          ...internalViewState,
+          mapStyle: resolvedMapStyleUrl,
+          onMoveStart: handleMoveStart,
+          onMove: handleMove,
+          onMoveEnd: handleMoveEnd,
+          onClick: handleMapClick,
+          attributionControl: false,
+          trackResize: true,
+          dragRotate: false,
+          touchZoomRotate: false,
+          children: [
+            showGeolocateControl ? /* @__PURE__ */ jsxRuntime.jsx(maplibre.GeolocateControl, { position: geolocateControlPosition }) : null,
+            showNavigationControl ? /* @__PURE__ */ jsxRuntime.jsx(maplibre.NavigationControl, { position: navigationControlPosition }) : null,
+            markerElements,
+            children
+          ]
+        }
+      )
+    }
+  );
+}
+var DTMapLibreMap = MapLibre;
+
+exports.DTMapLibreMap = DTMapLibreMap;
+exports.MapLibre = MapLibre;
+//# sourceMappingURL=MapLibre.cjs.map
+//# sourceMappingURL=MapLibre.cjs.map

package/dist/core/MapLibre.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/getMapLibreStyleUrl.ts","../../src/core/MapLibre.tsx"],"names":["jsxs","jsx","React","Marker","Map","GeolocateControl","NavigationControl"],"mappings":"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","file":"MapLibre.cjs","sourcesContent":["const MAPLIBRE_DEFAULT_STYLE_URL = \"https://demotiles.maplibre.org/style.json\";\nconst DEFAULT_STADIA_STYLE_URL =\n  \"https://tiles.stadiamaps.com/styles/osm_bright.json\";\n\nconst STYLE_MAP: Record<string, string> = {\n  default: DEFAULT_STADIA_STYLE_URL,\n  \"alidade-smooth\": \"https://tiles.stadiamaps.com/styles/alidade_smooth.json\",\n  \"alidade-smooth-dark\": \"https://tiles.stadiamaps.com/styles/alidade_smooth_dark.json\",\n  \"maplibre-default\": MAPLIBRE_DEFAULT_STYLE_URL,\n  \"osm-bright\": \"https://tiles.stadiamaps.com/styles/osm_bright.json\",\n  \"stadia-outdoors\": \"https://tiles.stadiamaps.com/styles/outdoors.json\",\n  \"stamen-toner\": \"https://tiles.stadiamaps.com/styles/stamen_toner.json\",\n  \"stamen-terrain\": \"https://tiles.stadiamaps.com/styles/stamen_terrain.json\",\n  \"stamen-watercolor\": \"https://tiles.stadiamaps.com/styles/stamen_watercolor.json\"\n};\n\nconst HTTP_URL_REGEX = /^https?:\\/\\//i;\n\nexport type MapLibreBuiltInStyle = keyof typeof STYLE_MAP;\n\nfunction isStadiaMapsUrl(url: string): boolean {\n  try {\n    const parsed = new URL(url);\n    return parsed.hostname === \"tiles.stadiamaps.com\";\n  } catch {\n    return false;\n  }\n}\n\nfunction assertStadiaApiKey(stadiaApiKey: string): void {\n  if (!stadiaApiKey.trim()) {\n    throw new Error(\n      \"A non-empty stadiaApiKey is required for Stadia Maps style URLs.\"\n    );\n  }\n}\n\nexport function appendStadiaApiKey(\n  styleUrl: string,\n  stadiaApiKey: string\n): string {\n  if (!isStadiaMapsUrl(styleUrl)) {\n    return styleUrl;\n  }\n\n  assertStadiaApiKey(stadiaApiKey);\n\n  const parsed = new URL(styleUrl);\n  if (!parsed.searchParams.has(\"api_key\")) {\n    parsed.searchParams.set(\"api_key\", stadiaApiKey);\n  }\n\n  return parsed.toString();\n}\n\nexport function getMapLibreStyleUrl(\n  value: string | undefined,\n  stadiaApiKey: string\n): string {\n  if (!value || typeof value !== \"string\") {\n    return appendStadiaApiKey(DEFAULT_STADIA_STYLE_URL, stadiaApiKey);\n  }\n\n  if (STYLE_MAP[value]) {\n    return appendStadiaApiKey(STYLE_MAP[value], stadiaApiKey);\n  }\n\n  if (HTTP_URL_REGEX.test(value)) {\n    return appendStadiaApiKey(value, stadiaApiKey);\n  }\n\n  return appendStadiaApiKey(DEFAULT_STADIA_STYLE_URL, stadiaApiKey);\n}\n\nexport { DEFAULT_STADIA_STYLE_URL, MAPLIBRE_DEFAULT_STYLE_URL };\n","import React from \"react\";\nimport {\n  GeolocateControl,\n  Map,\n  Marker,\n  NavigationControl,\n  type MapRef,\n  type ViewStateChangeEvent\n} from \"react-map-gl/maplibre\";\nimport \"maplibre-gl/dist/maplibre-gl.css\";\n\nimport type {\n  BasicMarkerInput,\n  MapLibreMarker,\n  MapLibreProps,\n  MapViewState\n} from \"../types\";\nimport { appendStadiaApiKey, getMapLibreStyleUrl } from \"../utils\";\n\nfunction joinClassNames(...classNames: Array<string | undefined>): string {\n  return classNames.filter(Boolean).join(\" \");\n}\n\nfunction DefaultMarker({ marker }: { marker: MapLibreMarker }) {\n  return (\n    <div\n      style={{\n        cursor: marker.draggable ? \"grab\" : \"pointer\",\n        transform: \"translate(-50%, -100%)\",\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        position: \"relative\"\n      }}\n      onClick={marker.onClick}\n    >\n      <svg\n        aria-hidden=\"true\"\n        width=\"32\"\n        height=\"32\"\n        viewBox=\"0 0 24 24\"\n        fill={marker.color || \"#3B82F6\"}\n        style={{ filter: \"drop-shadow(0 2px 8px rgba(0,0,0,0.35))\" }}\n      >\n        <path d=\"M12 2C8.13 2 5 5.13 5 9c0 4.85 6.13 12.24 6.39 12.55a.75.75 0 0 0 1.16 0C12.87 21.24 19 13.85 19 9c0-3.87-3.13-7-7-7Zm0 9.75A2.75 2.75 0 1 1 12 6.25a2.75 2.75 0 0 1 0 5.5Z\" />\n      </svg>\n      {marker.label ? (\n        <div\n          style={{\n            position: \"absolute\",\n            bottom: -28,\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n            background: \"#FFFFFF\",\n            borderRadius: 6,\n            padding: \"2px 8px\",\n            fontSize: 12,\n            fontWeight: 500,\n            whiteSpace: \"nowrap\",\n            boxShadow: \"0 3px 10px rgba(0, 0, 0, 0.2)\"\n          }}\n        >\n          {marker.label}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction normalizeMarkers(\n  markers: (MapLibreMarker | BasicMarkerInput)[]\n): MapLibreMarker[] {\n  return markers.map((marker, index) => {\n    if (\n      (marker as MapLibreMarker).lat !== undefined &&\n      (marker as MapLibreMarker).lng !== undefined\n    ) {\n      return marker as MapLibreMarker;\n    }\n\n    const basicMarker = marker as BasicMarkerInput;\n    return {\n      id: basicMarker.id ?? index,\n      lat: basicMarker.latitude,\n      lng: basicMarker.longitude,\n      color: basicMarker.color,\n      draggable: basicMarker.draggable,\n      label: basicMarker.label,\n      element: basicMarker.element,\n      onClick: basicMarker.onClick\n    };\n  });\n}\n\nexport function MapLibre({\n  stadiaApiKey,\n  viewState,\n  onViewStateChange,\n  mapStyle,\n  center = viewState\n    ? { lat: viewState.latitude ?? 0, lng: viewState.longitude ?? 0 }\n    : { lat: 0, lng: 0 },\n  zoom = viewState?.zoom ?? 14,\n  styleUrl,\n  markers = [],\n  onMoveEnd,\n  onClick,\n  onMarkerDrag,\n  className,\n  style,\n  children,\n  showNavigationControl = true,\n  showGeolocateControl = false,\n  navigationControlPosition = \"bottom-right\",\n  geolocateControlPosition = \"top-left\",\n  flyToOptions = {}\n}: MapLibreProps) {\n  const mapRef = React.useRef<MapRef>(null);\n  const [internalViewState, setInternalViewState] = React.useState<MapViewState>({\n    latitude: viewState?.latitude ?? center.lat,\n    longitude: viewState?.longitude ?? center.lng,\n    zoom: viewState?.zoom ?? zoom\n  });\n\n  const isUserInteracting = React.useRef(false);\n  const isMarkerDragging = React.useRef(false);\n  const dragAnimationFrame = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    if (\n      !mapRef.current ||\n      !viewState ||\n      isUserInteracting.current ||\n      isMarkerDragging.current\n    ) {\n      return;\n    }\n\n    setInternalViewState((previous) => {\n      const next = {\n        latitude: viewState.latitude ?? previous.latitude,\n        longitude: viewState.longitude ?? previous.longitude,\n        zoom: viewState.zoom ?? previous.zoom\n      };\n\n      const hasChanged =\n        previous.latitude !== next.latitude ||\n        previous.longitude !== next.longitude ||\n        previous.zoom !== next.zoom;\n\n      if (!hasChanged) {\n        return previous;\n      }\n\n      const {\n        speed = 0.8,\n        curve = 1.2,\n        bearing = 0,\n        easing = (t: number) => 1 - Math.pow(1 - t, 3)\n      } = flyToOptions;\n\n      mapRef.current?.flyTo({\n        center: [next.longitude, next.latitude],\n        zoom: next.zoom,\n        speed,\n        curve,\n        bearing,\n        easing,\n        essential: true\n      });\n\n      return next;\n    });\n  }, [flyToOptions, viewState?.latitude, viewState?.longitude, viewState?.zoom]);\n\n  const handleMoveStart = React.useCallback(() => {\n    isUserInteracting.current = true;\n  }, []);\n\n  const handleMove = React.useCallback(\n    (event: ViewStateChangeEvent) => {\n      const nextViewState = event.viewState;\n      setInternalViewState({\n        latitude: nextViewState.latitude,\n        longitude: nextViewState.longitude,\n        zoom: nextViewState.zoom\n      });\n\n      onViewStateChange?.({\n        latitude: Number(nextViewState.latitude.toFixed(6)),\n        longitude: Number(nextViewState.longitude.toFixed(6)),\n        zoom: Number(nextViewState.zoom.toFixed(2))\n      });\n    },\n    [onViewStateChange]\n  );\n\n  const handleMoveEnd = React.useCallback(\n    (event: ViewStateChangeEvent) => {\n      isUserInteracting.current = false;\n\n      if (!onMoveEnd) {\n        return;\n      }\n\n      const map = event.target;\n      const nextCenter = map.getCenter();\n      const nextZoom = map.getZoom();\n      const bounds = map.getBounds();\n\n      onMoveEnd(\n        {\n          lat: Number(nextCenter.lat.toFixed(6)),\n          lng: Number(nextCenter.lng.toFixed(6))\n        },\n        Number(nextZoom.toFixed(2)),\n        bounds\n      );\n    },\n    [onMoveEnd]\n  );\n\n  const handleMapClick = React.useCallback(\n    (event: { lngLat: { lng: number; lat: number } }) => {\n      if (!onClick) {\n        return;\n      }\n\n      onClick({ latitude: event.lngLat.lat, longitude: event.lngLat.lng });\n    },\n    [onClick]\n  );\n\n  const normalizedMarkers = React.useMemo(\n    () => normalizeMarkers(markers),\n    [markers]\n  );\n\n  const markerElements = React.useMemo(\n    () =>\n      normalizedMarkers.map((marker) => (\n        <Marker\n          key={marker.id}\n          longitude={marker.lng}\n          latitude={marker.lat}\n          draggable={marker.draggable}\n          onDragStart={() => {\n            isMarkerDragging.current = true;\n          }}\n          onDrag={(event) => {\n            if (!mapRef.current) {\n              return;\n            }\n\n            const nextLngLat = (event as { lngLat?: { lng?: number; lat?: number } }).lngLat;\n            if (!nextLngLat || nextLngLat.lng === undefined || nextLngLat.lat === undefined) {\n              return;\n            }\n            const draggedLng = nextLngLat.lng;\n            const draggedLat = nextLngLat.lat;\n\n            if (dragAnimationFrame.current) {\n              cancelAnimationFrame(dragAnimationFrame.current);\n            }\n\n            dragAnimationFrame.current = requestAnimationFrame(() => {\n              if (!mapRef.current) {\n                return;\n              }\n\n              const bounds = mapRef.current.getBounds();\n              const viewportWidth = bounds.getEast() - bounds.getWest();\n              const viewportHeight = bounds.getNorth() - bounds.getSouth();\n\n              const edgePadding = 0.1;\n              const westThreshold = bounds.getWest() + viewportWidth * edgePadding;\n              const eastThreshold = bounds.getEast() - viewportWidth * edgePadding;\n              const southThreshold = bounds.getSouth() + viewportHeight * edgePadding;\n              const northThreshold = bounds.getNorth() - viewportHeight * edgePadding;\n\n              const nearWestEdge = draggedLng < westThreshold;\n              const nearEastEdge = draggedLng > eastThreshold;\n              const nearSouthEdge = draggedLat < southThreshold;\n              const nearNorthEdge = draggedLat > northThreshold;\n\n              if (!nearWestEdge && !nearEastEdge && !nearSouthEdge && !nearNorthEdge) {\n                return;\n              }\n\n              let panLng = draggedLng;\n              let panLat = draggedLat;\n              const offsetAmount = 0.2;\n\n              if (nearWestEdge) {\n                panLng = draggedLng - viewportWidth * offsetAmount;\n              }\n              if (nearEastEdge) {\n                panLng = draggedLng + viewportWidth * offsetAmount;\n              }\n              if (nearSouthEdge) {\n                panLat = draggedLat - viewportHeight * offsetAmount;\n              }\n              if (nearNorthEdge) {\n                panLat = draggedLat + viewportHeight * offsetAmount;\n              }\n\n              mapRef.current?.easeTo({\n                center: [panLng, panLat],\n                duration: 200\n              });\n            });\n          }}\n          onDragEnd={(event) => {\n            isMarkerDragging.current = false;\n\n            if (dragAnimationFrame.current) {\n              cancelAnimationFrame(dragAnimationFrame.current);\n              dragAnimationFrame.current = null;\n            }\n\n            if (!onMarkerDrag) {\n              return;\n            }\n\n            const nextLngLat = (event as { lngLat?: { lng?: number; lat?: number } }).lngLat;\n            if (!nextLngLat || nextLngLat.lng === undefined || nextLngLat.lat === undefined) {\n              return;\n            }\n\n            onMarkerDrag(marker.id ?? null, {\n              latitude: nextLngLat.lat,\n              longitude: nextLngLat.lng\n            });\n          }}\n        >\n          {marker.element\n            ? typeof marker.element === \"function\"\n              ? marker.element()\n              : marker.element\n            : <DefaultMarker marker={marker} />}\n        </Marker>\n      )),\n    [normalizedMarkers, onMarkerDrag]\n  );\n\n  const resolvedMapStyleUrl = React.useMemo(() => {\n    if (styleUrl) {\n      return appendStadiaApiKey(styleUrl, stadiaApiKey);\n    }\n\n    if (mapStyle) {\n      return getMapLibreStyleUrl(mapStyle, stadiaApiKey);\n    }\n\n    return getMapLibreStyleUrl(\"osm-bright\", stadiaApiKey);\n  }, [mapStyle, stadiaApiKey, styleUrl]);\n\n  return (\n    <div\n      className={joinClassNames(\"relative w-full h-full\", className)}\n      style={{ width: \"100%\", height: \"100%\", ...style }}\n    >\n      <Map\n        ref={mapRef}\n        {...internalViewState}\n        mapStyle={resolvedMapStyleUrl}\n        onMoveStart={handleMoveStart}\n        onMove={handleMove}\n        onMoveEnd={handleMoveEnd}\n        onClick={handleMapClick}\n        attributionControl={false}\n        trackResize\n        dragRotate={false}\n        touchZoomRotate={false}\n      >\n        {showGeolocateControl ? (\n          <GeolocateControl position={geolocateControlPosition} />\n        ) : null}\n\n        {showNavigationControl ? (\n          <NavigationControl position={navigationControlPosition} />\n        ) : null}\n\n        {markerElements}\n\n        {children}\n      </Map>\n    </div>\n  );\n}\n\nexport const DTMapLibreMap = MapLibre;\n"]}

package/dist/core/MapLibre.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MapLibreProps } from '../types/index.cjs';
+import 'react';
+
+declare function MapLibre({ stadiaApiKey, viewState, onViewStateChange, mapStyle, center, zoom, styleUrl, markers, onMoveEnd, onClick, onMarkerDrag, className, style, children, showNavigationControl, showGeolocateControl, navigationControlPosition, geolocateControlPosition, flyToOptions }: MapLibreProps): react_jsx_runtime.JSX.Element;
+declare const DTMapLibreMap: typeof MapLibre;
+
+export { DTMapLibreMap, MapLibre };

package/dist/core/MapLibre.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MapLibreProps } from '../types/index.js';
+import 'react';
+
+declare function MapLibre({ stadiaApiKey, viewState, onViewStateChange, mapStyle, center, zoom, styleUrl, markers, onMoveEnd, onClick, onMarkerDrag, className, style, children, showNavigationControl, showGeolocateControl, navigationControlPosition, geolocateControlPosition, flyToOptions }: MapLibreProps): react_jsx_runtime.JSX.Element;
+declare const DTMapLibreMap: typeof MapLibre;
+
+export { DTMapLibreMap, MapLibre };