react-native-maplibre-lite 0.1.2 → 0.1.4

package/lib/module/components/webFunctions/updateWeb.js

@@ -1,78 +0,0 @@
-"use strict";
-
-export default /*js*/`
-
-  function centersAreEqual(a, b, epsilon = 1e-6) {
-    return (
-      Math.abs(a.lng - b[0]) < epsilon &&
-      Math.abs(a.lat - b[1]) < epsilon
-    );
-  }
-
-  if(functionName === 'update') {
-
-    /*  if(params && params.center) {
-          var newCenter = params.center;
-          var currentCenter = map.getCenter();
-
-          if (!centersAreEqual(currentCenter, newCenter)) {
-              map.setCenter(newCenter);
-          }
-      }
-
-      if(params && params.zoom != null) {
-          var newZoom = params.zoom;
-          var currentZoom = map.getZoom();
-
-          if(currentZoom !== newZoom) {
-              map.setZoom(newZoom);
-          }
-      }*/
-
-      if(params && params.minZoom != null) {
-          var newMinZoom = params.minZoom;
-          var currentMinZoom = map.getMinZoom();
-
-          if(currentMinZoom !== newMinZoom) {
-              map.setMinZoom(newMinZoom);
-          }
-      }
-
-      if(params && params.maxZoom != null) {
-          var newMaxZoom = params.maxZoom;
-          var currentMaxZoom = map.getMaxZoom();
-
-          if(currentMaxZoom !== newMaxZoom) {
-              map.setMaxZoom(newMaxZoom);
-          }
-      }
-
-      if(params && params.zoomEnabled != null) {
-          if(params.zoomEnabled) {
-              map.doubleClickZoom.enable();
-              map.touchZoomRotate.enable();
-              map.dragRotate.enable();
-          } else {
-              map.doubleClickZoom.disable();
-              map.touchZoomRotate.disable();
-              map.dragRotate.disable();
-          }
-      }
-
-      if(params && params.scrollEnabled != null) {
-          if(params.scrollEnabled) {
-              map.scrollZoom.enable();
-              map.dragPan.enable();
-          } else {
-              map.scrollZoom.disable();
-              map.dragPan.disable();
-          }
-      }
-
-      if(params && params.mapStyle) {
-          map.setStyle(params.mapStyle);
-      }
-
-  }
-`;
-//# sourceMappingURL=updateWeb.js.map

package/lib/module/components/webFunctions/updateWeb.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/webFunctions/updateWeb.ts"],"mappings":";;AAAA,eAAe,MAAM;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/typescript/src/components/webContent.d.ts

@@ -1,3 +0,0 @@
-import type { SourcesProps } from './types';
-export declare const maplibreHtmlMap: (webFunctions: string, sources: SourcesProps, debugMode: boolean) => Promise<string>;
-//# sourceMappingURL=webContent.d.ts.map

package/lib/typescript/src/components/webContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"webContent.d.ts","sourceRoot":"","sources":["../../../../src/components/webContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,eAAe,GAAU,cAAc,MAAM,EAAE,SAAS,YAAY,EAAE,WAAW,OAAO,oBA+JpG,CAAC"}

