@mapcomponents/react-maplibre 0.1.69 → 0.1.71

package/public/catalogue/mc_meta.json

@@ -1 +0,0 @@
-{"MlCreatePdfButton":{"name":"MlCreatePdfButton","title":"Export PDF","description":"Creates a PDF file with the current map view.","i18n":{"de":{"title":"PDF Export","description":"Erzeugt eine PDF Datei aus der aktuellen Kartenansicht."}},"tags":["Map add-on"],"category":"add-ons","type":"component","price":5000},"MlFeatureEditor":{"name":"MlFeatureEditor","title":"Sketch tools","description":"Enables the editing of Point, Linestring and Polygon GeoJSON Files.","i18n":{"de":{"title":"Skizzen Werkzeug","description":"Erzeugen und Bearbeiten von Objekten."}},"tags":["Map add-on"],"category":"add-ons","type":"component","price":0},"MlFillExtrusionLayer":{"name":"MlFillExtrusionLayer","title":"Simple 3D buildings","description":"Draws a level, out of the building outline and the height, extrudes 3D Objects as buildings.","i18n":{"de":{"title":"3D Gebäude","description":"Zeichnet eine Ebene mit einfach, aus den Gebäudeumrissen und anhand der Höhen, extrudierten 3D Objekten als Gebäude."}},"tags":["Map add-on"],"category":"add-ons","type":"component","price":5000},"MlFollowGps":{"name":"MlFollowGps","title":"GPS tracker","description":"","i18n":{"de":{"title":"GPS-Tracker","description":""}},"tags":[],"category":"","type":"component","price":0},"MlGeoJsonLayer":{"name":"MlGeoJsonLayer","title":"GeoJSON layer","description":"","i18n":{"de":{"title":"GeoJSON Darstellung","description":""}},"tags":[],"category":"","type":"component","price":0},"MlGPXViewer":{"name":"MlGPXViewer","title":"GPX viewer","description":"","i18n":{"de":{"title":"GPX Darstellung","description":""}},"tags":["Map add-on"],"category":"add-ons","type":"component","price":5000},"MlLayerMagnify":{"name":"MlLayerMagnify","title":"Map magnifier","description":"Hides a part of a map that is superimposed on another MapLibre map.","i18n":{"de":{"title":"Kartenlupe","description":"Kartenlupe blendet einen Teil einer, von zwei übereinanderliegenden, MapLibre Karten aus."}},"tags":["Map add-on"],"category":"add-ons","type":"component","price":5000},"MlLayerSwipe":{"name":"MlLayerSwipe","title":"Map curtain","description":"Map curtain hides an area of the top one of two overlaying MapLibre maps.","i18n":{"de":{"title":"Kartenvorhang","description":"Kartenvorhangs blendet einen Teil einer, von zwei übereinanderliegenden, MapLibre Karten aus."}},"tags":["Map add-on"],"category":"add-ons","type":"component","price":5000},"MlMeasureTool":{"name":"MlMeasureTool","title":"Measure tool","description":"","i18n":{"de":{"title":"Messwerkzeug","description":""}},"tags":[],"category":"","type":"component","price":0},"MlNavigationCompass":{"name":"MlNavigationCompass","title":"Compass","description":"","i18n":{"de":{"title":"Kompass","description":""}},"tags":[],"category":"","type":"component","price":0},"MlNavigationTools":{"name":"MlNavigationTools","title":"Navigation tools","description":"","i18n":{"de":{"title":"Navigationswerkzeuge","description":""}},"tags":[],"category":"","type":"component","price":0},"MlScaleReference":{"name":"MlScaleReference","title":"Reference scale","description":"","i18n":{"de":{"title":"Maßstabsreferenz","description":""}},"tags":[],"category":"","type":"component","price":0},"MlSpatialElevationProfile":{"name":"MlSpatialElevationProfile","title":"3D height profile","description":"Draws a level, out of the building outline and the height, extrudes 3D Objects as buildings.","i18n":{"de":{"title":"3D Höhenprofil","description":"Zeichnet eine Ebene mit einfach, aus den Gebäudeumrissen und anhand der Höhen, extrudierten 3D Objekten als Gebäude."}},"tags":["Map add-on"],"category":"add-ons","type":"component","price":5000},"MlThreeJsLayer":{"name":"MlThreeJsLayer","title":"3D Model","description":"Layer Component, that makes it possible to show 3D Models on the map.","i18n":{"de":{"title":"3D Modelle","description":"Layer Component, das es ermöglicht 3D Modelle auf der Karte darzustellen."}},"tags":["Map layer"],"category":"layer","type":"component","price":5000},"MlTransitionGeoJsonLayer":{"name":"MlTransitionGeoJsonLayer","title":"GeoJSON layer","description":"","i18n":{"de":{"title":"GeoJSON Ebene","description":""}},"tags":[],"category":"","type":"component","price":0},"MlVectorTileLayer":{"name":"MlVectorTileLayer","title":"Vector tile layer","description":"Adds a vector tile layer to the map","i18n":{"de":{"title":"Vector Tiles","description":"Baustein: Vektorenkacheln/Vector Tiles (der Anwendung/Karte hinzufügen)"}},"tags":["Map layer"],"category":"layer","type":"component","price":5000},"MlWmsLoader":{"name":"MlWmsLoader","title":"WMS loader","description":"","i18n":{"de":{"title":"WMS Feature Info","description":""}},"tags":[],"category":"","type":"component","price":0}}

