react-native-maplibre-lite 0.1.1

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2025 Anton Seagull
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,203 @@
+# react-native-maplibre-lite
+
+Lightweight MapLibre for React Native powered by `WebView`.
+
+`react-native-maplibre-lite` renders MapLibre GL JS inside a React Native app with a small, practical API:
+
+- `MapView`
+- `Marker`
+- `Polyline`
+- `Polygon`
+
+It is designed for teams that want a simple MapLibre integration without native SDK setup complexity.
+
+## Features
+
+- MapLibre GL JS in a React Native component
+- Declarative overlays (`Marker`, `Polyline`, `Polygon`)
+- Imperative `fitBounds()` via ref
+- Built-in JS/CSS asset caching using `AsyncStorage`
+- Android performance controls (`performanceMode`, `turboWhileMoving`, `pixelRatio`)
+
+## Installation
+
+```bash
+npm install react-native-maplibre-lite react-native-webview @react-native-async-storage/async-storage
+```
+
+or
+
+```bash
+yarn add react-native-maplibre-lite react-native-webview @react-native-async-storage/async-storage
+```
+
+## Quick Start
+
+```tsx
+import React, { useRef } from 'react';
+import { View } from 'react-native';
+import MapView, {
+  Marker,
+  Polyline,
+  Polygon,
+  type MapViewRef,
+} from 'react-native-maplibre-lite';
+
+const SOURCES = {
+  maplibreJS: 'https://unpkg.com/maplibre-gl@4.7.1/dist/maplibre-gl.js',
+  maplibreCSS: 'https://unpkg.com/maplibre-gl@4.7.1/dist/maplibre-gl.css',
+  pmtilesJS: 'https://unpkg.com/pmtiles@3.0.7/dist/pmtiles.js',
+};
+
+export function MapScreen() {
+  const mapRef = useRef<MapViewRef>(null);
+
+  return (
+    <View style={{ flex: 1 }}>
+      <MapView
+        ref={mapRef}
+        style={{ flex: 1 }}
+        theme="light"
+        center={[37.6173, 55.7558]}
+        zoom={11}
+        mapStyle="https://demotiles.maplibre.org/style.json"
+        zoomEnabled
+        scrollEnabled
+        sources={SOURCES}
+      >
+        <Marker
+          uniqueId="m-1"
+          latitude={55.7558}
+          longitude={37.6173}
+          color="#1D4ED8"
+        />
+
+        <Polyline
+          uniqueId="line-1"
+          color="#2563EB"
+          width={4}
+          coordinates={[
+            [37.61, 55.75],
+            [37.63, 55.76],
+            [37.65, 55.74],
+          ]}
+        />
+
+        <Polygon
+          uniqueId="poly-1"
+          fillColor="#2563EB"
+          fillOpacity={0.15}
+          strokeColor="#2563EB"
+          strokeWidth={2}
+          coordinates={[
+            [37.60, 55.75],
+            [37.62, 55.77],
+            [37.66, 55.75],
+            [37.60, 55.75],
+          ]}
+        />
+      </MapView>
+    </View>
+  );
+}
+```
+
+## API
+
+### `MapView` props
+
+| Prop | Type | Required | Description |
+| --- | --- | --- | --- |
+| `theme` | `'light' \| 'dark'` | yes | Placeholder theme before map init |
+| `center` | `[number, number]` | yes | Initial map center as `[lng, lat]` |
+| `zoom` | `number` | yes | Initial zoom level |
+| `mapStyle` | `string` | yes | MapLibre style URL |
+| `style` | `StyleProp<ViewStyle>` | yes | Container style |
+| `sources` | `{ maplibreJS; maplibreCSS; pmtilesJS }` | yes | URLs for MapLibre/PMTiles runtime assets |
+| `minZoom` | `number` | no | Minimum zoom |
+| `maxZoom` | `number` | no | Maximum zoom |
+| `zoomEnabled` | `boolean` | no | Enable zoom gestures |
+| `scrollEnabled` | `boolean` | no | Enable pan/scroll gestures |
+| `showSelectPoint` | `boolean` | no | Show animated center pointer |
+| `selectPointColor` | `string` | no | Center pointer color |
+| `selectPointBackgroundColor` | `string` | no | Center pointer background |
+| `onMoveStart` | `(params) => void` | no | `movestart` event |
+| `onMoveEnd` | `(params) => void` | no | `moveend` event |
+| `onZoomStart` | `(params) => void` | no | `zoomstart` event |
+| `onZoomEnd` | `(params) => void` | no | `zoomend` event |
+| `onIdle` | `(params) => void` | no | `idle` event |
+| `performanceMode` | `'quality' \| 'balanced' \| 'performance'` | no | Rendering quality/performance profile |
+| `pixelRatio` | `number` | no | Manual renderer pixel ratio override |
+| `turboWhileMoving` | `boolean` | no | Hide polyline/polygon overlays while map moves |
+
+### `MapView` ref
+
+| Method | Description |
+| --- | --- |
+| `fitBounds()` | Fits camera to all current markers/polylines/polygons |
+
+### `Marker` props
+
+| Prop | Type | Required | Description |
+| --- | --- | --- | --- |
+| `uniqueId` | `string` | yes | Unique overlay id |
+| `latitude` | `number` | yes | Marker latitude |
+| `longitude` | `number` | yes | Marker longitude |
+| `onPress` | `() => void` | no | Press callback |
+| `color` | `string` | no | Default marker color |
+| `iconUrl` | `string` | no | Custom marker image URL |
+| `iconWidth` | `number` | no | Custom icon width |
+| `iconHeight` | `number` | no | Custom icon height |
+
+### `Polyline` props
+
+| Prop | Type | Required |
+| --- | --- | --- |
+| `uniqueId` | `string` | yes |
+| `coordinates` | `[number, number][]` | yes |
+| `color` | `string` | no |
+| `width` | `number` | no |
+
+### `Polygon` props
+
+| Prop | Type | Required |
+| --- | --- | --- |
+| `uniqueId` | `string` | yes |
+| `coordinates` | `[number, number][]` | yes |
+| `fillColor` | `string` | no |
+| `fillOpacity` | `number` | no |
+| `strokeColor` | `string` | no |
+| `strokeOpacity` | `number` | no |
+| `strokeWidth` | `number` | no |
+
+## Performance Tuning (Android)
+
+Start with:
+
+```tsx
+<MapView
+  // ...
+  performanceMode="performance"
+  turboWhileMoving
+/>
+```
+
+Profiles:
+
+- `quality`: best visual quality
+- `balanced`: default on Android; better FPS with moderate quality reduction
+- `performance`: aggressive optimizations (lower renderer resolution, simplified style, reduced map effects)
+
+Tips:
+
+- If you still see frame drops, pass a lower `pixelRatio` (example: `0.75`)
+- Keep number of simultaneously visible overlays moderate
+- Prefer simpler map styles (fewer labels/3D layers)
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) for local setup and development workflow.
+
+## License
+
+MIT

