@geolonia/geonicdb-sdk 0.11.0 → 0.12.0

package/react/index.cjs

@@ -0,0 +1,266 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/sdk/react/index.ts
+var index_exports = {};
+__export(index_exports, {
+  GeonicDbMap: () => GeonicDbMap,
+  useLdEntities: () => useLdEntities,
+  useTemporalData: () => useTemporalData
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/sdk/react/hooks.ts
+var import_react = require("react");
+function useLdEntities(client, options) {
+  const [entities, setEntities] = (0, import_react.useState)([]);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(null);
+  const genRef = (0, import_react.useRef)(0);
+  const params = {};
+  if (options?.type) params.type = options.type;
+  if (options?.limit) params.limit = options.limit;
+  if (options?.attrs) params.attrs = options.attrs.join(",");
+  if (options?.q) params.q = options.q;
+  if (options?.scopeQ) params.scopeQ = options.scopeQ;
+  const paramsKey = JSON.stringify(params);
+  const fetchEntities = (0, import_react.useCallback)(async () => {
+    const gen = ++genRef.current;
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await client.getEntities(params);
+      if (genRef.current === gen) setEntities(data);
+    } catch (err) {
+      if (genRef.current === gen) setError(err instanceof Error ? err : new Error("Unknown error"));
+    } finally {
+      if (genRef.current === gen) setLoading(false);
+    }
+  }, [client, paramsKey]);
+  (0, import_react.useEffect)(() => {
+    void fetchEntities();
+    return () => {
+      genRef.current++;
+    };
+  }, [fetchEntities]);
+  return { entities, loading, error, refetch: fetchEntities };
+}
+function useTemporalData(client, options) {
+  const [data, setData] = (0, import_react.useState)([]);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const genRef = (0, import_react.useRef)(0);
+  const enabled = options.enabled !== false;
+  const optionsKey = JSON.stringify(options);
+  const fetchData = (0, import_react.useCallback)(async () => {
+    const gen = ++genRef.current;
+    if (!enabled || !client) {
+      setData([]);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      if (options.id) {
+        const entity = await client.getTemporalEntity(options.id);
+        if (genRef.current === gen) setData([entity]);
+      } else {
+        const entities = await client.getTemporalEntities(options);
+        if (genRef.current === gen) setData(entities);
+      }
+    } catch (err) {
+      if (genRef.current === gen) setError(err instanceof Error ? err : new Error("Unknown error"));
+    } finally {
+      if (genRef.current === gen) setLoading(false);
+    }
+  }, [client, optionsKey]);
+  (0, import_react.useEffect)(() => {
+    void fetchData();
+    return () => {
+      genRef.current++;
+    };
+  }, [fetchData]);
+  return { data, loading, error, refetch: fetchData };
+}
+
+// src/sdk/react/GeonicDbMap.tsx
+var import_react2 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_STYLE = "geolonia/basic";
+function escapeHtml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function getEntityLocation(entity) {
+  const location = entity.location;
+  if (!location || typeof location === "string") return null;
+  const ldLoc = location;
+  if (ldLoc.type === "GeoProperty" && ldLoc.value?.type === "Point" && Array.isArray(ldLoc.value.coordinates)) {
+    return ldLoc.value.coordinates;
+  }
+  const v2Loc = location;
+  if (v2Loc.value?.type === "Point" && Array.isArray(v2Loc.value.coordinates)) {
+    return v2Loc.value.coordinates;
+  }
+  const kv = location;
+  if (kv.type === "Point" && Array.isArray(kv.coordinates)) {
+    return kv.coordinates;
+  }
+  return null;
+}
+function getMarkerColor(entityType) {
+  const colors = {
+    Room: "#3b82f6",
+    ParkingSpot: "#22c55e",
+    AirQualitySensor: "#f59e0b",
+    TrafficFlow: "#ef4444",
+    EnvironmentSensor: "#8b5cf6",
+    EnvSensor: "#8b5cf6",
+    TemperatureSensor: "#f97316",
+    GeoFeature: "#0ea5e9"
+  };
+  return colors[entityType] ?? "#6b7280";
+}
+function GeonicDbMap({
+  center = [139.7671, 35.6812],
+  zoom = 13,
+  styleUrl,
+  entities = [],
+  onEntityClick,
+  onMapClick,
+  className = "",
+  style: customStyle,
+  showPopups = true,
+  fitToMarkers = false
+}) {
+  const mapContainerRef = (0, import_react2.useRef)(null);
+  const mapRef = (0, import_react2.useRef)(null);
+  const markersRef = (0, import_react2.useRef)([]);
+  const mapLoadedRef = (0, import_react2.useRef)(false);
+  const pendingUpdateRef = (0, import_react2.useRef)(false);
+  (0, import_react2.useEffect)(() => {
+    if (!mapContainerRef.current) return;
+    mapLoadedRef.current = false;
+    void import("@geolonia/embed").then(({ Map: GeoMap }) => {
+      if (!mapContainerRef.current) return;
+      const map = new GeoMap({
+        container: mapContainerRef.current,
+        style: styleUrl ?? DEFAULT_STYLE,
+        center,
+        zoom
+      });
+      mapRef.current = map;
+      const onReady = () => {
+        mapLoadedRef.current = true;
+        if (pendingUpdateRef.current) {
+          pendingUpdateRef.current = false;
+          window.dispatchEvent(new CustomEvent("geonicdb-map-ready"));
+        }
+      };
+      map.on("load", onReady);
+      map.once("idle", onReady);
+      if (onMapClick) {
+        map.on("click", (e) => {
+          onMapClick([e.lngLat.lng, e.lngLat.lat]);
+        });
+      }
+    });
+    return () => {
+      if (mapRef.current) {
+        mapRef.current.remove();
+        mapRef.current = null;
+        mapLoadedRef.current = false;
+      }
+    };
+  }, [styleUrl]);
+  const doUpdate = (0, import_react2.useCallback)(() => {
+    const map = mapRef.current;
+    if (!map) return;
+    markersRef.current.forEach((marker) => marker.remove());
+    markersRef.current = [];
+    void import("@geolonia/embed").then(({ Marker, geolonia }) => {
+      entities.forEach((entity) => {
+        const coords = getEntityLocation(entity);
+        if (!coords) return;
+        const color = getMarkerColor(entity.type);
+        const el = document.createElement("div");
+        el.style.cssText = `width:24px;height:24px;background-color:${color};border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.3);`;
+        const marker = new Marker({ element: el }).setLngLat(coords).addTo(map);
+        if (showPopups && geolonia?.Popup) {
+          const popup = new geolonia.Popup({ closeButton: false, closeOnClick: false, offset: 15 }).setHTML(`<div style="font-family:sans-serif;font-size:12px;"><strong>${escapeHtml(entity.id)}</strong><br/><span style="color:#666">${escapeHtml(entity.type)}</span></div>`);
+          el.addEventListener("mouseenter", () => {
+            marker.setPopup(popup);
+            popup.addTo(map);
+          });
+          el.addEventListener("mouseleave", () => {
+            popup.remove();
+          });
+        }
+        if (onEntityClick) {
+          el.addEventListener("click", (e) => {
+            e.stopPropagation();
+            onEntityClick(entity);
+          });
+        }
+        markersRef.current.push(marker);
+      });
+      if (fitToMarkers && markersRef.current.length > 0) {
+        const allCoords = entities.map(getEntityLocation).filter((c) => c !== null);
+        if (allCoords.length === 1 && allCoords[0]) {
+          map.flyTo({ center: allCoords[0], zoom: 14 });
+        } else if (allCoords.length > 1) {
+          const bounds = allCoords.reduce(
+            (b, coord) => [[Math.min(b[0][0], coord[0]), Math.min(b[0][1], coord[1])], [Math.max(b[1][0], coord[0]), Math.max(b[1][1], coord[1])]],
+            [[allCoords[0][0], allCoords[0][1]], [allCoords[0][0], allCoords[0][1]]]
+          );
+          map.fitBounds(bounds, { padding: 30 });
+        }
+      }
+    });
+  }, [entities, onEntityClick, showPopups, fitToMarkers]);
+  (0, import_react2.useEffect)(() => {
+    if (mapLoadedRef.current) {
+      doUpdate();
+    } else {
+      pendingUpdateRef.current = true;
+      const handler = () => doUpdate();
+      window.addEventListener("geonicdb-map-ready", handler, { once: true });
+      return () => window.removeEventListener("geonicdb-map-ready", handler);
+    }
+  }, [doUpdate]);
+  const defaultStyle = { width: "100%", height: "100%", minHeight: "400px" };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref: mapContainerRef,
+      className,
+      style: { ...defaultStyle, ...customStyle }
+    }
+  );
+}
+//# sourceMappingURL=index.cjs.map

