@metastringfoundation/map-list 0.1.0

package/dist/static/constant.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SELECTION_STYLE = exports.LAYER_STATUS = exports.PROPERTY_ID = exports.overflowStyle2 = exports.overflowStyle = exports.FALLBACK_THUMB = exports.defaultNakshaProps = void 0;
+const map_common_1 = require("@repo/map-common");
+exports.defaultNakshaProps = {
+    defaultViewState: map_common_1.defaultViewState,
+    //   mapboxAccessToken: "pk.xxx", 
+    nakshaApiEndpoint: "/naksha-api/api",
+    geoserver: { endpoint: "/geoserver", workspace: "biodiv", store: "ibp" },
+    mapStyle: map_common_1.MapStyles.MAP_STREETS,
+    layers: [],
+    selectedLayers: [],
+};
+exports.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";
+exports.overflowStyle = {
+    display: "-webkit-box",
+    WebkitLineClamp: 1,
+    WebkitBoxOrient: "vertical",
+    overflow: "hidden",
+    wordBreak: "break-word",
+};
+exports.overflowStyle2 = {
+    ...exports.overflowStyle,
+    WebkitLineClamp: 2,
+};
+exports.PROPERTY_ID = "ogc_fid";
+exports.LAYER_STATUS = {
+    ACTIVE: "Active",
+    PENDING: "Pending",
+};
+exports.SELECTION_STYLE = {
+    TOP: "layer_selection_top",
+    ALL: "layer_selection_all",
+};

package/dist/static/constants.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=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/static/constants.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"}

package/dist/static/constants.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SELECTION_STYLE = exports.LAYER_STATUS = exports.PROPERTY_ID = exports.overflowStyle2 = exports.overflowStyle = exports.FALLBACK_THUMB = exports.defaultNakshaProps = void 0;
+const map_common_1 = require("@metastringfoundation/map-common");
+exports.defaultNakshaProps = {
+    defaultViewState: map_common_1.defaultViewState,
+    //   mapboxAccessToken: "pk.xxx", 
+    nakshaApiEndpoint: "/naksha-api/api",
+    geoserver: { endpoint: "/geoserver", workspace: "biodiv", store: "ibp" },
+    mapStyle: map_common_1.MapStyles.MAP_STREETS,
+    layers: [],
+    selectedLayers: [],
+};
+exports.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";
+exports.overflowStyle = {
+    display: "-webkit-box",
+    WebkitLineClamp: 1,
+    WebkitBoxOrient: "vertical",
+    overflow: "hidden",
+    wordBreak: "break-word",
+};
+exports.overflowStyle2 = {
+    ...exports.overflowStyle,
+    WebkitLineClamp: 2,
+};
+exports.PROPERTY_ID = "ogc_fid";
+exports.LAYER_STATUS = {
+    ACTIVE: "Active",
+    PENDING: "Pending",
+};
+exports.SELECTION_STYLE = {
+    TOP: "layer_selection_top",
+    ALL: "layer_selection_all",
+};

package/dist/test.d.ts

@@ -0,0 +1,2 @@
+export declare const Test: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=test.d.ts.map

package/dist/test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../src/test.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,+CAQhB,CAAA"}

package/dist/test.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Test = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const map_common_1 = require("@repo/map-common");
+const Test = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'bg-red-500 flex justify-center items-center', children: ["test from map-list div", (0, jsx_runtime_1.jsx)(map_common_1.Test, {})] }));
+};
+exports.Test = Test;

package/dist/turborepo-logo.d.ts

@@ -0,0 +1,2 @@
+export declare const TurborepoLogo: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=turborepo-logo.d.ts.map

package/dist/turborepo-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"turborepo-logo.d.ts","sourceRoot":"","sources":["../src/turborepo-logo.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+CAkCzB,CAAC"}

