@geo2france/api-dashboard 1.5.0

package/dist/data_providers/wfs/wfs.test.js

@@ -0,0 +1,60 @@
+//import {render, screen} from '@testing-library/react'
+import '@testing-library/jest-dom';
+//import userEvent from '@testing-library/user-event'
+import { QueryClient } from '@tanstack/react-query';
+import { /*useApi,*/ WfsProvider } from '../..';
+const test_provider_url = "https://www.geo2france.fr/geoserver/ows";
+const test_page_size = 3;
+const test_filter_field = "siren_epci";
+const test_filter_value = "200067999";
+const resource = "odema:destination_dma_epci";
+const filters = [
+    {
+        field: test_filter_field,
+        operator: "eq",
+        value: test_filter_value,
+    },
+];
+const pagination = {
+    mode: "server",
+    pageSize: test_page_size,
+};
+const sorters = [{ field: "fid", order: "asc" }];
+const queryClient = new QueryClient();
+//TODO tester dans un composant
+/*const component_using_api:React.FC = () => {
+    const provider = WfsProvider("https://www.geo2france.fr/geoserver/ows")
+    const data = useApi({
+        dataProvider:provider,
+        resource:"odema:destination_dma_epci ",
+        pagination:{
+            mode:"off"
+        },
+        filters:[
+                {
+                    field:"siren_epci",
+                    operator:"eq",
+                    value:"200067999"
+                }]
+        })
+
+    return <></>
+}*/
+describe("WFS Provider", () => {
+    test("basic filter & pagination", async () => {
+        const provider = WfsProvider(test_provider_url);
+        const queryKey = [provider.getApiUrl, resource, filters, pagination, sorters, undefined];
+        const result = await queryClient.fetchQuery({
+            queryKey: queryKey,
+            queryFn: () => provider.getList({
+                resource: resource,
+                filters: filters,
+                pagination: pagination,
+                sorters: sorters
+            }),
+        });
+        expect(result).toHaveProperty('data');
+        expect(result.data).toHaveLength(test_page_size);
+        expect(result.data[0][test_filter_field]).toEqual(test_filter_value);
+    });
+});

package/dist/dsl/index.d.ts

@@ -0,0 +1,19 @@
+import { DSL_DashboardPage as Dashboard } from "../components/DashboardPage/Page";
+import { DSL_Dataset as Dataset } from "../components/Dataset/Dataset";
+import { DSL_DataPreview as DataPreview } from "../components/Dataset/DataPreview";
+import { DSL_Transform as Transform } from "../components/Dataset/Transform";
+import { DSL_Filter as Filter } from "../components/Dataset/Filter";
+import { Provider } from "../components/Dataset/Provider";
+import { useAllDatasets, useDataset, useDatasets } from "../components/Dataset/hooks";
+import { ChartPie } from "../components/Charts/Pie";
+import { ChartYearSerie } from "../components/Charts/YearSerie";
+import { Producer } from "../components/Dataset/Producer";
+import { DSL_Control as Control, useAllControls, useControl } from "../components/Control/Control";
+import { Radio } from "../components/Control/Radio";
+import { Select } from "../components/Control/Select";
+import { Input } from "antd";
+import { Palette, usePalette, PalettePreview } from "../components/Palette/Palette";
+import { Debug } from "../components/Debug/Debug";
+import { Join } from "../components/Dataset/Join";
+import { ChartEcharts } from "../components/Charts/ChartEcharts";
+export { Dashboard, Dataset, Provider, Transform, Join, Filter, DataPreview, ChartEcharts, ChartPie, ChartYearSerie, useDataset, useDatasets, useAllDatasets, Producer, Control, useControl, useAllControls, Radio, Select, Input, Palette, usePalette, PalettePreview, Debug, };

package/dist/dsl/index.js

