@cowegis/client 1.0.0-alpha4 → 1.0.0-alpha6

package/.editorconfig

@@ -0,0 +1,17 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.php]
+indent_size = 4
+
+[*.js]
+indent_size = 4
+
+[{*.vue,*.json,*.html5,*.xlf,*.twig}]
+indent_size = 2

package/.eslintrc.js

@@ -0,0 +1,31 @@
+module.exports = {
+    parser: '@babel/eslint-parser',
+    parserOptions: {
+        sourceType: 'module',
+        allowImportExportEverywhere: true,
+        requireConfigFile: false,
+    },
+    extends: [
+        'plugin:import/recommended'
+    ],
+    rules: {
+        "quotes": [2, "single", "avoid-escape"],
+        "import/order": ["error", {
+            groups: ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"],
+            "newlines-between": "always",
+            alphabetize: {
+                order: "asc"
+            }
+        }],
+    },
+    settings: {
+        "import/extensions": [
+            ".js",
+        ],
+        'import/resolver': {
+            typescript: {},
+            webpack: {}
+        },
+        "import/ignore": ["/*.png/", "/*.jpg/"]
+    }
+}

package/.idea/DdevIntegration.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="de.php_perfect.intellij.ddev.settings.DdevSettingsState">
+    <option name="ddevBinary" value="/usr/bin/ddev" />
+  </component>
+</project>

package/.idea/deployment.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PublishConfigData" remoteFilesAllowedToDisappearOnAutoupload="false" confirmBeforeUploading="false">
+    <option name="confirmBeforeUploading" value="false" />
+    <serverData>
+      <paths name="cowegis/client-bundle">
+        <serverdata>
+          <mappings>
+            <mapping deploy="node_modules/@cowegis/client" local="$PROJECT_DIR$" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
+    </serverData>
+  </component>
+</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/php.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MessDetectorOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCSFixerOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCodeSnifferOptionsConfiguration">
+    <option name="highlightLevel" value="WARNING" />
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PhpStanOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PsalmOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+    <mapping directory="" vcs="Git" />
   </component>
 </project>

package/.idea/webServers.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="WebServers">
+    <option name="servers">
+      <webServer id="0f278a7c-9371-43a2-ac17-c9d94ee78ff4" name="cowegis/client-bundle" url="http://localhost">
+        <fileTransfer mountedRoot="$PROJECT_DIR$/../cowegis-client-bundle" accessType="MOUNT" port="0" />
+      </webServer>
+    </option>
+  </component>
+</project>

package/js/Registry.js

@@ -13,7 +13,7 @@ class Registry {
             return this.factories[name];
         }
 
-        throw 'Type "' + name + " not found";
+        throw 'Type "' + name + ' not found';
     }
 }
 

package/js/assets/AssetsLoader.js

@@ -1,5 +1,5 @@
-import layerTypes from '../layer';
 import controlTypes from '../control';
