@matdata/yasqe 5.18.0 → 5.19.0

package/build/ts/src/defaults.d.ts

@@ -76,6 +76,7 @@ export default function get(): {
     queryingDisabled: string | undefined;
     prefixCcApi: string;
     showFormatButton: boolean;
+    showMapButton: boolean;
     checkConstructVariables: boolean;
     snippets: import("./").Snippet[];
     showSnippetsBar: boolean;

package/build/ts/src/defaults.js

@@ -110,6 +110,7 @@ SELECT * WHERE {
         queryingDisabled: undefined,
         prefixCcApi: prefixCcApi,
         showFormatButton: true,
+        showMapButton: true,
         checkConstructVariables: true,
         snippets: [
             {

package/build/ts/src/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../packages/yasqe/src/defaults.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../packages/yasqe/src/defaults.ts"],"names":[],"mappings":"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"}

package/build/ts/src/index.d.ts

@@ -1,5 +1,6 @@
 import "./scss/yasqe.scss";
 import "./scss/buttons.scss";
+import "leaflet/dist/leaflet.css";
 import { Prefixes } from "./prefixUtils";
 import * as sparql11Mode from "../grammar/tokenizer";
 import { Storage as YStorage } from "@matdata/yasgui-utils";
@@ -53,6 +54,9 @@ export declare class Yasqe extends CodeMirror {
     private hamburgerBtn;
     private hamburgerMenu;
     private shareBtn;
+    private mapBtn;
+    private mapPopup;
+    private closeMapPopupHandler;
     private isFullscreen;
     private horizontalResizeWrapper?;
     private snippetsBar?;
@@ -78,6 +82,12 @@ export declare class Yasqe extends CodeMirror {
     private drawButtons;
     private toggleHamburgerMenu;
     private closeHamburgerMenu;
+    private toggleMapPopup;
+    private createMapPopup;
+    toggleMapWidget(anchorPoint?: {
+        x: number;
+        y: number;
+    }): void;
     toggleFullscreen(): void;
     getIsFullscreen(): boolean;
     private insertSnippet;
@@ -222,6 +232,7 @@ export declare class Yasqe extends CodeMirror {
         queryingDisabled: string | undefined;
         prefixCcApi: string;
         showFormatButton: boolean;
+        showMapButton: boolean;
         checkConstructVariables: boolean;
         snippets: Snippet[];
         showSnippetsBar: boolean;
@@ -355,6 +366,7 @@ export interface Config extends Partial<CodeMirror.EditorConfiguration> {
     queryingDisabled: string | undefined;
     prefixCcApi: string;
     showFormatButton: boolean;
+    showMapButton: boolean;
     checkConstructVariables: boolean;
     snippets: Snippet[];
     showSnippetsBar: boolean;

package/build/ts/src/index.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import "./scss/yasqe.scss";
 import "./scss/buttons.scss";
+import "leaflet/dist/leaflet.css";
 import { findFirstPrefixLine } from "./prefixFold";
 import { getPrefixesFromQuery, addPrefixes, removePrefixes } from "./prefixUtils";
 import { getPreviousNonWsToken, getNextNonWsToken, getCompleteToken } from "./tokenUtils";
@@ -22,6 +23,8 @@ import { mergeWith, escape } from "lodash-es";
 import getDefaults from "./defaults";
 import CodeMirror from "./CodeMirror";
 import { spfmt } from "sparql-formatter";
+import * as L from "leaflet";
+import { coordinatesToWkt, wrapWktLiteral } from "./mapWidget";
 const TOAST_DEFAULT_DURATION = 3000;
 const TOAST_WARNING_DURATION = 4000;
 const TOAST_WARNING_DELAY = 500;
@@ -491,6 +494,21 @@ export class Yasqe extends CodeMirror {
             formatBtn.setAttribute("aria-label", "Format query");
             buttons.appendChild(formatBtn);
         }
+        if (this.config.showMapButton) {
+            this.mapBtn = document.createElement("button");
+            addClass(this.mapBtn, "yasqe_mapButton");
+            const mapIcon = document.createElement("i");
+            addClass(mapIcon, "fas");
+            addClass(mapIcon, "fa-map-location-dot");
+            mapIcon.setAttribute("aria-hidden", "true");
+            this.mapBtn.appendChild(mapIcon);
+            this.mapBtn.onclick = (event) => {
+                this.toggleMapPopup(buttons, { x: event.clientX, y: event.clientY });
+            };
+            this.mapBtn.title = "Open map";
+            this.mapBtn.setAttribute("aria-label", "Open map");
+            buttons.appendChild(this.mapBtn);
+        }
         this.fullscreenBtn = document.createElement("button");
         addClass(this.fullscreenBtn, "yasqe_fullscreenButton");
         const fullscreenIcon = document.createElement("i");
@@ -590,6 +608,23 @@ export class Yasqe extends CodeMirror {
             };
             this.hamburgerMenu.appendChild(formatItem);
         }
+        if (this.config.showMapButton) {
+            const mapItem = document.createElement("button");
+            mapItem.className = "yasqe_hamburgerMenuItem";
+            const mapIconMenu = document.createElement("i");
+            addClass(mapIconMenu, "fas");
+            addClass(mapIconMenu, "fa-map-location-dot");
+            mapIconMenu.setAttribute("aria-hidden", "true");
+            mapItem.appendChild(mapIconMenu);
+            const mapLabel = document.createElement("span");
+            mapLabel.textContent = "Open map";
+            mapItem.appendChild(mapLabel);
+            mapItem.onclick = (event) => {
+                this.closeHamburgerMenu();
+                this.toggleMapPopup(buttons, { x: event.clientX, y: event.clientY });
+            };
+            this.hamburgerMenu.appendChild(mapItem);
+        }
         const fullscreenItem = document.createElement("button");
         fullscreenItem.className = "yasqe_hamburgerMenuItem";
         const fullscreenIconMenu = document.createElement("i");
@@ -636,6 +671,248 @@ export class Yasqe extends CodeMirror {
         removeClass(this.hamburgerMenu, "active");
         this.hamburgerBtn.setAttribute("aria-expanded", "false");
     }
+    toggleMapPopup(buttons, anchorPoint) {
+        var _a;
+        if (this.mapPopup) {
+            (_a = this.closeMapPopupHandler) === null || _a === void 0 ? void 0 : _a.call(this);
+            return;
+        }
+        this.createMapPopup(buttons, anchorPoint);
+    }
+    createMapPopup(buttons, anchorPoint) {
+        this.mapPopup = document.createElement("div");
+        this.mapPopup.className = "yasqe_mapPopup";
+        buttons.appendChild(this.mapPopup);
+        const header = document.createElement("div");
+        header.className = "yasqe_mapPopup_header";
+        const title = document.createElement("div");
+        title.className = "yasqe_mapPopup_title";
+        title.textContent = "Create WKT";
+        header.appendChild(title);
+        const closeBtn = document.createElement("button");
+        closeBtn.className = "yasqe_mapPopup_close";
+        closeBtn.setAttribute("aria-label", "Close map");
+        closeBtn.innerHTML = "×";
+        header.appendChild(closeBtn);
+        this.mapPopup.appendChild(header);
+        const mapContainer = document.createElement("div");
+        mapContainer.className = "yasqe_mapPopup_map";
+        this.mapPopup.appendChild(mapContainer);
+        const geometryControls = document.createElement("div");
+        geometryControls.className = "yasqe_mapPopup_geometryControls leaflet-bar";
+        mapContainer.appendChild(geometryControls);
+        const hint = document.createElement("div");
+        hint.className = "yasqe_mapPopup_hint";
+        hint.textContent = "Click the map to add coordinates";
+        this.mapPopup.appendChild(hint);
+        const preview = document.createElement("textarea");
+        preview.className = "yasqe_mapPopup_preview";
+        preview.readOnly = true;
+        preview.rows = 2;
+        this.mapPopup.appendChild(preview);
+        const actions = document.createElement("div");
+        actions.className = "yasqe_mapPopup_actions";
+        const undoBtn = document.createElement("button");
+        undoBtn.className = "yasqe_btn yasqe_btn-sm";
+        undoBtn.textContent = "Undo";
+        const clearBtn = document.createElement("button");
+        clearBtn.className = "yasqe_btn yasqe_btn-sm";
+        clearBtn.textContent = "Clear";
+        const insertBtn = document.createElement("button");
+        insertBtn.className = "yasqe_btn yasqe_btn-sm";
+        insertBtn.textContent = "Insert WKT";
+        actions.appendChild(undoBtn);
+        actions.appendChild(clearBtn);
+        actions.appendChild(insertBtn);
+        this.mapPopup.appendChild(actions);
+        let geometryType = "POINT";
+        let coordinates = [];
+        let marker;
+        let shape;
+        const geometryButtons = {};
+        const getMapAccentColor = () => {
+            const accent = getComputedStyle(this.rootEl).getPropertyValue("--yasgui-accent-color").trim();
+            return accent || "#337ab7";
+        };
+        const map = L.map(mapContainer, {
+            zoomControl: true,
+            attributionControl: true,
+        }).setView([51.505, -0.09], 2);
+        map.getContainer().style.cursor = "crosshair";
+        L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
+            attribution: "© OpenStreetMap contributors",
+            maxZoom: 19,
+        }).addTo(map);
+        L.DomEvent.disableClickPropagation(geometryControls);
+        L.DomEvent.disableScrollPropagation(geometryControls);
+        const updatePreview = () => {
+            const wkt = coordinatesToWkt(geometryType, coordinates);
+            preview.value = wkt || "";
+            insertBtn.disabled = !wkt;
+            undoBtn.disabled = coordinates.length === 0;
+            clearBtn.disabled = coordinates.length === 0;
+        };
+        const redrawGeometry = () => {
+            if (marker) {
+                map.removeLayer(marker);
+                marker = undefined;
+            }
+            if (shape) {
+                map.removeLayer(shape);
+                shape = undefined;
+            }
+            const latLngs = coordinates.map((coord) => L.latLng(coord.lat, coord.lng));
+            const accentColor = getMapAccentColor();
+            if (geometryType === "POINT" && latLngs.length > 0) {
+                marker = L.marker(latLngs[latLngs.length - 1]).addTo(map);
+            }
+            else if (geometryType === "LINESTRING" && latLngs.length > 0) {
+                shape = L.polyline(latLngs, { color: accentColor }).addTo(map);
+            }
+            else if (geometryType === "POLYGON" && latLngs.length > 0) {
+                shape = L.polygon(latLngs, { color: accentColor }).addTo(map);
+            }
+            updatePreview();
+        };
+        const updateGeometryButtons = () => {
+            for (const type of ["POINT", "LINESTRING", "POLYGON"]) {
+                const button = geometryButtons[type];
+                if (!button)
+                    continue;
+                button.classList.toggle("active", type === geometryType);
+                button.setAttribute("aria-pressed", type === geometryType ? "true" : "false");
+            }
+        };
+        const createGeometryButton = (type, iconClass, label) => {
+            const button = document.createElement("button");
+            button.type = "button";
+            button.className = "yasqe_mapPopup_geometryBtn";
+            button.title = label;
+            button.setAttribute("aria-label", label);
+            button.setAttribute("aria-pressed", "false");
+            const icon = document.createElement("i");
+            addClass(icon, "fas");
+            addClass(icon, iconClass);
+            icon.setAttribute("aria-hidden", "true");
+            button.appendChild(icon);
+            button.onclick = (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                if (geometryType === type)
+                    return;
+                geometryType = type;
+                coordinates = [];
+                updateGeometryButtons();
+                redrawGeometry();
+            };
+            geometryControls.appendChild(button);
+            return button;
+        };
+        geometryButtons.POINT = createGeometryButton("POINT", "fa-location-dot", "Point");
+        geometryButtons.LINESTRING = createGeometryButton("LINESTRING", "fa-slash", "LineString");
+        geometryButtons.POLYGON = createGeometryButton("POLYGON", "fa-draw-polygon", "Polygon");
+        updateGeometryButtons();
+        const closePopup = () => {
+            var _a;
+            document.removeEventListener("keydown", handleKeyDown);
+            document.body.removeEventListener("click", closeOnOutsideClick, true);
+            map.remove();
+            (_a = this.mapPopup) === null || _a === void 0 ? void 0 : _a.remove();
+            this.mapPopup = undefined;
+            this.closeMapPopupHandler = undefined;
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === "Escape") {
+                closePopup();
+            }
+        };
+        const closeOnOutsideClick = (event) => {
+            var _a;
+            if (!this.mapPopup)
+                return;
+            if (this.mapPopup.contains(event.target) || ((_a = this.mapBtn) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+                return;
+            closePopup();
+        };
+        map.on("click", (event) => {
+            const coordinate = { lat: event.latlng.lat, lng: event.latlng.lng };
+            if (geometryType === "POINT") {
+                coordinates = [coordinate];
+            }
+            else {
+                coordinates.push(coordinate);
+            }
+            redrawGeometry();
+        });
+        undoBtn.onclick = () => {
+            coordinates.pop();
+            redrawGeometry();
+        };
+        clearBtn.onclick = () => {
+            coordinates = [];
+            redrawGeometry();
+        };
+        insertBtn.onclick = () => {
+            const wkt = coordinatesToWkt(geometryType, coordinates);
+            if (!wkt)
+                return;
+            this.replaceSelection(wrapWktLiteral(wkt));
+            closePopup();
+        };
+        closeBtn.onclick = () => closePopup();
+        this.closeMapPopupHandler = closePopup;
+        document.addEventListener("keydown", handleKeyDown);
+        document.body.addEventListener("click", closeOnOutsideClick, true);
+        const positionPopup = () => {
+            if (!this.mapPopup)
+                return;
+            const popupWidth = this.mapPopup.offsetWidth || this.mapPopup.scrollWidth || 520;
+            const popupHeight = this.mapPopup.offsetHeight || this.mapPopup.scrollHeight || this.mapPopup.clientHeight;
+            const viewportWidth = window.innerWidth;
+            const viewportHeight = window.innerHeight;
+            this.mapPopup.style.position = "fixed";
+            this.mapPopup.style.bottom = "auto";
+            if (anchorPoint) {
+                const padding = 20;
+                let left = anchorPoint.x + 12;
+                let top = anchorPoint.y + 12;
+                if (left + popupWidth > viewportWidth - padding) {
+                    left = Math.max(padding, anchorPoint.x - popupWidth - 12);
+                }
+                if (top + popupHeight > viewportHeight - padding) {
+                    top = Math.max(padding, anchorPoint.y - popupHeight - 12);
+                }
+                this.mapPopup.style.left = `${Math.max(padding, left)}px`;
+                this.mapPopup.style.top = `${Math.max(padding, top)}px`;
+                this.mapPopup.style.right = "auto";
+                return;
+            }
+            const buttonsRect = buttons.getBoundingClientRect();
+            const fallbackLeft = Math.min(viewportWidth - popupWidth - 20, Math.max(20, buttonsRect.right - popupWidth));
+            this.mapPopup.style.left = `${Math.max(20, fallbackLeft)}px`;
+            this.mapPopup.style.top = "20px";
+            this.mapPopup.style.right = "auto";
+        };
+        if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
+            window.requestAnimationFrame(() => {
+                positionPopup();
+                map.invalidateSize();
+            });
+        }
+        else {
+            setTimeout(() => {
+                positionPopup();
+                map.invalidateSize();
+            }, 0);
+        }
+        redrawGeometry();
+    }
+    toggleMapWidget(anchorPoint) {
+        const buttons = this.getWrapperElement().querySelector(".yasqe_buttons");
+        if (!buttons || !(buttons instanceof HTMLDivElement))
+            return;
+        this.toggleMapPopup(buttons, anchorPoint);
+    }
     toggleFullscreen() {
         var _a, _b;
         this.isFullscreen = !this.isFullscreen;
@@ -1477,11 +1754,12 @@ export class Yasqe extends CodeMirror {
         this.setSize(null, "100%");
     }
     destroy() {
-        var _a, _b;
+        var _a, _b, _c;
         this.abortQuery();
+        (_a = this.closeMapPopupHandler) === null || _a === void 0 ? void 0 : _a.call(this);
         this.unregisterEventListeners();
-        (_a = this.horizontalResizeWrapper) === null || _a === void 0 ? void 0 : _a.removeEventListener("mousedown", this.initDrag, false);
-        (_b = this.horizontalResizeWrapper) === null || _b === void 0 ? void 0 : _b.removeEventListener("dblclick", this.expandEditor);
+        (_b = this.horizontalResizeWrapper) === null || _b === void 0 ? void 0 : _b.removeEventListener("mousedown", this.initDrag, false);
+        (_c = this.horizontalResizeWrapper) === null || _c === void 0 ? void 0 : _c.removeEventListener("dblclick", this.expandEditor);
         if (this.snippetsClickHandler) {
             document.removeEventListener("click", this.snippetsClickHandler);
             this.snippetsClickHandler = undefined;