package/dist/turborepo-logo.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TurborepoLogo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TurborepoLogo = () => {
+    return ((0, jsx_runtime_1.jsxs)("svg", { "aria-label": "Turbo logomark", height: "80", role: "img", viewBox: "0 0 40 40", width: "80", children: [(0, jsx_runtime_1.jsx)("path", { d: "M19.9845 6.99291C12.818 6.99291 6.98755 12.8279 6.98755 19.9999C6.98755 27.1721 12.818 33.0071 19.9845 33.0071C27.1509 33.0071 32.9814 27.1721 32.9814 19.9999C32.9814 12.8279 27.1509 6.99291 19.9845 6.99291ZM19.9845 26.7313C16.2694 26.7313 13.2585 23.718 13.2585 19.9999C13.2585 16.282 16.2694 13.2687 19.9845 13.2687C23.6996 13.2687 26.7105 16.282 26.7105 19.9999C26.7105 23.718 23.6996 26.7313 19.9845 26.7313Z", fill: "currentcolor" }), (0, jsx_runtime_1.jsx)("path", { clipRule: "evenodd", d: "M21.0734 4.85648V0C31.621 0.564369 40 9.30362 40 19.9999C40 30.6963 31.621 39.4332 21.0734 40V35.1435C28.9344 34.5815 35.1594 28.0078 35.1594 19.9999C35.1594 11.9922 28.9344 5.41843 21.0734 4.85648ZM8.52181 29.931C6.43794 27.5233 5.09469 24.4568 4.85508 21.09H0C0.251709 25.8011 2.13468 30.0763 5.08501 33.368L8.51938 29.931H8.52181ZM18.8951 40V35.1435C15.5285 34.9037 12.4644 33.5619 10.0587 31.4739L6.62435 34.9109C9.91593 37.866 14.1876 39.7481 18.8927 40H18.8951Z", fill: "url(#:Sb:paint0_linear_902_224)", fillRule: "evenodd" }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { gradientUnits: "userSpaceOnUse", id: ":Sb:paint0_linear_902_224", x1: "21.8576", x2: "2.17018", y1: "2.81244", y2: "22.4844", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#0096FF" }), (0, jsx_runtime_1.jsx)("stop", { offset: "1", stopColor: "#FF1E56" })] }) })] }));
+};
+exports.TurborepoLogo = TurborepoLogo;

package/dist/utils/array-move.d.ts

@@ -0,0 +1,3 @@
+export declare function arrayMoveMutable(array: any, fromIndex: any, toIndex: any): void;
+export declare function arrayMoveImmutable(array: any, fromIndex: any, toIndex: any): any;
+//# sourceMappingURL=array-move.d.ts.map

package/dist/utils/array-move.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-move.d.ts","sourceRoot":"","sources":["../../src/utils/array-move.ts"],"names":[],"mappings":"AACA,wBAAgB,gBAAgB,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,OAAO,KAAA,QASzD;AAGD,wBAAgB,kBAAkB,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,OAAO,KAAA,OAI3D"}

package/dist/utils/array-move.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.arrayMoveMutable = arrayMoveMutable;
+exports.arrayMoveImmutable = arrayMoveImmutable;
+// @ts-ignore
+function arrayMoveMutable(array, fromIndex, toIndex) {
+    const startIndex = fromIndex < 0 ? array.length + fromIndex : fromIndex;
+    if (startIndex >= 0 && startIndex < array.length) {
+        const endIndex = toIndex < 0 ? array.length + toIndex : toIndex;
+        const [item] = array.splice(fromIndex, 1);
+        array.splice(endIndex, 0, item);
+    }
+}
+// @ts-ignore
+function arrayMoveImmutable(array, fromIndex, toIndex) {
+    array = [...array];
+    arrayMoveMutable(array, fromIndex, toIndex);
+    return array;
+}

package/dist/utils/grid.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Takes zoom level of map and returns Precision, Level and Square Size (in kms)
+ *
+ * @param {*} zoom
+ * @returns {number[]}
+ */
+export declare const getZoomConfig: (zoom: number) => number[];
+/**
+ * Converts {geohash: count} to geojson
+ *
+ * @param {*} data
+ * @param {number} level
+ * @returns
+ */
+export declare const geohashToJSON: (data: {}, level: number) => {
+    type: string;
+    features: any;
+};
+export declare const getDataBins: (data: {
+    [key: string]: number;
+}, binCount: number) => (number | undefined)[];
+//# sourceMappingURL=grid.d.ts.map

package/dist/utils/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/utils/grid.ts"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,KAAG,MAAM,EAYlD,CAAC;AA4DF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,EAAE,EAAE,OAAO,MAAM;;;CAQnD,CAAC;AAEH,eAAO,MAAM,WAAW,GACtB,MAAM;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAC/B,UAAU,MAAM,2BASjB,CAAC"}

package/dist/utils/grid.js

@@ -0,0 +1,116 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDataBins = exports.geohashToJSON = exports.getZoomConfig = void 0;
+// @ts-ignore
+const boundingbox_1 = __importDefault(require("boundingbox"));
+// @ts-ignore
+const geohash_1 = require("geohash");
+const constants_1 = require("../static/constants");
+/**
+ * Takes zoom level of map and returns Precision, Level and Square Size (in kms)
+ *
+ * @param {*} zoom
+ * @returns {number[]}
+ */
+const getZoomConfig = (zoom) => {
+    if (zoom < 6)
+        return [4, 1, 39.2];
+    else if (zoom < 7)
+        return [5, 0, 19.6];
+    else if (zoom < 8)
+        return [5, 1, 9.8];
+    else if (zoom < 9)
+        return [5, -1, 4.9];
+    else if (zoom < 10)
+        return [6, 0, 2.45];
+    else if (zoom < 11)
+        return [6, 1, 1.225];
+    else if (zoom < 12)
+        return [7, 0, 0.612];
+    else if (zoom < 13)
+        return [7, 1, 0.306];
+    else if (zoom < 14)
+        return [7, -1, 0.153];
+    else if (zoom < 15)
+        return [8, 0, 0.077];
+    return [8, 1, 0.039];
+};
+exports.getZoomConfig = getZoomConfig;
+const BASE32 = "0123456789bcdefghjkmnpqrstuvwxyz";
+const aggregateGeohashKey = (key, level, binSize) => {
+    binSize = binSize || 16 / 2 ** ((1 - key.length) & 1) / 4 ** level;
+    const keyExceptLast = key.slice(0, -1);
+    const binnedCharAt = ~~(BASE32.indexOf(key.slice(-1)) / binSize);
+    return [
+        keyExceptLast + BASE32[binSize * binnedCharAt],
+        keyExceptLast + BASE32[binSize * (binnedCharAt + 1) - 1],
+    ];
+};
+const processRectangles = function (data, level) {
+    var counts = new Map();
+    var bins = new Map();
+    const features = [];
+    for (const [hash, count] of Object.entries(data)) {
+        const [kStart, kEnd] = aggregateGeohashKey(hash, level);
+        bins.set(kStart, kEnd);
+        if (!counts.has(kStart)) {
+            counts.set(kStart, 0);
+        }
+        counts.set(kStart, counts.get(kStart) + count);
+    }
+    counts.forEach((count, hash) => {
+        const bboxStart = geohash_1.GeoHash.decodeGeoHash(hash);
+        const bboxEnd = geohash_1.GeoHash.decodeGeoHash(bins.get(hash));
+        const feature = new boundingbox_1.default({
+            minlat: bboxStart.latitude[0],
+            minlon: bboxStart.longitude[0],
+            maxlat: bboxEnd.latitude[1],
+            maxlon: bboxEnd.longitude[1],
+        }).toGeoJSON();
+        features.push({ ...feature, properties: { count, [constants_1.PROPERTY_ID]: hash } });
+    });
+    return features;
+};
+const processSquares = (data) => {
+    const features = [];
+    for (const [hash, count] of Object.entries(data)) {
+        const bbox = geohash_1.GeoHash.decodeGeoHash(hash);
+        const feature = new boundingbox_1.default({
+            minlat: bbox.latitude[0],
+            minlon: bbox.longitude[0],
+            maxlat: bbox.latitude[1],
+            maxlon: bbox.longitude[1],
+        }).toGeoJSON();
+        features.push({ ...feature, properties: { count, [constants_1.PROPERTY_ID]: hash } });
+    }
+    return features;
+};
+/**
+ * Converts {geohash: count} to geojson
+ *
+ * @param {*} data
+ * @param {number} level
+ * @returns
+ */
+const geohashToJSON = (data, level) => ({
+    type: "FeatureCollection",
+    features: Object.keys(data).length === 0
+        ? []
+        : level === -1
+            ? processSquares(data)
+            : processRectangles(data, level),
+});
+exports.geohashToJSON = geohashToJSON;
+const getDataBins = (data, binCount) => {
+    const sortedData = Object.values(data).sort((a, b) => a - b);
+    const cutoff = Math.floor(sortedData.length / binCount);
+    const tBins = new Array(binCount - 1)
+        .fill(0)
+        .map((_, index) => sortedData[cutoff * (index + 1)]);
+    tBins.push(sortedData[sortedData.length - 1]);
+    return tBins;
+};
+exports.getDataBins = getDataBins;

package/dist/utils/naksha.d.ts

@@ -0,0 +1,32 @@
+/**
+ * pre-processes layers list
+ *
+ * @param {Array<any>} layers - list of layer objects returned from backend
+ * @param {string} nakshaApiEndpoint - base URL of naksha API (used for thumbnails)
+ * @param {{endpoint:string, workspace:string}} geoserver - geoserver info
+ * @param {string[]} selectedLayers - array of layer names already added
+ * @returns {Promise<any[]>}
+ */
+export declare const parseGeoserverLayersXml: (layers: any, nakshaApiEndpoint: string, geoserver: {
+    endpoint?: any;
+    workspace: any;
+}, selectedLayers: any) => Promise<any[]>;
+/**
+ * Gets geoserver vector based layer styles and returns updated layer.data
+ *
+ * NOTE: This version does NOT use immer. It performs network calls first,
+ * then builds and returns a new data object that callers can assign to layer.data.
+ *
+ * @param {any} layer - parsed layer (must have .id and optional .data)
+ * @param {number} styleIndex - index to ensure style and colors exist
+ * @param {string} nakshaApiEndpoint
+ * @param {{workspace?: string}} geoserver
+ * @returns {Promise<any>} updated data object
+ */
+export declare const getLayerStyle: (layer: {
+    data: any;
+    id: string;
+}, styleIndex: number, nakshaApiEndpoint: string, geoserver: {
+    workspace: string;
+}) => Promise<any>;
+//# sourceMappingURL=naksha.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"naksha.d.ts","sourceRoot":"","sources":["../../src/utils/naksha.ts"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,GAClC,QAAQ,GAAG,EACX,mBAAmB,MAAM,EACzB,WAAW;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,SAAS,EAAE,GAAG,CAAC;CAAE,EAC9C,gBAAgB,GAAG,mBAsDpB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;CAAE,EACjC,YAAY,MAAM,EAClB,mBAAmB,MAAM,EACzB,WAAW;IAAE,SAAS,EAAE,MAAM,CAAC;CAAE,iBAoFlC,CAAC"}

package/dist/utils/naksha.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLayerStyle = exports.parseGeoserverLayersXml = void 0;
+const naksha_1 = require("../services/naksha");
+/**
+ * pre-processes layers list
+ *
+ * @param {Array<any>} layers - list of layer objects returned from backend
+ * @param {string} nakshaApiEndpoint - base URL of naksha API (used for thumbnails)
+ * @param {{endpoint:string, workspace:string}} geoserver - geoserver info
+ * @param {string[]} selectedLayers - array of layer names already added
+ * @returns {Promise<any[]>}
+ */
+const parseGeoserverLayersXml = async (layers, nakshaApiEndpoint, geoserver, selectedLayers) => {
+    const parsedLayers = [];
+    const selectedSet = new Set((selectedLayers ?? []).filter(Boolean));
+    for (const l of layers) {
+        const isAdded = selectedSet.has(l.name);
+        // normalize thumbnail URL
+        const rawThumb = l.thumbnail ?? "";
+        const thumbnail = rawThumb.startsWith("http") || rawThumb.startsWith("//")
+            ? rawThumb
+            : `${nakshaApiEndpoint.replace(/\/$/, "")}/${rawThumb.replace(/^\//, "")}`;
+        const sourceType = typeof l.layerType === "string" && l.layerType.toLowerCase() === "raster"
+            ? "raster"
+            : "vector";
+        const _l = {
+            ...l,
+            id: l.name,
+            thumbnail,
+            source: {
+                type: sourceType,
+                scheme: "tms",
+                tiles: [
+                    `${geoserver.endpoint.replace(/\/$/, "")}/gwc/service/tms/1.0.0/${encodeURIComponent(`${geoserver.workspace}:${l.name}`)}@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf`,
+                ],
+            },
+            data: { styles: [] },
+            isAdded,
+        };
+        if (isAdded) {
+            // if layer is already added pre-fetch it's initial style (styleIndex 0)
+            try {
+                const _ld = await (0, exports.getLayerStyle)(_l, 0, nakshaApiEndpoint, geoserver);
+                parsedLayers.push({ ..._l, data: _ld });
+            }
+            catch (err) {
+                // on failure, still include the layer with default data
+                // eslint-disable-next-line no-console
+                console.error("Error fetching layer style for prefetch:", l.name, err);
+                parsedLayers.push(_l);
+            }
+        }
+        else {
+            parsedLayers.push(_l);
+        }
+    }
+    return parsedLayers;
+};
+exports.parseGeoserverLayersXml = parseGeoserverLayersXml;
+/**
+ * Gets geoserver vector based layer styles and returns updated layer.data
+ *
+ * NOTE: This version does NOT use immer. It performs network calls first,
+ * then builds and returns a new data object that callers can assign to layer.data.
+ *
+ * @param {any} layer - parsed layer (must have .id and optional .data)
+ * @param {number} styleIndex - index to ensure style and colors exist
+ * @param {string} nakshaApiEndpoint
+ * @param {{workspace?: string}} geoserver
+ * @returns {Promise<any>} updated data object
+ */
+const getLayerStyle = async (layer, styleIndex, nakshaApiEndpoint, geoserver) => {
+    console.log("getLayerStyle", layer, styleIndex, nakshaApiEndpoint, geoserver);
+    // Start from existing data (defensive)
+    let data = layer.data && typeof layer.data === "object" ? { ...layer.data } : { styles: [] };
+    // 1) If styles list is empty, fetch style list and metadata
+    if (!Array.isArray(data.styles) || data.styles.length === 0) {
+        try {
+            const result = await (0, naksha_1.axGetGeoserverLayerStyleList)(layer.id, nakshaApiEndpoint);
+            if (result && result.success && result.data) {
+                const d = result.data;
+                data = {
+                    ...data,
+                    layerName: d.layerName ?? data.layerName,
+                    styles: Array.isArray(d.styles) ? d.styles.slice() : [],
+                    summaryColumn: d.summaryColumn ?? data.summaryColumn,
+                    titleColumn: d.titleColumn ?? data.titleColumn,
+                };
+                // build propertyMap safely
+                try {
+                    data.propertyMap = Object.fromEntries((data.styles || []).map((o) => [o.styleName, o.styleTitle]));
+                }
+                catch {
+                    data.propertyMap = data.propertyMap ?? {};
+                }
+            }
+        }
+        catch (err) {
+            // fail silently (log) and continue with whatever `data` we have
+            // eslint-disable-next-line no-console
+            console.error("axGetGeoserverLayerStyleList error for", layer.id, err);
+        }
+    }
+    // ensure styles is an array
+    if (!Array.isArray(data.styles))
+        data.styles = [];
+    // 2) If the style at styleIndex exists but lacks colors, fetch colors
+    const styleExists = Boolean(data.styles[styleIndex]);
+    const needsColors = styleExists && !data.styles[styleIndex]?.colors;
+    // If style entry is missing entirely (index out of range), ensure array has placeholder(s)
+    if (!styleExists) {
+        // grow the styles array up to styleIndex with empty objects
+        while (data.styles.length <= styleIndex) {
+            data.styles.push({});
+        }
+    }
+    if (needsColors || !styleExists) {
+        // determine styleName to fetch colors for; prefer newly-fetched styles metadata if present
+        const styleName = (data.styles && data.styles[styleIndex] && data.styles[styleIndex].styleName) ||
+            null;
+        if (styleName) {
+            try {
+                const colors = await (0, naksha_1.axGetGeoserverLayerStyle)(layer.id, geoserver?.workspace, styleName, nakshaApiEndpoint);
+                // attach colors into the copy of styles
+                data = {
+                    ...data,
+                    styles: data.styles.map((s, i) => i === styleIndex ? { ...s, colors } : s),
+                };
+            }
+            catch (err) {
+                // eslint-disable-next-line no-console
+                console.error("axGetGeoserverLayerStyle error for", layer.id, styleName, err);
+            }
+        }
+    }
+    // 3) set styleIndex
+    data.styleIndex = styleIndex;
+    return data;
+};
+exports.getLayerStyle = getLayerStyle;

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@metastringfoundation/map-list",
+  "version": "0.1.0",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/index.css"
+  },
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^19"
+  },
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.1.5",
+    "@types/react": "^19.1.0",
+    "eslint": "^9.39.1",
+    "tailwindcss": "^4.1.5",
+    "typescript": "5.9.2",
+    "@repo/eslint-config": "0.0.0",
+    "@repo/tailwind-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@tanstack/react-virtual": "^3.13.12",
+    "boundingbox": "^1.4.0",
+    "colorbrewer": "^1.6.1",
+    "geohash": "^0.0.1",
+    "maplibre-gl": "^5.13.0",
+    "react-map-gl": "^8.1.0",
+    "react-tiny-popover": "^8.1.6",
+    "react-virtualized-auto-sizer": "^1.0.26",
+    "react-web-share": "^2.0.2",
+    "@metastringfoundation/map-common": "0.1.0"
+  },
+  "scripts": {
+    "build:styles": "tailwindcss -i ./src/styles.css -o ./dist/index.css",
+    "build:components": "tsc",
+    "check-types": "tsc --noEmit",
+    "dev:styles": "tailwindcss -i ./src/styles.css -o ./dist/index.css --watch",
+    "dev:components": "tsc --watch",
+    "lint": "eslint src --max-warnings 0"
+  }
+}