+import layerTypes from '../layer';
 
 class AssetsLoader {
     constructor(element) {
@@ -29,16 +29,19 @@ class AssetsLoader {
 
             case 'component':
                 return import(/* webpackIgnore: true */ asset.url).then(function (component) {
-                    console.log(component);
-                    // TODO: Rework, for plugins
-                    // if (component instanceof LayerType) {
-                    //     this.layerTypes.register(component.name(), component);
-                    // } else if (component instanceof ControlType) {
-                    //     this.controlTypes.register(component.name(), component)
-                    // } else {
-                    //     throw new Error('Unknown component provided');
-                    // }
-                });
+                    switch (component.type) {
+                        case 'layer':
+                            this.layerTypes.register(component.name, component.factory);
+                            break;
+
+                        case 'control':
+                            this.controlTypes.register(component.name, component.factory);
+                            break;
+
+                        default:
+                            throw new Error('Unsupported component provided');
+                    }
+                }.bind(this));
 
             default:
                 throw new Error('Unsupported asset type ' + asset.type);

package/js/bundle.js

@@ -1,25 +1,22 @@
 import {layerTypes, iconTypes, controlTypes, mapFactory} from './client';
-
-import dataLayerFactory from './layer/dataLayerFactory';
-import featureGroupFactory from "./layer/featureGroupFactory";
-import layerGroupFactory from "./layer/layerGroupFactory";
-import markerClusterGroupFactory from "./layer/markerClusterGroupFactory";
-import overpassLayerFactory from "./layer/overpassLayerFactory";
-import providerLayerFactory from './layer/providerLayerFactory';
-import tileLayerFactory from './layer/tileLayerFactory';
-
-import attributionControlFactory from "./control/attributionControlFactory";
+import attributionControlFactory from './control/attributionControlFactory';
 import fullscreenControlFactory from './control/fullscreenControlFactory';
-import geocoderControlFactory from "./control/geocoderControlFactory";
-import layersControlFactory from "./control/layersControlFactory";
+import geocoderControlFactory from './control/geocoderControlFactory';
+import layersControlFactory from './control/layersControlFactory';
 import loadingControlFactory from './control/loadingControlFactory';
 import scaleControlFactory from './control/scaleControlFactory';
 import zoomControlFactory from './control/zoomControlFactory';
-
-import divIconFactory from "./icon/divIconFactory";
-import fontAwesomeIconFactory from "./icon/fontAwesomeIconFactory";
+import divIconFactory from './icon/divIconFactory';
+import fontAwesomeIconFactory from './icon/fontAwesomeIconFactory';
 import imageIconFactory from './icon/imageIconFactory';
-import svgIconFactory from "./icon/svgIconFactory";
+import svgIconFactory from './icon/svgIconFactory';
+import dataLayerFactory from './layer/dataLayerFactory';
+import featureGroupFactory from './layer/featureGroupFactory';
+import layerGroupFactory from './layer/layerGroupFactory';
+import markerClusterGroupFactory from './layer/markerClusterGroupFactory';
+import overpassLayerFactory from './layer/overpassLayerFactory';
+import providerLayerFactory from './layer/providerLayerFactory';
+import tileLayerFactory from './layer/tileLayerFactory';
 
 layerTypes.register('data', dataLayerFactory);
 layerTypes.register('featureGroup', featureGroupFactory);

package/js/client.js

@@ -1,14 +1,13 @@
-import MapElement from './element/MapElement';
-import EditorElement from "./element/EditorElement";
-
-import layerTypes from './layer';
 import controlTypes from './control';
-import iconTypes from './icon';
+import EditorElement from './element/EditorElement';
+import MapElement from './element/MapElement';
 import {mapFactory} from './factory';
+import iconTypes from './icon';
+import layerTypes from './layer';
 
 import 'leaflet/dist/leaflet.css';
 import '@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css';
-import 'leaflet-control-geocoder/Control.Geocoder.css';
+import 'leaflet-control-geocoder/dist/Control.Geocoder.css';
 import 'leaflet.fullscreen/Control.FullScreen.css';
 import 'leaflet-loading/src/Control.Loading.css';
 import 'leaflet.markercluster/dist/MarkerCluster.css';

package/js/control/attributionControlFactory.js

@@ -1,4 +1,4 @@
-import leaflet from "../leaflet";
+import leaflet from '../leaflet';
 
 export default async function(config, element) {
     const control = leaflet.control.attribution(config.options);

package/js/control/geocoderControlFactory.js

@@ -1,8 +1,15 @@
-import Geocoder from 'leaflet-control-geocoder';
+import {
+    Geocoder,
+    geocoders
+} from 'leaflet-control-geocoder';
+
+import {cowegis} from '../geocoder/Cowegis';
+
+geocoders.cowegis = cowegis;
 
 export default async function(config) {
-    if (config.options.geocoder !== undefined && !config.options.geocode instanceof global.IGeocoder) {
-        // TODO: Create custom geocoder;
+    if (config.geocoder !== undefined && config.geocoder !== null && !config.options.geocode) {
+        config.options.geocoder = geocoders[config.geocoder.type](config.geocoder.options)
     }
 
     return new Geocoder(config.options);

package/js/control/index.js

@@ -1,3 +1,3 @@
-import Registry from "../Registry";
+import Registry from '../Registry';
 
 export default new Registry();

package/js/control/loadingControlFactory.js

@@ -16,11 +16,11 @@ export default async function(config, element) {
             width: 3,
             radius: 4,
             rotate: 13,
-            top: "50%"
+            top: '50%'
         }
     }
     if (config.options.spinjs && global.Spinner === undefined) {
-      await import(/* webpackChunkName: "spin" */ 'spin.js').then(
+      await import('spin.js').then(
           (module) => global.Spinner = module.Spinner
       );
     }

package/js/control/scaleControlFactory.js

@@ -1,4 +1,4 @@
-import leaflet from "../leaflet";
+import leaflet from '../leaflet';
 
 export default async function (config) {
     return leaflet.control.scale(config.options);

package/js/control/zoomControlFactory.js

@@ -1,4 +1,4 @@
-import leaflet from "../leaflet";
+import leaflet from '../leaflet';
 
 export default async function(config, element) {
     const control = leaflet.control.zoom(config.options);

package/js/element/EditorElement.js

@@ -1,4 +1,4 @@
-import MapElement from "./MapElement";
+import MapElement from './MapElement';
 
 export default class EditorElement extends MapElement {
     constructor() {
@@ -10,7 +10,7 @@ export default class EditorElement extends MapElement {
             this.style.display = 'block';
         }
 
-        await import(/* webpackChunkName: "geoman-free" */ '@geoman-io/leaflet-geoman-free');
+        await import('@geoman-io/leaflet-geoman-free');
 
         return super.connectedCallback();
     }

package/js/element/MapElement.js

@@ -1,6 +1,6 @@
+import AssetsLoader from '../assets/AssetsLoader';
+import { mapFactory } from '../factory';
 import L from '../leaflet';
-import AssetsLoader from "../assets/AssetsLoader";
-import { mapFactory } from "../factory";
 
 const template = `
     <div class="cowegis-map-container" style="height: 100%"></div>
@@ -94,7 +94,26 @@ class MapElement extends HTMLElement {
             return;
         }
 
-        this.observeConfig(this.container);
+        let configLoaded = false;
+
+        this.childNodes.forEach(function (node) {
+            if (!(node instanceof HTMLScriptElement)) {
+                return;
+            }
+
+            if (node.getAttribute('type') !== 'application/vnd.cowegis.map+json') {
+                return;
+            }
+
+            this.config = JSON.parse(node.innerText);
+            configLoaded = true;
+        }.bind(this));
+
+        if (configLoaded) {
+            return;
+        }
+
+        this.observeConfig();
     }
 
     observeConfig() {

package/js/factory/MapFactory.js

@@ -1,9 +1,11 @@
+import {LatLngBounds} from 'leaflet';
+
 import controlTypes from '../control';
-import layerTypes from '../layer';
 import iconTypes from '../icon';
-import bindEvents from "./bindEvents";
-import preloadAssets from "./preloadAssets";
-import {LatLngBounds} from "leaflet";
+import layerTypes from '../layer';
+
+import bindEvents from './bindEvents';
+import preloadAssets from './preloadAssets';
 
 class MapFactory {
     constructor() {
@@ -30,10 +32,12 @@ class MapFactory {
 
         element.map = element.leaflet.map(element.container, config.options);
 
-        config.panes.forEach((pane) => promises.push(this.createPane(pane, element)));
+        config.panes.forEach((pane) => this.createPane(pane, element));
         config.layers.forEach((layer) => promises.push(this.createLayer(layer, element)));
         config.controls.forEach((config) => promises.push(this.createControl(config, element)));
 
+        promises.push(this.configureEditor(config.editor, element));
+
         this.registerListeners(config, element);
 
         if (config.view) {
@@ -121,22 +125,22 @@ class MapFactory {
         });
     }
 
-    registerListeners(config, element) {
-        bindEvents(element.map, config.events, element);
-    }
+    async configureEditor(config, element){
+        if (! config || !element.map.pm) {
+            return;
+        }
 
-    getListener(element, reference)
-    {
-        if (reference.namespace === null) {
-            return element.listeners[reference.reference];
+        if (config.toolbar) {
+            element.map.pm.addControls(config.toolbar);
         }
 
-        let listeners = element.listeners;
-        reference.namespace.forEach(function (part) {
-            listeners = listeners[part];
-        });
+        if (config.language) {
+            element.map.pm.setLang(config.language);
+        }
+    }
 
-        return listeners[reference.reference];
+    registerListeners(config, element) {
+        bindEvents(element.map, config.events, element);
     }
 }
 

package/js/factory/index.js

@@ -1,4 +1,4 @@
-import MapFactory from "./MapFactory";
+import MapFactory from './MapFactory';
 
 export const mapFactory = new MapFactory();
 

package/js/geocoder/Cowegis.js

@@ -0,0 +1,77 @@
+import {Util} from 'leaflet';
+import {geocoders} from 'leaflet-control-geocoder';
+
+function getParamString(obj, existingUrl, uppercase) {
+    const params = [];
+    for (const i in obj) {
+        const key = encodeURIComponent(uppercase ? i.toUpperCase() : i);
+        const value = obj[i];
+        if (!Array.isArray(value)) {
+            params.push(key + '=' + encodeURIComponent(String(value)));
+        } else {
+            for (let j = 0; j < value.length; j++) {
+                params.push(key + '=' + encodeURIComponent(value[j]));
+            }
+        }
+    }
+    return (!existingUrl || existingUrl.indexOf('?') === -1 ? '?' : '&') + params.join('&');
+}
+
+function getJSON(url, params, callback) {
+    const xmlHttp = new XMLHttpRequest();
+    xmlHttp.onreadystatechange = function () {
+        if (xmlHttp.readyState !== 4) {
+            return;
+        }
+        let message;
+        if (xmlHttp.status !== 200 && xmlHttp.status !== 304) {
+            message = '';
+        } else if (typeof xmlHttp.response === 'string') {
+            // IE doesn't parse JSON responses even with responseType: 'json'.
+            try {
+                message = JSON.parse(xmlHttp.response);
+            } catch (e) {
+                // Not a JSON response
+                message = xmlHttp.response;
+            }
+        } else {
+            message = xmlHttp.response;
+        }
+        callback(message);
+    };
+    xmlHttp.open('GET', url + getParamString(params), true);
+    xmlHttp.responseType = 'json';
+    xmlHttp.setRequestHeader('Accept', 'application/json');
+    xmlHttp.send(null);
+}
+
+export class Cowegis extends geocoders.Nominatim {
+    geocode(query, cb, context) {
+        const params = Util.extend({
+            q: query,
+            limit: 5,
+            format: 'json',
+            addressdetails: 1
+        }, this.options.geocodingQueryParams);
+        getJSON(this.options.serviceUrl, params, data => {
+            const results = [];
+            for (let i = data.length - 1; i >= 0; i--) {
+                const bbox = data[i].boundingbox;
+                for (let j = 0; j < 4; j++) bbox[j] = +bbox[j];
+                results[i] = {
+                    icon: data[i].icon,
+                    name: data[i].display_name,
+                    html: this.options.htmlTemplate ? this.options.htmlTemplate(data[i]) : undefined,
+                    bbox: L.latLngBounds([bbox[0], bbox[2]], [bbox[1], bbox[3]]),
+                    center: L.latLng(data[i].lat, data[i].lon),
+                    properties: data[i]
+                };
+            }
+            cb.call(context, results);
+        });
+    }
+}
+
+export function cowegis(options) {
+    return new Cowegis(options);
+}

package/js/geojson/bindPopupFromFeature.js

@@ -1,4 +1,4 @@
-import bindEvents from "../factory/bindEvents";
+import bindEvents from '../factory/bindEvents';
 
 export default function (object, feature, element) {
     if (!feature.properties || !feature.properties.popup) {

package/js/geojson/bindTooltipFromFeature.js

@@ -1,4 +1,4 @@
-import bindEvents from "../factory/bindEvents";
+import bindEvents from '../factory/bindEvents';
 
 export default function (object, feature, element) {
     if (!feature.properties || !feature.properties.tooltip) {

package/js/geojson/index.js

@@ -1,5 +1,5 @@
-import { feature as parseTopoJsonFeature } from "topojson-client";
 import toGeoJSON from '@mapbox/togeojson';
+import { feature as parseTopoJsonFeature } from 'topojson-client';
 import wellknown from 'wellknown';
 
 function parseXml(str) {

package/js/geojson/pointToLayer.js

@@ -1,6 +1,7 @@
-import bindEvents from "../factory/bindEvents";
-import bindPopupFromFeature from "./bindPopupFromFeature";
-import bindTooltipFromFeature from "./bindTooltipFromFeature";
+import bindEvents from '../factory/bindEvents';
+
+import bindPopupFromFeature from './bindPopupFromFeature';
+import bindTooltipFromFeature from './bindTooltipFromFeature';
 
 export default function (feature, latlng, element) {
     let type   = 'marker';

package/js/icon/FontAwesomeIcon.js

@@ -1,5 +1,6 @@
-import { icon, findIconDefinition, library } from "@fortawesome/fontawesome-svg-core";
-import SvgIcon from "./SvgIcon";
+import { icon, findIconDefinition, library } from '@fortawesome/fontawesome-svg-core';
+
+import SvgIcon from './SvgIcon';
 
 const prefixes = {
     solid: 'fas',

package/js/icon/divIconFactory.js

@@ -1,5 +1,4 @@
-import {Util} from "leaflet";
-import {DivIcon} from "leaflet";
+import {Util,DivIcon} from 'leaflet';
 
 export default function (config, properties, element) {
     const options = Util.extend({}, config.options);

package/js/icon/fontAwesomeIconFactory.js

@@ -1,5 +1,6 @@
-import FontAwesomeIcon from "./FontAwesomeIcon";
-import {Util} from "leaflet";
+import {Util} from 'leaflet';
+
+import FontAwesomeIcon from './FontAwesomeIcon';
 
 const attribution = '<a href="https://fontawesome.com/" target="_blank" rel="nofollow noopener" title="Font Awesome Free Icons by Fonticons Inc.">Font Awesome</a>';
 

package/js/icon/imageIconFactory.js

@@ -1,4 +1,4 @@
-import {Icon, Util} from "leaflet";
+import {Icon, Util} from 'leaflet';
 
 export default function(config, options, element) {
     options = Util.extend({}, config.options, options || {});

package/js/icon/index.js

@@ -1,3 +1,3 @@
-import Registry from "../Registry";
+import Registry from '../Registry';
 
 export default new Registry();

package/js/icon/svgIconFactory.js

@@ -1,5 +1,6 @@
-import SvgIcon from "./SvgIcon";
-import {Util} from "leaflet";
+import {Util} from 'leaflet';
+
+import SvgIcon from './SvgIcon';
 
 export default function(config, properties, element) {
     const options = Util.extend({}, config.options);

package/js/layer/OverpassLayer.js

@@ -1,5 +1,6 @@
+import osmtogeojson from 'osmtogeojson';
+
 import leaflet from '../leaflet';
-import osmtogeojson from "osmtogeojson";
 
 /**
  * Get the bounds as overpass bbox string.
@@ -10,7 +11,7 @@ function toOverpassBBoxString (LatLngBounds) {
     var a = LatLngBounds._southWest,
         b = LatLngBounds._northEast;
 
-    return [a.lat, a.lng, b.lat, b.lng].join(",");
+    return [a.lat, a.lng, b.lat, b.lng].join(',');
 }
 
 /**
@@ -57,7 +58,7 @@ export default leaflet.FeatureGroup.extend({
 
         var bounds = toOverpassBBoxString(this._map.getBounds());
         var query  = this.options.query.replace(/(BBOX)/g, bounds);
-        var url    = this.options.endpoint + "interpreter?data=[out:json];" + query;
+        var url    = this.options.endpoint + 'interpreter?data=[out:json];' + query;
 
         this._map.fire('dataloading', {layer: this});
 

package/js/layer/dataLayerFactory.js

@@ -1,9 +1,9 @@
-import leaflet from '../leaflet';
-import pointToLayer from "../geojson/pointToLayer";
+import {mapFactory} from '../factory';
 import {determineListener} from '../factory/bindEvents';
-import preloadAssets from "../factory/preloadAssets";
-import GeoJSON from "../geojson";
-import {mapFactory} from "../factory";
+import preloadAssets from '../factory/preloadAssets';
+import {from} from '../geojson';
+import pointToLayer from '../geojson/pointToLayer';
+import leaflet from '../leaflet';
 
 function boundsListener(layer, map) {
     if (!layer.options.adjustBounds) {
@@ -57,7 +57,7 @@ export default async function (config, element) {
             throw new Error(`Unknown data type "${config.data.type}"`);
     }
 
-    data = GeoJSON.from(config.data.format, data);
+    data = from(config.data.format, data);
 
     // TODO: Implement a better way for preprocessing geojson data
     if (data.features) {

package/js/layer/featureGroupFactory.js

@@ -1,4 +1,5 @@
 import leaflet from '../leaflet';
+
 import {createFactory} from './layerGroupFactory';
 
 export default createFactory(leaflet.featureGroup);

package/js/layer/overpassLayerFactory.js

@@ -1,4 +1,4 @@
-import OverpassLayer from "./OverpassLayer";
+import OverpassLayer from './OverpassLayer';
 
 export default async function (config, element) {
     return new OverpassLayer(config.options);

package/js/leaflet/index.js

@@ -1,6 +1,7 @@
 import leaflet from 'leaflet';
-import "@raruto/leaflet-gesture-handling";
-import { ATTRIBUTION} from "../config";
+
+import '@raruto/leaflet-gesture-handling';
+import { ATTRIBUTION} from '../config';
 
 /* This code is needed to properly load the images in the Leaflet CSS */
 delete leaflet.Icon.Default.prototype._getIconUrl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cowegis/client",
-  "version": "1.0.0-alpha4",
+  "version": "1.0.0-alpha6",
   "description": "Cowegis web client",
   "main": "js/client.js",
   "repository": {
@@ -20,24 +20,35 @@
   },
   "homepage": "https://github.com/cowegis/cowegis-js-client#readme",
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.32",
-    "@fortawesome/free-brands-svg-icons": "^5.15.1",
-    "@fortawesome/free-regular-svg-icons": "^5.15.1",
-    "@fortawesome/free-solid-svg-icons": "^5.15.1",
-    "@geoman-io/leaflet-geoman-free": "^2.8.0",
-    "@mapbox/maki": "^6.2.0",
+    "@fortawesome/fontawesome-svg-core": "^6.1",
+    "@fortawesome/free-brands-svg-icons": "^6.1",
+    "@fortawesome/free-regular-svg-icons": "^6.1",
+    "@fortawesome/free-solid-svg-icons": "^6.1",
+    "@geoman-io/leaflet-geoman-free": "^2.13.0",
     "@mapbox/togeojson": "^0.16.0",
-    "@raruto/leaflet-gesture-handling": "^1.3.2",
-    "leaflet": "^1.6.0",
-    "leaflet-control-geocoder": "^1.13.0",
+    "@raruto/leaflet-gesture-handling": "^1.4.3",
+    "leaflet": "^1.9.4",
+    "leaflet-control-geocoder": "^2.4.0",
     "leaflet-loading": "^0.1.24",
-    "leaflet-providers": "^1.11.0",
-    "leaflet.fullscreen": "^1.6.0",
-    "leaflet.markercluster": "^1.4.1",
+    "leaflet-providers": "^2.0.0",
+    "leaflet.fullscreen": "^3.0.2",
+    "leaflet.markercluster": "^1.5.3",
     "leaflet.markercluster.layersupport": "^2.0.1",
-    "osmtogeojson": "^3.0.0-beta.4",
-    "spin.js": "^4.1.0",
+    "osmtogeojson": "^3.0.0-beta.5",
+    "spin.js": "^4.1.2",
     "topojson-client": "^3.1.0",
     "wellknown": "^0.5.0"
+  },
+  "devDependencies": {
+    "@babel/eslint-parser": "^7.18.2",
+    "eslint": "^8.15.0",
+    "eslint-import-resolver-typescript": "^2.7.1",
+    "eslint-import-resolver-webpack": "^0.13.2",
+    "eslint-plugin-html": "^6.2.0",
+    "eslint-plugin-import": "^2.26.0"
+  },
+  "scripts": {
+    "lint": "eslint --ext .js js/",
+    "fix": "eslint --ext .js js/ --fix"
   }
 }