package/lib/typescript/src/components/webFunctions/addMarkerWeb.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "\n\n                if(functionName === 'addMarker') {\n\n\n                    if(markers[params.uniqueId]){\n                        markers[params.uniqueId].remove();\n                        delete markers[params.uniqueId];\n                    }\n\n\n                    if(params && params.html){\n\n                          var el = document.createElement('div');\n                            el.className = 'marker';\n                            el.innerHTML = params.html;\n\n                            el.addEventListener('click', function() {\n                            window.ReactNativeWebView.postMessage(JSON.stringify({\n                                            type: 'markerClick',\n                                            uniqueId: params.uniqueId\n                                        }));\n                            });\n\n\n                        markers[params.uniqueId] = new maplibregl.Marker({element: el})\n                            .setLngLat([params.longitude, params.latitude])\n                            .addTo(map);\n\n                    return;\n\n                    }\n\n\n                if(!params || !params.iconUrl){\n\n\n                    markers[params.uniqueId] = new maplibregl.Marker({\n                    color: (params.color != null) ? params.color : undefined,\n                }).setLngLat([params.longitude, params.latitude])\n                .addTo(map);\n                markers[params.uniqueId].getElement().addEventListener('click', function() {\n                    window.ReactNativeWebView.postMessage(JSON.stringify({\n                        type: 'markerClick',\n                        uniqueId: params.uniqueId\n                    }));\n                });\n\n                return;\n\n        }else{\n\n\n        var el2 = document.createElement('div');\n        el2.className = 'marker';\n        el2.style.backgroundImage = 'url(' + params.iconUrl + ')';\n        el2.style.backgroundSize = 'cover';\n        el2.style.backgroundPosition = 'center';\n        el2.style.backgroundRepeat = 'no-repeat';\n        el2.style.width = params.iconWidth + 'px';\n        el2.style.height = params.iconHeight + 'px';\n\n        el2.addEventListener('click', function() {\n           window.ReactNativeWebView.postMessage(JSON.stringify({\n                        type: 'markerClick',\n                        uniqueId: params.uniqueId\n                    }));\n        });\n\n        \n        markers[params.uniqueId] = new maplibregl.Marker({element: el2})\n            .setLngLat([params.longitude, params.latitude])\n            .addTo(map);\n\n                    return;\n\n                }\n            }\n\n            ";
-export default _default;
-//# sourceMappingURL=addMarkerWeb.d.ts.map

package/lib/typescript/src/components/webFunctions/addMarkerWeb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"addMarkerWeb.d.ts","sourceRoot":"","sources":["../../../../../src/components/webFunctions/addMarkerWeb.ts"],"names":[],"mappings":";AAAA,wBA+Ec"}

package/lib/typescript/src/components/webFunctions/addPolygonWeb.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "\n\nif(functionName === 'addPolygon') {\n\n    var sourceId = params.uniqueId + '-polygons-source';\n    var fillLayerId = params.uniqueId + '-polygons-fill';\n    var strokeLayerId = params.uniqueId + '-polygons-stroke';\n\n    if(map.getLayer(strokeLayerId)) {\n        map.removeLayer(strokeLayerId);\n    }\n    if(map.getLayer(fillLayerId)) {\n        map.removeLayer(fillLayerId);\n    }\n    if(map.getSource(sourceId)) {\n        map.removeSource(sourceId);\n    }\n\n    map.addSource(sourceId, {\n        'type': 'geojson',\n        'data': {\n            'type': 'Feature',\n            'geometry': {\n                'type': 'Polygon',\n                'coordinates': [params.coordinates]\n            }\n        }\n    });\n\n    var fillPaint = {};\n    fillPaint['fill-color'] = params.fillColor || 'rgba(0,0,0,0)';\n    if(params.fillOpacity != null) fillPaint['fill-opacity'] = params.fillOpacity;\n    if(params.strokeColor) fillPaint['fill-outline-color'] = params.strokeColor;\n\n    map.addLayer({\n        'id': fillLayerId,\n        'type': 'fill',\n        'source': sourceId,\n        'layout': {},\n        'paint': fillPaint\n    });\n\n    if(params.strokeColor || params.strokeWidth) {\n        var linePaint = {};\n        if(params.strokeColor) linePaint['line-color'] = params.strokeColor;\n        if(params.strokeOpacity != null) linePaint['line-opacity'] = params.strokeOpacity;\n        if(params.strokeWidth != null) linePaint['line-width'] = params.strokeWidth;\n\n        map.addLayer({\n            'id': strokeLayerId,\n            'type': 'line',\n            'source': sourceId,\n            'layout': {},\n            'paint': linePaint\n        });\n    }\n\n}\n";
-export default _default;
-//# sourceMappingURL=addPolygonWeb.d.ts.map