@@ -0,0 +1,19 @@
+import { DSL_DashboardPage as Dashboard } from "../components/DashboardPage/Page";
+import { DSL_Dataset as Dataset } from "../components/Dataset/Dataset";
+import { DSL_DataPreview as DataPreview } from "../components/Dataset/DataPreview";
+import { DSL_Transform as Transform } from "../components/Dataset/Transform";
+import { DSL_Filter as Filter } from "../components/Dataset/Filter";
+import { Provider } from "../components/Dataset/Provider";
+import { useAllDatasets, useDataset, useDatasets } from "../components/Dataset/hooks";
+import { ChartPie } from "../components/Charts/Pie";
+import { ChartYearSerie } from "../components/Charts/YearSerie";
+import { Producer } from "../components/Dataset/Producer";
+import { DSL_Control as Control, useAllControls, useControl } from "../components/Control/Control";
+import { Radio } from "../components/Control/Radio";
+import { Select } from "../components/Control/Select";
+import { Input } from "antd";
+import { Palette, usePalette, PalettePreview } from "../components/Palette/Palette";
+import { Debug } from "../components/Debug/Debug";
+import { Join } from "../components/Dataset/Join";
+import { ChartEcharts } from "../components/Charts/ChartEcharts";
+export { Dashboard, Dataset, Provider, Transform, Join, Filter, DataPreview, ChartEcharts, ChartPie, ChartYearSerie, useDataset, useDatasets, useAllDatasets, Producer, Control, useControl, useAllControls, Radio, Select, Input, Palette, usePalette, PalettePreview, Debug, };

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+export { useChartEvents, useChartActionHightlight } from "./utils/usecharthightlight";
+export { useSearchParamsState } from "./utils/useSearchParamsState";
+export { useChartExport } from "./utils/usechartexports";
+export { useApi } from "./utils/useApi";
+export { useChartData, useDashboardElement, useNoData } from "./components/DashboardElement/hooks";
+export { useMapControl } from "./utils/useMapControl";
+export { BaseRecordToGeojsonPoint } from "./utils/baserecordtogeojsonpoint";
+export { cardStyles } from "./utils/cardStyles";
+import KeyFigure from "./components/KeyFigure/KeyFigure";
+import LoadingContainer from "./components/LoadingContainer/LoadingContainer";
+import FlipCard from "./components/FlipCard/FlipCard";
+import Attribution from "./components/Attributions/Attributions";
+import NextPrevSelect from "./components/NextPrevSelect/NextPrevSelect";
+import Control from "./components/Control/Control";
+import DashboardChart from "./components/DashboardChart/DashboardChart";
+import MapLegend from "./components/MapLegend/MapLegend";
+import DashboardApp from "./components/Layout/DashboardApp";
+import DashboardSider from "./components/Layout/Sider";
+import DashboardPage from "./components/DashboardPage/Page";
+import DashboardElement from "./components/DashboardElement/DashboardElement";
+export { KeyFigure, DashboardElement, LoadingContainer, FlipCard, Attribution, NextPrevSelect, Control, DashboardChart, DashboardPage, MapLegend, DashboardSider, DashboardApp, };
+import { dataProvider as WfsProvider } from "./data_providers/wfs";
+import { dataProvider as DatafairProvider } from "./data_providers/datafair";
+import { dataProvider as FileProvider } from "./data_providers/file";
+export { WfsProvider, DatafairProvider, FileProvider };
+export type { SimpleRecord, Partner, RouteConfig } from "./types";
+export type { LegendItem } from "./components/MapLegend/MapLegend";
+import * as DSL from './dsl';
+export { DSL };

package/dist/index.js

@@ -0,0 +1,33 @@
+// Hooks
+export { useChartEvents, useChartActionHightlight } from "./utils/usecharthightlight";
+export { useSearchParamsState } from "./utils/useSearchParamsState";
+export { useChartExport } from "./utils/usechartexports";
+export { useApi } from "./utils/useApi";
+export { useChartData, useDashboardElement, useNoData } from "./components/DashboardElement/hooks";
+export { useMapControl } from "./utils/useMapControl";
+// Helpers
+export { BaseRecordToGeojsonPoint } from "./utils/baserecordtogeojsonpoint";
+export { cardStyles } from "./utils/cardStyles";
+// Components
+import KeyFigure from "./components/KeyFigure/KeyFigure";
+import LoadingContainer from "./components/LoadingContainer/LoadingContainer";
+import FlipCard from "./components/FlipCard/FlipCard";
+import Attribution from "./components/Attributions/Attributions";
+import NextPrevSelect from "./components/NextPrevSelect/NextPrevSelect";
+import Control from "./components/Control/Control";
+import DashboardChart from "./components/DashboardChart/DashboardChart";
+import MapLegend from "./components/MapLegend/MapLegend";
+// Layout
+import DashboardApp from "./components/Layout/DashboardApp";
+import DashboardSider from "./components/Layout/Sider";
+import DashboardPage from "./components/DashboardPage/Page";
+import DashboardElement from "./components/DashboardElement/DashboardElement";
+export { KeyFigure, DashboardElement, LoadingContainer, FlipCard, Attribution, NextPrevSelect, Control, DashboardChart, DashboardPage, MapLegend, DashboardSider, DashboardApp, };
+// DataProviders
+import { dataProvider as WfsProvider } from "./data_providers/wfs";
+import { dataProvider as DatafairProvider } from "./data_providers/datafair";
+import { dataProvider as FileProvider } from "./data_providers/file";
+export { WfsProvider, DatafairProvider, FileProvider };
+// DSL
+import * as DSL from './dsl';
+export { DSL };

