@mapcomponents/react-maplibre 0.1.62 → 0.1.64

package/src/components/MlWmsLoader/MlWmsLoader.tsx

@@ -1,28 +1,29 @@
-import React, { useRef, useEffect, useContext, useCallback, useState } from "react";
-
-import MapContext from "../../contexts/MapContext";
-import { v4 as uuidv4 } from "uuid";
-
-import MlWmsLayer from "../MlWmsLayer/MlWmsLayer";
-import MlMarker from "../MlMarker/MlMarker";
-import MlLayer from "../MlLayer/MlLayer";
-import useWms from "../../hooks/useWms";
-
-import VisibilityIcon from "@mui/icons-material/Visibility";
-import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
-import List from "@mui/material/List";
-import ListItem from "@mui/material/ListItem";
-import ListItemText from "@mui/material/ListItemText";
-import IconButton from "@mui/material/IconButton";
-import { LngLat } from "maplibre-gl";
-import MapLibreGlWrapper from "../MapLibreMap/lib/MapLibreGlWrapper";
-
-var originShift = (2 * Math.PI * 6378137) / 2.0;
+import React, { useRef, useEffect, useContext, useCallback, useState, useMemo } from 'react';
+
+import MapContext from '../../contexts/MapContext';
+import { v4 as uuidv4 } from 'uuid';
+
+import MlWmsLayer from '../MlWmsLayer/MlWmsLayer';
+import MlMarker from '../MlMarker/MlMarker';
+import useWms, { useWmsProps } from '../../hooks/useWms';
+
+import VisibilityIcon from '@mui/icons-material/Visibility';
+import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemText from '@mui/material/ListItemText';
+import IconButton from '@mui/material/IconButton';
+import { LngLat } from 'maplibre-gl';
+import MapLibreGlWrapper from '../MapLibreMap/lib/MapLibreGlWrapper';
+import { Layer2, Layer3 } from 'wms-capabilities';
+import { useWmsReturnType } from '../../hooks/useWms';
+
+const originShift = (2 * Math.PI * 6378137) / 2.0;
 const lngLatToMeters = function (lnglat: LngLat, accuracy = { enable: true, decimal: 1 }) {
-	var lng = lnglat.lng;
-	var lat = lnglat.lat;
-	var x = (lng * originShift) / 180.0;
-	var y = Math.log(Math.tan(((90 + lat) * Math.PI) / 360.0)) / (Math.PI / 180.0);
+	const lng = lnglat.lng;
+	const lat = lnglat.lat;
+	let x = (lng * originShift) / 180.0;
+	let y = Math.log(Math.tan(((90 + lat) * Math.PI) / 360.0)) / (Math.PI / 180.0);
 	y = (y * originShift) / 180.0;
 	if (accuracy.enable) {
 		x = Number(x.toFixed(accuracy.decimal));
@@ -31,7 +32,7 @@ const lngLatToMeters = function (lnglat: LngLat, accuracy = { enable: true, deci
 	return [x, y];
 };
 
-interface MlWmsLoaderProps {
+export interface MlWmsLoaderProps {
 	/**
 	 * WMS URL
 	 */
@@ -43,19 +44,21 @@ interface MlWmsLoaderProps {
 	/**
 	 * URL parameters that will be used in the getCapabilities request
 	 */
-	urlParameters: object;
+	urlParameters?: useWmsProps['urlParameters'];
 	/**
 	 * URL parameters that will be added when requesting WMS capabilities
 	 */
-	wmsUrlParameters: object;
-	/**
-	 * URL parameters that will be added when requesting tiles
-	 */
-	layerUrlParameters: object;
-	lngLat: LngLat;
-	idPrefix: string;
+	wmsUrlParameters?: { [key: string]: string };
+	lngLat?: LngLat;
+	idPrefix?: string;
 }
 
+export type LayerType = {
+	visible: boolean;
+	Name: string;
+	Attribution?: { Title: string };
+} & Omit<Layer2, 'Layer'> &
+	Partial<Pick<Layer2, 'Layer'>>;
 /**
  * Loads a WMS getCapabilities xml document and adds a MlWmsLayer component for each layer that is
  * offered by the WMS.
@@ -67,30 +70,22 @@ interface MlWmsLoaderProps {
 const MlWmsLoader = (props: MlWmsLoaderProps) => {
 	// Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
 	const mapContext: MapContextType = useContext(MapContext);
-	const { capabilities, error, setUrl, getFeatureInfoUrl, wmsUrl }: any = useWms({
-		url: undefined,
+	const { capabilities, error, setUrl, getFeatureInfoUrl, wmsUrl }: useWmsReturnType = useWms({
 		urlParameters: props.urlParameters,
 	});
-	let layerType: {
-		visible: boolean;
-		queryable: boolean;
-		Name: string;
-		Title: string;
-		LatLonBoundingBox: Array<number>;
-		EX_GeographicBoundingBox: Array<number>;
-		Abstract: any;
-	};
 
 	const initializedRef = useRef(false);
 	const mapRef = useRef<MapLibreGlWrapper>();
-	const componentId = useRef((props.idPrefix ? props.idPrefix : "MlWmsLoader-") + uuidv4());
-	const [layers, setLayers] = useState<Array<typeof layerType>>([]);
+	const componentId = useRef((props.idPrefix ? props.idPrefix : 'MlWmsLoader-') + uuidv4());
+	const [layers, setLayers] = useState<Array<LayerType>>([]);
 
-	const [featureInfoLngLat, setFeatureInfoLngLat] = useState<{lng:number,lat:number} | undefined>();
+	const [featureInfoLngLat, setFeatureInfoLngLat] = useState<
+		{ lng: number; lat: number } | undefined
+	>();
 	const [featureInfoContent, setFeatureInfoContent] = useState<string | undefined>(undefined);
 
 	useEffect(() => {
-		let _componentId = componentId.current;
+		const _componentId = componentId.current;
 
 		return () => {
 			// This is the cleanup function, it is called when this react component is removed from react-dom
@@ -113,67 +108,71 @@ const MlWmsLoader = (props: MlWmsLoaderProps) => {
 		setUrl(props.url);
 	}, [props.url]);
 
+	const attribution = useMemo(() => {
+		return layers
+			.filter((el) => el.visible && el?.Attribution?.Title)
+			.map((el) => el?.Attribution?.Title)
+			.filter((value, index, self) => self.indexOf(value) === index)
+			.join(' ');
+	}, [layers]);
+
 	const getFeatureInfo = useCallback(
 		(ev) => {
 			if (!mapRef.current) return;
 			setFeatureInfoLngLat(undefined);
 			setFeatureInfoContent(undefined);
-			let _bounds = mapRef.current.map.getBounds();
-			let _sw = lngLatToMeters(_bounds._sw);
-			let _ne = lngLatToMeters(_bounds._ne);
-			let bbox = [_sw[0], _sw[1], _ne[0], _ne[1]];
-			let _getFeatureInfoUrlParams = {
-				REQUEST: "GetFeatureInfo",
-
-				BBOX: bbox.join(","),
-				SERVICE: "WMS",
+			const _bounds = mapRef.current.map.getBounds();
+			const _sw = lngLatToMeters(_bounds._sw);
+			const _ne = lngLatToMeters(_bounds._ne);
+			const bbox = [_sw[0], _sw[1], _ne[0], _ne[1]];
+			const _getFeatureInfoUrlParams = {
+				REQUEST: 'GetFeatureInfo',
+
+				BBOX: bbox.join(','),
+				SERVICE: 'WMS',
 				INFO_FORMAT:
-					capabilities?.Capability?.Request?.GetFeatureInfo.Format.indexOf("text/html") !== -1
-						? "text/html"
-						: "text/plain",
-				FEATURE_COUNT: "10",
+					capabilities?.Capability?.Request?.GetFeatureInfo.Format.indexOf('text/html') !== -1
+						? 'text/html'
+						: 'text/plain',
+				FEATURE_COUNT: '10',
 				LAYERS: layers
-					.map((layer: typeof layerType) =>
-						layer.visible && layer.queryable ? layer.Name : undefined
-					)
+					.map((layer: LayerType) => (layer.visible && layer.queryable ? layer.Title : undefined))
 					.filter((n) => n),
 				QUERY_LAYERS: layers
-					.map((layer: typeof layerType) =>
-						layer.visible && layer.queryable ? layer.Name : undefined
-					)
+					.map((layer: LayerType) => (layer.visible && layer.queryable ? layer.Title : undefined))
 					.filter((n) => n),
 				WIDTH: mapRef.current?.map._container.clientWidth,
 				HEIGHT: mapRef.current?.map._container.clientHeight,
-				srs: "EPSG:3857",
-				CRS: "EPSG:3857",
-				version: "1.3.0",
+				srs: 'EPSG:3857',
+				CRS: 'EPSG:3857',
+				version: '1.3.0',
 				X: ev.point.x,
 				Y: ev.point.y,
 				I: ev.point.x,
 				J: ev.point.y,
-				buffer: "50",
+				buffer: '50',
 			};
 
 			let _gfiUrl: string | undefined = getFeatureInfoUrl;
 			let _gfiUrlParts;
-			if (_gfiUrl?.indexOf?.("?") !== -1) {
-				_gfiUrlParts = props.url.split("?");
+			if (_gfiUrl?.indexOf?.('?') !== -1) {
+				_gfiUrlParts = props.url.split('?');
 				_gfiUrl = _gfiUrlParts[0];
 			}
-			let _urlParamsFromUrl = new URLSearchParams(_gfiUrlParts?.[1]);
+			const _urlParamsFromUrl = new URLSearchParams(_gfiUrlParts?.[1]);
 
-			let urlParamsObj = {
+			const urlParamsObj = {
 				...Object.fromEntries(_urlParamsFromUrl),
 				..._getFeatureInfoUrlParams,
 			};
 			// create URLSearchParams object to assemble the URL Parameters
 			// "as any" can be removed once the URLSearchParams ts spec is fixed
-			let urlParams = new URLSearchParams(urlParamsObj as any);
+			const urlParams = new URLSearchParams(urlParamsObj as unknown as Record<string, string>);
 
-			fetch(props.url + "?" + urlParams.toString())
+			fetch(props.url + '?' + urlParams.toString())
 				.then((res) => {
 					if (!res.ok) {
-						throw new Error("FeatureInfo could not be fetched");
+						throw new Error('FeatureInfo could not be fetched');
 					}
 					return res.text();
 				})
@@ -191,37 +190,61 @@ const MlWmsLoader = (props: MlWmsLoaderProps) => {
 
 		const _getFeatureInfo = getFeatureInfo;
 
-		mapRef.current.on("click", _getFeatureInfo, componentId.current);
+		mapRef.current.on('click', _getFeatureInfo, componentId.current);
 		return () => {
-			mapRef.current?.map.off?.("click", _getFeatureInfo);
+			mapRef.current?.map.off?.('click', _getFeatureInfo);
 		};
 	}, [getFeatureInfo]);
 
 	useEffect(() => {
 		if (!capabilities?.Service) return;
 
-		if (capabilities?.Capability?.Layer?.SRS?.indexOf?.("EPSG:3857") === -1) {
+		if (capabilities?.Capability?.Layer?.CRS?.indexOf?.('EPSG:3857') === -1) {
 			console.log(
-				"MlWmsLoader (" + capabilities.Service.Title + "): No WGS 84/Pseudo-Mercator support"
+				'MlWmsLoader (' + capabilities.Service.Title + '): No WGS 84/Pseudo-Mercator support'
 			);
 		} else {
 			console.log(
-				"MlWmsLoader (" + capabilities.Service.Title + "): WGS 84/Pseudo-Mercator supported"
+				'MlWmsLoader (' + capabilities.Service.Title + '): WGS 84/Pseudo-Mercator supported'
 			);
 
 			let _LatLonBoundingBox: Array<number> = [];
-			setLayers(
-				capabilities?.Capability?.Layer?.Layer.map((layer: typeof layerType, idx: number) => {
-					if (idx === 0) {
-						_LatLonBoundingBox = layer.LatLonBoundingBox;
-						if (!_LatLonBoundingBox) {
+
+			// collect aueriable Layer2 layers
+			let _layers: LayerType[] = capabilities?.Capability?.Layer?.Layer.filter(
+				(el) => el.CRS.length
+			).map((layer: Layer2 & { Name: string }, idx: number) => {
+				if (idx === 0) {
+					_LatLonBoundingBox = layer.EX_GeographicBoundingBox;
+				}
+				return {
+					visible: capabilities?.Capability?.Layer?.Layer?.length > 2 ? idx > 1 : true,
+					Attribution: { Title: '' },
+					...layer,
+				};
+			});
+
+			// collect aueriable Layer3 layers
+			capabilities?.Capability?.Layer?.Layer.forEach((el) => {
+				const tmpLayers = el?.Layer?.filter((el) => el.CRS.length).map(
+					(layer: Layer3, idx: number) => {
+						if (idx === 0) {
 							_LatLonBoundingBox = layer.EX_GeographicBoundingBox;
 						}
+						return {
+							visible: false,
+							Attribution: { Title: '' },
+							...layer,
+						};
 					}
-					layer.visible = capabilities?.Capability?.Layer?.Layer?.length > 2 ? idx > 1 : true;
-					return layer;
-				})
-			);
+				);
+
+				if (tmpLayers) {
+					_layers = [..._layers, ...tmpLayers];
+				}
+			});
+
+			setLayers(_layers);
 
 			// zoom to extent of first layer
 			if (mapRef.current && _LatLonBoundingBox.length > 3) {
@@ -239,7 +262,6 @@ const MlWmsLoader = (props: MlWmsLoaderProps) => {
 		// initialize the layer and add it to the MapLibre-gl instance or do something else with it
 		initializedRef.current = true;
 		mapRef.current = mapContext.getMap(props.mapId);
-		console.log("set url " + props.url);
 		setUrl(props.url);
 	}, [mapContext.mapIds, mapContext, props.mapId, props.url]);
 
@@ -247,21 +269,9 @@ const MlWmsLoader = (props: MlWmsLoaderProps) => {
 		<>
 			{error && <p>{error}</p>}
 			<h3 key="title">{capabilities?.Service?.Title}</h3>
-			{console.log(componentId.current)}
-			{capabilities?.Capability?.Layer?.Layer.map((layer: any, idx: number) => (
-				<MlLayer
-					layerId={"Order-" + componentId.current + "-" + idx}
-					key={componentId.current + "-" + idx}
-					{...(idx > 0
-						? {
-								insertBeforeLayer: "Order-" + componentId.current + "-" + (idx - 1),
-							}
-						: undefined)}
-				/>
-			))}
 			<List dense key="layers">
 				{wmsUrl &&
-					layers?.map?.((layer: typeof layerType, idx) => {
+					layers?.map?.((layer, idx) => {
 						return layer?.Name ? (
 							<ListItem
 								key={layer.Name + idx}
@@ -270,7 +280,7 @@ const MlWmsLoader = (props: MlWmsLoaderProps) => {
 										edge="end"
 										aria-label="toggle visibility"
 										onClick={() => {
-											let _layers: Array<typeof layerType> = [...layers];
+											const _layers: Array<LayerType> = [...layers];
 											_layers[idx].visible = !_layers[idx].visible;
 											setLayers([..._layers]);
 										}}
@@ -279,22 +289,31 @@ const MlWmsLoader = (props: MlWmsLoaderProps) => {
 									</IconButton>
 								}
 							>
-								<ListItemText primary={layer?.Title} secondary={layer?.Abstract} />
-								<MlWmsLayer
-									key={layer?.Name + idx}
-									url={wmsUrl}
-									urlParameters={{ ...props.wmsUrlParameters, layers: layer?.Name }}
-									visible={layers[idx].visible}
-									insertBeforeLayer={"Order-" + componentId.current + "-" + idx}
-								/>
+								<ListItemText primary={layer?.Title} />
 							</ListItem>
 						) : (
 							<></>
 						);
 					})}
 			</List>
-			<p key="description" style={{ fontSize: ".7em" }}>
-				{capabilities?.Capability?.Layer?.Abstract}
+			{wmsUrl && layers?.length && (
+				<MlWmsLayer
+					key={componentId.current}
+					url={wmsUrl}
+					attribution={attribution}
+					urlParameters={{
+						...props.wmsUrlParameters,
+						layers: layers
+							?.filter?.((layer) => layer.visible)
+							.map((el) => el.Name)
+							.reverse()
+							.join(','),
+					}}
+				/>
+			)}
+
+			<p key="description" style={{ fontSize: '.7em' }}>
+				{capabilities?.Capability?.Layer?.['Abstract']}
 			</p>
 
 			{featureInfoLngLat && <MlMarker {...featureInfoLngLat} content={featureInfoContent} />}
@@ -303,14 +322,14 @@ const MlWmsLoader = (props: MlWmsLoaderProps) => {
 };
 
 MlWmsLoader.defaultProps = {
-	url: "",
+	url: '',
 	urlParameters: {
-		SERVICE: "WMS",
-		VERSION: "1.3.0",
-		REQUEST: "GetCapabilities",
+		SERVICE: 'WMS',
+		VERSION: '1.3.0',
+		REQUEST: 'GetCapabilities',
 	},
 	wmsUrlParameters: {
-		TRANSPARENT: "TRUE",
+		TRANSPARENT: 'TRUE',
 	},
 };
 

package/src/components/MlWmsLoader/utils/MlWmsLoaderInstructions.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import Instructions from '../../../util/Instructions';
+
+const steps = [
+	{
+		duration: 2500,
+		props: {
+			bubbleTop: '200px',
+			bubbleLeft: '-180px',
+			textMarginTop: '150px',
+			textMarginLeft: '200px',
+			iconTransform: 'rotate(90deg)',
+			iconMarginTop: '-210px',
+			iconMarginLeft: '200px',
+			zIndex: 1210
+		},
+		content: (
+			<>
+				Introduce an <br />
+				WMS Service <br /> URL here
+			</>
+		),
+	},
+	{
+		duration: 3000,
+		props: {
+			bubbleLeft: '-40px',
+			bubbleTop: '-150px',
+			textMarginTop: '240px',
+			textMarginLeft: '75px',
+			iconTransform: 'rotate(90deg)',
+			iconMarginTop: '-125px',
+			iconMarginLeft: '280px',
+			zIndex: 1210
+		},
+		content: (
+			<>
+				In demo mode we <br /> provide you some <br /> WMS links <br /> to copy and use.
+			</>
+		),
+	},
+];
+
+export default function MlWmsLoaderInstructions(props: { open: boolean }) {
+	return (
+		<>
+			<Instructions steps={steps} open={props.open} />
+		</>
+	);
+}

package/src/components/MlWmsLoader/utils/WMSLinks.tsx

@@ -0,0 +1,128 @@
+import React, { useEffect, useState } from 'react';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { Box, Typography, Button, Divider, TextField, Grid, Fade, Paper } from '@mui/material';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import CloseIcon from '@mui/icons-material/Close';
+
+
+const modalStyle = {
+	position: 'absolute',
+	zIndex: 500,
+	top: '55%',
+	left: '80%',
+	transform: 'translate(-50%, -50%)',
+	width: '400px',
+	height: '600px',
+	boxShadow: 20,
+	alignItems: 'center',
+	padding: 0,
+	opacity: 1,
+	transition: 'opacity 1s',
+};
+
+const mobileStyle = {
+	position: 'absolute',
+	top: '10%',
+	left: '20%',
+	width: '60%',
+	height: '70%',
+	bgcolor: 'background.paper',
+	boxShadow: 24,
+	zIndex: 200,
+	overflow: 'scroll',
+};
+
+const wmsServices = [
+	{
+		id: '1',
+		title: 'HistOSM',
+		description: 'Historic objects stored in the OpenStreetMap database',
+		link: 'https://maps.heigit.org/histosm/wms',
+	},
+	{
+		id: '2',
+		title: 'MagOSM',
+		description:
+			'MagOSM is a project of the company Magellium which offers services related to thematic data from OpenStreetMap. Currently these services are provided at the scale of metropolitan France. The data of the different services are updated daily.',
+		link: 'https://magosm.magellium.com/geoserver/wms',
+	},
+	{
+		id: '3',
+		title: 'NRW_vdop',
+		description:
+			'The WMS NW vDOP Geobasis North Rhine-Westphalia provides intermediate results from the production process of the digital orthophotos (DOP).',
+		link: 'https://www.wms.nrw.de/geobasis/wms_nw_vdop',
+	},
+];
+
+export interface wmsLinksProps {
+	load: (str: string) => void;
+	open: boolean;
+	close: () => void;
+	
+}
+
+export default function WMSLinks(props: wmsLinksProps) {
+	const mediaIsMobile = useMediaQuery('(max-width:900px)');
+	const [selectedSample, setSelectedSample] = useState<string>();
+	
+	const Links = () => {
+		return (
+			<>
+				{wmsServices.map((el) => (
+					<Grid item xs={12} sx={{ marginTop: 5 }} key={el.id}>
+						<Typography variant="h6">{el.title}</Typography>
+						<Typography variant="body2">{el.description}</Typography>
+						<TextField value={el.link} size="small"></TextField>
+						<Button
+							variant="contained"
+							sx={{ marginTop: 0.2 }}
+							onClick={() => {
+								setSelectedSample(el.link);
+								document.getElementById('wms_text_field')?.focus()
+							}}
+						>
+							<ContentCopyIcon />
+						</Button>
+						<Divider sx={{ marginTop: '10px' }} />
+					</Grid>
+				))}
+			</>
+		);
+	};
+
+	useEffect(() => {
+		if (selectedSample) {
+			props.load(selectedSample);
+		}
+	}, [selectedSample]);
+
+	return (
+		<>
+			{props.open && (
+				<Fade in={props.open} appear={false}>
+					<Box sx={mediaIsMobile ? mobileStyle : modalStyle}>
+						<Paper sx={{ padding: '20px' }}>
+							<Grid container>
+								<Grid item xs={10}>
+									<Typography id="modal-modal-title" variant="h6">
+										WMS Links
+									</Typography>
+								</Grid>
+								<Grid item xs={2}>
+									<Button onClick={props.close}>
+										<CloseIcon sx={{ color: 'black' }} />
+									</Button>
+								</Grid>
+							</Grid>
+							<Divider />
+							<Grid container>
+								<Links />
+							</Grid>
+						</Paper>
+					</Box>
+				</Fade>
+			)}
+		</>
+	);
+}

package/src/decorators/MapContextDecorator.js

@@ -21,7 +21,7 @@ const decorators = [
 						mapId="map_1"
 					/>
 					<MlNavgiationTools
-						sx={{ top: "10px", right: "5px" }}
+						sx={{ bottom: "25px", right: 0 }}
 						showZoomButtons={false}
 						mapId="map_1"
 					/>

package/src/decorators/MapContextDecoratorHooks.js

@@ -21,7 +21,7 @@ const decorators = [
             mapId="map_1"
           />
           <MlNavgiationTools
-            sx={{ top: "10px", right: "5px" }}
+						sx={{ bottom: "25px", right: 0 }}
             showZoomButtons={false}
             mapId="map_1"
           />

package/src/decorators/ThemeWrapper.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ThemeProvider as MUIThemeProvider, createTheme } from '@mui/material/styles';
+
+const theme = createTheme({
+});
+
+export default function ThemeWrapper(props: { children: unknown }) {
+	return <MUIThemeProvider theme={theme}>{props?.children}</MUIThemeProvider>;
+}

package/src/hooks/useCameraFollowPath/useCameraFollowPath.meta.json

@@ -10,6 +10,5 @@
 	},
 	"tags": [],
 	"category": "",
-	"type": "component",
-	"price": 1000
+	"type": "component"
 }

package/src/{components/MlGPXViewer → hooks/useGpx/lib}/gpxConverter.js

@@ -123,6 +123,7 @@ var toGeoJSON = (function () {
 		var isNodeEnv = typeof process === "object" && !process.browser;
 		var isTitaniumEnv = typeof Titanium === "object";
 		if (typeof exports === "object" && (isNodeEnv || isTitaniumEnv)) {
+			// eslint-disable-next-line @typescript-eslint/no-var-requires, no-undef
 			serializer = new (require("xmldom").XMLSerializer)();
 		} else {
 			throw new Error("Unable to initialize serializer");

package/src/hooks/useGpx/useGpx.doc.de.md

@@ -0,0 +1,3 @@
+# Component Beschreibung
+
+Beschreibungstext

package/src/hooks/useGpx/useGpx.meta_.json

@@ -0,0 +1,15 @@
+{
+  "name": "useGpx",
+  "title": "",
+  "description": "",
+  "i18n": {
+    "de": {
+      "title": "",
+      "description": ""
+    }
+  },
+  "tags": [],
+  "category": "",
+  "type": "component",
+  "price": 0
+}