@metastringfoundation/map-list 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { NakshaMapboxListProps } from "./interfaces";
+declare const MapListIndex: (props: NakshaMapboxListProps) => import("react/jsx-runtime").JSX.Element;
+export default MapListIndex;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAKrD,QAAA,MAAM,YAAY,GAAI,OAAO,qBAAqB,4CAejD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const maplibre_1 = require("react-map-gl/maplibre");
+const map_1 = __importDefault(require("./components/map"));
+const constants_1 = require("./static/constants");
+const use_layers_1 = require("./hooks/use-layers");
+// setup({ preflight: false });
+const MapListIndex = (props) => {
+    const mp = react_1.default.useMemo(() => ({ ...constants_1.defaultNakshaProps, ...props }), [props]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(maplibre_1.MapProvider, { children: (0, jsx_runtime_1.jsx)(use_layers_1.LayersProvider, { mp: mp, children: (0, jsx_runtime_1.jsx)(map_1.default, {}) }) }) }));
+};
+exports.default = MapListIndex;

package/dist/interfaces/index.d.ts

@@ -0,0 +1,103 @@
+import type { ViewState } from "react-map-gl/maplibre";
+import { MapStyles } from "@metastringfoundation/map-common";
+import type { ReactNode } from "react";
+type LayerType = "grid" | "vector" | "raster";
+export interface ExtendedMarkerProps {
+    latitude: number;
+    longitude: number;
+    colorHex: string;
+}
+export interface NakshaMapboxListProps {
+    defaultViewState?: Partial<ViewState>;
+    loadToC?: boolean;
+    showToC?: boolean;
+    managePublishing?: boolean;
+    nakshaEndpointToken?: string;
+    mapboxAccessToken?: string;
+    nakshaApiEndpoint?: string;
+    bearerToken?: string;
+    geoserver?: {
+        endpoint: string;
+        store: string;
+        workspace: string;
+        onClick?: any;
+    };
+    selectedLayers?: string[];
+    onSelectedLayersChange?: (layers: string[]) => void;
+    mapStyle?: MapStyles;
+    layers?: GeoserverLayer[];
+    onLayerDownload?: (layer: GeoserverLayer) => void;
+    canLayerShare?: boolean;
+    lang?: string;
+    markers?: ExtendedMarkerProps[];
+    children?: ReactNode;
+}
+interface VectorStyleMeta {
+    styleName?: any;
+    styleTitle?: any;
+    colors?: any;
+}
+export interface IUseDisclosure {
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    onToggle: () => void;
+}
+export interface GeoserverLayer {
+    id: string;
+    index?: number;
+    title: string;
+    description?: string;
+    thumbnail?: string;
+    attribution?: string;
+    license?: string;
+    tags?: string[];
+    createdBy?: string;
+    layerStatus?: string;
+    author?: {
+        name: string;
+    };
+    url?: string;
+    createdDate?: string;
+    isDownloadable?: boolean;
+    bbox?: any[];
+    isAdded?: boolean;
+    ats?: any;
+    source: {
+        type: LayerType;
+        scheme?: any;
+        tiles?: any;
+        endpoint?: any;
+        fetcher?: any;
+    };
+    onClick?: (args: {
+        bbox?: any;
+        feature?: any;
+        layerId?: string;
+    }) => ReactNode;
+    onHover?: (args: {
+        bbox?: any;
+        feature?: any;
+        layerId?: string;
+    }) => ReactNode;
+    data?: {
+        styles?: VectorStyleMeta[];
+        styleIndex?: any;
+        propertyMap?: any;
+        titleColumn?: any;
+        summaryColumn?: any;
+        [key: string]: any;
+    };
+}
+export interface LegendInfo {
+    squareSize: number;
+    stops: [number, string][];
+}
+export interface Layer {
+    gridLegends: Record<string, LegendInfo | undefined>;
+}
+export interface Item {
+    id: string;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/interfaces/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interfaces/index.tsx"],"names":[],"mappings":"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"}

package/dist/interfaces/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/services/naksha.d.ts

@@ -0,0 +1,62 @@
+export declare const axGetGeoserverLayers: (nakshaEndpointToken: string | null | undefined, nakshaApiEndpoint: string, geoserver: any, selectedLayers?: string[] | null) => Promise<any[]>;
+/**
+ * axGetGeoserverLayerStyleList
+ * Returns { success: true, data } or { success: false }.
+ */
+export declare const axGetGeoserverLayerStyleList: (id: string | number, endpoint: string) => Promise<{
+    success: true;
+    data: any;
+} | {
+    success: false;
+}>;
+/**
+ * axGexGetRasterInfoWithLonLat
+ * Builds GetFeatureInfo query and returns { success, data }.
+ */
+export declare const axGexGetRasterInfoWithLonLat: (endpoint: string, workspace: string, params: Record<string, any>) => Promise<{
+    success: true;
+    data: any;
+} | {
+    success: false;
+    data: any[];
+}>;
+/**
+ * axToggleLayerPublishing
+ * PUT to toggle active/pending
+ */
+export declare const axToggleLayerPublishing: (nakshaEndpointToken: string | null | undefined, nakshaApiEndpoint: string, layerId: string | number, isActive: boolean) => Promise<boolean>;
+/**
+ * axDeleteLayer
+ */
+export declare const axDeleteLayer: (nakshaEndpointToken: string | null | undefined, nakshaApiEndpoint: string, layerId: string | number) => Promise<boolean>;
+/**
+ * axGetGeoserverLayerStyle
+ * Fetches the .mbstyle and returns the first layer or {}.
+ */
+export declare const axGetGeoserverLayerStyle: (layername: string, workspace: string, styleName: string, endpoint: string) => Promise<any>;
+/**
+ * getGridLayerData
+ * - Uses the provided fetcher(params) (keeps pluggable design)
+ * - Builds palette safely (no undefined) and returns stops & paint same as original.
+ */
+export declare const getGridLayerData: (fetcher: (params: Record<string, any>) => Promise<any>, bounds: {
+    _ne: {
+        lat: number;
+        lng: number;
+    };
+    _sw: {
+        lat: number;
+        lng: number;
+    };
+}, zoom: number, binCount?: number, colorScheme?: string) => Promise<{
+    success: boolean;
+    geojson: any;
+    paint: any;
+    stops: [any, string][];
+    squareSize: number;
+}>;
+/**
+ * axDownloadLayer
+ */
+export declare const axDownloadLayer: (endpoint: string, token: string | null | undefined, layerName: string, layerTitle: string) => Promise<void>;
+//# sourceMappingURL=naksha.d.ts.map

package/dist/services/naksha.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"naksha.d.ts","sourceRoot":"","sources":["../../src/services/naksha.ts"],"names":[],"mappings":"AAkOA,eAAO,MAAM,oBAAoB,GAC/B,qBAAqB,MAAM,GAAG,IAAI,GAAG,SAAS,EAC9C,mBAAmB,MAAM,EACzB,WAAW,GAAG,EACd,iBAAiB,MAAM,EAAE,GAAG,IAAI,KAC/B,OAAO,CAAC,GAAG,EAAE,CAiBf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,GACvC,IAAI,MAAM,GAAG,MAAM,EACnB,UAAU,MAAM,KACf,OAAO,CAAC;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,GAAG,CAAA;CAAE,GAAG;IAAE,OAAO,EAAE,KAAK,CAAA;CAAE,CAU3D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,GACvC,UAAU,MAAM,EAChB,WAAW,MAAM,EACjB,QAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAC1B,OAAO,CAAC;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,GAAG,CAAA;CAAE,GAAG;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,GAAG,EAAE,CAAA;CAAE,CAuBxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAClC,qBAAqB,MAAM,GAAG,IAAI,GAAG,SAAS,EAC9C,mBAAmB,MAAM,EACzB,SAAS,MAAM,GAAG,MAAM,EACxB,UAAU,OAAO,KAChB,OAAO,CAAC,OAAO,CAoBjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,qBAAqB,MAAM,GAAG,IAAI,GAAG,SAAS,EAC9C,mBAAmB,MAAM,EACzB,SAAS,MAAM,GAAG,MAAM,KACvB,OAAO,CAAC,OAAO,CAejB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GACnC,WAAW,MAAM,EACjB,WAAW,MAAM,EACjB,WAAW,MAAM,EACjB,UAAU,MAAM,KACf,OAAO,CAAC,GAAG,CAcb,CAAC;AAEF;;;;GAIG;AAEH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,EACtD,QAAQ;IAAE,GAAG,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,GAAG,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,EAChF,MAAM,MAAM,EACZ,iBAAY,EACZ,oBAAsB,KACrB,OAAO,CAAC;IACT,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB,CA0DA,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,UAAU,MAAM,EAChB,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,WAAW,MAAM,EACjB,YAAY,MAAM,KACjB,OAAO,CAAC,IAAI,CAed,CAAC"}