package/dist/types.d.ts

@@ -0,0 +1,15 @@
+export type SimpleRecord = Record<string, any>;
+export type License = ('CC' | 'BY' | 'SA' | 'NC' | 'ZERO' | 'PD' | 'NC');
+export type RouteConfig = {
+    path: string;
+    label?: string;
+    icon?: React.ReactNode;
+    element: React.ReactNode;
+    children?: RouteConfig[];
+    hidden?: boolean;
+};
+export type Partner = {
+    logo: string;
+    name: string;
+    url?: string;
+};

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/baserecordtogeojsonpoint.d.ts

@@ -0,0 +1,13 @@
+import { FeatureCollection } from "geojson";
+export interface IBaseRecordToGeojsonPoint {
+    data: {
+        [key: string]: any;
+    }[];
+    x: string;
+    y: string;
+    crs_name?: string;
+}
+export interface FeatureCollection_crs extends FeatureCollection {
+    crs?: any;
+}
+export declare const BaseRecordToGeojsonPoint: ({ data, x, y, crs_name }: IBaseRecordToGeojsonPoint) => FeatureCollection_crs;

package/dist/utils/baserecordtogeojsonpoint.js

@@ -0,0 +1,17 @@
+;
+export const BaseRecordToGeojsonPoint = ({ data, x, y, crs_name }) => {
+    //Tester maplibre avec CRS != 4326
+    const features = data.map((e) => ({
+        type: "Feature",
+        properties: { ...e },
+        geometry: {
+            type: "Point",
+            coordinates: [e[y], e[x]]
+        }
+    }));
+    const geojson = { "type": "FeatureCollection", features: features };
+    if (crs_name) {
+        geojson.crs = { type: "name", properties: { "name": crs_name } }; //no longer supported in geoJSON ? https://github.com/DefinitelyTyped/DefinitelyTyped/issues/21794
+    }
+    return geojson;
+};

package/dist/utils/cardStyles.d.ts

@@ -0,0 +1,2 @@
+import { CardProps } from "antd";
+export declare const cardStyles: CardProps["styles"];

package/dist/utils/cardStyles.js

@@ -0,0 +1,12 @@
+export const cardStyles = {
+    body: {
+        padding: "0px",
+        height: "100%"
+    },
+    header: {
+        padding: "5px",
+        paddingLeft: "15px",
+        fontSize: 14,
+        minHeight: 35,
+    },
+};

package/dist/utils/deepmerge.d.ts

@@ -0,0 +1,2 @@
+declare function deepMerge<T extends object>(target: T, ...sources: Array<Partial<T>>): T;
+export default deepMerge;

package/dist/utils/deepmerge.js

@@ -0,0 +1,24 @@
+// From https://www.geeksforgeeks.org/how-to-deep-merge-two-objects-in-typescript/
+function isObject(item) {
+    return item !== null && typeof item === 'object' && !Array.isArray(item);
+}
+function deepMerge(target, ...sources) {
+    if (!sources.length)
+        return target;
+    const source = sources.shift();
+    if (isObject(target) && isObject(source)) {
+        for (const key in source) {
+            if (Object.prototype.hasOwnProperty.call(source, key)) {
+                const sourceValue = source[key];
+                if (isObject(sourceValue) && isObject(target[key])) {
+                    target[key] = deepMerge(target[key], sourceValue);
+                }
+                else {
+                    target[key] = sourceValue;
+                }
+            }
+        }
+    }
+    return deepMerge(target, ...sources);
+}
+export default deepMerge;

package/dist/utils/route_utils.d.ts

@@ -0,0 +1,6 @@
+import { RouteConfig } from "../types";
+import type { MenuProps } from 'antd';
+type MenuItem = Required<MenuProps>['items'][number];
+export declare const generateRoutes: (routes: RouteConfig[]) => import("react/jsx-runtime").JSX.Element[];
+export declare const generateMenuItems: (routes: RouteConfig[], parentPath?: string) => MenuItem[];
+export {};

