@maplibre/maplibre-react-native 8.6.0-beta.1 → 9.0.0

package/javascript/modules/offline/offlineManager.js

@@ -5,10 +5,10 @@ import OfflinePack from './OfflinePack';
 
 import {NativeModules, NativeEventEmitter} from 'react-native';
 
-const MapboxGL = NativeModules.MGLModule;
-const MapboxGLOfflineManager = NativeModules.MGLOfflineModule;
+const MapLibreGL = NativeModules.MGLModule;
+const MapLibreGLOfflineManager = NativeModules.MGLOfflineModule;
 export const OfflineModuleEventEmitter = new NativeEventEmitter(
-  MapboxGLOfflineManager,
+  MapLibreGLOfflineManager,
 );
 
 /**
@@ -39,7 +39,7 @@ class OfflineManager {
    * const progressListener = (offlineRegion, status) => console.log(offlineRegion, status);
    * const errorListener = (offlineRegion, err) => console.log(offlineRegion, err);
    *
-   * await MapboxGL.offlineManager.createPack({
+   * await MapLibreGL.offlineManager.createPack({
    *   name: 'offlinePack',
    *   styleURL: 'mapbox://...',
    *   minZoom: 14,
@@ -64,7 +64,7 @@ class OfflineManager {
     }
 
     this.subscribe(packOptions.name, progressListener, errorListener);
-    const nativeOfflinePack = await MapboxGLOfflineManager.createPack(
+    const nativeOfflinePack = await MapLibreGLOfflineManager.createPack(
       packOptions,
     );
     this._offlinePacks[packOptions.name] = new OfflinePack(nativeOfflinePack);
@@ -76,7 +76,7 @@ class OfflineManager {
    * This is more efficient than deleting the offline pack and downloading it again. If the data stored locally matches that on the server, new data will not be downloaded.
    *
    * @example
-   * await MapboxGL.offlineManager.invalidatePack('packName')
+   * await MapLibreGL.offlineManager.invalidatePack('packName')
    *
    * @param  {String}  name  Name of the offline pack.
    * @return {void}
@@ -90,7 +90,7 @@ class OfflineManager {
 
     const offlinePack = this._offlinePacks[name];
     if (offlinePack) {
-      await MapboxGLOfflineManager.invalidatePack(name);
+      await MapLibreGLOfflineManager.invalidatePack(name);
     }
   }
 
@@ -98,7 +98,7 @@ class OfflineManager {
    * Unregisters the given offline pack and allows resources that are no longer required by any remaining packs to be potentially freed.
    *
    * @example
-   * await MapboxGL.offlineManager.deletePack('packName')
+   * await MapLibreGL.offlineManager.deletePack('packName')
    *
    * @param  {String}  name  Name of the offline pack.
    * @return {void}
@@ -112,7 +112,7 @@ class OfflineManager {
 
     const offlinePack = this._offlinePacks[name];
     if (offlinePack) {
-      await MapboxGLOfflineManager.deletePack(name);
+      await MapLibreGLOfflineManager.deletePack(name);
       delete this._offlinePacks[name];
     }
   }
@@ -124,13 +124,13 @@ class OfflineManager {
    * It does not erase resources from the ambient cache or delete the database, which can be computationally expensive operations that may carry unintended side effects.
    *
    * @example
-   * await MapboxGL.offlineManager.invalidateAmbientCache();
+   * await MapLibreGL.offlineManager.invalidateAmbientCache();
    *
    * @return {void}
    */
   async invalidateAmbientCache() {
     await this._initialize();
-    await MapboxGLOfflineManager.invalidateAmbientCache();
+    await MapLibreGLOfflineManager.invalidateAmbientCache();
   }
 
   /**
@@ -138,13 +138,13 @@ class OfflineManager {
    * This method clears the cache and decreases the amount of space that map resources take up on the device.
    *
    * @example
-   * await MapboxGL.offlineManager.clearAmbientCache();
+   * await MapLibreGL.offlineManager.clearAmbientCache();
    *
    * @return {void}
    */
   async clearAmbientCache() {
     await this._initialize();
-    await MapboxGLOfflineManager.clearAmbientCache();
+    await MapLibreGLOfflineManager.clearAmbientCache();
   }
 
   /**
@@ -152,34 +152,34 @@ class OfflineManager {
    * This method may be computationally expensive because it will erase resources from the ambient cache if its size is decreased.
    *
    * @example
-   * await MapboxGL.offlineManager.setMaximumAmbientCacheSize(5000000);
+   * await MapLibreGL.offlineManager.setMaximumAmbientCacheSize(5000000);
    *
    * @param  {Number}  size  Size of ambient cache.
    * @return {void}
    */
   async setMaximumAmbientCacheSize(size) {
     await this._initialize();
-    await MapboxGLOfflineManager.setMaximumAmbientCacheSize(size);
+    await MapLibreGLOfflineManager.setMaximumAmbientCacheSize(size);
   }
 
   /**
    * Deletes the existing database, which includes both the ambient cache and offline packs, then reinitializes it.
    *
    * @example
-   * await MapboxGL.offlineManager.resetDatabase();
+   * await MapLibreGL.offlineManager.resetDatabase();
    *
    * @return {void}
    */
   async resetDatabase() {
     await this._initialize();
-    await MapboxGLOfflineManager.resetDatabase();
+    await MapLibreGLOfflineManager.resetDatabase();
   }
 
   /**
    * Retrieves all the current offline packs that are stored in the database.
    *
    * @example
-   * const offlinePacks = await MapboxGL.offlineManager.getPacks();
+   * const offlinePacks = await MapLibreGL.offlineManager.getPacks();
    *
    * @return {Array<OfflinePack>}
    */