package/lib/module/assets/MAP_ASSETS.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export const MAP_ASSETS = {
+  DARK_MAP_PLACEHOLDER: require('./dark_placeholder.jpg'),
+  LIGHT_MAP_PLACEHOLDER: require('./light_placeholder.jpg')
+};
+//# sourceMappingURL=MAP_ASSETS.js.map

package/lib/module/assets/MAP_ASSETS.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAP_ASSETS","DARK_MAP_PLACEHOLDER","require","LIGHT_MAP_PLACEHOLDER"],"sourceRoot":"../../../src","sources":["assets/MAP_ASSETS.ts"],"mappings":";;AAAA,OAAO,MAAMA,UAAU,GAAG;EACtBC,oBAAoB,EAAEC,OAAO,CAAC,wBAAwB,CAAC;EACvDC,qBAAqB,EAAED,OAAO,CAAC,yBAAyB;AAC5D,CAAC","ignoreList":[]}

package/lib/module/components/MapPlaceholder.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { Animated } from 'react-native';
+import { MAP_ASSETS } from "../assets/MAP_ASSETS.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const MapPlaceholder = props => {
+  const opacityAnim = useRef(new Animated.Value(0.5)).current;
+  useEffect(() => {
+    const animate = () => {
+      Animated.sequence([Animated.timing(opacityAnim, {
+        toValue: 1,
+        duration: 1000,
+        useNativeDriver: true
+      }), Animated.timing(opacityAnim, {
+        toValue: 0.5,
+        duration: 1000,
+        useNativeDriver: true
+      })]).start(() => animate());
+    };
+    animate();
+  }, [opacityAnim]);
+  return /*#__PURE__*/_jsx(Animated.Image, {
+    source: props.theme === 'dark' ? MAP_ASSETS.DARK_MAP_PLACEHOLDER : MAP_ASSETS.LIGHT_MAP_PLACEHOLDER,
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+      zIndex: 1000,
+      opacity: opacityAnim
+    }
+  });
+};
+export default MapPlaceholder;
+//# sourceMappingURL=MapPlaceholder.js.map