package/dist/utils/route_utils.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+//Retourne les routes et le menu
+import { NavLink, Route } from "react-router-dom";
+export const generateRoutes = (routes) => routes.map((route) => (_jsx(Route, { path: route.path, element: !route.children && route.element, children: route.children && generateRoutes(route.children) }, route.path)));
+export const generateMenuItems = (routes, parentPath = "") => routes.filter((route) => route.hidden != true).map((route) => {
+    const fullPath = `${parentPath}/${route.path}`;
+    const menuItem = {
+        key: fullPath,
+        label: route.children ? _jsxs(_Fragment, { children: [" ", route.label || route.path] }) : _jsx(NavLink, { to: fullPath, children: route.label || route.path }),
+        icon: route.icon,
+        ...(route.children && { children: generateMenuItems(route.children, fullPath) }), // Ajout conditionnel des enfants
+    };
+    return menuItem;
+});

package/dist/utils/useApi.d.ts

@@ -0,0 +1,12 @@
+import { CrudFilters, CrudSorting, DataProvider, Pagination } from "../data_providers/types";
+interface useApiProps {
+    dataProvider: DataProvider;
+    resource: string;
+    filters?: CrudFilters;
+    pagination?: Pagination;
+    sorters?: CrudSorting;
+    meta?: any;
+    enabled?: boolean;
+}
+export declare const useApi: ({ dataProvider, resource, filters, pagination, sorters, meta, enabled }: useApiProps) => import("@tanstack/react-query").UseQueryResult<import("../data_providers/types").GetListResponse, Error>;
+export {};

package/dist/utils/useApi.js

@@ -0,0 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+export const useApi = ({ dataProvider, resource, filters, pagination, sorters, meta, enabled = true }) => (useQuery({
+    queryKey: [dataProvider.getApiUrl, resource, filters, pagination, sorters, meta],
+    queryFn: () => dataProvider.getList({
+        resource: resource,
+        filters: filters,
+        pagination: pagination,
+        sorters: sorters,
+        meta: meta
+    }),
+    enabled: enabled,
+    placeholderData: (prev) => prev,
+    staleTime: 5 * 60 * 1e3, //Default staletime 5min
+}));

package/dist/utils/useMapControl.d.ts

@@ -0,0 +1,8 @@
+import { ControlPosition } from 'react-map-gl/maplibre';
+interface useMapControlProps {
+    mapRef: React.MutableRefObject<any>;
+    legendElement: React.ReactElement;
+    position?: ControlPosition;
+}
+export declare const useMapControl: ({ mapRef, legendElement, position }: useMapControlProps) => void;
+export {};

package/dist/utils/useMapControl.js

@@ -0,0 +1,24 @@
+// Ajouter un control (element HTML) sur une carte
+import { useEffect } from "react";
+import { createRoot } from 'react-dom/client';
+export const useMapControl = ({ mapRef, legendElement, position = 'top-right' }) => {
+    useEffect(() => {
+        if (mapRef?.current) {
+            const controlDiv = document.createElement('div');
+            const root = createRoot(controlDiv);
+            const customControl = {
+                onAdd: () => {
+                    root.render(legendElement);
+                    return controlDiv;
+                },
+                onRemove: () => {
+                    controlDiv.parentNode?.removeChild(controlDiv);
+                }
+            };
+            mapRef?.current?.getMap().addControl(customControl, position);
+            return () => {
+                customControl.onRemove();
+            };
+        }
+    }, [mapRef?.current]);
+};

package/dist/utils/useSearchParamsState.d.ts

@@ -0,0 +1,11 @@
+/**
+ * See https://blog.logrocket.com/use-state-url-persist-state-usesearchparams/
+ *
+ * @param searchParamName
+ * @param defaultValue
+ * @returns searchParamsState & setSearchParamsState
+ */
+export declare function useSearchParamsState(searchParamName: string, defaultValue: string): readonly [
+    searchParamsState: string,
+    setSearchParamsState: (newState: string) => void
+];

package/dist/utils/useSearchParamsState.js

