@maplibre/maplibre-react-native 10.0.0-alpha.23 → 10.0.0-alpha.25

package/.husky/pre-commit

@@ -2,4 +2,4 @@
 . "$(dirname -- "$0")/_/husky.sh"
 
 yarn lint-staged
-yarn generate
+yarn codegen

package/CHANGELOG.md

@@ -6,6 +6,16 @@ PR Title ([#123](link to my pr))
 
 ```
 
+## 10.0.0-alpha.25
+
+feat: make Camera pure ([#471](https://github.com/maplibre/maplibre-react-native/pull/471))
+
+docs: update scripts to TypeScript ([#484](https://github.com/maplibre/maplibre-react-native/pull/484))
+
+## 10.0.0-alpha.24
+
+feat: support new arch through interop layer ([#483](https://github.com/maplibre/maplibre-react-native/pull/483))
+
 ## 10.0.0-alpha.23
 
 fix: keep @ts-ignore for headingIcon in library ([#477](https://github.com/maplibre/maplibre-react-native/pull/477))

package/CONTRIBUTING.md

@@ -55,7 +55,7 @@ can mitigate some of the pain with this.
 
 Documentation is generated from code blocks and comments. It will be auto-generated when you commit changes. If any
 changes are generated from your edits, the changed files will need to be added using `git add` before attempting the
-commit again. To manually generate the changes, run `yarn generate`.
+commit again. To manually generate the changes, run `yarn codegen`.
 
 Notice, that changing the documentation in the individual <COMPONENT>.md within `/docs` will not suffice. The correct
 way is the above described

package/android/rctmln/build.gradle

@@ -4,6 +4,10 @@ def safeExtGet(prop, fallback) {
     rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
 }
 
+def isNewArchitectureEnabled() {
+    return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true"
+}
+
 android {
     compileSdkVersion safeExtGet("compileSdkVersion", 33)
     buildToolsVersion safeExtGet("buildToolsVersion", '33.0.1')
@@ -13,6 +17,7 @@ android {
         targetSdkVersion safeExtGet('targetSdkVersion', 26)
         versionCode 1
         versionName "1.0"
+        buildConfigField("boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString())
     }
 
     compileOptions {

package/android/rctmln/src/main/java/com/maplibre/rctmln/components/AbstractEventEmitter.java

@@ -2,12 +2,16 @@ package com.maplibre.rctmln.components;
 
 import android.view.ViewGroup;
 
+import com.maplibre.rctmln.BuildConfig;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.events.EventDispatcher;
+import com.facebook.react.uimanager.common.UIManagerType;
+
 import com.maplibre.rctmln.events.IEvent;
 
 import java.util.HashMap;
@@ -45,7 +49,11 @@ abstract public class AbstractEventEmitter<T extends ViewGroup> extends ViewGrou
 
     @Override
     protected void addEventEmitters(ThemedReactContext context, @Nonnull T view) {
-        mEventDispatcher = context.getNativeModule(UIManagerModule.class).getEventDispatcher();
+        if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+            mEventDispatcher = UIManagerHelper.getUIManager(context, UIManagerType.FABRIC).getEventDispatcher();
+        } else {
+            mEventDispatcher = context.getNativeModule(UIManagerModule.class).getEventDispatcher();
+        }
     }
 
     @Nullable

package/android/rctmln/src/main/java/com/maplibre/rctmln/modules/RCTMLNLocationModule.java

@@ -18,7 +18,7 @@ import com.maplibre.rctmln.location.LocationManager;
 
 @ReactModule(name = RCTMLNLocationModule.REACT_CLASS)
 public class RCTMLNLocationModule extends ReactContextBaseJavaModule {
-    public static final String REACT_CLASS = "RCTMLNLocationModule";
+    public static final String REACT_CLASS = "MLNLocationModule";
     public static final String LOCATION_UPDATE = "MapboxUserLocationUpdate";
 
     private boolean isEnabled;

package/android/rctmln/src/main/java/com/maplibre/rctmln/modules/RCTMLNLogging.java

@@ -13,7 +13,7 @@ import android.util.Log;
 
 @ReactModule(name = RCTMLNLogging.REACT_CLASS)
 public class RCTMLNLogging extends ReactContextBaseJavaModule {
-    public static final String REACT_CLASS = "RCTMLNLogging";
+    public static final String REACT_CLASS = "MLNLogging";
     private ReactApplicationContext mReactContext;
 
     public RCTMLNLogging(ReactApplicationContext reactApplicationContext) {

package/android/rctmln/src/main/java/com/maplibre/rctmln/modules/RCTMLNModule.java

@@ -36,7 +36,7 @@ import javax.annotation.Nullable;
 
 @ReactModule(name = RCTMLNModule.REACT_CLASS)
 public class RCTMLNModule extends ReactContextBaseJavaModule {
-    public static final String REACT_CLASS = "RCTMLNModule";
+    public static final String REACT_CLASS = "MLNModule";
 
     private static boolean customHeaderInterceptorAdded = false;
 

package/android/rctmln/src/main/java/com/maplibre/rctmln/modules/RCTMLNOfflineModule.java

@@ -38,7 +38,7 @@ import java.util.Locale;
 
 @ReactModule(name = RCTMLNOfflineModule.REACT_CLASS)
 public class RCTMLNOfflineModule extends ReactContextBaseJavaModule {
-    public static final String REACT_CLASS = "RCTMLNOfflineModule";
+    public static final String REACT_CLASS = "MLNOfflineModule";
 
     public static final int INACTIVE_REGION_DOWNLOAD_STATE = OfflineRegion.STATE_INACTIVE;
     public static final int ACTIVE_REGION_DOWNLOAD_STATE = OfflineRegion.STATE_ACTIVE;

package/android/rctmln/src/main/java/com/maplibre/rctmln/modules/RCTMLNSnapshotModule.java

@@ -40,7 +40,7 @@ import static android.content.Context.CONTEXT_IGNORE_SECURITY;
 
 @ReactModule(name = RCTMLNSnapshotModule.REACT_CLASS)
 public class RCTMLNSnapshotModule extends ReactContextBaseJavaModule {
-    public static final String REACT_CLASS = "RCTMLNSnapshotModule";
+    public static final String REACT_CLASS = "MLNSnapshotModule";
 
     private ReactApplicationContext mContext;
 

package/docs/Annotation.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from Annotation.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/Annotation.tsx -->
 ## <MapLibreGL.Annotation />
 ### 
 
@@ -25,14 +26,4 @@
 | `event` | `OnPressEvent` | `Yes` | undefined |
 
 
-#### symbolStyle()
-
-
-
-##### arguments
-| Name | Type | Required | Description  |
-| ---- | :--: | :------: | :----------: |
-
-
-
 

package/docs/BackgroundLayer.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from BackgroundLayer.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/BackgroundLayer.tsx -->
 ## <MapLibreGL.BackgroundLayer />
 ### 
 

package/docs/Callout.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from Callout.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/Callout.tsx -->
 ## <MapLibreGL.Callout />
 ### Callout that displays information about a selected annotation near the annotation.
 

package/docs/Camera.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from Camera.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/Camera.tsx -->
 ## <MapLibreGL.Camera />
 ### 
 
@@ -11,63 +12,61 @@
 | pitch | `number` | `none` | `false` | The pitch of the map. |
 | zoomLevel | `number` | `none` | `false` | The zoom level of the map. |
 | padding | `CameraPadding` | `none` | `false` | The viewport padding in points. |
-| animationDuration | `number` | `2000` | `false` | The duration the map takes to animate to a new configuration. |
-| animationMode | `"flyTo" \| "easeTo" \| "linearTo" \| "moveTo"` | `"easeTo"` | `false` | The easing or path the camera uses to animate to a new configuration. |
-| allowUpdates | `boolean` | `true` | `false` | If false, the camera will not send any props to the native module. Intended to be used to prevent unnecessary tile fetching and improve performance when the map is not visible. Defaults to true. |
+| animationDuration | `number` | `none` | `false` | The duration the map takes to animate to a new configuration. |
+| animationMode | `"flyTo" \| "easeTo" \| "linearTo" \| "moveTo"` | `none` | `false` | The easing or path the camera uses to animate to a new configuration. |
 | defaultSettings | `CameraStop` | `none` | `false` | Default view settings applied on camera |
-| minZoomLevel | `number` | `none` | `false` | The minimun zoom level of the map |
-| maxZoomLevel | `number` | `none` | `false` | The maximun zoom level of the map |
+| minZoomLevel | `number` | `none` | `false` | Minimum zoom level of the map |
+| maxZoomLevel | `number` | `none` | `false` | Maximum zoom level of the map |
 | maxBounds | `CameraBounds` | `none` | `false` | Restrict map panning so that the center is within these bounds |
 | followUserLocation | `boolean` | `none` | `false` | Should the map orientation follow the user's. |
 | followUserMode | `UserTrackingMode` | `none` | `false` | The mode used to track the user location on the map. One of; "normal", "compass", "course". Each mode string is also available as a member on the `MapLibreGL.UserTrackingModes` object. `Follow` (normal), `FollowWithHeading` (compass), `FollowWithCourse` (course). NOTE: `followUserLocation` must be set to `true` for any of the modes to take effect. [Example](/packages/examples/src/examples/Camera/SetUserTrackingModes.js) |
 | followZoomLevel | `number` | `none` | `false` | The zoomLevel on map while followUserLocation is set to `true` |
 | followPitch | `number` | `none` | `false` | The pitch on map while followUserLocation is set to `true` |
 | followHeading | `number` | `none` | `false` | The heading on map while followUserLocation is set to `true` |
-| triggerKey | `string \| number` | `none` | `false` | Manually update the camera - helpful for when props did not update, however you still want the camera to move |
-| onUserTrackingModeChange | `func` | `none` | `false` | FIX ME NO DESCRIPTION<br/>*signature:*`(event:MaplibreGLEvent) => void` |
+| onUserTrackingModeChange | `func` | `none` | `false` | Triggered when `followUserLocation` or `followUserMode` changes<br/>*signature:*`(event:MaplibreGLEvent) => void` |
 
 ### methods
-#### fitBounds(northEastCoordinates, southWestCoordinates[, padding][, animationDuration])
+#### fitBounds(ne, sw, [padding], [animationDuration])
 
 Map camera transitions to fit provided bounds
 
 ##### arguments
 | Name | Type | Required | Description  |
 | ---- | :--: | :------: | :----------: |
-| `northEastCoordinates` | `GeoJSON.Position` | `Yes` | North east coordinate of bound |
-| `southWestCoordinates` | `GeoJSON.Position` | `Yes` | South west coordinate of bound |
-| `padding` | `Number \| Array` | `No` | Padding for the bounds |
-| `animationDuration` | `Number` | `No` | Duration of camera animation |
+| `ne` | `GeoJSON.Position` | `Yes` | North east coordinate of bound |
+| `sw` | `GeoJSON.Position` | `Yes` | South west coordinate of bound |
+| `padding` | `number \| number[]` | `No` | Padding for the bounds |
+| `animationDuration` | `number` | `No` | Duration of camera animation |
 
 
 
 ```javascript
-this.camera.fitBounds([lng, lat], [lng, lat])
-this.camera.fitBounds([lng, lat], [lng, lat], 20, 1000) // padding for all sides
-this.camera.fitBounds([lng, lat], [lng, lat], [verticalPadding, horizontalPadding], 1000)
-this.camera.fitBounds([lng, lat], [lng, lat], [top, right, bottom, left], 1000)
+cameraRef.current?.fitBounds([lng, lat], [lng, lat])
+cameraRef.current?.fitBounds([lng, lat], [lng, lat], 20, 1000) // padding for all sides
+cameraRef.current?.fitBounds([lng, lat], [lng, lat], [verticalPadding, horizontalPadding], 1000)
+cameraRef.current?.fitBounds([lng, lat], [lng, lat], [top, right, bottom, left], 1000)
 ```
 
 
-#### flyTo(coordinates[, animationDuration])
+#### flyTo(coordinates, [animationDuration])
 
 Map camera will fly to new coordinate
 
 ##### arguments
 | Name | Type | Required | Description  |
 | ---- | :--: | :------: | :----------: |
-| `coordinates` | `GeoJSON.Position` | `Yes` | Coordinates that map camera will jump too |
+| `coordinates` | `GeoJSON.Position` | `Yes` | Coordinates that map camera will jump to |
 | `animationDuration` | `Number` | `No` | Duration of camera animation |
 
 
 
 ```javascript
-this.camera.flyTo([lng, lat])
-this.camera.flyTo([lng, lat], 12000)
+cameraRef.current?.flyTo([lng, lat])
+cameraRef.current?.flyTo([lng, lat], 12000)
 ```
 
 
-#### moveTo(coordinates[, animationDuration])
+#### moveTo(coordinates, [animationDuration])
 
 Map camera will move to new coordinate at the same zoom level
 
@@ -80,12 +79,12 @@ Map camera will move to new coordinate at the same zoom level
 
 
 ```javascript
-this.camera.moveTo([lng, lat], 200) // eases camera to new location based on duration
-this.camera.moveTo([lng, lat]) // snaps camera to new location without any easing
+cameraRef.current?.moveTo([lng, lat], 200) // eases camera to new location based on duration
+cameraRef.current?.moveTo([lng, lat]) // snaps camera to new location without any easing
 ```
 
 
-#### zoomTo(zoomLevel[, animationDuration])
+#### zoomTo(zoomLevel, [animationDuration])
 
 Map camera will zoom to specified level
 
@@ -98,8 +97,8 @@ Map camera will zoom to specified level
 
 
 ```javascript
-this.camera.zoomTo(16)
-this.camera.zoomTo(16, 100)
+cameraRef.current?.zoomTo(16)
+cameraRef.current?.zoomTo(16, 100)
 ```
 
 
@@ -115,13 +114,13 @@ Map camera will perform updates based on provided config. Advanced use only!
 
 
 ```javascript
-this.camera.setCamera({
+cameraRef.current?.setCamera({
   centerCoordinate: [lng, lat],
   zoomLevel: 16,
   animationDuration: 2000,
 })
 
-this.camera.setCamera({
+cameraRef.current?.setCamera({
   stops: [
     { pitch: 45, animationDuration: 200 },
     { heading: 180, animationDuration: 300 },

package/docs/CircleLayer.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from CircleLayer.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/CircleLayer.tsx -->
 ## <MapLibreGL.CircleLayer />
 ### CircleLayer is a style layer that renders one or more filled circles on the map.
 

package/docs/FillExtrusionLayer.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from FillExtrusionLayer.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/FillExtrusionLayer.tsx -->
 ## <MapLibreGL.FillExtrusionLayer />
 ### FillExtrusionLayer is a style layer that renders one or more 3D extruded polygons on the map.
 

package/docs/FillLayer.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from FillLayer.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/FillLayer.tsx -->
 ## <MapLibreGL.FillLayer />
 ### FillLayer is a style layer that renders one or more filled (and optionally stroked) polygons on the map.
 

package/docs/HeadingIndicator.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from HeadingIndicator.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/HeadingIndicator.tsx -->
 ## <MapLibreGL.HeadingIndicator />
 ### 
 

package/docs/HeatmapLayer.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from HeatmapLayer.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/HeatmapLayer.tsx -->
 ## <MapLibreGL.HeatmapLayer />
 ### HeatmapLayer is a style layer that renders one or more filled circles on the map.
 

package/docs/ImageSource.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from ImageSource.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/ImageSource.tsx -->
 ## <MapLibreGL.ImageSource />
 ### ImageSource is a content source that is used for a georeferenced raster image to be shown on the map.<br/>The georeferenced image scales and rotates as the user zooms and rotates the map
 

package/docs/Images.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from Images.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/Images.tsx -->
 ## <MapLibreGL.Images />
 ### Images defines the images used in Symbol etc layers
 

package/docs/Light.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from Light.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/Light.tsx -->
 ## <MapLibreGL.Light />
 ### Light represents the light source for extruded geometries
 

package/docs/LineLayer.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from LineLayer.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/LineLayer.tsx -->
 ## <MapLibreGL.LineLayer />
 ### LineLayer is a style layer that renders one or more stroked polylines on the map.
 

package/docs/MapView.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from MapView.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/MapView.tsx -->
 ## <MapLibreGL.MapView />
 ### MapView backed by MapLibre Native
 
@@ -16,16 +17,10 @@
 | pitchEnabled | `boolean` | `true` | `false` | Enable/Disable pitch on map |
 | rotateEnabled | `boolean` | `true` | `false` | Enable/Disable rotation on map |
 | attributionEnabled | `boolean` | `true` | `false` | Enable/Disable attribution on map.<br/><br/>This must be enabled for Mapbox-hosted tiles and styles. Please refer to the Mapbox Terms of Service.<br/>Other providers do not require this. |
-| attributionPosition | `\| { top?: number; left?: number }
-\| { top?: number; right?: number }
-\| { bottom?: number; left?: number }
-\| { bottom?: number; right?: number }` | `none` | `false` | Adds attribution offset, e.g. `{top: 8, left: 8}` will put attribution button in top-left corner of the map |
+| attributionPosition | `{ top?: number; left?: number } \| { top?: number; right?: number } \| { bottom?: number; left?: number } \| { bottom?: number; right?: number }` | `none` | `false` | Adds attribution offset, e.g. `{top: 8, left: 8}` will put attribution button in top-left corner of the map |
 | tintColor | `string \| unknown[]` | `none` | `false` | MapView's tintColor |
 | logoEnabled | `boolean` | `false` | `false` | Enable/Disable the logo on the map. |
-| logoPosition | `\| { top?: number; left?: number }
-\| { top?: number; right?: number }
-\| { bottom?: number; left?: number }
-\| { bottom?: number; right?: number }` | `none` | `false` | Adds logo offset, e.g. `{top: 8, left: 8}` will put the logo in top-left corner of the map |
+| logoPosition | `{ top?: number; left?: number } \| { top?: number; right?: number } \| { bottom?: number; left?: number } \| { bottom?: number; right?: number }` | `none` | `false` | Adds logo offset, e.g. `{top: 8, left: 8}` will put the logo in top-left corner of the map |
 | compassEnabled | `boolean` | `none` | `false` | Enable/Disable the compass from appearing on the map |
 | compassViewPosition | `number` | `none` | `false` | Change corner of map the compass starts at. 0: TopLeft, 1: TopRight, 2: BottomLeft, 3: BottomRight |
 | compassViewMargins | `object` | `none` | `false` | Add margins to the compass with x and y values |
@@ -84,7 +79,7 @@ const visibleBounds = await this._map.getVisibleBounds();
 ```
 
 
-#### queryRenderedFeaturesAtPoint(point[, filter][, layerIDs])
+#### queryRenderedFeaturesAtPoint(point, [filter], [layerIDs])
 
 Returns an array of rendered map features that intersect with a given point.
 
@@ -102,7 +97,7 @@ this._map.queryRenderedFeaturesAtPoint([30, 40], ['==', 'type', 'Point'], ['id1'
 ```
 
 
-#### queryRenderedFeaturesInRect(bbox[, filter][, layerIDs])
+#### queryRenderedFeaturesInRect(bbox, [filter], [layerIDs])
 
 Returns an array of rendered map features that intersect with the given rectangle,<br/>restricted to the given style layers and filtered by the given predicate.
 
@@ -172,7 +167,7 @@ const center = await this._map.getCenter();
 ```
 
 
-#### setSourceVisibility(visible, sourceId[, sourceLayerId])
+#### setSourceVisibility(visible, sourceId, [sourceLayerId])
 
 Sets the visibility of all the layers referencing the specified `sourceLayerId` and/or `sourceId`
 

package/docs/MarkerView.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from MarkerView.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/MarkerView.tsx -->
 ## <MapLibreGL.MarkerView />
 ### MarkerView allows you to place a interactive react native marker to the map.<br/><br/>If you have static view consider using PointAnnotation or SymbolLayer they'll offer much better performance<br/>.<br/>This is based on [MakerView plugin](https://docs.mapbox.com/android/plugins/overview/markerview/) on Android<br/>and PointAnnotation on iOS.
 

package/docs/NativeUserLocation.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from NativeUserLocation.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/NativeUserLocation.tsx -->
 ## <MapLibreGL.NativeUserLocation />
 ### 
 

package/docs/PointAnnotation.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from PointAnnotation.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/PointAnnotation.tsx -->
 ## <MapLibreGL.PointAnnotation />
 ### PointAnnotation represents a one-dimensional shape located at a single geographical coordinate.<br/><br/>Consider using ShapeSource and SymbolLayer instead, if you have many points and you have static images,<br/>they'll offer much better performance<br/><br/>.<br/>If you need interctive views please use MarkerView,<br/>as with PointAnnotation on Android child views are rendered onto a bitmap for better performance.
 

package/docs/RasterLayer.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from RasterLayer.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/RasterLayer.tsx -->
 ## <MapLibreGL.RasterLayer />
 ### 
 

package/docs/RasterSource.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from RasterSource.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/RasterSource.tsx -->
 ## <MapLibreGL.RasterSource />
 ### RasterSource is a map content source that supplies raster image tiles to be shown on the map.<br/>The location of and metadata about the tiles are defined either by an option dictionary<br/>or by an external file that conforms to the TileJSON specification.
 

package/docs/ShapeSource.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from ShapeSource.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/ShapeSource.tsx -->
 ## <MapLibreGL.ShapeSource />
 ### ShapeSource is a map content source that supplies vector shapes to be shown on the map.<br/>The shape may be a url or a GeoJSON object
 
@@ -7,10 +8,7 @@
 | ---- | :--: | :-----: | :------: | :----------: |
 | id | `string` | `MapLibreGL.StyleSource.DefaultSourceID` | `false` | A string that uniquely identifies the source. |
 | url | `string` | `none` | `false` | An HTTP(S) URL, absolute file URL, or local file URL relative to the current application’s resource bundle. |
-| shape | `\| GeoJSON.GeometryCollection
-\| GeoJSON.Feature
-\| GeoJSON.FeatureCollection
-\| GeoJSON.Geometry` | `none` | `false` | The contents of the source. A shape can represent a GeoJSON geometry, a feature, or a feature colllection. |
+| shape | `GeoJSON.GeometryCollection \| GeoJSON.Feature \| GeoJSON.FeatureCollection \| GeoJSON.Geometry` | `none` | `false` | The contents of the source. A shape can represent a GeoJSON geometry, a feature, or a feature colllection. |
 | cluster | `boolean` | `none` | `false` | Enables clustering on the source for point shapes. |
 | clusterRadius | `number` | `none` | `false` | Specifies the radius of each cluster if clustering is enabled.<br/>A value of 512 produces a radius equal to the width of a tile.<br/>The default value is 50. |
 | clusterMaxZoomLevel | `number` | `none` | `false` | Specifies the maximum zoom level at which to cluster points if clustering is enabled.<br/>Defaults to one zoom level less than the value of maxZoomLevel so that, at the maximum zoom level,<br/>the shapes are not clustered. |

package/docs/Style.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from Style.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/Style.tsx -->
 ## <MapLibreGL.Style />
 ### Style is a component that automatically adds sources / layers to the map using MapLibre Style Spec.<br/>Only [`sources`](https://maplibre.org/maplibre-gl-js-docs/style-spec/sources/) & [`layers`](https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/) are supported.<br/>Other fields such as `sprites`, `glyphs` etc. will be ignored. Not all layer / source attributes from the style spec are supported, in general the supported attributes will be mentioned under https://github.com/maplibre/maplibre-react-native/tree/main/docs.<br/><br/>TODO: Maintainer forking this project does not understand the above comment regarding what is supported.
 

package/docs/SymbolLayer.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from SymbolLayer.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/SymbolLayer.tsx -->
 ## <MapLibreGL.SymbolLayer />
 ### SymbolLayer is a style layer that renders icon and text labels at points or along lines on the map.
 

package/docs/UserLocation.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from UserLocation.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/UserLocation.tsx -->
 ## <MapLibreGL.UserLocation />
 ### 
 

package/docs/VectorSource.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from VectorSource.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/components/VectorSource.tsx -->
 ## <MapLibreGL.VectorSource />
 ### VectorSource is a map content source that supplies tiled vector data in Mapbox Vector Tile format to be shown on the map.<br/>The location of and metadata about the tiles are defined either by an option dictionary or by an external file that conforms to the TileJSON specification.
 
@@ -19,7 +20,7 @@
 | children | `React.ReactElement \| React.ReactElement[]` | `none` | `false` | FIX ME NO DESCRIPTION |
 
 ### methods
-#### features([layerIDs][, filter])
+#### features([layerIDs], [filter])
 
 Returns all features that match the query parameters regardless of whether or not the feature is<br/>currently rendered on the map. The domain of the query includes all currently-loaded vector tiles<br/>and GeoJSON source tiles. This function does not check tiles outside of the visible viewport.
 

package/docs/coordinates.md

@@ -1,4 +1,5 @@
-<!-- This file was autogenerated from coordinates.js do not modify -->
+<!-- DO NOT MODIFY! -->
+<!-- This file is auto-generated from javascript/modules/location/locationManager.ts -->
 ## <MapLibreGL.coordinates />
 ### Coorinates sent by locationManager