@jadamsbit/react-native-mapbox-navigation 1.0.11 → 1.0.13

package/CONTRIBUTING.md

@@ -1,11 +1,122 @@
 # Contributing
 
-Contributing to this project should be as easy and transparent as possible.
+Contributions are always welcome, no matter how large or small!
 
-## Workflow
+We want this community to be friendly and respectful to each other. Please follow it in all your interactions with the project. Before contributing, please read the [code of conduct](./CODE_OF_CONDUCT.md).
 
-We use [GitHub Flow](https://guides.github.com/introduction/flow/), so all code changes happen through pull requests.
+## Development workflow
 
-1.  Fork the repository and create your branch from `master`.
-2.  If you've changed the functionality, update the documentation.
-3.  Issue that pull request! :tada:
+This project is a monorepo managed using [Yarn workspaces](https://yarnpkg.com/features/workspaces). It contains the following packages:
+
+- The library package in the root directory.
+- An example app in the `example/` directory.
+
+To get started with the project, run `yarn` in the root directory to install the required dependencies for each package:
+
+```sh
+yarn
+```
+
+> Since the project relies on Yarn workspaces, you cannot use [`npm`](https://github.com/npm/cli) for development.
+
+The [example app](/example/) demonstrates usage of the library. You need to run it to test any changes you make.
+
+It is configured to use the local version of the library, so any changes you make to the library's source code will be reflected in the example app. Changes to the library's JavaScript code will be reflected in the example app without a rebuild, but native code changes will require a rebuild of the example app.
+
+If you want to use Android Studio or XCode to edit the native code, you can open the `example/android` or `example/ios` directories respectively in those editors. To edit the Objective-C or Swift files, open `example/ios/MapboxNavigationExample.xcworkspace` in XCode and find the source files at `Pods > Development Pods > react-native-mapbox-navigation`.
+
+To edit the Java or Kotlin files, open `example/android` in Android studio and find the source files at `react-native-mapbox-navigation` under `Android`.
+
+You can use various commands from the root directory to work with the project.
+
+To start the packager:
+
+```sh
+yarn example start
+```
+
+To run the example app on Android:
+
+```sh
+yarn example android
+```
+
+To run the example app on iOS:
+
+```sh
+yarn example ios
+```
+
+Make sure your code passes TypeScript and ESLint. Run the following to verify:
+
+```sh
+yarn typecheck
+yarn lint
+```
+
+To fix formatting errors, run the following:
+
+```sh
+yarn lint --fix
+```
+
+Remember to add tests for your change if possible. Run the unit tests by:
+
+```sh
+yarn test
+```
+
+### Commit message convention
+
+We follow the [conventional commits specification](https://www.conventionalcommits.org/en) for our commit messages:
+
+- `fix`: bug fixes, e.g. fix crash due to deprecated method.
+- `feat`: new features, e.g. add new method to the module.
+- `refactor`: code refactor, e.g. migrate from class components to hooks.
+- `docs`: changes into documentation, e.g. add usage example for the module..
+- `test`: adding or updating tests, e.g. add integration tests using detox.
+- `chore`: tooling changes, e.g. change CI config.
+
+Our pre-commit hooks verify that your commit message matches this format when committing.
+
+### Linting and tests
+
+[ESLint](https://eslint.org/), [Prettier](https://prettier.io/), [TypeScript](https://www.typescriptlang.org/)
+
+We use [TypeScript](https://www.typescriptlang.org/) for type checking, [ESLint](https://eslint.org/) with [Prettier](https://prettier.io/) for linting and formatting the code, and [Jest](https://jestjs.io/) for testing.
+
+Our pre-commit hooks verify that the linter and tests pass when committing.
+
+### Publishing to npm
+
+We use [release-it](https://github.com/release-it/release-it) to make it easier to publish new versions. It handles common tasks like bumping version based on semver, creating tags and releases etc.
+
+To publish new versions, run the following:
+
+```sh
+yarn release
+```
+
+### Scripts
+
+The `package.json` file contains various scripts for common tasks:
+
+- `yarn`: setup project by installing dependencies.
+- `yarn typecheck`: type-check files with TypeScript.
+- `yarn lint`: lint files with ESLint.
+- `yarn test`: run unit tests with Jest.
+- `yarn example start`: start the Metro server for the example app.
+- `yarn example android`: run the example app on Android.
+- `yarn example ios`: run the example app on iOS.
+
+### Sending a pull request
+
+> **Working on your first pull request?** You can learn how from this _free_ series: [How to Contribute to an Open Source Project on GitHub](https://app.egghead.io/playlists/how-to-contribute-to-an-open-source-project-on-github).
+
+When you're sending a pull request:
+
+- Prefer small pull requests focused on one change.
+- Verify that linters and tests are passing.
+- Review the documentation to make sure it looks good.
+- Follow the pull request template when opening a pull request.
+- For pull requests that change the API or implementation, discuss with maintainers first by opening an issue.

package/LICENSE

@@ -1,7 +1,6 @@
 MIT License
 
 Copyright (c) 2024 Jamie Adams
-
 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
@@ -18,4 +17,4 @@ 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.
+SOFTWARE.

package/README.md

@@ -2,7 +2,7 @@
 
 <!-- <img alt="React Native Mapbox Navigation" src="./img/ios-nav.png?v=2" width="300" align="right" /> -->
 
-Smart Mapbox turn-by-turn routing based on real-time traffic for React Native. A navigation UI ready to drop into your React Native application. 
+Smart Mapbox turn-by-turn routing based on real-time traffic for React Native. A navigation UI ready to drop into your React Native application.
 
 ## Features
 
@@ -237,9 +237,9 @@ For more information you can read the [docs provided by Mapbox](https://docs.map
 ## Usage
 
 ```jsx
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import MapboxNavigation from "@jadamsbit/react-native-mapbox-navigation";
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import MapboxNavigation from '@jadamsbit/react-native-mapbox-navigation';
 
 export const SomeComponent = () => {
   return (

package/android/build.gradle

@@ -8,7 +8,7 @@ buildscript {
   }
 
   dependencies {
-    classpath "com.android.tools.build:gradle:7.2.2"
+    classpath "com.android.tools.build:gradle:7.3.1"
     // noinspection DifferentKotlinGradleVersion
     classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
   }
@@ -55,8 +55,8 @@ android {
   }
 
   compileOptions {
-    sourceCompatibility JavaVersion.VERSION_1_8
-    targetCompatibility JavaVersion.VERSION_1_8
+    sourceCompatibility JavaVersion.VERSION_17
+    targetCompatibility JavaVersion.VERSION_17
   }
 
   // Add the block below if you're using Kotlin
@@ -66,8 +66,11 @@ android {
 
    buildFeatures {
       viewBinding true
+      buildConfig true
   }
 
+  namespace 'com.jadamsbit.mapboxnavigation'
+
 }
 
 repositories {
@@ -81,13 +84,14 @@ dependencies {
   // For < 0.71, this will be from the local maven repo
   // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
   //noinspection GradleDynamicVersion
-  implementation "com.facebook.react:react-native:+"
+  implementation "com.facebook.react:react-native:0.20.1"
   implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk8:$kotlin_version"
 
   // mapbox dependencies
   implementation "com.mapbox.navigation:android:2.18.1"
   implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
   implementation 'androidx.cardview:cardview:1.0.0'
+  implementation 'androidx.core:core:1.12.0'
 }
 
 if (isNewArchitectureEnabled()) {
@@ -96,4 +100,4 @@ if (isNewArchitectureEnabled()) {
     libraryName = "MapboxNavigationView"
     codegenJavaPackageName = "com.jadamsbit.mapboxnavigation"
   }
-}
+}

package/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,7 +1,7 @@
-#Mon Feb 12 09:11:13 IST 2024
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.3.3-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.6-bin.zip
 networkTimeout=10000
+validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists

package/android/gradle.properties

@@ -1,4 +1,6 @@
-MapboxNavigation_kotlinVersion=1.6.0
-MapboxNavigation_compileSdkVersion=33
+MapboxNavigation_kotlinVersion=1.9.23
 MapboxNavigation_minSdkVersion=21
-MapboxNavigation_targetSdkVersion=33
+MapboxNavigation_targetSdkVersion=34
+MapboxNavigation_compileSdkVersion=34
+MapboxNavigation_ndkversion=21.4.7075529
+android.useAndroidX=true

package/android/gradlew

@@ -83,10 +83,8 @@ done
 # This is normally unused
 # shellcheck disable=SC2034
 APP_BASE_NAME=${0##*/}
-APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
-
-# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd "${APP_HOME:-./}" > /dev/null && pwd -P ) || exit
 
 # Use the maximum available, or set MAX_FD != -1 to use that value.
 MAX_FD=maximum
@@ -133,10 +131,13 @@ location of your Java installation."
     fi
 else
     JAVACMD=java
-    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
 
 Please set the JAVA_HOME variable in your environment to match the
 location of your Java installation."
+    fi
 fi
 
 # Increase the maximum file descriptors if we can.
@@ -144,7 +145,7 @@ if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
     case $MAX_FD in #(
       max*)
         # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC3045
+        # shellcheck disable=SC2039,SC3045
         MAX_FD=$( ulimit -H -n ) ||
             warn "Could not query maximum file descriptor limit"
     esac
@@ -152,7 +153,7 @@ if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
       '' | soft) :;; #(
       *)
         # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
-        # shellcheck disable=SC3045
+        # shellcheck disable=SC2039,SC3045
         ulimit -n "$MAX_FD" ||
             warn "Could not set maximum file descriptor limit to $MAX_FD"
     esac
@@ -197,11 +198,15 @@ if "$cygwin" || "$msys" ; then
     done
 fi
 
-# Collect all arguments for the java command;
-#   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
-#     shell script including quotes and variable substitutions, so put them in
-#     double quotes to make sure that they get re-expanded; and
-#   * put everything else in single quotes, so that it's not re-expanded.
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
 
 set -- \
         "-Dorg.gradle.appname=$APP_BASE_NAME" \

package/android/gradlew.bat

@@ -43,11 +43,11 @@ set JAVA_EXE=java.exe
 %JAVA_EXE% -version >NUL 2>&1
 if %ERRORLEVEL% equ 0 goto execute
 
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
 
 goto fail
 
@@ -57,11 +57,11 @@ set JAVA_EXE=%JAVA_HOME%/bin/java.exe
 
 if exist "%JAVA_EXE%" goto execute
 
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
 
 goto fail
 

package/android/src/main/AndroidManifest.xml

@@ -1,4 +1,3 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
           package="com.jadamsbit.mapboxnavigation">
-
 </manifest>

package/android/src/main/AndroidManifestNew.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/java/com/jadamsbit/mapboxnavigation/{MapboxNavigationManager.kt → MapboxNavigationModule.kt}

@@ -12,12 +12,17 @@ import com.mapbox.maps.ResourceOptionsManager
 import com.mapbox.maps.TileStoreUsageMode
 import javax.annotation.Nonnull
 
-class MapboxNavigationManager(var mCallerContext: ReactApplicationContext) : SimpleViewManager<MapboxNavigationView>() {
+class MapboxNavigationModule(var mCallerContext: ReactApplicationContext) : SimpleViewManager<MapboxNavigationView>() {
   private var accessToken: String? = null
+
   init {
     mCallerContext.runOnUiQueueThread {
       try {
-        val app = mCallerContext.packageManager.getApplicationInfo(mCallerContext.packageName, PackageManager.GET_META_DATA)
+        val app =
+            mCallerContext.packageManager.getApplicationInfo(
+                mCallerContext.packageName,
+                PackageManager.GET_META_DATA
+            )
         val bundle = app.metaData
         val accessToken = bundle.getString("MAPBOX_ACCESS_TOKEN")
         this.accessToken = accessToken
@@ -29,9 +34,19 @@ class MapboxNavigationManager(var mCallerContext: ReactApplicationContext) : Sim
       }
     }
   }
-  override fun getName(): String = "MapboxNavigation"
 
-  public override fun createViewInstance(@Nonnull reactContext: ThemedReactContext): MapboxNavigationView {
+
+  override fun getName(): String {
+    return NAME
+  }
+
+  companion object {
+    const val NAME = "MapboxNavigation"
+  }
+
+  public override fun createViewInstance(
+    @Nonnull reactContext: ThemedReactContext
+  ): MapboxNavigationView {
     return MapboxNavigationView(reactContext, this.accessToken)
   }
 
@@ -42,11 +57,16 @@ class MapboxNavigationManager(var mCallerContext: ReactApplicationContext) : Sim
 
   override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Map<String, String>>? {
     return MapBuilder.of<String, Map<String, String>>(
-      "onLocationChange", MapBuilder.of("registrationName", "onLocationChange"),
-      "onError", MapBuilder.of("registrationName", "onError"),
-      "onCancelNavigation", MapBuilder.of("registrationName", "onCancelNavigation"),
-      "onArrive", MapBuilder.of("registrationName", "onArrive"),
-      "onRouteProgressChange", MapBuilder.of("registrationName", "onRouteProgressChange"),
+        "onLocationChange",
+        MapBuilder.of("registrationName", "onLocationChange"),
+        "onError",
+        MapBuilder.of("registrationName", "onError"),
+        "onCancelNavigation",
+        MapBuilder.of("registrationName", "onCancelNavigation"),
+        "onArrive",
+        MapBuilder.of("registrationName", "onArrive"),
+        "onRouteProgressChange",
+        MapBuilder.of("registrationName", "onRouteProgressChange"),
     )
   }
 
@@ -82,21 +102,4 @@ class MapboxNavigationManager(var mCallerContext: ReactApplicationContext) : Sim
   fun setMute(view: MapboxNavigationView, mute: Boolean) {
     view.setMute(mute)
   }
-
-  @ReactProp(name = "waypoints")
-  fun setWaypoints(view: MapboxNavigationView, waypointsArray: ReadableArray?) {
-      waypointsArray?.let {
-          val waypoints = mutableListOf<Point>()
-          for (i in 0 until it.size()) {
-              val waypointArray = it.getArray(i)
-              if (waypointArray !== null && waypointArray.size() >= 2) {
-                  val longitude = waypointArray.getDouble(0)
-                  val latitude = waypointArray.getDouble(1)
-                  waypoints.add(Point.fromLngLat(longitude, latitude))
-              }
-          }
-
-          view.setWaypoints(waypoints)
-      }
-  }
-}
+}

package/android/src/main/java/com/jadamsbit/mapboxnavigation/MapboxNavigationPackage.kt

@@ -4,6 +4,7 @@ import com.facebook.react.ReactPackage
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewManager
+import java.util.*
 
 class MapboxNavigationPackage : ReactPackage {
   override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
@@ -11,6 +12,6 @@ class MapboxNavigationPackage : ReactPackage {
   }
 
   override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
-    return listOf(MapboxNavigationManager(reactContext))
+    return Arrays.asList<ViewManager<*, *>>(MapboxNavigationModule(reactContext))
   }
-}
+}

package/android/src/main/java/com/jadamsbit/mapboxnavigation/MapboxNavigationView.kt

@@ -87,7 +87,6 @@ class MapboxNavigationView(private val context: ThemedReactContext, private val
     }
 
     private var origin: Point? = null
-    private var waypoints: List<Point>? = null
     private var destination: Point? = null
     private var shouldSimulateRoute = false
     private var showsEndOfRouteFeedback = false
@@ -471,6 +470,7 @@ class MapboxNavigationView(private val context: ThemedReactContext, private val
                 bearingImage = ContextCompat.getDrawable(
                     context,
                     com.mapbox.navigation.ui.maps.R.drawable.mapbox_navigation_puck_icon
+
                 )
             )
             setLocationProvider(navigationLocationProvider)
@@ -628,13 +628,7 @@ class MapboxNavigationView(private val context: ThemedReactContext, private val
         mapboxNavigation.registerVoiceInstructionsObserver(voiceInstructionsObserver)
         mapboxNavigation.registerRouteProgressObserver(replayProgressObserver)
 
-        // Create a list of coordinates that includes origin, destination, and waypoints
-        val coordinatesList = mutableListOf<Point>()
-        this.origin?.let { coordinatesList.add(it) }
-        this.waypoints?.let { coordinatesList.addAll(it) }
-        this.destination?.let { coordinatesList.add(it) }
-
-        findRoute(coordinatesList)
+        this.origin?.let { this.destination?.let { it1 -> this.findRoute(it, it1) } }
     }
 
     override fun onDetachedFromWindow() {
@@ -656,19 +650,16 @@ class MapboxNavigationView(private val context: ThemedReactContext, private val
         voiceInstructionsPlayer.shutdown()
     }
 
-    private fun findRoute(coordinates: List<Point>) {
+    private fun findRoute(origin: Point, destination: Point) {
         try {
-            val routeOptionsBuilder = RouteOptions.builder()
-            .applyDefaultNavigationOptions()
-            .applyLanguageAndVoiceUnitOptions(context)
-            .coordinatesList(coordinates)
-            .profile(DirectionsCriteria.PROFILE_DRIVING)
-            .steps(true)
-
-            val routeOptions = routeOptionsBuilder.build()
-
             mapboxNavigation.requestRoutes(
-                routeOptions,
+                RouteOptions.builder()
+                    .applyDefaultNavigationOptions()
+                    .applyLanguageAndVoiceUnitOptions(context)
+                    .coordinatesList(listOf(origin, destination))
+                    .profile(DirectionsCriteria.PROFILE_DRIVING)
+                    .steps(true)
+                    .build(),
                 object : RouterCallback {
                     override fun onRoutesReady(
                         routes: List<DirectionsRoute>,
@@ -759,10 +750,6 @@ class MapboxNavigationView(private val context: ThemedReactContext, private val
         this.origin = origin
     }
 
-    fun setWaypoints(waypoints: List<Point>) {
-        this.waypoints = waypoints
-    }
-
     fun setDestination(destination: Point?) {
         this.destination = destination
     }
@@ -778,4 +765,4 @@ class MapboxNavigationView(private val context: ThemedReactContext, private val
     fun setMute(mute: Boolean) {
         this.isVoiceInstructionsMuted = mute
     }
-}
+}

package/android/src/main/res/layout/navigation_view.xml

@@ -26,20 +26,19 @@
 
         <com.mapbox.navigation.ui.tripprogress.view.MapboxTripProgressView
             android:id="@+id/tripProgressView"
-            android:layout_width="wrap_content"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_gravity="fill|left"
-            android:layout_marginStart="16dp"
-            android:layout_marginTop="8dp" />
+            android:layout_gravity="left"
+            />
 
         <ImageView
             android:id="@+id/stop"
             android:layout_width="48dp"
             android:layout_height="48dp"
-            android:layout_gravity="right|center_vertical"
+            android:layout_gravity="end|center_vertical"
             android:layout_marginEnd="12dp"
-            app:srcCompat="@android:drawable/ic_delete"
-            app:tint="@android:color/darker_gray" />
+            app:tint="@android:color/darker_gray"
+            app:srcCompat="@android:drawable/ic_delete" />
     </androidx.cardview.widget.CardView>
 
     <com.mapbox.navigation.ui.maneuver.view.MapboxManeuverView

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 import { IMapboxNavigationProps } from './typings';
 declare const MapboxNavigation: (props: IMapboxNavigationProps) => any;
-export default MapboxNavigation;
+export default MapboxNavigation;

package/dist/index.js

@@ -1,12 +1,15 @@
-import * as React from 'react';
-import { requireNativeComponent, StyleSheet } from 'react-native';
+import * as React from "react";
+import { requireNativeComponent, StyleSheet } from "react-native";
 const MapboxNavigation = (props) => {
-    return <RNMapboxNavigation style={styles.container} {...props}/>;
+  return <RNMapboxNavigation style={styles.container} {...props} />;
 };
-const RNMapboxNavigation = requireNativeComponent('MapboxNavigation', MapboxNavigation);
+const RNMapboxNavigation = requireNativeComponent(
+  "MapboxNavigation",
+  MapboxNavigation
+);
 const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
+  container: {
+    flex: 1,
+  },
 });
 export default MapboxNavigation;

package/example/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: '@react-native-community',
+  extends: "@react-native-community",
 };

package/example/.prettierrc.js

@@ -2,6 +2,6 @@ module.exports = {
   bracketSpacing: false,
   jsxBracketSameLine: true,
   singleQuote: true,
-  trailingComma: 'all',
-  arrowParens: 'avoid',
+  trailingComma: "all",
+  arrowParens: "avoid",
 };

package/example/.watchmanconfig

@@ -1 +1 @@
-{}
+{}

package/example/Gemfile

@@ -1,6 +1,9 @@
 source 'https://rubygems.org'
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby '2.7.4'
+ruby ">= 2.6.10"
 
-gem 'cocoapods', '~> 1.11', '>= 1.11.2'
+# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
+# bound in the template on Cocoapods with next React Native release.
+gem 'cocoapods', '>= 1.13', '< 1.15'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'

package/example/NavigationComponent.js

@@ -14,7 +14,6 @@ const Navigation = props => {
           shouldSimulateRoute={true}
           origin={origin}
           destination={destination}
-          showsEndOfRouteFeedback={false}
           hideStatusView
           onLocationChange={event => {
             console.log('onLocationChange', event.nativeEvent);