package/lib/module/components/MapPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Animated","MAP_ASSETS","jsx","_jsx","MapPlaceholder","props","opacityAnim","Value","current","animate","sequence","timing","toValue","duration","useNativeDriver","start","Image","source","theme","DARK_MAP_PLACEHOLDER","LIGHT_MAP_PLACEHOLDER","style","position","top","left","width","height","zIndex","opacity"],"sourceRoot":"../../../src","sources":["components/MapPlaceholder.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAe,cAAc;AAE9C,SAASC,UAAU,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,MAAMC,cAAc,GAAIC,KAAkC,IAAK;EAC3D,MAAMC,WAAW,GAAGP,MAAM,CAAC,IAAIC,QAAQ,CAACO,KAAK,CAAC,GAAG,CAAC,CAAC,CAACC,OAAO;EAE3DV,SAAS,CAAC,MAAM;IACZ,MAAMW,OAAO,GAAGA,CAAA,KAAM;MAClBT,QAAQ,CAACU,QAAQ,CAAC,CACdV,QAAQ,CAACW,MAAM,CAACL,WAAW,EAAE;QACzBM,OAAO,EAAE,CAAC;QACVC,QAAQ,EAAE,IAAI;QACdC,eAAe,EAAE;MACrB,CAAC,CAAC,EACFd,QAAQ,CAACW,MAAM,CAACL,WAAW,EAAE;QACzBM,OAAO,EAAE,GAAG;QACZC,QAAQ,EAAE,IAAI;QACdC,eAAe,EAAE;MACrB,CAAC,CAAC,CACL,CAAC,CAACC,KAAK,CAAC,MAAMN,OAAO,CAAC,CAAC,CAAC;IAC7B,CAAC;IAEDA,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACH,WAAW,CAAC,CAAC;EAEjB,oBACIH,IAAA,CAACH,QAAQ,CAACgB,KAAK;IACXC,MAAM,EAAEZ,KAAK,CAACa,KAAK,KAAK,MAAM,GAAGjB,UAAU,CAACkB,oBAAoB,GAAGlB,UAAU,CAACmB,qBAAsB;IACpGC,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAEtB;IACb;EAAE,CACL,CAAC;AAEV,CAAC;AAED,eAAeF,cAAc","ignoreList":[]}

package/lib/module/components/MapSelectPoint.js

