@collabdt/core 0.0.40

package/dist/core/components/viewers/map/src/tools/AddTools/AddDataset/DatasetAdder.js

@@ -0,0 +1,297 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Upload } from "lucide-react";
+import { DatasetsContext, MapContext } from "../../../../../../../store";
+import { Button, Input } from "../../../../../../ui/";
+import { layerColorByName } from "../../../../utils/stringToColour";
+import { DatasetGroup } from "../../../../../../../types/dbTypes";
+import { parseGeoJSON } from "../../../../datasets/src/geojsonFile";
+import {
+  addWmsToMap,
+  detectSourceType,
+  extractWmsLayers,
+  loadVectorUrl,
+  nameFromUrl
+} from "../../../../datasets/src/urlSources";
+import { uploadToPresignedUrl } from "../AddFile/utils/uploadToPresignedURLS";
+const DATASETS_BUCKET = "pointclouds-demo";
+const DEFAULT_LAYER_STYLES = {
+  lineLayerStyle: { "line-color": "#0d9488", "line-width": 4 },
+  pointLayerStyle: { "circle-color": "#0d9488", "circle-radius": 8 },
+  polygonLayerStyle: { "fill-color": "#0d9488", "fill-opacity": 0.8 }
+};
+function dominantGeometry(summary) {
+  let points = 0;
+  let lines = 0;
+  let polygons = 0;
+  for (const [type, count] of Object.entries(summary.geometryTypes)) {
+    if (type.includes("Point")) points += count;
+    else if (type.includes("LineString")) lines += count;
+    else if (type.includes("Polygon")) polygons += count;
+  }
+  if (polygons >= lines && polygons >= points) return "polygons";
+  if (lines >= points) return "lines";
+  return "points";
+}
+const DatasetAdder = ({ onClose }) => {
+  const { dispatch: datasetDispatch } = React.useContext(DatasetsContext);
+  const { state: mapState } = React.useContext(MapContext);
+  const map = mapState.map.map;
+  const [loaded, setLoaded] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const [dragActive, setDragActive] = React.useState(false);
+  const [url, setUrl] = React.useState("");
+  const [urlType, setUrlType] = React.useState("geojson");
+  const [wmsLayers, setWmsLayers] = React.useState("");
+  const [busy, setBusy] = React.useState(false);
+  const [saving, setSaving] = React.useState(false);
+  const handleFile = React.useCallback(async (file) => {
+    setError(null);
+    try {
+      const { featureCollection, summary } = parseGeoJSON(await file.text());
+      setLoaded({ sourceName: file.name, featureCollection, summary, file });
+    } catch (e) {
+      setLoaded(null);
+      setError(e instanceof Error ? e.message : "Failed to read file");
+    }
+  }, []);
+  const onDrop = React.useCallback((e) => {
+    var _a;
+    e.preventDefault();
+    setDragActive(false);
+    const file = (_a = e.dataTransfer.files) == null ? void 0 : _a[0];
+    if (file) void handleFile(file);
+  }, [handleFile]);
+  const handleUrlChange = (value) => {
+    setUrl(value);
+    if (!value.trim()) return;
+    const detected = detectSourceType(value);
+    setUrlType(detected);
+    if (detected === "wms") {
+      const layers = extractWmsLayers(value);
+      if (layers) setWmsLayers(layers);
+    }
+  };
+  const loadFromUrl = React.useCallback(async () => {
+    const trimmed = url.trim();
+    if (!trimmed) return;
+    setError(null);
+    setBusy(true);
+    try {
+      const { featureCollection, summary } = await loadVectorUrl(
+        trimmed,
+        urlType === "arcgis" ? "arcgis" : "geojson"
+      );
+      setLoaded({ sourceName: nameFromUrl(trimmed), featureCollection, summary });
+    } catch (e) {
+      setLoaded(null);
+      setError(e instanceof Error ? e.message : "Failed to load URL");
+    } finally {
+      setBusy(false);
+    }
+  }, [url, urlType]);
+  const addWms = React.useCallback(() => {
+    const trimmed = url.trim();
+    if (!map) {
+      setError("Open the Map viewer first.");
+      return;
+    }
+    if (!trimmed || !wmsLayers.trim()) {
+      setError("A WMS URL and layer name are required.");
+      return;
+    }
+    try {
+      addWmsToMap(map, trimmed, wmsLayers.trim());
+      onClose == null ? void 0 : onClose();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to add WMS layer");
+    }
+  }, [map, url, wmsLayers, onClose]);
+  const persistFile = React.useCallback(async (file, geometry) => {
+    const assetId = `${crypto.randomUUID()}.geojson`;
+    const presignedRes = await fetch(
+      `/api/presigned-url-upload?asset=${encodeURIComponent(assetId)}&bucket=${DATASETS_BUCKET}`
+    );
+    if (!presignedRes.ok) throw new Error(`presigned URL failed: ${presignedRes.status}`);
+    const { presignedUrl } = await presignedRes.json();
+    await uploadToPresignedUrl(presignedUrl, file);
+    const fileRow = {
+      type: "map-file",
+      name: file.name,
+      assetId,
+      mimeType: "application/geo+json",
+      extension: "geojson",
+      sizeBytes: file.size,
+      tag: "organizational-dataset",
+      isVisible: true,
+      description: JSON.stringify({
+        bucket: DATASETS_BUCKET,
+        geometryType: geometry,
+        layerStyles: DEFAULT_LAYER_STYLES
+      })
+    };
+    const fileRes = await fetch("/api/files/create", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(fileRow)
+    });
+    if (!fileRes.ok) {
+      console.warn(`DatasetAdder: File row create returned ${fileRes.status}; dataset will be session-only`);
+    }
+  }, []);
+  const addToMap = React.useCallback(async () => {
+    if (!loaded) return;
+    const name = loaded.sourceName.replace(/\.(geo)?json$/i, "") || loaded.sourceName;
+    const featureCollection = loaded.featureCollection;
+    if (loaded.file) {
+      setSaving(true);
+      try {
+        await persistFile(loaded.file, dominantGeometry(loaded.summary));
+      } catch (e) {
+        console.warn("DatasetAdder: MinIO persistence failed; dataset will be session-only", e);
+      } finally {
+        setSaving(false);
+      }
+    }
+    const dataset = {
+      id: `local-${Date.now()}`,
+      name,
+      type: "Organizational",
+      publisher: loaded.file ? "Organizational" : "Local / URL",
+      license: "Unknown",
+      contact: "",
+      description: `Imported: ${loaded.sourceName}`,
+      countrySubdivision: "",
+      municipality: "",
+      clickable: true,
+      visible: true,
+      properties: {},
+      getFeatures: async () => featureCollection,
+      getFields: async () => [],
+      dataManagementSystem: "other",
+      datasetType: "GeoJSON",
+      group: DatasetGroup.Organizational,
+      layerColor: layerColorByName(name)
+    };
+    datasetDispatch({ type: "ADD_DATASET", payload: { dataset } });
+    datasetDispatch({ type: "ADD_DATASET_TO_MAP", payload: { dataset } });
+    const bbox = loaded.summary.bbox;
+    if (map && bbox) {
+      map.fitBounds([[bbox[0], bbox[1]], [bbox[2], bbox[3]]], { padding: 48, duration: 800 });
+    }
+    setLoaded(null);
+    setError(null);
+    onClose == null ? void 0 : onClose();
+  }, [loaded, map, datasetDispatch, persistFile, onClose]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 mt-2", children: [
+    !loaded && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          onDragOver: (e) => {
+            e.preventDefault();
+            setDragActive(true);
+          },
+          onDragLeave: () => setDragActive(false),
+          onDrop,
+          className: `rounded-md border-2 border-dashed p-6 text-center text-sm transition-colors ${dragActive ? "border-primary bg-primary/5" : "border-muted-foreground/30"}`,
+          children: [
+            /* @__PURE__ */ jsx(Upload, { className: "mx-auto mb-2 text-muted-foreground", size: 24 }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Drag & drop a GeoJSON file here" }),
+            /* @__PURE__ */ jsxs("label", { className: "mt-2 inline-block cursor-pointer text-primary underline", children: [
+              "or browse",
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "file",
+                  accept: ".geojson,.json,application/geo+json,application/json",
+                  className: "hidden",
+                  onChange: (e) => {
+                    var _a;
+                    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+                    if (file) void handleFile(file);
+                  }
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { className: "h-px flex-1 bg-border" }),
+        "or paste a URL",
+        /* @__PURE__ */ jsx("span", { className: "h-px flex-1 bg-border" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: "https://\u2026 (GeoJSON, ArcGIS FeatureServer, or WMS)",
+            value: url,
+            onChange: (e) => handleUrlChange(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: "border border-input rounded p-1 text-sm bg-background",
+              value: urlType,
+              onChange: (e) => setUrlType(e.target.value),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "geojson", children: "GeoJSON" }),
+                /* @__PURE__ */ jsx("option", { value: "arcgis", children: "ArcGIS Feature Service" }),
+                /* @__PURE__ */ jsx("option", { value: "wms", children: "WMS" })
+              ]
+            }
+          ),
+          urlType === "wms" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                placeholder: "WMS layer name(s)",
+                value: wmsLayers,
+                onChange: (e) => setWmsLayers(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { onClick: addWms, disabled: !url.trim() || !wmsLayers.trim(), children: "Add WMS" })
+          ] }) : /* @__PURE__ */ jsx(Button, { onClick: () => void loadFromUrl(), disabled: !url.trim() || busy, children: busy ? "Loading\u2026" : "Load" })
+        ] }),
+        urlType === "wms" && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "WMS is added as a raster overlay (not a dataset) \u2014 it won\u2019t appear in \u201Cview datasets\u201D." })
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: error })
+    ] }),
+    loaded && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium break-all", children: loaded.sourceName }),
+      /* @__PURE__ */ jsxs("ul", { className: "text-xs space-y-1 text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("li", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Features:" }),
+          " ",
+          loaded.summary.featureCount
+        ] }),
+        /* @__PURE__ */ jsxs("li", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Geometry:" }),
+          " ",
+          Object.entries(loaded.summary.geometryTypes).map(([type, count]) => `${type} (${count})`).join(", ") || "\u2014"
+        ] }),
+        /* @__PURE__ */ jsxs("li", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Properties:" }),
+          " ",
+          loaded.summary.propertyKeys.join(", ") || "\u2014"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { onClick: () => void addToMap(), disabled: saving, children: saving ? "Saving\u2026" : "Add to map" }),
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", disabled: saving, onClick: () => {
+          setLoaded(null);
+          setError(null);
+        }, children: "Choose another" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  DatasetAdder
+};
+//# sourceMappingURL=DatasetAdder.js.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddDataset/DatasetAdder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddDataset/DatasetAdder.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { Upload } from 'lucide-react'\r\n\r\nimport { DatasetsContext, MapContext } from '../../../../../../../store'\r\nimport { Button, Input } from '../../../../../../ui/'\r\nimport { layerColorByName } from '../../../../utils/stringToColour'\r\nimport { DatasetGroup } from '../../../../../../../types/dbTypes'\r\nimport type { Dataset } from '../../../../../../../types/datasetTypes'\r\nimport { parseGeoJSON, type GeoJSONSummary } from '../../../../datasets/src/geojsonFile'\r\nimport {\r\n  addWmsToMap,\r\n  detectSourceType,\r\n  extractWmsLayers,\r\n  loadVectorUrl,\r\n  nameFromUrl,\r\n  type UrlSourceType,\r\n} from '../../../../datasets/src/urlSources'\r\nimport { uploadToPresignedUrl } from '../AddFile/utils/uploadToPresignedURLS'\r\n\r\n/** Bucket uploaded org datasets land in (orgId prefix added server-side). */\r\nconst DATASETS_BUCKET = 'pointclouds-demo'\r\n\r\n/** Default per-geometry paint, persisted so reload hydration can restyle. */\r\nconst DEFAULT_LAYER_STYLES = {\r\n  lineLayerStyle: { 'line-color': '#0d9488', 'line-width': 4 },\r\n  pointLayerStyle: { 'circle-color': '#0d9488', 'circle-radius': 8 },\r\n  polygonLayerStyle: { 'fill-color': '#0d9488', 'fill-opacity': 0.8 },\r\n}\r\n\r\ntype PersistGeometry = 'points' | 'lines' | 'polygons'\r\n\r\n/** Pick the dominant geometry family for the persisted File row's layerType hint. */\r\nfunction dominantGeometry(summary: GeoJSONSummary): PersistGeometry {\r\n  let points = 0\r\n  let lines = 0\r\n  let polygons = 0\r\n  for (const [type, count] of Object.entries(summary.geometryTypes)) {\r\n    if (type.includes('Point')) points += count\r\n    else if (type.includes('LineString')) lines += count\r\n    else if (type.includes('Polygon')) polygons += count\r\n  }\r\n  if (polygons >= lines && polygons >= points) return 'polygons'\r\n  if (lines >= points) return 'lines'\r\n  return 'points'\r\n}\r\n\r\ninterface Loaded {\r\n  sourceName: string\r\n  featureCollection: GeoJSON.FeatureCollection\r\n  summary: GeoJSONSummary\r\n  /** Present only for file sources — enables MinIO persistence on add. */\r\n  file?: File\r\n}\r\n\r\ninterface DatasetAdderProps {\r\n  onClose?: () => void\r\n}\r\n\r\n/**\r\n * Add a dataset to the map — from a dropped/picked GeoJSON file, or from a\r\n * pasted URL (GeoJSON, ArcGIS Feature Service, or WMS).\r\n *\r\n * Vector sources (file / GeoJSON URL / ArcGIS) are parsed client-side and\r\n * registered into DatasetsContext; the existing OpenDataLayers renderer draws\r\n * them. WMS is a raster overlay added straight to the map.\r\n *\r\n * File uploads are additionally persisted: the raw GeoJSON is uploaded to MinIO\r\n * and a File row is created so the dataset re-hydrates on the next load (via\r\n * minioDatasets.ts). URL/WMS imports are session-only — there is no file to\r\n * persist.\r\n */\r\nexport const DatasetAdder = ({ onClose }: DatasetAdderProps) => {\r\n  const { dispatch: datasetDispatch } = React.useContext(DatasetsContext)\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const map = mapState.map.map\r\n\r\n  const [loaded, setLoaded] = React.useState<Loaded | null>(null)\r\n  const [error, setError] = React.useState<string | null>(null)\r\n  const [dragActive, setDragActive] = React.useState(false)\r\n\r\n  const [url, setUrl] = React.useState('')\r\n  const [urlType, setUrlType] = React.useState<UrlSourceType>('geojson')\r\n  const [wmsLayers, setWmsLayers] = React.useState('')\r\n  const [busy, setBusy] = React.useState(false)\r\n  const [saving, setSaving] = React.useState(false)\r\n\r\n  const handleFile = React.useCallback(async (file: File) => {\r\n    setError(null)\r\n    try {\r\n      const { featureCollection, summary } = parseGeoJSON(await file.text())\r\n      setLoaded({ sourceName: file.name, featureCollection, summary, file })\r\n    }\r\n    catch (e) {\r\n      setLoaded(null)\r\n      setError(e instanceof Error ? e.message : 'Failed to read file')\r\n    }\r\n  }, [])\r\n\r\n  const onDrop = React.useCallback((e: React.DragEvent) => {\r\n    e.preventDefault()\r\n    setDragActive(false)\r\n    const file = e.dataTransfer.files?.[0]\r\n    if (file) void handleFile(file)\r\n  }, [handleFile])\r\n\r\n  const handleUrlChange = (value: string) => {\r\n    setUrl(value)\r\n    if (!value.trim()) return\r\n    const detected = detectSourceType(value)\r\n    setUrlType(detected)\r\n    if (detected === 'wms') {\r\n      const layers = extractWmsLayers(value)\r\n      if (layers) setWmsLayers(layers)\r\n    }\r\n  }\r\n\r\n  const loadFromUrl = React.useCallback(async () => {\r\n    const trimmed = url.trim()\r\n    if (!trimmed) return\r\n    setError(null)\r\n    setBusy(true)\r\n    try {\r\n      const { featureCollection, summary } = await loadVectorUrl(\r\n        trimmed,\r\n        urlType === 'arcgis' ? 'arcgis' : 'geojson',\r\n      )\r\n      setLoaded({ sourceName: nameFromUrl(trimmed), featureCollection, summary })\r\n    }\r\n    catch (e) {\r\n      setLoaded(null)\r\n      setError(e instanceof Error ? e.message : 'Failed to load URL')\r\n    }\r\n    finally {\r\n      setBusy(false)\r\n    }\r\n  }, [url, urlType])\r\n\r\n  const addWms = React.useCallback(() => {\r\n    const trimmed = url.trim()\r\n    if (!map) { setError('Open the Map viewer first.'); return }\r\n    if (!trimmed || !wmsLayers.trim()) { setError('A WMS URL and layer name are required.'); return }\r\n    try {\r\n      addWmsToMap(map, trimmed, wmsLayers.trim())\r\n      onClose?.()\r\n    }\r\n    catch (e) {\r\n      setError(e instanceof Error ? e.message : 'Failed to add WMS layer')\r\n    }\r\n  }, [map, url, wmsLayers, onClose])\r\n\r\n  /**\r\n   * Upload the dropped/picked file to MinIO and create a File row so the\r\n   * dataset survives a reload. Best-effort: a failure leaves the dataset\r\n   * session-only rather than blocking the add.\r\n   */\r\n  const persistFile = React.useCallback(async (file: File, geometry: PersistGeometry) => {\r\n    const assetId = `${crypto.randomUUID()}.geojson`\r\n    const presignedRes = await fetch(\r\n      `/api/presigned-url-upload?asset=${encodeURIComponent(assetId)}&bucket=${DATASETS_BUCKET}`,\r\n    )\r\n    if (!presignedRes.ok) throw new Error(`presigned URL failed: ${presignedRes.status}`)\r\n    const { presignedUrl } = await presignedRes.json()\r\n    await uploadToPresignedUrl(presignedUrl, file)\r\n\r\n    const fileRow = {\r\n      type: 'map-file',\r\n      name: file.name,\r\n      assetId,\r\n      mimeType: 'application/geo+json',\r\n      extension: 'geojson',\r\n      sizeBytes: file.size,\r\n      tag: 'organizational-dataset',\r\n      isVisible: true,\r\n      description: JSON.stringify({\r\n        bucket: DATASETS_BUCKET,\r\n        geometryType: geometry,\r\n        layerStyles: DEFAULT_LAYER_STYLES,\r\n      }),\r\n    }\r\n    const fileRes = await fetch('/api/files/create', {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application/json' },\r\n      body: JSON.stringify(fileRow),\r\n    })\r\n    if (!fileRes.ok) {\r\n      console.warn(`DatasetAdder: File row create returned ${fileRes.status}; dataset will be session-only`)\r\n    }\r\n  }, [])\r\n\r\n  const addToMap = React.useCallback(async () => {\r\n    if (!loaded) return\r\n    const name = loaded.sourceName.replace(/\\.(geo)?json$/i, '') || loaded.sourceName\r\n    const featureCollection = loaded.featureCollection\r\n\r\n    // File sources persist to MinIO; URL/WMS imports are session-only.\r\n    if (loaded.file) {\r\n      setSaving(true)\r\n      try {\r\n        await persistFile(loaded.file, dominantGeometry(loaded.summary))\r\n      }\r\n      catch (e) {\r\n        console.warn('DatasetAdder: MinIO persistence failed; dataset will be session-only', e)\r\n      }\r\n      finally {\r\n        setSaving(false)\r\n      }\r\n    }\r\n\r\n    const dataset: Dataset = {\r\n      id: `local-${Date.now()}`,\r\n      name,\r\n      type: 'Organizational',\r\n      publisher: loaded.file ? 'Organizational' : 'Local / URL',\r\n      license: 'Unknown',\r\n      contact: '',\r\n      description: `Imported: ${loaded.sourceName}`,\r\n      countrySubdivision: '',\r\n      municipality: '',\r\n      clickable: true,\r\n      visible: true,\r\n      properties: {},\r\n      getFeatures: async () => featureCollection,\r\n      getFields: async () => [],\r\n      dataManagementSystem: 'other',\r\n      datasetType: 'GeoJSON',\r\n      group: DatasetGroup.Organizational,\r\n      layerColor: layerColorByName(name),\r\n    }\r\n\r\n    datasetDispatch({ type: 'ADD_DATASET', payload: { dataset } })\r\n    datasetDispatch({ type: 'ADD_DATASET_TO_MAP', payload: { dataset } })\r\n\r\n    const bbox = loaded.summary.bbox\r\n    if (map && bbox) {\r\n      map.fitBounds([[bbox[0], bbox[1]], [bbox[2], bbox[3]]], { padding: 48, duration: 800 })\r\n    }\r\n\r\n    setLoaded(null)\r\n    setError(null)\r\n    onClose?.()\r\n  }, [loaded, map, datasetDispatch, persistFile, onClose])\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-3 mt-2\">\r\n      {!loaded && (\r\n        <>\r\n          <div\r\n            onDragOver={(e) => { e.preventDefault(); setDragActive(true) }}\r\n            onDragLeave={() => setDragActive(false)}\r\n            onDrop={onDrop}\r\n            className={`rounded-md border-2 border-dashed p-6 text-center text-sm transition-colors ${\r\n              dragActive ? 'border-primary bg-primary/5' : 'border-muted-foreground/30'\r\n            }`}\r\n          >\r\n            <Upload className=\"mx-auto mb-2 text-muted-foreground\" size={24} />\r\n            <p className=\"text-muted-foreground\">Drag &amp; drop a GeoJSON file here</p>\r\n            <label className=\"mt-2 inline-block cursor-pointer text-primary underline\">\r\n              or browse\r\n              <input\r\n                type=\"file\"\r\n                accept=\".geojson,.json,application/geo+json,application/json\"\r\n                className=\"hidden\"\r\n                onChange={(e) => {\r\n                  const file = e.target.files?.[0]\r\n                  if (file) void handleFile(file)\r\n                }}\r\n              />\r\n            </label>\r\n          </div>\r\n\r\n          <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\r\n            <span className=\"h-px flex-1 bg-border\" />\r\n            or paste a URL\r\n            <span className=\"h-px flex-1 bg-border\" />\r\n          </div>\r\n\r\n          <div className=\"flex flex-col gap-2\">\r\n            <Input\r\n              placeholder=\"https://… (GeoJSON, ArcGIS FeatureServer, or WMS)\"\r\n              value={url}\r\n              onChange={(e) => handleUrlChange(e.target.value)}\r\n            />\r\n            <div className=\"flex items-center gap-2\">\r\n              <select\r\n                className=\"border border-input rounded p-1 text-sm bg-background\"\r\n                value={urlType}\r\n                onChange={(e) => setUrlType(e.target.value as UrlSourceType)}\r\n              >\r\n                <option value=\"geojson\">GeoJSON</option>\r\n                <option value=\"arcgis\">ArcGIS Feature Service</option>\r\n                <option value=\"wms\">WMS</option>\r\n              </select>\r\n\r\n              {urlType === 'wms'\r\n                ? (\r\n                    <>\r\n                      <Input\r\n                        placeholder=\"WMS layer name(s)\"\r\n                        value={wmsLayers}\r\n                        onChange={(e) => setWmsLayers(e.target.value)}\r\n                      />\r\n                      <Button onClick={addWms} disabled={!url.trim() || !wmsLayers.trim()}>\r\n                        Add WMS\r\n                      </Button>\r\n                    </>\r\n                  )\r\n                : (\r\n                    <Button onClick={() => void loadFromUrl()} disabled={!url.trim() || busy}>\r\n                      {busy ? 'Loading…' : 'Load'}\r\n                    </Button>\r\n                  )}\r\n            </div>\r\n            {urlType === 'wms' && (\r\n              <p className=\"text-xs text-muted-foreground\">\r\n                WMS is added as a raster overlay (not a dataset) — it won’t appear in “view datasets”.\r\n              </p>\r\n            )}\r\n          </div>\r\n\r\n          {error && <p className=\"text-sm text-red-600\">{error}</p>}\r\n        </>\r\n      )}\r\n\r\n      {loaded && (\r\n        <div className=\"flex flex-col gap-2 text-sm\">\r\n          <p className=\"font-medium break-all\">{loaded.sourceName}</p>\r\n          <ul className=\"text-xs space-y-1 text-muted-foreground\">\r\n            <li><strong>Features:</strong> {loaded.summary.featureCount}</li>\r\n            <li>\r\n              <strong>Geometry:</strong>{' '}\r\n              {Object.entries(loaded.summary.geometryTypes)\r\n                .map(([type, count]) => `${type} (${count})`)\r\n                .join(', ') || '—'}\r\n            </li>\r\n            <li>\r\n              <strong>Properties:</strong>{' '}\r\n              {loaded.summary.propertyKeys.join(', ') || '—'}\r\n            </li>\r\n          </ul>\r\n          <div className=\"flex gap-2\">\r\n            <Button onClick={() => void addToMap()} disabled={saving}>\r\n              {saving ? 'Saving…' : 'Add to map'}\r\n            </Button>\r\n            <Button variant=\"ghost\" disabled={saving} onClick={() => { setLoaded(null); setError(null) }}>\r\n              Choose another\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/FileAdder.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { LucideIcon } from 'lucide-react';
+type FileAdderProps = {
+    isOpen: boolean;
+    onClose: () => void;
+};
+type FileAdderDialogProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    icon: LucideIcon;
+    accept: string;
+    onFileSelect: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onFileDrop?: (file: File) => void;
+    disabled?: boolean;
+    dropZoneTitle: string;
+    dropZoneSubtext: string;
+    hide?: boolean;
+};
+export declare const FileAdderDialog: ({ isOpen, onClose, title, icon, accept, onFileSelect, onFileDrop, disabled, dropZoneTitle, dropZoneSubtext, hide, }: FileAdderDialogProps) => React.JSX.Element;
+export declare const FileAdder: ({ isOpen, onClose }: FileAdderProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=FileAdder.d.ts.map

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/FileAdder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileAdder.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/tools/AddTools/AddFile/FileAdder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAuB9C,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAClE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,eAAe,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,qHAY7B,oBAAoB,sBAkDtB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,qBAAqB,cAAc,sBA+N5D,CAAA"}

package/dist/core/components/viewers/map/src/tools/AddTools/AddFile/FileAdder.js

@@ -0,0 +1,282 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LR from "lucide-react";
+import maplibregl from "maplibre-gl";
+import ReactDOM from "react-dom/client";
+import { mutate } from "swr";
+import { useTranslations } from "next-intl";
+import { toast } from "sonner";
+import { MapContext, FilesContext } from "../../../../../../../store";
+import { uploadFileWithProgress } from "./utils/uploadToPresignedURLS";
+import { acceptedFiles, isAcceptedFileType } from "../../../../../../../utils/acceptedFiles";
+import { AddItemDialog } from "../../../../../../ui/AddItemDialog";
+import { Input } from "../../../../../../ui/Input";
+import { cn } from "../../../../../../../utils/utils";
+import MapFileMarker from "../../../MapLayers/src/FileLayer/components/MapFileMarker";
+function getFileExtension(file) {
+  if (!(file == null ? void 0 : file.name)) return "";
+  const parts = file.name.split(".");
+  if (parts.length <= 1) return "";
+  return parts.pop().toLowerCase();
+}
+const FileAdderDialog = ({
+  isOpen,
+  onClose,
+  title,
+  icon,
+  accept,
+  onFileSelect,
+  onFileDrop,
+  disabled,
+  dropZoneTitle,
+  dropZoneSubtext,
+  hide
+}) => {
+  const fileInputRef = React.useRef(null);
+  const [isDragging, setIsDragging] = React.useState(false);
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+    const file = e.dataTransfer.files[0];
+    if (file) onFileDrop == null ? void 0 : onFileDrop(file);
+  };
+  if (hide) return null;
+  return /* @__PURE__ */ jsx(
+    AddItemDialog,
+    {
+      open: isOpen,
+      onOpenChange: (open) => !open && onClose(),
+      title,
+      icon,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onDrop: handleDrop,
+            onDragOver: (e) => {
+              e.preventDefault();
+              setIsDragging(true);
+            },
+            onDragLeave: () => setIsDragging(false),
+            onDragEnd: () => setIsDragging(false),
+            onClick: () => {
+              var _a;
+              return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+            },
+            className: cn(
+              "border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors select-none",
+              isDragging ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-primary/50 hover:bg-muted/30"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(LR.Upload, { className: "mx-auto mb-3 text-muted-foreground", size: 28 }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: dropZoneTitle }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: dropZoneSubtext })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept,
+            className: "hidden",
+            onChange: onFileSelect,
+            disabled
+          }
+        )
+      ] })
+    }
+  );
+};
+const FileAdder = ({ isOpen, onClose }) => {
+  const t = useTranslations("FileAdder");
+  const { state: mapState } = React.useContext(MapContext);
+  const { map } = mapState.map;
+  const { dispatch: fileDispatch } = React.useContext(FilesContext);
+  const [selectedFile, setSelectedFile] = React.useState(null);
+  const [isUploading, setIsUploading] = React.useState(false);
+  React.useEffect(() => {
+    if (!isOpen) {
+      setSelectedFile(null);
+      setIsUploading(false);
+    }
+  }, [isOpen]);
+  const setCursor = (cursor) => {
+    if (map) {
+      if (map.getCanvas().style.cursor === cursor) return;
+      map.getCanvas().style.cursor = cursor;
+    }
+  };
+  function addTemporaryFileIcon(map2, file, lng, lat) {
+    const markerEl = document.createElement("div");
+    markerEl.style.width = "24px";
+    markerEl.style.height = "24px";
+    markerEl.style.display = "flex";
+    markerEl.style.alignItems = "center";
+    markerEl.style.justifyContent = "center";
+    const iconEl = MapFileMarker({ mimeType: file.type, extension: "uploading" });
+    const iconContainer = document.createElement("div");
+    const root = ReactDOM.createRoot(iconContainer);
+    root.render(iconEl);
+    markerEl.append(iconContainer);
+    return new maplibregl.Marker({ element: markerEl, draggable: false }).setLngLat([lng, lat]).addTo(map2);
+  }
+  React.useEffect(() => {
+    if (!selectedFile) {
+      toast.dismiss("place-file-toast");
+      return;
+    }
+    toast.info(`${t("placeOnMapToast")}: "${selectedFile.name}"`, {
+      id: "place-file-toast",
+      duration: Infinity
+    });
+    return () => {
+      toast.dismiss("place-file-toast");
+    };
+  }, [selectedFile]);
+  React.useEffect(() => {
+    if (!selectedFile || isUploading) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        setSelectedFile(null);
+        setCursor("");
+        onClose();
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [selectedFile, isUploading]);
+  React.useEffect(() => {
+    const dblclickHandler = async (e) => {
+      var _a;
+      if (!selectedFile) return;
+      if (isUploading) return;
+      setIsUploading(true);
+      setCursor(null);
+      toast.dismiss("place-file-toast");
+      const lng = e.lngLat.lng;
+      const lat = e.lngLat.lat;
+      const elevation = 0;
+      const temporaryFileIcon = addTemporaryFileIcon(map, selectedFile, lng, lat);
+      const toastId = toast.loading(`${t("uploading")} "${selectedFile.name}"...`);
+      try {
+        const fileId = crypto.randomUUID();
+        const response = await fetch(`/api/presigned-url-upload?asset=${fileId}`);
+        if (!response.ok) throw new Error("Failed to fetch presigned URL");
+        const { presignedUrl } = await response.json();
+        await uploadFileWithProgress(presignedUrl, selectedFile, () => {
+        });
+        const newFile = {
+          type: "map-file",
+          url: "",
+          name: ((_a = selectedFile.name) == null ? void 0 : _a.trim()) || "file name",
+          mimeType: selectedFile.type,
+          extension: getFileExtension(selectedFile),
+          sizeBytes: selectedFile.size,
+          uploadedAt: /* @__PURE__ */ new Date(),
+          description: "",
+          isVisible: true,
+          lat,
+          lng,
+          elevation,
+          assetId: fileId
+        };
+        const metadataResponse = await fetch("/api/files/create", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(newFile)
+        });
+        if (!metadataResponse.ok) {
+          throw new Error(`Failed to upload file metadata: ${metadataResponse.statusText}`);
+        }
+        const { newFile: createdFile } = await metadataResponse.json();
+        let fileToAdd = createdFile;
+        try {
+          const fileUrlRes = await fetch(`/api/files/${createdFile.id}`);
+          if (fileUrlRes.ok) {
+            const { file: fileWithUrl } = await fileUrlRes.json();
+            if (fileWithUrl) fileToAdd = fileWithUrl;
+          }
+        } catch (e2) {
+        }
+        fileDispatch({ type: "ADD_FILE", payload: { file: fileToAdd } });
+        fileDispatch({ type: "ADD_TO_MAP", payload: { id: createdFile.id } });
+        toast.success(t("uploadSuccess"), { id: toastId });
+        mutate(["files"]);
+        onClose();
+      } catch (error) {
+        toast.error(error instanceof Error ? error.message : t("uploadError"), { id: toastId });
+        setIsUploading(false);
+        setSelectedFile(null);
+      } finally {
+        temporaryFileIcon.remove();
+      }
+    };
+    const mouseMoveCrosshairHandler = () => setCursor("crosshair");
+    if (!map) return;
+    if (selectedFile && !isUploading) {
+      setCursor("crosshair");
+      map.on("mousemove", mouseMoveCrosshairHandler);
+      map.on("dblclick", dblclickHandler);
+    } else {
+      map.off("mousemove", mouseMoveCrosshairHandler);
+      map.off("dblclick", dblclickHandler);
+    }
+    if (selectedFile) {
+      return () => {
+        setCursor("");
+        map.off("mousemove", mouseMoveCrosshairHandler);
+        map.off("dblclick", dblclickHandler);
+      };
+    }
+  }, [selectedFile, isUploading, map]);
+  React.useEffect(() => {
+    const handleBeforeUnload = (e) => {
+      if (isUploading) {
+        e.preventDefault();
+        e.returnValue = "";
+      }
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+  }, [isUploading]);
+  const processFile = (file) => {
+    if (!isAcceptedFileType(file)) {
+      toast.error("Unsupported file type. Please select a safe BIM/GIS format.");
+      return;
+    }
+    setSelectedFile(file);
+  };
+  const handleFileSelect = (event) => {
+    var _a;
+    const selected = (_a = event.target.files) == null ? void 0 : _a[0];
+    if (!selected) {
+      toast.warning(t("noFileSelected"));
+      return;
+    }
+    processFile(selected);
+  };
+  if (selectedFile) return null;
+  return /* @__PURE__ */ jsx(
+    FileAdderDialog,
+    {
+      isOpen,
+      onClose,
+      title: t("title"),
+      icon: LR.FilePlus,
+      accept: acceptedFiles,
+      onFileSelect: handleFileSelect,
+      onFileDrop: processFile,
+      disabled: isUploading,
+      dropZoneTitle: t("dropZoneTitle"),
+      dropZoneSubtext: t("dropZoneSubtext")
+    }
+  );
+};
+export {
+  FileAdder,
+  FileAdderDialog
+};
+//# sourceMappingURL=FileAdder.js.map