package/lib/typescript/src/components/webFunctions/addPolygonWeb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"addPolygonWeb.d.ts","sourceRoot":"","sources":["../../../../../src/components/webFunctions/addPolygonWeb.ts"],"names":[],"mappings":";AAAA,wBA0DC"}

package/lib/typescript/src/components/webFunctions/addPolylineWeb.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "\n\nif(functionName === 'addPolyline') {\n\n   \n\n    var sourceId = params.uniqueId + '-polylines-source';\n    var layerId = params.uniqueId + '-polylines-layout';\n\n    if(map.getLayer(layerId)) {\n        map.removeLayer(layerId);\n    }\n\n    if(map.getSource(sourceId)) {\n        map.removeSource(sourceId);\n    }\n\n    map.addSource(sourceId, {\n        'type': 'geojson',\n        'data': {\n            'type': 'Feature',\n            'properties': {},\n            'geometry': {\n                'type': 'LineString',\n                'coordinates': params.coordinates\n            }\n        }\n    });\n\n    map.addLayer({\n        'id': layerId,\n        'type': 'line',\n        'source': sourceId,\n        'layout': {\n            'line-join': 'round',\n            'line-cap': 'round'\n        },\n        'paint': {\n            'line-color': (params.color != null) ? params.color : '#000000',\n            'line-width': (params.width != null) ? params.width : 4\n        }\n    });\n\n}\n";
-export default _default;
-//# sourceMappingURL=addPolylineWeb.d.ts.map

package/lib/typescript/src/components/webFunctions/addPolylineWeb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"addPolylineWeb.d.ts","sourceRoot":"","sources":["../../../../../src/components/webFunctions/addPolylineWeb.ts"],"names":[],"mappings":";AAAA,wBA4CC"}

package/lib/typescript/src/components/webFunctions/fitBoundsWeb.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "\n    if(functionName === 'fitBounds') {\n\n        var padding = (params && params.padding) ? params.padding : 40;\n        var duration = (params && params.duration) ? params.duration : 500;\n\n        map.fitBounds(params.bounds, {\n            padding: padding,\n            duration: duration\n        });\n    }\n";
-export default _default;
-//# sourceMappingURL=fitBoundsWeb.d.ts.map

package/lib/typescript/src/components/webFunctions/fitBoundsWeb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fitBoundsWeb.d.ts","sourceRoot":"","sources":["../../../../../src/components/webFunctions/fitBoundsWeb.ts"],"names":[],"mappings":";AAAA,wBAWE"}

package/lib/typescript/src/components/webFunctions/flyToWeb.d.ts

@@ -1,2 +0,0 @@
-export declare const flyToWeb = "\n    if(functionName === 'flyTo') {\n\n        var duration = (params && params.duration) ? params.duration : 500;\n        map.flyTo({\n            center: params.center,\n            zoom: params.zoom,\n            duration: duration\n        });\n    }\n";
-//# sourceMappingURL=flyToWeb.d.ts.map

package/lib/typescript/src/components/webFunctions/flyToWeb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"flyToWeb.d.ts","sourceRoot":"","sources":["../../../../../src/components/webFunctions/flyToWeb.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,uQAUpB,CAAC"}