package/react/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/sdk/react/index.ts", "../../../src/sdk/react/hooks.ts", "../../../src/sdk/react/GeonicDbMap.tsx"],
+  "sourcesContent": ["// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 Geolonia Inc.\n// See LICENSE in src/sdk/ for full license text.\n\n/**\n * @geolonia/geonicdb-sdk/react \u2014 React hooks and map component\n *\n * Requires React 18 or 19 as an optional peer dependency.\n * Import only from this subpath to avoid pulling React into core consumers.\n */\nexport { useLdEntities, useTemporalData } from './hooks.js';\nexport { GeonicDbMap } from './GeonicDbMap.js';\nexport type { GeonicDbMapProps } from './GeonicDbMap.js';\nexport type {\n  LdEntity,\n  LdAttribute,\n  LdProperty,\n  LdGeoProperty,\n  LdRelationship,\n  LdQueryOptions,\n  NgsiEntity,\n  NgsiAttribute,\n  GeoJsonPoint,\n  GeoJsonPolygon,\n  GeoJsonGeometry,\n} from './types.js';\n", "// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 Geolonia Inc.\n// See LICENSE in src/sdk/ for full license text.\n\n/**\n * NGSI-LD React hooks \u2014 built on top of GeonicDB SDK core.\n */\n\nimport { useState, useEffect, useCallback, useRef } from 'react';\nimport type GeonicDB from '../index.js';\nimport type { GetEntitiesParams, GetTemporalEntitiesParams } from '../types.js';\nimport type { LdEntity, LdQueryOptions } from './types.js';\n\n/**\n * Fetch NGSI-LD entities using the GeonicDB SDK client.\n *\n * The official SDK core handles DPoP / auth transparently.\n */\nexport function useLdEntities(\n  client: GeonicDB,\n  options?: LdQueryOptions,\n): {\n  entities: LdEntity[];\n  loading: boolean;\n  error: Error | null;\n  refetch: () => Promise<void>;\n} {\n  const [entities, setEntities] = useState<LdEntity[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  // \u30EA\u30AF\u30A8\u30B9\u30C8\u4E16\u4EE3\u30AB\u30A6\u30F3\u30BF\u3002deps \u5909\u5316\u30FBrefetch\u30FB\u30A2\u30F3\u30DE\u30A6\u30F3\u30C8\u6642\u306B\u5897\u3084\u3057\u3001\n  // \u53E4\u3044 in-flight \u30EC\u30B9\u30DD\u30F3\u30B9\u304C\u65B0\u3057\u3044\u7D50\u679C\u3092\u4E0A\u66F8\u304D\u3059\u308B race \u3068\u3001\n  // \u30A2\u30F3\u30DE\u30A6\u30F3\u30C8\u5F8C\u306E setState \u3092\u9632\u3050\u3002\n  const genRef = useRef(0);\n\n  const params: GetEntitiesParams = {};\n  if (options?.type) params.type = options.type;\n  if (options?.limit) params.limit = options.limit;\n  if (options?.attrs) params.attrs = options.attrs.join(',');\n  if (options?.q) params.q = options.q;\n  if (options?.scopeQ) params.scopeQ = options.scopeQ;\n\n  const paramsKey = JSON.stringify(params);\n\n  const fetchEntities = useCallback(async () => {\n    const gen = ++genRef.current;\n    setLoading(true);\n    setError(null);\n    try {\n      const data = await client.getEntities(params);\n      if (genRef.current === gen) setEntities(data as LdEntity[]);\n    } catch (err) {\n      if (genRef.current === gen) setError(err instanceof Error ? err : new Error('Unknown error'));\n    } finally {\n      if (genRef.current === gen) setLoading(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [client, paramsKey]);\n\n  useEffect(() => {\n    void fetchEntities();\n    // \u30A2\u30F3\u30DE\u30A6\u30F3\u30C8 / deps \u5909\u5316\u3067 in-flight \u3092\u7121\u52B9\u5316\u3059\u308B\n    return () => {\n      genRef.current++;\n    };\n  }, [fetchEntities]);\n\n  return { entities, loading, error, refetch: fetchEntities };\n}\n\n/**\n * Fetch NGSI-LD temporal (time-series) data using the GeonicDB SDK client.\n */\nexport function useTemporalData(\n  client: GeonicDB | undefined,\n  options: GetTemporalEntitiesParams & { enabled?: boolean },\n): {\n  data: Record<string, unknown>[];\n  loading: boolean;\n  error: Error | null;\n  refetch: () => Promise<void>;\n} {\n  const [data, setData] = useState<Record<string, unknown>[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  // useLdEntities \u3068\u540C\u3058\u304F\u3001\u53E4\u3044 in-flight \u30EC\u30B9\u30DD\u30F3\u30B9\u3068\u30A2\u30F3\u30DE\u30A6\u30F3\u30C8\u5F8C setState \u3092\u9632\u3050\u4E16\u4EE3\u30AB\u30A6\u30F3\u30BF\u3002\n  const genRef = useRef(0);\n\n  const enabled = options.enabled !== false;\n\n  // Serialize all options as a stable cache key so that any param change triggers re-fetch.\n  const optionsKey = JSON.stringify(options);\n\n  const fetchData = useCallback(async () => {\n    const gen = ++genRef.current;\n    if (!enabled || !client) {\n      setData([]);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n    try {\n      if (options.id) {\n        const entity = await client.getTemporalEntity(options.id);\n        if (genRef.current === gen) setData([entity]);\n      } else {\n        const entities = await client.getTemporalEntities(options);\n        if (genRef.current === gen) setData(entities);\n      }\n    } catch (err) {\n      if (genRef.current === gen) setError(err instanceof Error ? err : new Error('Unknown error'));\n    } finally {\n      if (genRef.current === gen) setLoading(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [client, optionsKey]);\n\n  useEffect(() => {\n    void fetchData();\n    // \u30A2\u30F3\u30DE\u30A6\u30F3\u30C8 / deps \u5909\u5316\u3067 in-flight \u3092\u7121\u52B9\u5316\u3059\u308B\n    return () => {\n      genRef.current++;\n    };\n  }, [fetchData]);\n\n  return { data, loading, error, refetch: fetchData };\n}\n", "// SPDX-License-Identifier: MIT\n// Copyright (c) 2026 Geolonia Inc.\n// See LICENSE in src/sdk/ for full license text.\n\n/**\n * GeonicDbMap \u2014 Geolonia embed-based map component for GeonicDB entities.\n *\n * Ported from geonicdb-demo-app/packages/shared/src/components/GeonicDbMap.tsx.\n * @geolonia/embed is an optional peer dependency (required only when using this component).\n */\n\nimport { useEffect, useRef, useCallback, type CSSProperties } from 'react';\nimport type { Map as EmbedMap, Marker as EmbedMarker } from '@geolonia/embed';\nimport type { LdEntity, NgsiEntity, GeoJsonPoint } from './types.js';\n\nexport interface GeonicDbMapProps {\n  center?: [number, number];\n  zoom?: number;\n  styleUrl?: string;\n  /** Entities to display. Accepts both LdEntity (NGSI-LD) and NgsiEntity (NGSIv2). */\n  entities?: (LdEntity | NgsiEntity)[];\n  onEntityClick?: (entity: LdEntity | NgsiEntity) => void;\n  onMapClick?: (lngLat: [number, number]) => void;\n  className?: string;\n  style?: CSSProperties;\n  showPopups?: boolean;\n  fitToMarkers?: boolean;\n}\n\nconst DEFAULT_STYLE = 'geolonia/basic';\n\nfunction escapeHtml(s: string): string {\n  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;');\n}\n\nfunction getEntityLocation(entity: LdEntity | NgsiEntity): [number, number] | null {\n  const location = entity.location;\n  if (!location || typeof location === 'string') return null;\n\n  // NGSI-LD GeoProperty normalized: { type: \"GeoProperty\", value: { type: \"Point\", coordinates: [...] } }\n  const ldLoc = location as { type?: string; value?: GeoJsonPoint };\n  if (ldLoc.type === 'GeoProperty' && ldLoc.value?.type === 'Point' && Array.isArray(ldLoc.value.coordinates)) {\n    return ldLoc.value.coordinates;\n  }\n\n  // NGSIv2 normalized: { type: \"geo:json\", value: { type: \"Point\", coordinates: [...] } }\n  const v2Loc = location as { type?: string; value?: GeoJsonPoint };\n  if (v2Loc.value?.type === 'Point' && Array.isArray(v2Loc.value.coordinates)) {\n    return v2Loc.value.coordinates;\n  }\n\n  // keyValues: { type: \"Point\", coordinates: [...] }\n  const kv = location as unknown as GeoJsonPoint;\n  if (kv.type === 'Point' && Array.isArray(kv.coordinates)) {\n    return kv.coordinates;\n  }\n\n  return null;\n}\n\nfunction getMarkerColor(entityType: string): string {\n  const colors: Record<string, string> = {\n    Room: '#3b82f6',\n    ParkingSpot: '#22c55e',\n    AirQualitySensor: '#f59e0b',\n    TrafficFlow: '#ef4444',\n    EnvironmentSensor: '#8b5cf6',\n    EnvSensor: '#8b5cf6',\n    TemperatureSensor: '#f97316',\n    GeoFeature: '#0ea5e9',\n  };\n  return colors[entityType] ?? '#6b7280';\n}\n\nexport function GeonicDbMap({\n  center = [139.7671, 35.6812],\n  zoom = 13,\n  styleUrl,\n  entities = [],\n  onEntityClick,\n  onMapClick,\n  className = '',\n  style: customStyle,\n  showPopups = true,\n  fitToMarkers = false,\n}: GeonicDbMapProps) {\n  const mapContainerRef = useRef<HTMLDivElement>(null);\n  const mapRef = useRef<EmbedMap | null>(null);\n  const markersRef = useRef<EmbedMarker[]>([]);\n  const mapLoadedRef = useRef(false);\n  const pendingUpdateRef = useRef(false);\n\n  useEffect(() => {\n    if (!mapContainerRef.current) return;\n\n    mapLoadedRef.current = false;\n\n    // Dynamic import to avoid bundling @geolonia/embed for non-map consumers.\n    // @geolonia/embed is an optional peer dependency.\n    void import('@geolonia/embed').then(({ Map: GeoMap }) => {\n      if (!mapContainerRef.current) return;\n\n      const map = new GeoMap({\n        container: mapContainerRef.current,\n        style: styleUrl ?? DEFAULT_STYLE,\n        center,\n        zoom,\n      });\n\n      mapRef.current = map;\n\n      const onReady = () => {\n        mapLoadedRef.current = true;\n        if (pendingUpdateRef.current) {\n          pendingUpdateRef.current = false;\n          window.dispatchEvent(new CustomEvent('geonicdb-map-ready'));\n        }\n      };\n\n      map.on('load', onReady);\n      map.once('idle', onReady);\n\n      if (onMapClick) {\n        (map as unknown as { on: (e: string, cb: (e: { lngLat: { lng: number; lat: number } }) => void) => void }).on('click', (e) => {\n          onMapClick([e.lngLat.lng, e.lngLat.lat]);\n        });\n      }\n    });\n\n    return () => {\n      if (mapRef.current) {\n        mapRef.current.remove();\n        mapRef.current = null;\n        mapLoadedRef.current = false;\n      }\n    };\n    // center/zoom are intentionally excluded: the map is initialized once per styleUrl change.\n    // Subsequent center/zoom updates should use imperative map methods (flyTo/jumpTo),\n    // not re-mount the map. Markers/entities are updated via the doUpdate effect below.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [styleUrl]);\n\n  const doUpdate = useCallback(() => {\n    const map = mapRef.current;\n    if (!map) return;\n\n    markersRef.current.forEach((marker) => marker.remove());\n    markersRef.current = [];\n\n    void import('@geolonia/embed').then(({ Marker, geolonia }) => {\n      entities.forEach((entity) => {\n        const coords = getEntityLocation(entity);\n        if (!coords) return;\n\n        const color = getMarkerColor(entity.type);\n        const el = document.createElement('div');\n        el.style.cssText = `width:24px;height:24px;background-color:${color};border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.3);`;\n\n        const marker = new Marker({ element: el }).setLngLat(coords).addTo(map);\n\n        if (showPopups && geolonia?.Popup) {\n          const popup = new geolonia.Popup({ closeButton: false, closeOnClick: false, offset: 15 })\n            .setHTML(`<div style=\"font-family:sans-serif;font-size:12px;\"><strong>${escapeHtml(entity.id)}</strong><br/><span style=\"color:#666\">${escapeHtml(entity.type)}</span></div>`);\n          el.addEventListener('mouseenter', () => { marker.setPopup(popup); popup.addTo(map); });\n          el.addEventListener('mouseleave', () => { popup.remove(); });\n        }\n\n        if (onEntityClick) {\n          el.addEventListener('click', (e) => { e.stopPropagation(); onEntityClick(entity); });\n        }\n\n        markersRef.current.push(marker);\n      });\n\n      if (fitToMarkers && markersRef.current.length > 0) {\n        const allCoords = entities.map(getEntityLocation).filter((c): c is [number, number] => c !== null);\n        if (allCoords.length === 1 && allCoords[0]) {\n          map.flyTo({ center: allCoords[0], zoom: 14 });\n        } else if (allCoords.length > 1) {\n          const bounds = allCoords.reduce(\n            (b, coord) => [[Math.min(b[0][0], coord[0]), Math.min(b[0][1], coord[1])], [Math.max(b[1][0], coord[0]), Math.max(b[1][1], coord[1])]] as [[number, number], [number, number]],\n            [[allCoords[0]![0], allCoords[0]![1]], [allCoords[0]![0], allCoords[0]![1]]] as [[number, number], [number, number]]\n          );\n          map.fitBounds(bounds, { padding: 30 });\n        }\n      }\n    });\n  }, [entities, onEntityClick, showPopups, fitToMarkers]);\n\n  useEffect(() => {\n    if (mapLoadedRef.current) {\n      doUpdate();\n    } else {\n      pendingUpdateRef.current = true;\n      const handler = () => doUpdate();\n      window.addEventListener('geonicdb-map-ready', handler, { once: true });\n      return () => window.removeEventListener('geonicdb-map-ready', handler);\n    }\n  }, [doUpdate]);\n\n  const defaultStyle: CSSProperties = { width: '100%', height: '100%', minHeight: '400px' };\n\n  return (\n    <div\n      ref={mapContainerRef}\n      className={className}\n      style={{ ...defaultStyle, ...customStyle }}\n    />\n  );\n}\n"],
+  "mappings": "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",
+  "names": ["import_react"]
+}