@@ -0,0 +1,18 @@
+import { useSearchParams } from "react-router-dom";
+/**
+ * See https://blog.logrocket.com/use-state-url-persist-state-usesearchparams/
+ *
+ * @param searchParamName
+ * @param defaultValue
+ * @returns searchParamsState & setSearchParamsState
+ */
+export function useSearchParamsState(searchParamName, defaultValue) {
+    const [searchParams, setSearchParams] = useSearchParams();
+    const acquiredSearchParam = searchParams.get(searchParamName);
+    const searchParamsState = acquiredSearchParam ?? defaultValue;
+    const setSearchParamsState = (newState) => {
+        const next = Object.assign({}, [...searchParams.entries()].reduce((o, [key, value]) => ({ ...o, [key]: value }), {}), { [searchParamName]: newState });
+        setSearchParams(next);
+    };
+    return [searchParamsState, setSearchParamsState];
+}

package/dist/utils/usechartexports.d.ts

@@ -0,0 +1,17 @@
+import { MutableRefObject } from "react";
+export interface useChartExportProps {
+    chartRef?: MutableRefObject<any>;
+}
+/**
+ * Hook personnalisé pour exporter une image à partir d'une instance ECharts.
+ * @param {Object} props - Les propriétés du hook.
+ * @param {MutableRefObject<any>} props.chartRef - La référence de l'instance ECharts.
+ * @returns {Object} - Un objet contenant l'URL de l'image générée et la fonction pour déclencher l'export.
+ *
+ * @exemple
+ * const {img64, exportImage} = useChartExport({chartRef:chartRef})
+ */
+export declare const useChartExport: ({ chartRef }: useChartExportProps) => {
+    img64: undefined;
+    exportImage: () => void;
+};

package/dist/utils/usechartexports.js

@@ -0,0 +1,39 @@
+import { useEffect, useState } from "react";
+/**
+ * Fonction pour obtenir l'export (img64) d'un echarts ou d'un maplibre
+ * @param ref - Référence de l'objet (echarts ou maplibre)
+ * @returns - L'image en base64
+ */
+const getDataURL = (ref) => {
+    if ('getCanvas' in ref.current) { //maplibre
+        return ref.current.getCanvas().toDataURL();
+    }
+    else if ('getEchartsInstance' in ref.current) { //Echart
+        return ref.current.getEchartsInstance().getDataURL({ backgroundColor: '#fff' });
+    }
+};
+/**
+ * Hook personnalisé pour exporter une image à partir d'une instance ECharts.
+ * @param {Object} props - Les propriétés du hook.
+ * @param {MutableRefObject<any>} props.chartRef - La référence de l'instance ECharts.
+ * @returns {Object} - Un objet contenant l'URL de l'image générée et la fonction pour déclencher l'export.
+ *
+ * @exemple
+ * const {img64, exportImage} = useChartExport({chartRef:chartRef})
+ */
+export const useChartExport = ({ chartRef }) => {
+    const [img64, setImage64] = useState();
+    const [exportRequested, setExportRequested] = useState(false); // Suivre l'état de l'export
+    useEffect(() => {
+        if (chartRef?.current && exportRequested) {
+            const dataURL = getDataURL(chartRef);
+            setImage64(dataURL);
+            setExportRequested(false);
+        }
+    }, [chartRef, exportRequested]);
+    const exportImage = () => {
+        console.log('called');
+        setExportRequested(true);
+    };
+    return { img64, exportImage };
+};

package/dist/utils/usecharthightlight.d.ts

@@ -0,0 +1,25 @@
+import { MutableRefObject } from "react";
+export interface useChartEventsProps {
+    /** La référence du graphique */
+    chartRef: MutableRefObject<any>;
+    /** Fonction appelée lors du click Généralement c'est un setStat() */
+    onClick?: Function;
+    /** Fonction appelée lors du mouse-over ET mouse-out (avec paramètre null pour le mouse-out). Généralement c'est un setStat() */
+    onFocus?: (e: any) => void;
+}
+/** Hook permettant de récupérer les évenements click et mouseover/mouseout d'un graphique ECharts
+ * @category Hook
+*/
+export declare const useChartEvents: ({ chartRef, onClick, onFocus }: useChartEventsProps) => void;
+export interface useChartActionProps {
+    /** La référence du graphique */
+    chartRef: MutableRefObject<any>;
+    /** La cible à focus (cf. https://echarts.apache.org/en/api.html#action.highlight). En general {name:value} pour les donut et sankey, {seriesName} pour les bar et line */
+    target: Partial<{
+        [key in 'seriesIndex' | 'seriesId' | 'seriesName' | 'name' | 'dataIndex']: any;
+    }>;
+}
+/** Hook permettant de highlight un élément d'un graphique ECharts
+ * @category Hook
+*/
+export declare const useChartActionHightlight: ({ chartRef, target }: useChartActionProps) => void;