@@ -0,0 +1,88 @@
+"use strict";
+
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { Animated, StyleSheet, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BORDER_WIDTH_UP = 6;
+const BORDER_WIDTH_DOWN = 3;
+const UP_POSITION = 10;
+const DURATION = 200;
+export const MapSelectPoint = /*#__PURE__*/forwardRef((_props, ref) => {
+  const position = useRef('down');
+  const borderWidth = useRef(new Animated.Value(BORDER_WIDTH_DOWN)).current;
+  const shadowHeight = useRef(new Animated.Value(0)).current;
+  const shadowMarginTop = useRef(new Animated.Value(0)).current;
+  const handleMarginTop = useRef(new Animated.Value(0)).current;
+  useImperativeHandle(ref, () => ({
+    up: () => moveMarker('up'),
+    down: () => moveMarker('down')
+  }));
+  const animateTo = (animatedValue, toValue) => {
+    return Animated.timing(animatedValue, {
+      toValue,
+      duration: DURATION,
+      useNativeDriver: false
+    });
+  };
+  const moveMarker = direction => {
+    if (position.current === direction) return;
+    position.current = direction;
+    if (direction === 'up') {
+      Animated.parallel([animateTo(borderWidth, BORDER_WIDTH_UP), animateTo(shadowHeight, 4), animateTo(shadowMarginTop, UP_POSITION), animateTo(handleMarginTop, -UP_POSITION)]).start();
+    } else {
+      Animated.parallel([animateTo(borderWidth, BORDER_WIDTH_DOWN), animateTo(shadowHeight, 0), animateTo(shadowMarginTop, 0), animateTo(handleMarginTop, 0)]).start();
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: {
+        marginTop: handleMarginTop
+      },
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.center,
+        children: [/*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.circle, {
+            borderWidth: borderWidth,
+            borderColor: _props.color,
+            backgroundColor: _props.backgroundColor
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.line, {
+            backgroundColor: _props.color
+          }]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.shadow, {
+        height: shadowHeight,
+        marginTop: shadowMarginTop,
+        backgroundColor: _props.color
+      }]
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center'
+  },
+  center: {
+    alignItems: 'center'
+  },
+  circle: {
+    borderRadius: 100,
+    width: 28,
+    height: 28
+  },
+  line: {
+    width: 2,
+    height: 15
+  },
+  shadow: {
+    opacity: 0.6,
+    width: 4,
+    borderRadius: 100
+  }
+});
+export default MapSelectPoint;
+//# sourceMappingURL=MapSelectPoint.js.map

package/lib/module/components/MapSelectPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","Animated","StyleSheet","View","jsx","_jsx","jsxs","_jsxs","BORDER_WIDTH_UP","BORDER_WIDTH_DOWN","UP_POSITION","DURATION","MapSelectPoint","_props","ref","position","borderWidth","Value","current","shadowHeight","shadowMarginTop","handleMarginTop","up","moveMarker","down","animateTo","animatedValue","toValue","timing","duration","useNativeDriver","direction","parallel","start","style","styles","container","children","marginTop","center","circle","borderColor","color","backgroundColor","line","shadow","height","create","alignItems","borderRadius","width","opacity"],"sourceRoot":"../../../src","sources":["components/MapSelectPoint.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,mBAAmB,EACnBC,MAAM,QACD,OAAO;AAEd,SACEC,QAAQ,EACRC,UAAU,EACVC,IAAI,QACC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOtB,MAAMC,eAAe,GAAG,CAAC;AACzB,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,QAAQ,GAAG,GAAG;AAQpB,OAAO,MAAMC,cAAc,gBAAGd,UAAU,CACtC,CAACe,MAAM,EAAEC,GAAG,KAAK;EACf,MAAMC,QAAQ,GAAGf,MAAM,CAAgB,MAAM,CAAC;EAE9C,MAAMgB,WAAW,GAAGhB,MAAM,CAAC,IAAIC,QAAQ,CAACgB,KAAK,CAACR,iBAAiB,CAAC,CAAC,CAACS,OAAO;EACzE,MAAMC,YAAY,GAAGnB,MAAM,CAAC,IAAIC,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC1D,MAAME,eAAe,GAAGpB,MAAM,CAAC,IAAIC,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC7D,MAAMG,eAAe,GAAGrB,MAAM,CAAC,IAAIC,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE7DnB,mBAAmB,CAACe,GAAG,EAAE,OAAO;IAC9BQ,EAAE,EAAEA,CAAA,KAAMC,UAAU,CAAC,IAAI,CAAC;IAC1BC,IAAI,EAAEA,CAAA,KAAMD,UAAU,CAAC,MAAM;EAC/B,CAAC,CAAC,CAAC;EAEH,MAAME,SAAS,GAAGA,CAChBC,aAA6B,EAC7BC,OAAe,KACZ;IACH,OAAO1B,QAAQ,CAAC2B,MAAM,CAACF,aAAa,EAAE;MACpCC,OAAO;MACPE,QAAQ,EAAElB,QAAQ;MAClBmB,eAAe,EAAE;IACnB,CAAC,CAAC;EACJ,CAAC;EAED,MAAMP,UAAU,GAAIQ,SAAwB,IAAK;IAC/C,IAAIhB,QAAQ,CAACG,OAAO,KAAKa,SAAS,EAAE;IACpChB,QAAQ,CAACG,OAAO,GAAGa,SAAS;IAE5B,IAAIA,SAAS,KAAK,IAAI,EAAE;MACtB9B,QAAQ,CAAC+B,QAAQ,CAAC,CAChBP,SAAS,CAACT,WAAW,EAAER,eAAe,CAAC,EACvCiB,SAAS,CAACN,YAAY,EAAE,CAAC,CAAC,EAC1BM,SAAS,CAACL,eAAe,EAAEV,WAAW,CAAC,EACvCe,SAAS,CAACJ,eAAe,EAAE,CAACX,WAAW,CAAC,CACzC,CAAC,CAACuB,KAAK,CAAC,CAAC;IACZ,CAAC,MAAM;MACLhC,QAAQ,CAAC+B,QAAQ,CAAC,CAChBP,SAAS,CAACT,WAAW,EAAEP,iBAAiB,CAAC,EACzCgB,SAAS,CAACN,YAAY,EAAE,CAAC,CAAC,EAC1BM,SAAS,CAACL,eAAe,EAAE,CAAC,CAAC,EAC7BK,SAAS,CAACJ,eAAe,EAAE,CAAC,CAAC,CAC9B,CAAC,CAACY,KAAK,CAAC,CAAC;IACZ;EACF,CAAC;EAED,oBACE1B,KAAA,CAACJ,IAAI;IAAC+B,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BhC,IAAA,CAACJ,QAAQ,CAACE,IAAI;MAAC+B,KAAK,EAAE;QAAEI,SAAS,EAAEjB;MAAgB,CAAE;MAAAgB,QAAA,eACnD9B,KAAA,CAACJ,IAAI;QAAC+B,KAAK,EAAEC,MAAM,CAACI,MAAO;QAAAF,QAAA,gBACzBhC,IAAA,CAACJ,QAAQ,CAACE,IAAI;UACZ+B,KAAK,EAAE,CACLC,MAAM,CAACK,MAAM,EACb;YACExB,WAAW,EAAEA,WAAW;YACxByB,WAAW,EAAE5B,MAAM,CAAC6B,KAAK;YACzBC,eAAe,EAAE9B,MAAM,CAAC8B;UAC1B,CAAC;QACD,CACH,CAAC,eACFtC,IAAA,CAACF,IAAI;UAAC+B,KAAK,EAAE,CAACC,MAAM,CAACS,IAAI,EAAE;YAAED,eAAe,EAAE9B,MAAM,CAAC6B;UAAM,CAAC;QAAE,CAAE,CAAC;MAAA,CAC7D;IAAC,CACM,CAAC,eAChBrC,IAAA,CAACJ,QAAQ,CAACE,IAAI;MACZ+B,KAAK,EAAE,CACLC,MAAM,CAACU,MAAM,EACb;QACEC,MAAM,EAAE3B,YAAY;QACpBmB,SAAS,EAAElB,eAAe;QAC1BuB,eAAe,EAAE9B,MAAM,CAAC6B;MAC1B,CAAC;IACD,CACH,CAAC;EAAA,CACE,CAAC;AAEX,CACF,CAAC;AAED,MAAMP,MAAM,GAAGjC,UAAU,CAAC6C,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,UAAU,EAAE;EACd,CAAC;EACDT,MAAM,EAAE;IACNS,UAAU,EAAE;EACd,CAAC;EACDR,MAAM,EAAE;IACNS,YAAY,EAAE,GAAG;IACjBC,KAAK,EAAE,EAAE;IACTJ,MAAM,EAAE;EACV,CAAC;EACDF,IAAI,EAAE;IACJM,KAAK,EAAE,CAAC;IACRJ,MAAM,EAAE;EAEV,CAAC;EACDD,MAAM,EAAE;IACNM,OAAO,EAAE,GAAG;IACZD,KAAK,EAAE,CAAC;IACRD,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAerC,cAAc","ignoreList":[]}

package/lib/module/components/MapView.js

@@ -0,0 +1,244 @@
+"use strict";
+
+import { createContext, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { maplibreHtmlMap } from "../webContent.js";
+import MapPlaceholder from "./MapPlaceholder.js";
+import MapSelectPoint from "./MapSelectPoint.js";
+import addMarkerWeb from "./webFunctions/addMarkerWeb.js";
+import addPolygonWeb from "./webFunctions/addPolygonWeb.js";
+import addPolylineWeb from "./webFunctions/addPolylineWeb.js";
+import fitBoundsWeb from "./webFunctions/fitBoundsWeb.js";
+import initWeb from "./webFunctions/initWeb.js";
+import removeMarkerWeb from "./webFunctions/removeMarkerWeb.js";
+import removePolygonWeb from "./webFunctions/removePolygonWeb.js";
+import removePolylineWeb from "./webFunctions/removePolylineWeb.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MapViewContext = /*#__PURE__*/createContext(null);
+export const useMapViewContext = () => {
+  const ctx = useContext(MapViewContext);
+  if (!ctx) throw new Error('useMapViewContext must be used within <MapView>');
+  return ctx;
+};
+const webFunctionsString = [initWeb, addMarkerWeb, removeMarkerWeb, addPolylineWeb, removePolylineWeb, addPolygonWeb, removePolygonWeb, fitBoundsWeb].join('\n');
+const getBoundsFromCoords = coords => {
+  if (!coords.length) {
+    throw new Error('Empty coordinates array');
+  }
+  let minLng = coords[0][0];
+  let maxLng = coords[0][0];
+  let minLat = coords[0][1];
+  let maxLat = coords[0][1];
+  for (const [lng, lat] of coords) {
+    if (lng < minLng) minLng = lng;
+    if (lng > maxLng) maxLng = lng;
+    if (lat < minLat) minLat = lat;
+    if (lat > maxLat) maxLat = lat;
+  }
+  return [[minLng, minLat], [maxLng, maxLat]];
+};
+export const MapView = /*#__PURE__*/forwardRef((props, ref) => {
+  const webViewRef = useRef(null);
+  const [inited, setInited] = useState(false);
+  const [html, setHtml] = useState('');
+  const coordsInMapRef = useRef({});
+  const markersClickHandlers = useRef({});
+  const mapSelectPointRef = useRef(null);
+  const performanceMode = props.performanceMode ?? (Platform.OS === 'android' ? 'balanced' : 'quality');
+  const fallbackPixelRatio = performanceMode === 'performance' ? 0.85 : performanceMode === 'balanced' && Platform.OS === 'android' ? 1 : undefined;
+  const sendToWebView = useCallback(message => {
+    webViewRef.current?.postMessage(JSON.stringify(message));
+  }, []);
+  const initMap = useCallback(() => {
+    sendToWebView({
+      function: 'init',
+      params: {
+        style: props.mapStyle,
+        zoomEnabled: props.zoomEnabled ?? false,
+        scrollEnabled: props.scrollEnabled ?? false,
+        theme: props.theme,
+        center: props.center,
+        zoom: props.zoom,
+        minZoom: props.minZoom,
+        maxZoom: props.maxZoom,
+        antialias: false,
+        crossSourceCollisions: performanceMode !== 'performance',
+        fadeDuration: performanceMode === 'performance' ? 0 : 120,
+        pixelRatio: props.pixelRatio ?? fallbackPixelRatio,
+        simplifyStyle: performanceMode !== 'quality',
+        aggressiveSimplifyStyle: performanceMode === 'performance',
+        maxPitch: performanceMode === 'performance' ? 0 : 45,
+        renderWorldCopies: performanceMode === 'quality',
+        turboWhileMoving: props.turboWhileMoving ?? performanceMode === 'performance'
+      }
+    });
+  }, [sendToWebView, props.zoomEnabled, props.scrollEnabled, props.theme, props.center, props.zoom, props.minZoom, props.maxZoom, props.mapStyle, performanceMode, props.pixelRatio, fallbackPixelRatio, props.turboWhileMoving]);
+  const addMarker = useCallback(propsMarker => {
+    if (propsMarker.latitude && propsMarker.longitude) {
+      coordsInMapRef.current[propsMarker.uniqueId] = [[propsMarker.longitude, propsMarker.latitude]];
+    }
+    if (propsMarker.onPress) {
+      markersClickHandlers.current[propsMarker.uniqueId] = propsMarker.onPress;
+    } else {
+      delete markersClickHandlers.current[propsMarker.uniqueId];
+    }
+    sendToWebView({
+      function: 'addMarker',
+      params: propsMarker
+    });
+  }, [sendToWebView]);
+  const removeMarker = useCallback(propsMarker => {
+    delete coordsInMapRef.current[propsMarker.uniqueId];
+    delete markersClickHandlers.current[propsMarker.uniqueId];
+    sendToWebView({
+      function: 'removeMarker',
+      params: propsMarker
+    });
+  }, [sendToWebView]);
+  const addPolyline = useCallback(propsPolyline => {
+    if (propsPolyline.coordinates) {
+      coordsInMapRef.current[propsPolyline.uniqueId] = propsPolyline.coordinates;
+    }
+    sendToWebView({
+      function: 'addPolyline',
+      params: propsPolyline
+    });
+  }, [sendToWebView]);
+  const removePolyline = useCallback(propsPolyline => {
+    delete coordsInMapRef.current[propsPolyline.uniqueId];
+    sendToWebView({
+      function: 'removePolyline',
+      params: propsPolyline
+    });
+  }, [sendToWebView]);
+  const addPolygon = useCallback(propsPolygon => {
+    if (propsPolygon.coordinates) {
+      coordsInMapRef.current[propsPolygon.uniqueId] = propsPolygon.coordinates;
+    }
+    sendToWebView({
+      function: 'addPolygon',
+      params: propsPolygon
+    });
+  }, [sendToWebView]);
+  const removePolygon = useCallback(propsPolygon => {
+    delete coordsInMapRef.current[propsPolygon.uniqueId];
+    sendToWebView({
+      function: 'removePolygon',
+      params: propsPolygon
+    });
+  }, [sendToWebView]);
+  const fitBounds = useCallback(() => {
+    const coords = Object.values(coordsInMapRef.current).flat();
+    if (coords.length === 0) return;
+    const bounds = getBoundsFromCoords(coords);
+    sendToWebView({
+      function: 'fitBounds',
+      params: {
+        bounds
+      }
+    });
+  }, [sendToWebView]);
+  useImperativeHandle(ref, () => ({
+    fitBounds
+  }), [fitBounds]);
+  useEffect(() => {
+    if (html) return;
+    maplibreHtmlMap(webFunctionsString, props.sources).then(setHtml);
+  }, [html, props.sources]);
+  const onReceiveMessageFromWebView = useCallback(data => {
+    try {
+      const msg = JSON.parse(data);
+      if (msg.type === 'event') {
+        switch (msg.event) {
+          case 'movestart':
+            mapSelectPointRef.current?.up();
+            props.onMoveStart?.(msg.params);
+            break;
+          case 'moveend':
+            props.onMoveEnd?.(msg.params);
+            mapSelectPointRef.current?.down();
+            break;
+          case 'zoomstart':
+            props.onZoomStart?.(msg.params);
+            break;
+          case 'zoomend':
+            props.onZoomEnd?.(msg.params);
+            break;
+          case 'idle':
+            props.onIdle?.(msg.params);
+            break;
+        }
+        return;
+      }
+      if (msg.type === 'inited') {
+        setInited(true);
+        return;
+      }
+      if (msg.type === 'scriptReady') {
+        initMap();
+        return;
+      }
+      if (msg.type === 'markerClick') {
+        const handler = markersClickHandlers.current[msg.uniqueId];
+        if (typeof handler === 'function') {
+          handler();
+        }
+        return;
+      }
+    } catch (e) {
+      if (__DEV__) {
+        console.warn('MapView: failed to parse WebView message', e);
+      }
+    }
+  }, [props.onMoveStart, props.onMoveEnd, props.onZoomStart, props.onZoomEnd, props.onIdle, initMap]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: props.style,
+    children: [!inited && /*#__PURE__*/_jsx(MapPlaceholder, {
+      theme: props.theme
+    }), /*#__PURE__*/_jsxs(MapViewContext.Provider, {
+      value: {
+        addPolygon,
+        removePolygon,
+        addMarker,
+        removeMarker,
+        addPolyline,
+        removePolyline
+      },
+      children: [/*#__PURE__*/_jsx(WebView, {
+        ref: webViewRef,
+        style: {
+          flex: 1,
+          backgroundColor: 'transparent'
+        },
+        originWhitelist: ['*'],
+        source: {
+          html
+        },
+        onMessage: event => {
+          onReceiveMessageFromWebView(event.nativeEvent.data);
+        },
+        javaScriptEnabled: true,
+        domStorageEnabled: true,
+        scrollEnabled: false
+      }), inited && props.children, inited && props.showSelectPoint && /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: {
+          justifyContent: 'center',
+          alignItems: 'center',
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          width: '100%',
+          height: '100%'
+        },
+        children: /*#__PURE__*/_jsx(MapSelectPoint, {
+          ref: mapSelectPointRef,
+          color: props.selectPointColor ?? '#000',
+          backgroundColor: props.selectPointBackgroundColor ?? '#fff'
+        })
+      })]
+    })]
+  });
+});
+//# sourceMappingURL=MapView.js.map

package/lib/module/components/MapView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","useCallback","useContext","useEffect","useImperativeHandle","useRef","useState","Platform","View","WebView","maplibreHtmlMap","MapPlaceholder","MapSelectPoint","addMarkerWeb","addPolygonWeb","addPolylineWeb","fitBoundsWeb","initWeb","removeMarkerWeb","removePolygonWeb","removePolylineWeb","jsx","_jsx","jsxs","_jsxs","MapViewContext","useMapViewContext","ctx","Error","webFunctionsString","join","getBoundsFromCoords","coords","length","minLng","maxLng","minLat","maxLat","lng","lat","MapView","props","ref","webViewRef","inited","setInited","html","setHtml","coordsInMapRef","markersClickHandlers","mapSelectPointRef","performanceMode","OS","fallbackPixelRatio","undefined","sendToWebView","message","current","postMessage","JSON","stringify","initMap","function","params","style","mapStyle","zoomEnabled","scrollEnabled","theme","center","zoom","minZoom","maxZoom","antialias","crossSourceCollisions","fadeDuration","pixelRatio","simplifyStyle","aggressiveSimplifyStyle","maxPitch","renderWorldCopies","turboWhileMoving","addMarker","propsMarker","latitude","longitude","uniqueId","onPress","removeMarker","addPolyline","propsPolyline","coordinates","removePolyline","addPolygon","propsPolygon","removePolygon","fitBounds","Object","values","flat","bounds","sources","then","onReceiveMessageFromWebView","data","msg","parse","type","event","up","onMoveStart","onMoveEnd","down","onZoomStart","onZoomEnd","onIdle","handler","e","__DEV__","console","warn","children","Provider","value","flex","backgroundColor","originWhitelist","source","onMessage","nativeEvent","javaScriptEnabled","domStorageEnabled","showSelectPoint","pointerEvents","justifyContent","alignItems","position","top","left","width","height","color","selectPointColor","selectPointBackgroundColor"],"sourceRoot":"../../../src","sources":["components/MapView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Marker.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { useMapViewContext } from "./MapView.js";
+export const Marker = props => {
+  const {
+    addMarker,
+    removeMarker
+  } = useMapViewContext();
+  const lastRenderProps = useRef('');
+  const propsRef = useRef(props);
+  propsRef.current = props;
+  useEffect(() => {
+    const serialized = JSON.stringify(props);
+    if (lastRenderProps.current !== serialized) {
+      addMarker(props);
+      lastRenderProps.current = serialized;
+    }
+  }, [props, addMarker]);
+  useEffect(() => {
+    return () => {
+      removeMarker(propsRef.current);
+    };
+  }, [removeMarker]);
+  return null;
+};
+//# sourceMappingURL=Marker.js.map