package/lib/typescript/src/components/webFunctions/initWeb.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "\n\n  if(functionName === 'init') {\n\n            function simplifyStyle(mapInstance, aggressive){\n              if(!mapInstance) return;\n              var style = mapInstance.getStyle();\n              var layers = style && style.layers ? style.layers : [];\n              for(var i = 0; i < layers.length; i++){\n                var layer = layers[i];\n                var layerId = layer.id;\n                var layerType = layer.type;\n                var shouldHide = false;\n\n                if(layerType === 'symbol' || layerType === 'fill-extrusion' || layerType === 'hillshade'){\n                  shouldHide = true;\n                }\n\n                if(aggressive && (layerType === 'line' || layerType === 'circle')){\n                  var layerIdLower = String(layerId || '').toLowerCase();\n                  if(\n                    layerIdLower.indexOf('road-label') !== -1 ||\n                    layerIdLower.indexOf('poi') !== -1 ||\n                    layerIdLower.indexOf('label') !== -1 ||\n                    layerIdLower.indexOf('boundary') !== -1 ||\n                    layerIdLower.indexOf('admin') !== -1\n                  ){\n                    shouldHide = true;\n                  }\n                }\n\n                if(shouldHide){\n                  try{\n                    mapInstance.setLayoutProperty(layerId, 'visibility', 'none');\n                  } catch (_) {}\n                }\n              }\n            }\n\n            function setOverlayLayersVisibility(mapInstance, visibility){\n              if(!mapInstance) return;\n              var style = mapInstance.getStyle();\n              var layers = style && style.layers ? style.layers : [];\n              for(var i = 0; i < layers.length; i++){\n                var layer = layers[i];\n                var layerId = String(layer.id || '');\n                var isCustomOverlay =\n                  layerId.indexOf('-polylines-layout') !== -1 ||\n                  layerId.indexOf('-polygons-fill') !== -1 ||\n                  layerId.indexOf('-polygons-stroke') !== -1;\n\n                if(isCustomOverlay){\n                  try{\n                    mapInstance.setLayoutProperty(layerId, 'visibility', visibility);\n                  } catch (_) {}\n                }\n              }\n            }\n\n\n\n\n             map = new maplibregl.Map({\n            container: 'map',\n            style: params.mapStyle,\n              center: params.center,\n              zoom: params.zoom,\n              scrollZoom: params.scrollEnabled,\n              doubleClickZoom: params.zoomEnabled,\n              touchZoomRotate: params.zoomEnabled,\n              minZoom: params.minZoom,\n              maxZoom: params.maxZoom,\n              dragPan: params.scrollEnabled,\n              dragRotate: params.zoomEnabled,\n              antialias: params.antialias ?? false,\n              crossSourceCollisions: params.crossSourceCollisions ?? true,\n              fadeDuration: params.fadeDuration ?? 120,\n              pixelRatio: params.pixelRatio,\n              renderWorldCopies: params.renderWorldCopies ?? true\n              });\n\n              if (typeof params.maxPitch === 'number') {\n                map.setMaxPitch(params.maxPitch);\n              }\n\n              if (params.maxPitch === 0) {\n                map.dragRotate.disable();\n                map.touchZoomRotate.disableRotation();\n              }\n\n\n\n                function getEventParams(){\n                    if(!map) return {\n                        center: null,\n                        zoom: null\n                    }\n                    var center = map.getCenter(); \n                    var zoom = map.getZoom();\n\n\n                    return {\n                        center: center,\n                        zoom: zoom\n                    }\n                }\n\n                map.on('error', function(event){\n\n                 \n                    window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'error', params: event }));\n                })\n                            \n              //movestart moveend\n              map.on(\"movestart\", function(event){\n                if(params.turboWhileMoving){\n                  setOverlayLayersVisibility(map, 'none');\n                }\n                window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'movestart', params: getEventParams() }));\n              })\n              map.on(\"moveend\", function(event){\n                if(params.turboWhileMoving){\n                  setOverlayLayersVisibility(map, 'visible');\n                }\n                window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'moveend', params: getEventParams() }));\n              })\n              /*zoomstart zoomend*/\n              map.on(\"zoomstart\", function(event){\n                window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'zoomstart', params: getEventParams() }));\n              })\n              map.on(\"zoomend\", function(event){\n                window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'zoomend', params: getEventParams() }));\n              })\n            \n\n              map.on(\"idle\", function(event){\n                  window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'event', event: 'idle', params: getEventParams() }));\n              })\n           \n          \n           \n\n\n              map.on('load', function () {\n                if(params.simplifyStyle){\n                  simplifyStyle(map, Boolean(params.aggressiveSimplifyStyle));\n                }\n            \n                window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'inited' }));\n              });\n\n\n               \n}\n";
-export default _default;
-//# sourceMappingURL=initWeb.d.ts.map