package/public/index.html

@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/public/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package/rollup.config.js

@@ -1,74 +0,0 @@
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from 'rollup-plugin-typescript2';
-import { defineConfig } from 'rollup';
-
-import babel from '@rollup/plugin-babel';
-import url from '@rollup/plugin-url';
-import externals from 'rollup-plugin-node-externals';
-
-import css from 'rollup-plugin-import-css';
-import del from 'rollup-plugin-delete';
-import svgr from '@svgr/rollup';
-
-import pkg from './package.json';
-
-const externalsConfig = {
-	deps: true,
-	devDeps: true,
-	exclude:['react', 'react-dom']
-};
-
-const config = defineConfig([
-	// CJS config
-	//{
-	//	input: ['src/index.ts'],
-	//	output: {
-	//		file: 'dist/index.js',
-	//		format: 'cjs',
-	//		sourcemap: true,
-	//	},
-	//	plugins: [
-	//		svgr({
-	//			svgo: false,
-	//		}),
-	//		url(),
-	//		babel(),
-	//		externals(externalsConfig),
-	//		typescript({ declarationDir: 'dist/types', sourceMap: true }),
-	//		css(),
-	//		del({ targets: ['dist/*'] }),
-	//	],
-	//},
-	// ESM config
-	{
-		input: ['src/index.ts'],
-		output: {
-			file: 'dist/index.esm.js',
-			format: 'cjs',
-			sourcemap: true,
-		},
-		plugins: [
-			svgr({
-				svgo: false,
-			}),
-			url(),
-			babel({
-				presets: ['@babel/preset-react'],
-			}),
-			externals(externalsConfig),
-			commonjs(),
-			typescript({ declarationDir: 'dist/types', sourceMap: true }),
-			css(),
-			del({ targets: ['dist/*'] }),
-		],
-		external: [
-			'react',
-			'react-dom',
-			'd3',
-			...Object.keys(pkg.dependencies),
-			...Object.keys(pkg.peerDependencies),
-			...Object.keys(pkg.devDependencies),
-		],
-	},
-]);
-export default config;

package/scripts/build-catalogue-markdown-docs.js

@@ -1,28 +0,0 @@
-const glob = require("glob");
-const fs = require("fs");
-var showdown = require("showdown");
-
-let options = {};
-
-function getComponentNameFromPath(path) {
-  let tmp = path.split("/");
-  tmp = tmp[tmp.length - 1];
-  tmp = tmp.split(".doc");
-  return tmp[0];
-}
-
-const converter = new showdown.Converter();
-
-glob("src/components/**/*.doc.*.md", options, function (er, files) {
-  console.log(files);
-
-  for (var i = 0, len = files.length; i < len; i++) {
-    let language = files[i].slice(-5, -3);
-    let rawdata = fs.readFileSync(files[i]);
-    let html = converter.makeHtml(rawdata + "");
-    fs.writeFileSync(
-      "public/catalogue/" + getComponentNameFromPath(files[i]) + "." + language + ".html",
-      html
-    );
-  }
-});

package/scripts/build-catalogue-meta.js

@@ -1,42 +0,0 @@
-const glob = require('glob');
-const fetch = (...args) => import('node-fetch').then(({ default: fetch }) => fetch(...args));
-const Ajv = require('ajv');
-const ajv = new Ajv();
-const fs = require('fs');
-
-let options = {};
-let mc_meta = {};
-
-glob('src/**/**/*.meta.json', options, function (er, files) {
-	console.log(files);
-
-	for (var i = 0, len = files.length; i < len; i++) {
-		let rawdata = fs.readFileSync(files[i]);
-		let metaObj = JSON.parse(rawdata);
-		mc_meta[metaObj.name] = metaObj;
-	}
-
-	fetch('https://catalogue.mapcomponents.org/schema/metadata.schema.json', {
-		method: 'GET',
-		headers: {
-			Accept: 'application/json',
-			'Content-Type': 'application/json',
-		},
-	})
-		.then((res) => {
-			if (!res.ok) {
-				return false;
-			} else {
-				return res.json();
-			}
-		})
-		.then((schema) => {
-			const validate = ajv.compile(schema);
-			const valid = validate(mc_meta);
-			if (!valid) throw new Error(JSON.stringify(validate.errors));
-			//if (!valid) console.log(validate.errors);
-
-			let data = JSON.stringify(mc_meta);
-			fs.writeFileSync('public/catalogue/mc_meta.json', data);
-		});
-});