package/dist/services/naksha.js

@@ -0,0 +1,420 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.axDownloadLayer = exports.getGridLayerData = exports.axGetGeoserverLayerStyle = exports.axDeleteLayer = exports.axToggleLayerPublishing = exports.axGexGetRasterInfoWithLonLat = exports.axGetGeoserverLayerStyleList = exports.axGetGeoserverLayers = void 0;
+// api.ts
+const colorbrewer_1 = __importDefault(require("colorbrewer"));
+const grid_1 = require("../utils/grid");
+/**
+ * Inline-typed alias for colorbrewer palettes to avoid TS errors.
+ * colorbrewer exports an object of shape: Record<schemeName, Record<count, string[]>>
+ */
+const cbTyped = colorbrewer_1.default;
+/**
+ * Utility: build query string from params (inline, simple)
+ * - Skips undefined/null
+ * - Arrays -> repeated keys
+ * - Objects -> JSON.stringify
+ */
+const buildQs = (params) => {
+    if (!params)
+        return "";
+    const usp = new URLSearchParams();
+    Object.entries(params).forEach(([k, v]) => {
+        if (v === undefined || v === null)
+            return;
+        if (Array.isArray(v)) {
+            v.forEach((item) => usp.append(k, String(item)));
+        }
+        else if (typeof v === "object") {
+            usp.append(k, JSON.stringify(v));
+        }
+        else {
+            usp.append(k, String(v));
+        }
+    });
+    const s = usp.toString();
+    return s ? `?${s}` : "";
+};
+/**
+ * Safe JSON/text parsing: prefer JSON if content-type says so; otherwise try JSON then fallback to text.
+ */
+const parseResponse = async (res) => {
+    const ct = (res.headers.get("content-type") || "").toLowerCase();
+    if (ct.includes("application/json") || ct.includes("text/json")) {
+        return res.json();
+    }
+    try {
+        return await res.json();
+    }
+    catch {
+        return res.text();
+    }
+};
+/* --------------------------
+   API functions (converted)
+   -------------------------- */
+/**
+ * axGetGeoserverLayers
+ * Returns parsed layers (same behavior as before).
+ */
+// export const axGetGeoserverLayers = async (
+//   nakshaEndpointToken: string | null | undefined,
+//   nakshaApiEndpoint: string,
+//   geoserver: any,
+//   selectedLayers?: string[] | null
+// ): Promise<any[]> => {
+//   try {
+//     const headers: Record<string, string> = {};
+//     if (nakshaEndpointToken) headers.Authorization = nakshaEndpointToken;
+//     const res = await fetch(`${nakshaApiEndpoint}/layer/all`, { headers });
+//     if (!res.ok) {
+//       // keep consistent with previous behavior which would throw and fall into catch
+//       throw new Error(`HTTP ${res.status} ${res.statusText}`);
+//     }
+//     const data = await parseResponse(res);
+//     const finalLayers = await parseGeoserverLayersXml(
+//       data,
+//       nakshaApiEndpoint,
+//       geoserver,
+//       selectedLayers
+//     );
+//     return finalLayers;
+//   } catch (e) {
+//     console.error(e);
+//     return [];
+//   }
+// ---------------------------
+// Dummy formatter (updated for new API shape)
+// ---------------------------
+function stableHashInt(s) {
+    let h = 2166136261 >>> 0;
+    for (let i = 0; i < s.length; i++) {
+        h ^= s.charCodeAt(i);
+        h = Math.imul(h, 16777619) >>> 0;
+    }
+    return h & 0x7fffffff;
+}
+function prettifyTitle(s) {
+    return (s || "")
+        .replace(/[:_]/g, " ")
+        .replace(/\b\w/g, (c) => c.toUpperCase())
+        .trim();
+}
+/**
+ * Normalize the server response into an array of raw entries.
+ * Supports:
+ *  - old shape: { layers: { layer: [...] } }
+ *  - new single object shape (like the example you pasted)
+ *  - plain array of entries
+ */
+function extractRawEntries(layersResponse) {
+    if (!layersResponse)
+        return [];
+    // old: { layers: { layer: [...] } }
+    if (layersResponse.layers && Array.isArray(layersResponse.layers.layer)) {
+        return layersResponse.layers.layer;
+    }
+    // if it's an array, use it
+    if (Array.isArray(layersResponse))
+        return layersResponse;
+    // new: single object with fields like name, nameOfDataset, geoserverName, id, etc.
+    if (typeof layersResponse === "object") {
+        // If the object itself looks like a layer
+        if (layersResponse.name || layersResponse.nameOfDataset || layersResponse.geoserverName || layersResponse.id) {
+            return [layersResponse];
+        }
+        // if it's a container whose values are layer-like objects
+        const maybeArray = Object.values(layersResponse).filter(
+        // @ts-ignore
+        (v) => v && typeof v === "object" && (v.name || v.nameOfDataset || v.geoserverName || v.id));
+        if (maybeArray.length)
+            return maybeArray;
+    }
+    return [];
+}
+function createDummyLayers(layersResponse, geoserver, selectedLayers) {
+    const rawEntries = extractRawEntries(layersResponse);
+    // filter if selectedLayers provided (match by name, nameOfDataset or id)
+    const filtered = selectedLayers && selectedLayers.length > 0
+        ? rawEntries.filter((entry) => {
+            const rawName = entry.name || entry.nameOfDataset || entry.geoserverName;
+            return selectedLayers.includes(rawName) || selectedLayers.includes(entry.id);
+        })
+        : rawEntries;
+    return filtered.map((entry, idx) => {
+        // determine canonical rawName
+        const rawName = entry.name || entry.geoserverName || entry.nameOfDataset || `layer_${idx}`;
+        // workspace and layerName parsing from rawName (workspace:layer)
+        const [workspace = (geoserver?.workspace || "default"), layerName] = String(rawName).includes(":") ? String(rawName).split(":") : [geoserver?.workspace || "default", String(rawName)];
+        // prefer API id if present, else create stable hash
+        const id = entry.id || stableHashInt(String(rawName));
+        // Dummy bbox (keeps UI layout stable)
+        const bbox = [
+            [75 + idx * 0.01, 23 + idx * 0.01],
+            [75.3 + idx * 0.01, 23.4 + idx * 0.01],
+        ];
+        // choose thumbnail: prefer wms_link from API if available
+        const gsBase = (geoserver?.endpoint || "").replace(/\/$/, "");
+        const thumbnail = entry.wms_link
+            ? entry.wms_link
+            : `${gsBase}/thumbnails/${workspace}/${layerName}?layers=${encodeURIComponent(layerName)}&bbox=${bbox
+                .flat()
+                .join(",")}&request=GetMap&service=WMS&version=1.1.0&format=image/gif`;
+        const layerType = (entry.dataType || entry.layerType || "Vector").toUpperCase();
+        const titleCandidate = entry.nameOfDataset || layerName || entry.title || entry.geoserverName;
+        const title = prettifyTitle(String(titleCandidate || rawName));
+        return {
+            // UI fields (kept similar to your original shape)
+            layerType,
+            thumbnail,
+            author: entry.contactPerson || null,
+            bbox,
+            description: entry.purposeOfCreatingData || entry.description || `Layer ${title}`,
+            title,
+            pdfLink: entry.pdfLink || "",
+            pageId: null,
+            downloadAccess: entry.downloadAccess || "ALL",
+            url: entry.wms_link || entry.href || entry._originalHref || "",
+            tags: Array.isArray(entry.keywords) ? entry.keywords : (entry.tags || ["Dummy", "Test", layerName]),
+            license: entry.license || "BY-NC-ND",
+            createdDate: entry.createdOn ? new Date(entry.createdOn).getTime() : Date.now() - idx * 86400000,
+            uploaderUserId: entry.uploaderUserId || entry.contactEmail || "1",
+            isDownloadable: Boolean(entry.isDownloadable ?? true),
+            layerStatus: entry.layerStatus || "Active",
+            createdBy: entry.organization || entry.createdBy || "Unknown",
+            portalId: entry.portalId || "1",
+            name: entry.nameOfDataset || layerName,
+            attribution: workspace,
+            modifiedDate: entry.updatedOn || entry.modifiedDate || null,
+            modifiedBy: entry.modifiedBy || null,
+            // canonical ids + raw meta for debugging
+            id,
+            geoserverName: entry.geoserverName || rawName,
+            _originalHref: entry.href || entry._originalHref || null,
+            _rawName: rawName,
+            _rawEntry: entry,
+        };
+    });
+}
+// ---------------------------
+// Inject INTO your real function
+// ---------------------------
+const axGetGeoserverLayers = async (nakshaEndpointToken, nakshaApiEndpoint, geoserver, selectedLayers) => {
+    try {
+        const headers = {};
+        if (nakshaEndpointToken)
+            headers.Authorization = nakshaEndpointToken;
+        const res = await fetch(`${nakshaApiEndpoint}/layers`, { headers });
+        if (!res.ok)
+            throw new Error(`HTTP ${res.status} ${res.statusText}`);
+        // parseResponse may be your existing helper — if not, use res.json()
+        const data = typeof parseResponse === "function" ? await parseResponse(res) : await res.json().catch(() => null);
+        const finalLayers = createDummyLayers(data, geoserver, selectedLayers);
+        return finalLayers;
+    }
+    catch (e) {
+        console.error("axGetGeoserverLayers error:", e);
+        return [];
+    }
+};
+exports.axGetGeoserverLayers = axGetGeoserverLayers;
+/**
+ * axGetGeoserverLayerStyleList
+ * Returns { success: true, data } or { success: false }.
+ */
+const axGetGeoserverLayerStyleList = async (id, endpoint) => {
+    try {
+        const res = await fetch(`${endpoint}/layer/onClick/${id}`);
+        if (!res.ok)
+            throw new Error(`HTTP ${res.status}`);
+        const data = await parseResponse(res);
+        return { success: true, data };
+    }
+    catch (e) {
+        console.error(e);
+        return { success: false };
+    }
+};
+exports.axGetGeoserverLayerStyleList = axGetGeoserverLayerStyleList;
+/**
+ * axGexGetRasterInfoWithLonLat
+ * Builds GetFeatureInfo query and returns { success, data }.
+ */
+const axGexGetRasterInfoWithLonLat = async (endpoint, workspace, params) => {
+    const RasterInfoParams = {
+        service: "WMS",
+        version: "1.1.1",
+        request: "GetFeatureInfo",
+        info_format: "application/json",
+        width: 100,
+        height: 100,
+        x: 50,
+        y: 50,
+        srs: "EPSG:4326",
+    };
+    try {
+        const qs = buildQs({ ...params, ...RasterInfoParams });
+        const res = await fetch(`${endpoint}/${workspace}/wms${qs}`);
+        if (!res.ok)
+            throw new Error(`HTTP ${res.status}`);
+        const data = await parseResponse(res);
+        return { success: true, data };
+    }
+    catch (e) {
+        console.error(e);
+        return { success: false, data: [] };
+    }
+};
+exports.axGexGetRasterInfoWithLonLat = axGexGetRasterInfoWithLonLat;
+/**
+ * axToggleLayerPublishing
+ * PUT to toggle active/pending
+ */
+const axToggleLayerPublishing = async (nakshaEndpointToken, nakshaApiEndpoint, layerId, isActive) => {
+    try {
+        const headers = { "Content-Type": "application/json" };
+        if (nakshaEndpointToken)
+            headers.Authorization = nakshaEndpointToken;
+        const res = await fetch(`${nakshaApiEndpoint}/layer/${isActive ? "active" : "pending"}/${layerId}`, {
+            method: "PUT",
+            headers,
+            body: JSON.stringify({}),
+        });
+        if (!res.ok)
+            throw new Error(`HTTP ${res.status}`);
+        return true;
+    }
+    catch (e) {
+        console.error(e);
+        return false;
+    }
+};
+exports.axToggleLayerPublishing = axToggleLayerPublishing;
+/**
+ * axDeleteLayer
+ */
+const axDeleteLayer = async (nakshaEndpointToken, nakshaApiEndpoint, layerId) => {
+    try {
+        const headers = {};
+        if (nakshaEndpointToken)
+            headers.Authorization = nakshaEndpointToken;
+        const res = await fetch(`${nakshaApiEndpoint}/layer/${layerId}`, {
+            method: "DELETE",
+            headers,
+        });
+        if (!res.ok)
+            throw new Error(`HTTP ${res.status}`);
+        return true;
+    }
+    catch (e) {
+        console.error(e);
+        return false;
+    }
+};
+exports.axDeleteLayer = axDeleteLayer;
+/**
+ * axGetGeoserverLayerStyle
+ * Fetches the .mbstyle and returns the first layer or {}.
+ */
+const axGetGeoserverLayerStyle = async (layername, workspace, styleName, endpoint) => {
+    try {
+        const res = await fetch(`${endpoint}/geoserver/workspaces/${workspace}/styles/${layername}_${styleName}.mbstyle`);
+        if (!res.ok)
+            throw new Error(`HTTP ${res.status}`);
+        // .mbstyle may be JSON; attempt parse safely
+        const data = await parseResponse(res).catch(() => ({}));
+        return data?.layers?.[0] ?? {};
+    }
+    catch (e) {
+        console.error(e);
+        return {};
+    }
+};
+exports.axGetGeoserverLayerStyle = axGetGeoserverLayerStyle;
+/**
+ * getGridLayerData
+ * - Uses the provided fetcher(params) (keeps pluggable design)
+ * - Builds palette safely (no undefined) and returns stops & paint same as original.
+ */
+const getGridLayerData = async (fetcher, bounds, zoom, binCount = 6, colorScheme = "YlOrRd") => {
+    try {
+        const [geoAggegationPrecision, level, squareSize] = (0, grid_1.getZoomConfig)(zoom);
+        const { _ne, _sw } = bounds;
+        const params = {
+            top: _ne.lat,
+            left: _sw.lng,
+            bottom: _sw.lat,
+            right: _ne.lng,
+            geoAggegationPrecision,
+        };
+        const data = await fetcher(params);
+        // @ts-ignore
+        const geojson = (0, grid_1.geohashToJSON)(data, level);
+        const bins = (0, grid_1.getDataBins)(data, binCount);
+        // Palette selection safely (guarantee palette is string[])
+        const rawPalette = cbTyped[colorScheme];
+        const paletteForCount = rawPalette?.[binCount];
+        let palette = [];
+        if (Array.isArray(paletteForCount) && paletteForCount.length > 0) {
+            // normalize to binCount
+            palette = paletteForCount.slice(0, binCount);
+            const lastDefined = palette[palette.length - 1] ?? "#000000";
+            while (palette.length < binCount)
+                palette.push(lastDefined);
+        }
+        else {
+            const fallback = ["#ffffb2", "#fecc5c", "#fd8d3c", "#f03b20", "#bd0026"];
+            palette = fallback.slice(0, binCount);
+            const lastFallback = fallback[fallback.length - 1];
+            // @ts-ignore
+            while (palette.length < binCount)
+                palette.push(lastFallback);
+        }
+        const lastColor = palette[palette.length - 1];
+        // @ts-ignore
+        const stops = bins.map((bin, index) => {
+            const color = palette[index] ?? lastColor;
+            return [bin, color];
+        });
+        const paint = {
+            "fill-color": {
+                property: "count",
+                default: "yellow",
+                stops,
+            },
+            "fill-outline-color": "rgba(0,0,0,0.2)",
+            "fill-opacity": 0.7,
+        };
+        // @ts-ignore
+        return { success: true, geojson, paint, stops, squareSize };
+    }
+    catch (e) {
+        console.error(e);
+        return { success: false, geojson: {}, paint: {}, stops: [], squareSize: 0 };
+    }
+};
+exports.getGridLayerData = getGridLayerData;
+/**
+ * axDownloadLayer
+ */
+const axDownloadLayer = async (endpoint, token, layerName, layerTitle) => {
+    try {
+        const headers = { "Content-Type": "application/json" };
+        if (token)
+            headers.Authorization = token;
+        const res = await fetch(`${endpoint}/layer/download`, {
+            method: "POST",
+            headers,
+            body: JSON.stringify({ layerName, layerTitle, attributeList: [], filterArray: [] }),
+        });
+        if (!res.ok)
+            throw new Error(`HTTP ${res.status}`);
+    }
+    catch (e) {
+        console.error(e);
+    }
+};
+exports.axDownloadLayer = axDownloadLayer;