package/lib/typescript/src/components/webFunctions/initWeb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"initWeb.d.ts","sourceRoot":"","sources":["../../../../../src/components/webFunctions/initWeb.ts"],"names":[],"mappings":";AAAA,wBA0JC"}

package/lib/typescript/src/components/webFunctions/removeMarkerWeb.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "\n\n                if(functionName === 'removeMarker') {\n                    if(markers[params.uniqueId]){\n                        markers[params.uniqueId].remove();\n                        delete markers[params.uniqueId];\n                    }\n                }\n            ";
-export default _default;
-//# sourceMappingURL=removeMarkerWeb.d.ts.map

package/lib/typescript/src/components/webFunctions/removeMarkerWeb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"removeMarkerWeb.d.ts","sourceRoot":"","sources":["../../../../../src/components/webFunctions/removeMarkerWeb.ts"],"names":[],"mappings":";AAAA,wBAQa"}

package/lib/typescript/src/components/webFunctions/removePolygonWeb.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "\n\nif(functionName === 'removePolygon') {\n    var sourceId = params.uniqueId + '-polygons-source';\n    var fillLayerId = params.uniqueId + '-polygons-fill';\n    var strokeLayerId = params.uniqueId + '-polygons-stroke';\n\n    if(map.getLayer(strokeLayerId)) {\n        map.removeLayer(strokeLayerId);\n    }\n    if(map.getLayer(fillLayerId)) {\n        map.removeLayer(fillLayerId);\n    }\n    if(map.getSource(sourceId)) {\n        map.removeSource(sourceId);\n    }\n\n}\n";
-export default _default;
-//# sourceMappingURL=removePolygonWeb.d.ts.map

package/lib/typescript/src/components/webFunctions/removePolygonWeb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"removePolygonWeb.d.ts","sourceRoot":"","sources":["../../../../../src/components/webFunctions/removePolygonWeb.ts"],"names":[],"mappings":";AAAA,wBAkBC"}

package/lib/typescript/src/components/webFunctions/removePolylineWeb.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "\n\n                if(functionName === 'removePolyline') {\n                    var sourceId = params.uniqueId + '-polylines-source';\n                    var layerId = params.uniqueId + '-polylines-layout';\n\n                    if(map.getLayer(layerId)) {\n                        map.removeLayer(layerId);\n                    }\n                    if(map.getSource(sourceId)) {\n                        map.removeSource(sourceId);\n                    }\n                }\n            ";
-export default _default;
-//# sourceMappingURL=removePolylineWeb.d.ts.map

package/lib/typescript/src/components/webFunctions/removePolylineWeb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"removePolylineWeb.d.ts","sourceRoot":"","sources":["../../../../../src/components/webFunctions/removePolylineWeb.ts"],"names":[],"mappings":";AAAA,wBAac"}

package/lib/typescript/src/components/webFunctions/updateWeb.d.ts