package/scripts/create-map-component.sh

@@ -1,36 +0,0 @@
-#!/bin/bash
-
-set -x
-
-if [ $# -eq 0 ]; then
-    echo "Please provide a component name as first argument."
-    exit 1
-fi
-
-component_name="$1"
-target_path="src/components/"
-template_name="MlComponentTemplate"
-template_path="src/components/"
-
-if [ ! -d "$target_path$component_name" ]; then
-
-  cp -r $template_path$template_name $target_path$component_name
-
-  mv $target_path$component_name/$template_name.doc.de.md $target_path$component_name/$component_name.doc.de.md
-
-  mv $target_path$component_name/$template_name.tsx $target_path$component_name/$component_name.tsx
-
-  mv $target_path$component_name/$template_name.meta_.json $target_path$component_name/$component_name.meta_.json
-
-  mv $target_path$component_name/$template_name.stories.js $target_path$component_name/$component_name.stories.js
-
-  sed -i "s/$template_name/$component_name/g" $target_path$component_name/$component_name.doc.de.md
-  sed -i "s/$template_name/$component_name/g" $target_path$component_name/$component_name.tsx
-  sed -i "s/$template_name/$component_name/g" $target_path$component_name/$component_name.meta_.json
-  sed -i "s/$template_name/$component_name/g" $target_path$component_name/$component_name.stories.js
-
-else
-
-  echo "The directory $target_path$component_name already exists. Please use a different name."
-
-fi

package/scripts/test.js

@@ -1,53 +0,0 @@
-'use strict';
-
-// Do this as the first thing so that any code reading it knows the right env.
-process.env.BABEL_ENV = 'test';
-process.env.NODE_ENV = 'test';
-process.env.PUBLIC_URL = '';
-
-// Makes the script crash on unhandled rejections instead of silently
-// ignoring them. In the future, promise rejections that are not handled will
-// terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', err => {
-  throw err;
-});
-
-// Ensure environment variables are read.
-require('../config/env');
-
-
-const jest = require('jest');
-const execSync = require('child_process').execSync;
-let argv = process.argv.slice(2);
-
-function isInGitRepository() {
-  try {
-    execSync('git rev-parse --is-inside-work-tree', { stdio: 'ignore' });
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-function isInMercurialRepository() {
-  try {
-    execSync('hg --cwd . root', { stdio: 'ignore' });
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-// Watch unless on CI or explicitly running all tests
-if (
-  !process.env.CI &&
-  argv.indexOf('--watchAll') === -1 &&
-  argv.indexOf('--watchAll=false') === -1
-) {
-  // https://github.com/facebook/create-react-app/issues/5210
-  const hasSourceControl = isInGitRepository() || isInMercurialRepository();
-  argv.push(hasSourceControl ? '--watch' : '--watchAll');
-}
-
-
-jest.run(argv);

package/src/@types/assets/index.d.ts

@@ -1,20 +0,0 @@
-declare module "*.svg" {
-  import React = require('react');
-  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
-  const src: string;
-  export default src;
-}
-declare module "*.jpg" {
-  const content: string;
-  export default content;
-}
-
-declare module "*.png" {
-  const content: string;
-  export default content;
-}
-
-declare module "*.json" {
-  const content: string;
-  export default content;
-}

package/src/components/MapLibreMap/MapLibreMap.stories.js

@@ -1,106 +0,0 @@
-import React, { useState } from "react";
-
-import MapLibreMap from './MapLibreMap';
-import MlGeoJsonLayer from '../MlGeoJsonLayer/MlGeoJsonLayer';
-import { Button } from '@mui/material';
-import TopToolbar from '../../ui_components/TopToolbar';
-import sample_geojson_1 from '../MlGeoJsonLayer/assets/sample_1.json';
-
-import themeDecorator from '../../decorators/ThemeDecorator';
-
-const storyoptions = {
-	title: 'Core/MapLibreMap',
-	component: MapLibreMap,
-	argTypes: {
-		options: {
-			control: {
-				type: 'object',
-			},
-		},
-	},
-	decorators: themeDecorator,
-	parameters: {
-		sourceLink: 'components/MapLibreMap/MapLibreMap.tsx',
-	},
-};
-export default storyoptions;
-
-const Template = (args) => {
-	return (
-		<MapLibreMap
-			options={{ ...args.options }}
-			style={{
-				position: 'absolute',
-				height: '100vh',
-				width: '100vw',
-				top: 0,
-				right: 0,
-				left: 0,
-				bottom: 0,
-				zIndex: 100,
-			}}
-		/>
-	);
-};
-
-export const ExampleConfig = Template.bind({});
-ExampleConfig.args = {
-	options: {
-		style: 'https://wms.wheregroup.com/tileserver/style/osm-bright.json',
-		center: [8.607, 53.1409349],
-		zoom: 14,
-	},
-};
-
-const StyleChangeTemplate = (args) => {
-	const [activeStyle, setActiveStyle] = useState(
-		'https://wms.wheregroup.com/tileserver/style/osm-fiord-color.json'
-	);
-
-	return (
-		<>
-			<TopToolbar>
-				<Button
-					onClick={() =>
-						setActiveStyle('https://wms.wheregroup.com/tileserver/style/osm-bright.json')
-					}
-					variant="contained"
-					sx={{ marginRight: '5px' }}
-				>
-					OSM-Bright
-				</Button>
-				<Button
-					onClick={() =>
-						setActiveStyle('https://wms.wheregroup.com/tileserver/style/osm-fiord-color.json')
-					}
-					variant="contained"
-				>
-					OSM-Fiord-Color
-				</Button>
-			</TopToolbar>
-			<MapLibreMap
-				options={{ ...args.options, style: activeStyle }}
-				style={{
-					position: 'absolute',
-					height: '100vh',
-					width: '100vw',
-					top: 0,
-					right: 0,
-					left: 0,
-					bottom: 0,
-					zIndex: 100,
-				}}
-			/>
-			<MlGeoJsonLayer type="line" geojson={sample_geojson_1} />
-		</>
-	);
-};
-
-export const StyleChangeConfig = StyleChangeTemplate.bind({});
-StyleChangeConfig.args = {
-	options: {
-		zoom: 14.5,
-		center: [7.0851268, 50.73884],
-	},
-};
-StyleChangeConfig.parameters = {};

package/src/components/MapLibreMap/MapLibreMap.test.js

@@ -1,84 +0,0 @@
-import React, { useContext, useEffect, useState } from "react";
-import { mount, configure } from "enzyme";
-import { waitFor } from "@testing-library/react";
-import MapContext, { MapComponentsProvider } from "../../contexts/MapContext";
-import MapLibreMap from "./MapLibreMap";
-
-const MapLibreMapTestComponent = (props) => {
-	const mapContext = useContext(MapContext);
-	const [mapIsVisible, setMapIsVisible] = useState(true);
-
-	return (
-		<>
-			<button
-				className="toggle_map_is_visible"
-				onClick={() => {
-					setMapIsVisible(!mapIsVisible);
-				}}
-			>
-				toggle mapIsVisible
-			</button>
-			<div className="map_count">{mapContext.mapIds.length}</div>
-
-			{!props.mapId && mapIsVisible && <MapLibreMap />}
-			{props.mapId && (
-				<>
-					<div className="map_1_exists">
-						{mapContext.getMap(props.mapId) ? "true" : "false"}
-					</div>
-					{mapIsVisible && <MapLibreMap mapId={props.mapId} />}
-				</>
-			)}
-		</>
-	);
-};
-
-describe("<MapLibreMap>", () => {
-	it("should register an anonymous maplibre object to mapContext", async () => {
-		const wrapper = mount(
-			<MapComponentsProvider>
-				<MapLibreMapTestComponent />
-			</MapComponentsProvider>
-		);
-
-		expect(wrapper.find(".map_count").text()).toEqual("1");
-	});
-
-	it("should remove an anonymous maplibre object from mapContext", async () => {
-		const wrapper = mount(
-			<MapComponentsProvider>
-				<MapLibreMapTestComponent />
-			</MapComponentsProvider>
-		);
-
-		expect(wrapper.find(".map_count").text()).toEqual("1");
-
-		wrapper.find(".toggle_map_is_visible").simulate("click");
-
-		expect(wrapper.find(".map_count").text()).toEqual("0");
-	});
-
-	it("should register a maplibre object with the id 'map_1' to mapContext", async () => {
-		const wrapper = mount(
-			<MapComponentsProvider>
-				<MapLibreMapTestComponent mapId="map_1" />
-			</MapComponentsProvider>
-		);
-
-		expect(wrapper.find(".map_1_exists").text()).toEqual("true");
-	});
-
-	it("should remove a maplibre object with the id 'map_1' to mapContext", async () => {
-		const wrapper = mount(
-			<MapComponentsProvider>
-				<MapLibreMapTestComponent mapId="map_1" />
-			</MapComponentsProvider>
-		);
-
-		expect(wrapper.find(".map_1_exists").text()).toEqual("true");
-
-		wrapper.find(".toggle_map_is_visible").simulate("click");
-
-		expect(wrapper.find(".map_1_exists").text()).toEqual("false");
-	});
-});