package/dist/static/constant.d.ts

@@ -0,0 +1,16 @@
+import { NakshaMapboxListProps } from "../interfaces";
+import { CSSProperties } from "react";
+export declare const defaultNakshaProps: NakshaMapboxListProps;
+export declare const FALLBACK_THUMB = "data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath fill='%23fff' d='M0 0h72v72H0z'/%3E%3Cpath d='M35.981 48.293l-13.853-10.77-3.045 2.368L36 53.048l16.917-13.157-3.064-2.387-13.872 10.789zM36 43.519l13.834-10.77 3.083-2.388L36 17.204 19.083 30.36l3.064 2.387L36 43.518z' fill='%23A0AEC0'/%3E%3C/svg%3E";
+export declare const overflowStyle: CSSProperties;
+export declare const overflowStyle2: CSSProperties;
+export declare const PROPERTY_ID = "ogc_fid";
+export declare const LAYER_STATUS: {
+    ACTIVE: string;
+    PENDING: string;
+};
+export declare const SELECTION_STYLE: {
+    TOP: string;
+    ALL: string;
+};
+//# sourceMappingURL=constant.d.ts.map

package/dist/static/constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../src/static/constant.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,kBAAkB,EAAE,qBAUhC,CAAC;AAEF,eAAO,MAAM,cAAc,sWAC0U,CAAC;AAEtW,eAAO,MAAM,aAAa,EAAE,aAM3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,aAG5B,CAAC;AAEF,eAAO,MAAM,WAAW,YAAY,CAAC;AAErC,eAAO,MAAM,YAAY;;;CAGxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;CAG3B,CAAC"}