@@ -1,3 +0,0 @@
-declare const _default: "\n\n  function centersAreEqual(a, b, epsilon = 1e-6) {\n    return (\n      Math.abs(a.lng - b[0]) < epsilon &&\n      Math.abs(a.lat - b[1]) < epsilon\n    );\n  }\n\n  if(functionName === 'update') {\n\n    /*  if(params && params.center) {\n          var newCenter = params.center;\n          var currentCenter = map.getCenter();\n\n          if (!centersAreEqual(currentCenter, newCenter)) {\n              map.setCenter(newCenter);\n          }\n      }\n\n      if(params && params.zoom != null) {\n          var newZoom = params.zoom;\n          var currentZoom = map.getZoom();\n\n          if(currentZoom !== newZoom) {\n              map.setZoom(newZoom);\n          }\n      }*/\n\n      if(params && params.minZoom != null) {\n          var newMinZoom = params.minZoom;\n          var currentMinZoom = map.getMinZoom();\n\n          if(currentMinZoom !== newMinZoom) {\n              map.setMinZoom(newMinZoom);\n          }\n      }\n\n      if(params && params.maxZoom != null) {\n          var newMaxZoom = params.maxZoom;\n          var currentMaxZoom = map.getMaxZoom();\n\n          if(currentMaxZoom !== newMaxZoom) {\n              map.setMaxZoom(newMaxZoom);\n          }\n      }\n\n      if(params && params.zoomEnabled != null) {\n          if(params.zoomEnabled) {\n              map.doubleClickZoom.enable();\n              map.touchZoomRotate.enable();\n              map.dragRotate.enable();\n          } else {\n              map.doubleClickZoom.disable();\n              map.touchZoomRotate.disable();\n              map.dragRotate.disable();\n          }\n      }\n\n      if(params && params.scrollEnabled != null) {\n          if(params.scrollEnabled) {\n              map.scrollZoom.enable();\n              map.dragPan.enable();\n          } else {\n              map.scrollZoom.disable();\n              map.dragPan.disable();\n          }\n      }\n\n      if(params && params.mapStyle) {\n          map.setStyle(params.mapStyle);\n      }\n\n  }\n";
-export default _default;
-//# sourceMappingURL=updateWeb.d.ts.map

package/lib/typescript/src/components/webFunctions/updateWeb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"updateWeb.d.ts","sourceRoot":"","sources":["../../../../../src/components/webFunctions/updateWeb.ts"],"names":[],"mappings":";AAAA,wBA0EE"}

package/src/components/webContent.ts

@@ -1,163 +0,0 @@
-import type {SourcesProps} from './types';
-import {loadResources} from './utils';
-
-export const maplibreHtmlMap = async (webFunctions: string, sources: SourcesProps, debugMode: boolean) => {
-    //Загружаем скрипты как текст
-
-
-    let maplibreJS = await loadResources(sources.maplibreJS);
-    let maplibreCSS = await loadResources(sources.maplibreCSS);
-    let pmtiles = await loadResources(sources.pmtilesJS);
-
-    console.log('MapLibre: maplibreJS', !!maplibreJS ? 'true' : 'false');
-    console.log('MapLibre: maplibreCSS', !!maplibreCSS ? 'true' : 'false');
-    console.log('MapLibre: pmtiles', !!pmtiles ? 'true' : 'false');
-
-
-
-    return `<!DOCTYPE html>
-<html lang="">
-
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title></title>
-
-   
-    <script>${maplibreJS}</script>
-    
-    <style>${maplibreCSS}</style>
-
-
-    <script>${pmtiles}</script>
-
-    <style>
-
-
-    html,
-    body {
-    
-        overflow: hidden;
-        height: 100vh;
-        width: 100vw;
-        margin: 0;
-        padding: 0;
-
-    }
-
-
-
-    * {
-        -webkit-user-select: none;
-        -khtml-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        user-select: none;
-    }
-
-
-    * {
-        -webkit-touch-callout: none;
-        -moz-touch-callout: none;
-        -ms-touch-callout: none;
-        touch-callout: none;
-    }
-
-    * {
-        -webkit-user-drag: none;
-        -moz-user-drag: none;
-        -ms-user-drag: none;
-        user-drag: none;
-    }
-
-    .maplibregl-ctrl-bottom-right {
-        display: none;
-    }
-
-
-     #map {
-   
-  
-        height: 100vh;
-        width: 100vw;
-    }
-</style>
-
-</head>
-
-<body>
-    <div id="map"></div>
-</body>
-
-<script>
-
-var markers = {};
-var polylines = {};
-var polygons = {};
-var rectangles = {};
-var layouts = {};
-
-var map = null;
-
-try {
-    var protocol = new pmtiles.Protocol();
-    maplibregl.addProtocol("pmtiles", protocol.tile);
-
-  window.onload = function () {
-        document.addEventListener("message", function (event) {
-            receiveMessage(event.data);
-        });
-        window.addEventListener("message", function (event) {
-            receiveMessage(event.data);
-        });
-         if (window.ReactNativeWebView) {
-            window.ReactNativeWebView.postMessage(JSON.stringify({ type: 'scriptReady' }));
-        }
-    }
-
-
-  function receiveMessage(message) {
-
-      var data = JSON.parse(message);
-
-      var functionName = data.function;
-      var params = data.params;
-
-
-
-
-
-
-
-      try{
-
-${webFunctions}
-
-} catch (e) {
-    if(${debugMode}){
-        alert('WebView function error: ' + functionName + ' ' + e.message);
-    }
-    console.error('WebView function error:', functionName, e.message);
-    window.ReactNativeWebView.postMessage(JSON.stringify({
-        type: 'error',
-        data: {
-            target: functionName,
-            message: String(e.message),
-        }
-    }));
-}
-    };
-
-} catch (e) {
-
-    if(${debugMode}){
-        alert('pmtiles init error: ' + e.message);
-    }
-
-  
-}
-</script>
-
-
-</html>`;
-};