@@ -194,7 +194,7 @@ class OfflineManager {
    * Retrieves an offline pack that is stored in the database by name.
    *
    * @example
-   * const offlinePack = await MapboxGL.offlineManager.getPack();
+   * const offlinePack = await MapLibreGL.offlineManager.getPack();
    *
    * @param  {String}  name  Name of the offline pack.
    * @return {OfflinePack}
@@ -208,28 +208,28 @@ class OfflineManager {
    * Sideloads offline db
    *
    * @example
-   * await MapboxGL.offlineManager.mergeOfflineRegions(path);
+   * await MapLibreGL.offlineManager.mergeOfflineRegions(path);
    *
    * @param {String} path Path to offline tile db on file system.
    * @return {void}
    */
   async mergeOfflineRegions(path) {
     await this._initialize();
-    return MapboxGLOfflineManager.mergeOfflineRegions(path);
+    return MapLibreGLOfflineManager.mergeOfflineRegions(path);
   }
 
   /**
-   * Sets the maximum number of Mapbox-hosted tiles that may be downloaded and stored on the current device.
-   * The Mapbox Terms of Service prohibit changing or bypassing this limit without permission from Mapbox.
+   * Sets the maximum number of tiles that may be downloaded and stored on the current device.
+   * Consult the Terms of Service for your map tile host before changing this value.
    *
    * @example
-   * MapboxGL.offlineManager.setTileCountLimit(1000);
+   * MapLibreGL.offlineManager.setTileCountLimit(1000);
    *
    * @param {Number} limit Map tile limit count.
    * @return {void}
    */
   setTileCountLimit(limit) {
-    MapboxGLOfflineManager.setTileCountLimit(limit);
+    MapLibreGLOfflineManager.setTileCountLimit(limit);
   }
 
   /**
@@ -237,13 +237,13 @@ class OfflineManager {
    * The default is 500ms.
    *
    * @example
-   * MapboxGL.offlineManager.setProgressEventThrottle(500);
+   * MapLibreGL.offlineManager.setProgressEventThrottle(500);
    *
    * @param {Number} throttleValue event throttle value in ms.
    * @return {void}
    */
   setProgressEventThrottle(throttleValue) {
-    MapboxGLOfflineManager.setProgressEventThrottle(throttleValue);
+    MapLibreGLOfflineManager.setProgressEventThrottle(throttleValue);
   }
 
   /**
@@ -253,7 +253,7 @@ class OfflineManager {
    * @example
    * const progressListener = (offlinePack, status) => console.log(offlinePack, status)
    * const errorListener = (offlinePack, err) => console.log(offlinePack, err)
-   * MapboxGL.offlineManager.subscribe('packName', progressListener, errorListener)
+   * MapLibreGL.offlineManager.subscribe('packName', progressListener, errorListener)
    *
    * @param  {String} packName           Name of the offline pack.
    * @param  {Callback} progressListener Callback that listens for status events while downloading the offline resource.
@@ -265,7 +265,7 @@ class OfflineManager {
     if (isFunction(progressListener)) {
       if (totalProgressListeners === 0) {
         this.subscriptionProgress = OfflineModuleEventEmitter.addListener(
-          MapboxGL.OfflineCallbackName.Progress,
+          MapLibreGL.OfflineCallbackName.Progress,
           this._onProgress,
         );
       }
@@ -276,7 +276,7 @@ class OfflineManager {
     if (isFunction(errorListener)) {
       if (totalErrorListeners === 0) {
         this.subscriptionError = OfflineModuleEventEmitter.addListener(
-          MapboxGL.OfflineCallbackName.Error,
+          MapLibreGL.OfflineCallbackName.Error,
           this._onError,
         );
       }
@@ -288,7 +288,7 @@ class OfflineManager {
     if (isAndroid() && this._offlinePacks[packName]) {
       try {
         // manually set a listener, since listeners are only set on create flow
-        await MapboxGLOfflineManager.setPackObserver(packName);
+        await MapLibreGLOfflineManager.setPackObserver(packName);
       } catch (e) {
         console.log('Unable to set pack observer', e);
       }
@@ -300,7 +300,7 @@ class OfflineManager {
    * It's a good idea to call this on componentWillUnmount.
    *
    * @example
-   * MapboxGL.offlineManager.unsubscribe('packName')
+   * MapLibreGL.offlineManager.unsubscribe('packName')
    *
    * @param  {String} packName Name of the offline pack.
    * @return {void}
@@ -329,7 +329,7 @@ class OfflineManager {
       return true;
     }
 
-    const nativeOfflinePacks = await MapboxGLOfflineManager.getPacks();
+    const nativeOfflinePacks = await MapLibreGLOfflineManager.getPacks();
 
     for (const nativeOfflinePack of nativeOfflinePacks) {
       const offlinePack = new OfflinePack(nativeOfflinePack);
@@ -351,7 +351,7 @@ class OfflineManager {
     this._progressListeners[name](pack, e.payload);
 
     // cleanup listeners now that they are no longer needed
-    if (state === MapboxGL.OfflinePackDownloadState.Complete) {
+    if (state === MapLibreGL.OfflinePackDownloadState.Complete) {
       this.unsubscribe(name);
     }
   }

package/javascript/modules/snapshot/SnapshotOptions.js

@@ -3,7 +3,7 @@ import {makePoint, makeFeatureCollection} from '../../utils/geoUtils';
 
 import {NativeModules} from 'react-native';
 
-const MapboxGL = NativeModules.MGLModule;
+const MapLibreGL = NativeModules.MGLModule;
 
 class SnapshotOptions {
   constructor(options = {}) {
@@ -13,7 +13,7 @@ class SnapshotOptions {
       );
     }
 
-    this.styleURL = options.styleURL || MapboxGL.StyleURL.Street;
+    this.styleURL = options.styleURL || MapLibreGL.StyleURL.Street;
     this.heading = options.heading || 0.0;
     this.pitch = options.pitch || 0.0;
     this.zoomLevel = options.zoomLevel || 16.0;

package/javascript/modules/snapshot/snapshotManager.js

@@ -2,7 +2,7 @@ import SnapshotOptions from './SnapshotOptions';
 
 import {NativeModules} from 'react-native';
 
-const MapboxGLSnapshotManger = NativeModules.MGLSnapshotModule;
+const MapLibreGLSnapshotManger = NativeModules.MGLSnapshotModule;
 
 /**
  * The snapshotManager generates static raster images of the map.
@@ -16,35 +16,35 @@ class SnapshotManager {
    * @example
    *
    * // creates a temp file png of base map
-   * const uri = await MapboxGL.snapshotManager.takeSnap({
+   * const uri = await MapLibreGL.snapshotManager.takeSnap({
    *   centerCoordinate: [-74.126410, 40.797968],
    *   width: width,
    *   height: height,
    *   zoomLevel: 12,
    *   pitch: 30,
    *   heading: 20,
-   *   styleURL: MapboxGL.StyleURL.Dark,
+   *   styleURL: MapLibreGL.StyleURL.Dark,
    *   writeToDisk: true, // Create a temporary file
    * });
    *
    * // creates base64 png of base map without logo
-   * const uri = await MapboxGL.snapshotManager.takeSnap({
+   * const uri = await MapLibreGL.snapshotManager.takeSnap({
    *   centerCoordinate: [-74.126410, 40.797968],
    *   width: width,
    *   height: height,
    *   zoomLevel: 12,
    *   pitch: 30,
    *   heading: 20,
-   *   styleURL: MapboxGL.StyleURL.Dark,
+   *   styleURL: MapLibreGL.StyleURL.Dark,
    *   withLogo: false, // Disable Mapbox logo (Android only)
    * });
    *
    * // creates snapshot with bounds
-   * const uri = await MapboxGL.snapshotManager.takeSnap({
+   * const uri = await MapLibreGL.snapshotManager.takeSnap({
    *   bounds: [[-74.126410, 40.797968], [-74.143727, 40.772177]],
    *   width: width,
    *   height: height,
-   *   styleURL: MapboxGL.StyleURL.Dark,
+   *   styleURL: MapLibreGL.StyleURL.Dark,
    * });
    *
    * @param  {SnapshotOptions}  options Snapshot options for create a static image of the base map
@@ -53,7 +53,7 @@ class SnapshotManager {
   async takeSnap(options = {}) {
     const snapshotOptions = new SnapshotOptions(options);
 
-    const uri = await MapboxGLSnapshotManger.takeSnap(snapshotOptions);
+    const uri = await MapLibreGLSnapshotManger.takeSnap(snapshotOptions);
     return uri;
   }
 }

package/javascript/utils/styleMap.js

@@ -24,11 +24,19 @@ export function getStyleType(styleProp) {
     return styleMap[styleProp];
   }
 
-  throw new Error(`${styleProp} is not a valid Mapbox layer style`);
+  throw new Error(`${styleProp} is not a valid MapLibre layer style`);
 }
 
 export const FillLayerStyleProp = PropTypes.shape({
 
+  /**
+   * Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key.
+   */
+  fillSortKey: PropTypes.oneOfType([
+    PropTypes.number,
+    PropTypes.array,
+  ]),
+
   /**
    * Whether this layer is displayed.
    */
@@ -172,6 +180,14 @@ export const LineLayerStyleProp = PropTypes.shape({
     PropTypes.array,
   ]),
 
+  /**
+   * Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key.
+   */
+  lineSortKey: PropTypes.oneOfType([
+    PropTypes.number,
+    PropTypes.array,
+  ]),
+
   /**
    * Whether this layer is displayed.
    */
@@ -366,7 +382,7 @@ export const SymbolLayerStyleProp = PropTypes.shape({
   ]),
 
   /**
-   * If true, the symbols will not cross tile edges to avoid mutual collisions. Recommended in layers that don't have enough padding in the vector tile to prevent collisions, or if it is a point symbol layer placed after a line symbol layer. When using a client that supports global collision detection, like Mapbox GL JS version 0.42.0 or greater, enabling this property is not needed to prevent clipped labels at tile boundaries.
+   * If true, the symbols will not cross tile edges to avoid mutual collisions. Recommended in layers that don't have enough padding in the vector tile to prevent collisions, or if it is a point symbol layer placed after a line symbol layer. When using a client that supports global collision detection, like MapLibre GL JS version 0.42.0 or greater, enabling this property is not needed to prevent clipped labels at tile boundaries.
    */
   symbolAvoidEdges: PropTypes.oneOfType([
     PropTypes.bool,
@@ -374,7 +390,7 @@ export const SymbolLayerStyleProp = PropTypes.shape({
   ]),
 
   /**
-   * Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key when they overlap. Features with a lower sort key will have priority over other features when doing placement.
+   * Sorts features in ascending order based on this value. Features with lower sort keys are drawn and placed first.  When `iconAllowOverlap` or `textAllowOverlap` is `false`, features with a lower sort key will have priority during placement. When `iconAllowOverlap` or `textAllowOverlap` is set to `true`, features with a higher sort key will overlap over features with a lower sort key.
    */
   symbolSortKey: PropTypes.oneOfType([
     PropTypes.number,
@@ -382,7 +398,7 @@ export const SymbolLayerStyleProp = PropTypes.shape({
   ]),
 
   /**
-   * Controls the order in which overlapping symbols in the same layer are rendered
+   * Determines whether overlapping symbols in the same layer are rendered in the order that they appear in the data source or by their yPosition relative to the viewport. To control the order and prioritization of symbols otherwise, use `symbolSortKey`.
    */
   symbolZOrder: PropTypes.oneOfType([
     PropTypes.oneOf(['auto', 'viewport-y', 'source']),
@@ -393,6 +409,8 @@ export const SymbolLayerStyleProp = PropTypes.shape({
    * If true, the icon will be visible even if it collides with other previously drawn symbols.
    *
    * @requires iconImage
+   *
+   * @disabledBy iconOverlap
    */
   iconAllowOverlap: PropTypes.oneOfType([
     PropTypes.bool,
@@ -479,7 +497,7 @@ export const SymbolLayerStyleProp = PropTypes.shape({
   ]),
 
   /**
-   * Size of the additional area around the icon bounding box used for detecting symbol collisions.
+   * Size of additional area round the icon bounding box used for detecting symbol collisions. Values are declared using CSS margin shorthand syntax: a single value applies to all four sides; two values apply to [top/bottom, left/right]; three values apply to [top, left/right, bottom]; four values apply to [top, right, bottom, left]. For backwards compatibility, a single bare number is accepted, and treated the same as a oneElement array  padding applied to all sides.
    *
    * @requires iconImage
    */
@@ -544,7 +562,7 @@ export const SymbolLayerStyleProp = PropTypes.shape({
    * @requires textField
    */
   textRotationAlignment: PropTypes.oneOfType([
-    PropTypes.oneOf(['map', 'viewport', 'auto']),
+    PropTypes.oneOf(['map', 'viewport', 'viewport-glyph', 'auto']),
     PropTypes.array,
   ]),
 
@@ -718,6 +736,8 @@ export const SymbolLayerStyleProp = PropTypes.shape({
    * If true, the text will be visible even if it collides with other previously drawn symbols.
    *
    * @requires textField
+   *
+   * @disabledBy textOverlap
    */
   textAllowOverlap: PropTypes.oneOfType([
     PropTypes.bool,
@@ -988,6 +1008,14 @@ export const SymbolLayerStyleProp = PropTypes.shape({
 
 export const CircleLayerStyleProp = PropTypes.shape({
 
+  /**
+   * Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key.
+   */
+  circleSortKey: PropTypes.oneOfType([
+    PropTypes.number,
+    PropTypes.array,
+  ]),
+
   /**
    * Whether this layer is displayed.
    */
@@ -1667,6 +1695,7 @@ export const LightLayerStyleProp = PropTypes.shape({
 
 
 const styleMap = {
+  fillSortKey: StyleTypes.Constant,
   fillAntialias: StyleTypes.Constant,
   fillOpacity: StyleTypes.Constant,
   fillOpacityTransition: StyleTypes.Transition,
@@ -1684,6 +1713,7 @@ const styleMap = {
   lineJoin: StyleTypes.Enum,
   lineMiterLimit: StyleTypes.Constant,
   lineRoundLimit: StyleTypes.Constant,
+  lineSortKey: StyleTypes.Constant,
   lineOpacity: StyleTypes.Constant,
   lineOpacityTransition: StyleTypes.Transition,
   lineColor: StyleTypes.Color,
@@ -1773,6 +1803,7 @@ const styleMap = {
   textTranslateTransition: StyleTypes.Transition,
   textTranslateAnchor: StyleTypes.Enum,
 
+  circleSortKey: StyleTypes.Constant,
   circleRadius: StyleTypes.Constant,
   circleRadiusTransition: StyleTypes.Transition,
   circleColor: StyleTypes.Color,

package/maplibre-react-native.podspec

@@ -28,7 +28,7 @@ def $RNMBGL.post_install(installer)
     url: "https://github.com/maplibre/maplibre-gl-native-distribution",
     requirement: {
       kind: "exactVersion",
-      version: "5.12.2"
+      version: "5.13.0"
     },
     product_name: "Mapbox"
   }

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@maplibre/maplibre-react-native",
   "description": "A MapLibre GL Native plugin for creating maps in React Native",
-  "version": "8.6.0-beta.1",
+  "version": "9.0.0",
   "publishConfig": {
     "access": "public"
   },
   "author": "MapLibre",
   "main": "./javascript/index.js",
   "keywords": [
-    "gl",
+    "maps",
     "ios",
     "android",
-    "mapbox",
     "maplibre",
-    "react-native"
+    "react-native",
+    "mapbox"
   ],
   "license": "MIT",
   "repository": {
@@ -21,7 +21,7 @@
     "url": "https://github.com/maplibre/maplibre-react-native"
   },
   "scripts": {
-    "fetch:style:spec": ". ./scripts/download-style-spec.sh",
+    "fetch:style:spec": "./scripts/download-style-spec.sh",
     "generate": "yarn node ./scripts/autogenerate",
     "test": "npm run lint && npm run unittest",
     "unittest": "jest",

package/plugin/build/{withMapbox.d.ts → withMapLibre.d.ts}

@@ -2,7 +2,7 @@ import { ConfigPlugin, XcodeProject } from '@expo/config-plugins';
 type InstallerBlockName = 'pre' | 'post';
 export declare function applyCocoaPodsModifications(contents: string): string;
 export declare function addInstallerBlock(src: string, blockName: InstallerBlockName): string;
-export declare function addMapboxInstallerBlock(src: string, blockName: InstallerBlockName): string;
+export declare function addMapLibreInstallerBlock(src: string, blockName: InstallerBlockName): string;
 /**
  * Exclude building for arm64 on simulator devices in the pbxproj project.
  * Without this, production builds targeting simulators will fail.

package/plugin/build/{withMapbox.js → withMapLibre.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setExcludedArchitectures = exports.addMapboxInstallerBlock = exports.addInstallerBlock = exports.applyCocoaPodsModifications = void 0;
+exports.setExcludedArchitectures = exports.addMapLibreInstallerBlock = exports.addInstallerBlock = exports.applyCocoaPodsModifications = void 0;
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const config_plugins_1 = require("@expo/config-plugins");
@@ -43,8 +43,8 @@ function applyCocoaPodsModifications(contents) {
     // Ensure installer blocks exist
     let src = addInstallerBlock(contents, 'pre');
     // src = addInstallerBlock(src, "post");
-    src = addMapboxInstallerBlock(src, 'pre');
-    // src = addMapboxInstallerBlock(src, "post");
+    src = addMapLibreInstallerBlock(src, 'pre');
+    // src = addMapLibreInstallerBlock(src, "post");
     return src;
 }
 exports.applyCocoaPodsModifications = applyCocoaPodsModifications;
@@ -77,7 +77,7 @@ function addInstallerBlock(src, blockName) {
     }).contents;
 }
 exports.addInstallerBlock = addInstallerBlock;
-function addMapboxInstallerBlock(src, blockName) {
+function addMapLibreInstallerBlock(src, blockName) {
     return (0, generateCode_1.mergeContents)({
         tag: `@maplibre/maplibre-react-native-${blockName}_installer`,
         src,
@@ -87,7 +87,7 @@ function addMapboxInstallerBlock(src, blockName) {
         comment: '#',
     }).contents;
 }
-exports.addMapboxInstallerBlock = addMapboxInstallerBlock;
+exports.addMapLibreInstallerBlock = addMapLibreInstallerBlock;
 /**
  * Exclude building for arm64 on simulator devices in the pbxproj project.
  * Without this, production builds targeting simulators will fail.
@@ -112,8 +112,8 @@ const withExcludedSimulatorArchitectures = c => {
         return config;
     });
 };
-const withMapbox = config => {
+const withMapLibre = config => {
     config = withExcludedSimulatorArchitectures(config);
     return withCocoaPodsInstallerBlocks(config);
 };
-exports.default = (0, config_plugins_1.createRunOncePlugin)(withMapbox, pkg.name, pkg.version);
+exports.default = (0, config_plugins_1.createRunOncePlugin)(withMapLibre, pkg.name, pkg.version);

package/plugin/install.md

@@ -1,6 +1,6 @@
 # Expo installation
 
-> This package cannot be used in the "Expo Go" app because [it requires custom native code](https://docs.expo.io/workflow/customizing/).
+NOTE: This package cannot be used in the "Expo Go" app because [it requires custom native code](https://docs.expo.io/workflow/customizing/).
 
 First install the package with `yarn`, `npm`, or [`expo install`](https://docs.expo.io/workflow/expo-cli/#expo-install).
 

package/scripts/download-style-spec.sh

@@ -1,6 +1,6 @@
 #!/bin/sh
 
-echo "Downloading MapboxGL Style Spec"
+echo "Downloading MapLibre Style Spec"
 cd style-spec/
 
 FILENAME=v8.json
@@ -11,5 +11,5 @@ if [ -e "./${FILENAME}" ]; then
 fi
 
 echo "Fetching new style spec ${FILENAME}"
-curl -sS https://raw.githubusercontent.com/mapbox/mapbox-gl-js/master/src/style-spec/reference/${FILENAME} -o ${FILENAME}
+curl -sS https://raw.githubusercontent.com/maplibre/maplibre-gl-js/master/src/style-spec/reference/${FILENAME} -o ${FILENAME}
 cd ..

package/scripts/templates/component.md.ejs

@@ -2,7 +2,7 @@
   const component = locals.component;
 -%>
 <!-- This file was autogenerated from <%- component.name %>.js do not modify -->
-## <MapboxGL.<%- component.name %> />
+## <MapLibreGL.<%- component.name %> />
 ### <%- replaceNewLine(component.description) %>
 
 <%_ if (component.props && component.props.length) { _%>

package/scripts/templates/styleMap.js.ejs

@@ -27,7 +27,7 @@ export function getStyleType(styleProp) {
     return styleMap[styleProp];
   }
 
-  throw new Error(`${styleProp} is not a valid Mapbox layer style`);
+  throw new Error(`${styleProp} is not a valid MapLibre layer style`);
 }
 
 <%_ for (let layer of layers) { _%>