package/dist/utils/usecharthightlight.js

@@ -0,0 +1,44 @@
+import { useEffect } from "react";
+/** Hook permettant de récupérer les évenements click et mouseover/mouseout d'un graphique ECharts
+ * @category Hook
+*/
+export const useChartEvents = ({ chartRef, onClick, onFocus }) => {
+    useEffect(() => {
+        if (chartRef.current) { //Factoriser pour les différents type d'évenment ?
+            const mychart = chartRef.current.getEchartsInstance();
+            const handleMouseOver = onFocus ? (e) => onFocus(e) : undefined;
+            const handleMouseOut = onFocus ? () => onFocus(null) : undefined; //Retourner plutôt un '' ?
+            const handleClick = onClick ? (e) => onClick(e) : undefined;
+            if (handleMouseOver) {
+                mychart.on('mouseover', handleMouseOver);
+                mychart.on('mouseout', handleMouseOut);
+            }
+            if (handleClick) {
+                mychart.on('click', handleClick);
+            }
+            return () => {
+                if (onFocus) {
+                    mychart.off('mouseover', handleMouseOver);
+                    mychart.off('mouseout', handleMouseOut);
+                }
+                if (onClick) {
+                    mychart.off('mouseover', handleClick);
+                }
+            };
+        }
+    }, [chartRef, onClick, onFocus]);
+};
+/** Hook permettant de highlight un élément d'un graphique ECharts
+ * @category Hook
+*/
+export const useChartActionHightlight = ({ chartRef, target }) => {
+    useEffect(() => {
+        if (chartRef.current) {
+            const mychart = chartRef.current.getEchartsInstance();
+            mychart.dispatchAction({ type: 'downplay' });
+            if (target.seriesIndex || target.seriesId || target.seriesName || target.name || target.dataIndex) {
+                mychart.dispatchAction({ type: 'highlight', ...target });
+            }
+        }
+    }, [chartRef, target]);
+};

package/package.json

@@ -0,0 +1,98 @@
+{
+  "name": "@geo2france/api-dashboard",
+  "version": "1.5.0",
+  "private": false,
+  "description": "Build dashboards with JSX/TSX",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/geo2france/api-dashboard.git"
+  },
+  "author": {
+    "name": "Jean-Baptiste Desbas",
+    "email": "jb@desbas.fr",
+    "url": "http://jb.desbas.fr"
+  },
+  "licence": "MIT",
+  "keywords": [
+    "dashboard",
+    "territories",
+    "dataviz"
+  ],
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./dsl": {
+      "import": "./dist/dsl/index.js",
+      "types": "./dist/dsl/index.d.ts"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "dsl": [
+        "dist/dsl/index.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "tsc": "tsc",
+    "test": "jest --watchAll"
+  },
+  "dependencies": {
+    "alasql": "^4.6.6",
+    "arquero": "^8.0.3",
+    "axios": "^1.7.4",
+    "chroma-js": "^3.1.2",
+    "echarts": "^5.5.1",
+    "echarts-for-react": "^3.0.2",
+    "query-string": "~7.1.3",
+    "react-helmet": "^6.1.0",
+    "react-helmet-async": "^2.0.5",
+    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.51.11",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/chroma-js": "^3.1.1",
+    "@types/geojson": "^7946.0.14",
+    "@types/jest": "^29.5.13",
+    "@types/node": "^22.7.4",
+    "@types/react": "^18.3.10",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-helmet-async": "^1.0.1",
+    "@types/react-icons": "^2.2.7",
+    "@typescript-eslint/eslint-plugin": "^7.16.1",
+    "@typescript-eslint/parser": "^7.16.1",
+    "@vitejs/plugin-react": "^4.3.1",
+    "antd": "^5.24.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "react": "^18.3.1",
+    "react-router-dom": "^6.25.1",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
+    "tsup": "^8.5.0",
+    "typescript": "^5.5.2",
+    "vite": "^5.3.4",
+    "vite-plugin-svgr": "^4.2.0"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.51.11",
+    "antd": "^5.18.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-icons": "5.4",
+    "react-map-gl": "^7.1.7",
+    "react-router-dom": "^6.25.1",
+    "recharts": "^2.15.3"
+  }
+}