package/src/components/webFunctions/addMarkerWeb.ts

@@ -1,80 +0,0 @@
-export default  /*js*/`
-
-                if(functionName === 'addMarker') {
-
-
-                    if(markers[params.uniqueId]){
-                        markers[params.uniqueId].remove();
-                        delete markers[params.uniqueId];
-                    }
-
-
-                    if(params && params.html){
-
-                          var el = document.createElement('div');
-                            el.className = 'marker';
-                            el.innerHTML = params.html;
-
-                            el.addEventListener('click', function() {
-                            window.ReactNativeWebView.postMessage(JSON.stringify({
-                                            type: 'markerClick',
-                                            uniqueId: params.uniqueId
-                                        }));
-                            });
-
-
-                        markers[params.uniqueId] = new maplibregl.Marker({element: el})
-                            .setLngLat([params.longitude, params.latitude])
-                            .addTo(map);
-
-                    return;
-
-                    }
-
-
-                if(!params || !params.iconUrl){
-
-
-                    markers[params.uniqueId] = new maplibregl.Marker({
-                    color: (params.color != null) ? params.color : undefined,
-                }).setLngLat([params.longitude, params.latitude])
-                .addTo(map);
-                markers[params.uniqueId].getElement().addEventListener('click', function() {
-                    window.ReactNativeWebView.postMessage(JSON.stringify({
-                        type: 'markerClick',
-                        uniqueId: params.uniqueId
-                    }));
-                });
-
-                return;
-
-        }else{
-
-
-        var el2 = document.createElement('div');
-        el2.className = 'marker';
-        el2.style.backgroundImage = 'url(' + params.iconUrl + ')';
-        el2.style.backgroundSize = 'cover';
-        el2.style.backgroundPosition = 'center';
-        el2.style.backgroundRepeat = 'no-repeat';
-        el2.style.width = params.iconWidth + 'px';
-        el2.style.height = params.iconHeight + 'px';
-
-        el2.addEventListener('click', function() {
-           window.ReactNativeWebView.postMessage(JSON.stringify({
-                        type: 'markerClick',
-                        uniqueId: params.uniqueId
-                    }));
-        });
-
-        
-        markers[params.uniqueId] = new maplibregl.Marker({element: el2})
-            .setLngLat([params.longitude, params.latitude])
-            .addTo(map);
-
-                    return;
-
-                }
-            }
-
-            `;

package/src/components/webFunctions/addPolygonWeb.ts

@@ -1,59 +0,0 @@
-export default  /*js*/`
-
-if(functionName === 'addPolygon') {
-
-    var sourceId = params.uniqueId + '-polygons-source';
-    var fillLayerId = params.uniqueId + '-polygons-fill';
-    var strokeLayerId = params.uniqueId + '-polygons-stroke';
-
-    if(map.getLayer(strokeLayerId)) {
-        map.removeLayer(strokeLayerId);
-    }
-    if(map.getLayer(fillLayerId)) {
-        map.removeLayer(fillLayerId);
-    }
-    if(map.getSource(sourceId)) {
-        map.removeSource(sourceId);
-    }
-
-    map.addSource(sourceId, {
-        'type': 'geojson',
-        'data': {
-            'type': 'Feature',
-            'geometry': {
-                'type': 'Polygon',
-                'coordinates': [params.coordinates]
-            }
-        }
-    });
-
-    var fillPaint = {};
-    fillPaint['fill-color'] = params.fillColor || 'rgba(0,0,0,0)';
-    if(params.fillOpacity != null) fillPaint['fill-opacity'] = params.fillOpacity;
-    if(params.strokeColor) fillPaint['fill-outline-color'] = params.strokeColor;
-
-    map.addLayer({
-        'id': fillLayerId,
-        'type': 'fill',
-        'source': sourceId,
-        'layout': {},
-        'paint': fillPaint
-    });
-
-    if(params.strokeColor || params.strokeWidth) {
-        var linePaint = {};
-        if(params.strokeColor) linePaint['line-color'] = params.strokeColor;
-        if(params.strokeOpacity != null) linePaint['line-opacity'] = params.strokeOpacity;
-        if(params.strokeWidth != null) linePaint['line-width'] = params.strokeWidth;
-
-        map.addLayer({
-            'id': strokeLayerId,
-            'type': 'line',
-            'source': sourceId,
-            'layout': {},
-            'paint': linePaint
-        });
-    }
-
-}
-`

package/src/components/webFunctions/addPolylineWeb.ts

@@ -1,45 +0,0 @@
-export default  /*js*/`
-
-if(functionName === 'addPolyline') {
-
-   
-
-    var sourceId = params.uniqueId + '-polylines-source';
-    var layerId = params.uniqueId + '-polylines-layout';
-
-    if(map.getLayer(layerId)) {
-        map.removeLayer(layerId);
-    }
-
-    if(map.getSource(sourceId)) {
-        map.removeSource(sourceId);
-    }
-
-    map.addSource(sourceId, {
-        'type': 'geojson',
-        'data': {
-            'type': 'Feature',
-            'properties': {},
-            'geometry': {
-                'type': 'LineString',
-                'coordinates': params.coordinates
-            }
-        }
-    });
-
-    map.addLayer({
-        'id': layerId,
-        'type': 'line',
-        'source': sourceId,
-        'layout': {
-            'line-join': 'round',
-            'line-cap': 'round'
-        },
-        'paint': {
-            'line-color': (params.color != null) ? params.color : '#000000',
-            'line-width': (params.width != null) ? params.width : 4
-        }
-    });
-
-}
-`

package/src/components/webFunctions/fitBoundsWeb.ts

@@ -1,12 +0,0 @@
-export default  /*js*/`
-    if(functionName === 'fitBounds') {
-
-        var padding = (params && params.padding) ? params.padding : 40;
-        var duration = (params && params.duration) ? params.duration : 500;
-
-        map.fitBounds(params.bounds, {
-            padding: padding,
-            duration: duration
-        });
-    }
-`;

package/src/components/webFunctions/flyToWeb.ts

@@ -1,11 +0,0 @@
-export const flyToWeb = /*js*/`
-    if(functionName === 'flyTo') {
-
-        var duration = (params && params.duration) ? params.duration : 500;
-        map.flyTo({
-            center: params.center,
-            zoom: params.zoom,
-            duration: duration
-        });
-    }
-`;