@sargsyansevak/expo-mapbox-navigation 1.0.0

package/android/src/main/res/values/styles.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<resources>
+    <style name="ManeuverTextAppearance" parent="TextAppearance.AppCompat">
+        <item name="android:textColor">#FFFFFF</item>
+        <item name="android:textSize">20dp</item>
+        <item name="android:textStyle">bold</item>
+    </style>
+</resources>

package/app.plugin.js

@@ -0,0 +1 @@
+module.exports = require("./plugin/config.js");

package/build/ExpoMapboxNavigation.types.d.ts

@@ -0,0 +1,90 @@
+import { ViewStyle, StyleProp } from "react-native/types";
+import { Ref } from "react";
+type ProgressEvent = {
+    distanceRemaining: number;
+    distanceTraveled: number;
+    durationRemaining: number;
+    fractionTraveled: number;
+};
+type Route = {
+    distance: number;
+    expectedTravelTime: number;
+    legs: Array<{
+        source?: {
+            latitude: number;
+            longitude: number;
+        };
+        destination?: {
+            latitude: number;
+            longitude: number;
+        };
+        steps: Array<{
+            shape?: {
+                coordinates: Array<{
+                    latitude: number;
+                    longitude: number;
+                }>;
+            };
+        }>;
+    }>;
+};
+type Routes = {
+    mainRoute: Route;
+    alternativeRoutes: Route[];
+};
+export type ExpoMapboxNavigationViewRef = {
+    recenterMap: () => void;
+};
+export type ExpoMapboxNavigationViewProps = {
+    ref?: Ref<ExpoMapboxNavigationViewRef>;
+    coordinates: Array<{
+        latitude: number;
+        longitude: number;
+    }>;
+    waypointIndices?: number[];
+    useRouteMatchingApi?: boolean;
+    locale?: string;
+    routeProfile?: string;
+    routeExcludeList?: string[];
+    mapStyle?: string;
+    mute?: boolean;
+    vehicleMaxHeight?: number;
+    vehicleMaxWidth?: number;
+    initialLocation?: {
+        latitude: number;
+        longitude: number;
+        zoom?: number;
+    };
+    /**
+     * The URL of the custom raster source to use for the map.
+     * Should be a template string with {x}, {y}, {z} placeholders.
+     * Example: "https://tile.openstreetmap.org/{z}/{x}/{y}.png"
+     */
+    customRasterSourceUrl?: string;
+    placeCustomRasterLayerAbove?: string;
+    disableAlternativeRoutes?: boolean;
+    followingZoom?: number;
+    onRouteProgressChanged?: (event: {
+        nativeEvent: ProgressEvent;
+    }) => void;
+    onCancelNavigation?: () => void;
+    onWaypointArrival?: (event: {
+        nativeEvent: ProgressEvent | undefined;
+    }) => void;
+    onFinalDestinationArrival?: () => void;
+    onRouteChanged?: () => void;
+    onUserOffRoute?: () => void;
+    onRoutesLoaded?: (event: {
+        nativeEvent: {
+            routes: Routes;
+        };
+    }) => void;
+    onRouteFailedToLoad?: (event: {
+        nativeEvent: {
+            errorMessage: string;
+        };
+    }) => void;
+    style?: StyleProp<ViewStyle>;
+};
+export {};
+//# sourceMappingURL=ExpoMapboxNavigation.types.d.ts.map

package/build/ExpoMapboxNavigation.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoMapboxNavigation.types.d.ts","sourceRoot":"","sources":["../src/ExpoMapboxNavigation.types.ts"],"names":[],"mappings":"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"}

package/build/ExpoMapboxNavigation.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ExpoMapboxNavigation.types.js.map

package/build/ExpoMapboxNavigation.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoMapboxNavigation.types.js","sourceRoot":"","sources":["../src/ExpoMapboxNavigation.types.ts"],"names":[],"mappings":"","sourcesContent":["//@ts-ignore\nimport { ViewStyle, StyleProp } from \"react-native/types\";\nimport { Ref } from \"react\";\n\ntype ProgressEvent = {\n  distanceRemaining: number;\n  distanceTraveled: number;\n  durationRemaining: number;\n  fractionTraveled: number;\n};\n\ntype Route = {\n  distance: number;\n  expectedTravelTime: number;\n  legs: Array<{\n    source?: { latitude: number; longitude: number };\n    destination?: { latitude: number; longitude: number };\n    steps: Array<{\n      shape?: {\n        coordinates: Array<{ latitude: number; longitude: number }>;\n      };\n    }>;\n  }>;\n};\n\ntype Routes = {\n  mainRoute: Route;\n  alternativeRoutes: Route[];\n};\n\nexport type ExpoMapboxNavigationViewRef = {\n  recenterMap: () => void;\n};\n\nexport type ExpoMapboxNavigationViewProps = {\n  ref?: Ref<ExpoMapboxNavigationViewRef>;\n  coordinates: Array<{ latitude: number; longitude: number }>;\n  waypointIndices?: number[];\n  useRouteMatchingApi?: boolean;\n  locale?: string;\n  routeProfile?: string;\n  routeExcludeList?: string[];\n  mapStyle?: string;\n  mute?: boolean;\n  vehicleMaxHeight?: number;\n  vehicleMaxWidth?: number;\n  initialLocation?: { latitude: number; longitude: number; zoom?: number };\n  /**\n   * The URL of the custom raster source to use for the map.\n   * Should be a template string with {x}, {y}, {z} placeholders.\n   * Example: \"https://tile.openstreetmap.org/{z}/{x}/{y}.png\"\n   */\n  customRasterSourceUrl?: string;\n  placeCustomRasterLayerAbove?: string;\n  disableAlternativeRoutes?: boolean;\n  followingZoom?: number;\n  onRouteProgressChanged?: (event: { nativeEvent: ProgressEvent }) => void;\n  onCancelNavigation?: () => void;\n  onWaypointArrival?: (event: {\n    nativeEvent: ProgressEvent | undefined;\n  }) => void;\n  onFinalDestinationArrival?: () => void;\n  onRouteChanged?: () => void;\n  onUserOffRoute?: () => void;\n  onRoutesLoaded?: (event: { nativeEvent: { routes: Routes } }) => void;\n  onRouteFailedToLoad?: (event: {\n    nativeEvent: { errorMessage: string };\n  }) => void;\n  style?: StyleProp<ViewStyle>;\n};\n"]}

package/build/ExpoMapboxNavigationModule.d.ts

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=ExpoMapboxNavigationModule.d.ts.map

package/build/ExpoMapboxNavigationModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoMapboxNavigationModule.d.ts","sourceRoot":"","sources":["../src/ExpoMapboxNavigationModule.ts"],"names":[],"mappings":";AACA,wBAA2D"}

package/build/ExpoMapboxNavigationModule.js

@@ -0,0 +1,3 @@
+import { requireNativeModule } from "expo-modules-core";
+export default requireNativeModule("ExpoMapboxNavigation");
+//# sourceMappingURL=ExpoMapboxNavigationModule.js.map

package/build/ExpoMapboxNavigationModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoMapboxNavigationModule.js","sourceRoot":"","sources":["../src/ExpoMapboxNavigationModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,eAAe,mBAAmB,CAAC,sBAAsB,CAAC,CAAC","sourcesContent":["import { requireNativeModule } from \"expo-modules-core\";\nexport default requireNativeModule(\"ExpoMapboxNavigation\");\n"]}

package/build/ExpoMapboxNavigationView.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { ExpoMapboxNavigationViewProps, ExpoMapboxNavigationViewRef } from "./ExpoMapboxNavigation.types";
+declare const _default: React.ForwardRefExoticComponent<Omit<ExpoMapboxNavigationViewProps, "ref"> & React.RefAttributes<ExpoMapboxNavigationViewRef>>;
+export default _default;
+//# sourceMappingURL=ExpoMapboxNavigationView.d.ts.map

package/build/ExpoMapboxNavigationView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoMapboxNavigationView.d.ts","sourceRoot":"","sources":["../src/ExpoMapboxNavigationView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,8BAA8B,CAAC;;AAKtC,wBAKG"}

package/build/ExpoMapboxNavigationView.js

@@ -0,0 +1,7 @@
+import { requireNativeViewManager } from "expo-modules-core";
+import * as React from "react";
+const NativeView = requireNativeViewManager("ExpoMapboxNavigation");
+export default React.forwardRef((props, ref) => {
+    return <NativeView {...props} ref={ref}/>;
+});
+//# sourceMappingURL=ExpoMapboxNavigationView.js.map

package/build/ExpoMapboxNavigationView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoMapboxNavigationView.js","sourceRoot":"","sources":["../src/ExpoMapboxNavigationView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,UAAU,GACd,wBAAwB,CAAC,sBAAsB,CAAC,CAAC;AAEnD,eAAe,KAAK,CAAC,UAAU,CAG7B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAG,CAAC;AAC7C,CAAC,CAAC,CAAC","sourcesContent":["import { requireNativeViewManager } from \"expo-modules-core\";\nimport * as React from \"react\";\n\nimport {\n  ExpoMapboxNavigationViewProps,\n  ExpoMapboxNavigationViewRef,\n} from \"./ExpoMapboxNavigation.types\";\n\nconst NativeView: React.ComponentType<ExpoMapboxNavigationViewProps> =\n  requireNativeViewManager(\"ExpoMapboxNavigation\");\n\nexport default React.forwardRef<\n  ExpoMapboxNavigationViewRef,\n  ExpoMapboxNavigationViewProps\n>((props, ref) => {\n  return <NativeView {...props} ref={ref} />;\n});\n"]}

package/build/ExpoMapboxNavigationView.web.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { ExpoMapboxNavigationViewProps } from "./ExpoMapboxNavigation.types";
+export default function ExpoMapboxNavigationView(props: ExpoMapboxNavigationViewProps): React.JSX.Element;
+//# sourceMappingURL=ExpoMapboxNavigationView.web.d.ts.map

package/build/ExpoMapboxNavigationView.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoMapboxNavigationView.web.d.ts","sourceRoot":"","sources":["../src/ExpoMapboxNavigationView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAE7E,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAC9C,KAAK,EAAE,6BAA6B,qBAOrC"}

package/build/ExpoMapboxNavigationView.web.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+export default function ExpoMapboxNavigationView(props) {
+    return (<div>
+      <span>Mapbox navigation not supported on web</span>
+    </div>);
+}
+//# sourceMappingURL=ExpoMapboxNavigationView.web.js.map

package/build/ExpoMapboxNavigationView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoMapboxNavigationView.web.js","sourceRoot":"","sources":["../src/ExpoMapboxNavigationView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAC9C,KAAoC;IAEpC,OAAO,CACL,CAAC,GAAG,CACF;MAAA,CAAC,IAAI,CAAC,sCAAsC,EAAE,IAAI,CACpD;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC","sourcesContent":["import * as React from \"react\";\n\nimport { ExpoMapboxNavigationViewProps } from \"./ExpoMapboxNavigation.types\";\n\nexport default function ExpoMapboxNavigationView(\n  props: ExpoMapboxNavigationViewProps\n) {\n  return (\n    <div>\n      <span>Mapbox navigation not supported on web</span>\n    </div>\n  );\n}\n"]}

package/build/index.d.ts

@@ -0,0 +1,4 @@
+import MapboxNavigationView from "./ExpoMapboxNavigationView";
+import { ExpoMapboxNavigationViewProps, ExpoMapboxNavigationViewRef } from "./ExpoMapboxNavigation.types";
+export { MapboxNavigationView, ExpoMapboxNavigationViewProps as MapboxNavigationViewProps, ExpoMapboxNavigationViewRef as MapboxNavigationViewRef, };
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EACL,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,oBAAoB,EACpB,6BAA6B,IAAI,yBAAyB,EAC1D,2BAA2B,IAAI,uBAAuB,GACvD,CAAC"}

package/build/index.js

@@ -0,0 +1,3 @@
+import MapboxNavigationView from "./ExpoMapboxNavigationView";
+export { MapboxNavigationView, };
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAM9D,OAAO,EACL,oBAAoB,GAGrB,CAAC","sourcesContent":["import MapboxNavigationView from \"./ExpoMapboxNavigationView\";\nimport {\n  ExpoMapboxNavigationViewProps,\n  ExpoMapboxNavigationViewRef,\n} from \"./ExpoMapboxNavigation.types\";\n\nexport {\n  MapboxNavigationView,\n  ExpoMapboxNavigationViewProps as MapboxNavigationViewProps,\n  ExpoMapboxNavigationViewRef as MapboxNavigationViewRef,\n};\n"]}

package/expo-module.config.json

@@ -0,0 +1,9 @@
+{
+  "platforms": ["ios", "android"],
+  "ios": {
+    "modules": ["ExpoMapboxNavigationModule"]
+  },
+  "android": {
+    "modules": ["expo.modules.mapboxnavigation.ExpoMapboxNavigationModule"]
+  }
+}

package/ios/ExpoMapboxNavigation.podspec

@@ -0,0 +1,46 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, '..', 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name           = 'ExpoMapboxNavigation'
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.description    = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  s.platforms      = { :ios => '13.4', :tvos => '13.4' }
+  s.swift_version  = '5.9'
+  s.source         = { git: 'https://github.com/badatgil/expo-mapbox-navigation' }
+  s.static_framework = true
+
+  s.dependency 'ExpoModulesCore'
+  s.dependency 'MapboxMaps', ENV['ExpoNavigationMapboxMapsVersion']
+  s.dependency 'Turf', '~> 4.0.0'
+
+  s.source_files = "**/*.{h,m,swift}"
+  s.exclude_files = ["Frameworks/*.xcframework/**/*.h"]
+  s.preserve_paths = [
+    "Frameworks/*.xcframework",
+    "**/*.h",
+    "Frameworks/*.xcframework/**/*.h"
+  ]
+
+  s.vendored_frameworks=[
+    'Frameworks/_MapboxNavigationHelpers.xcframework',
+    'Frameworks/MapboxDirections.xcframework',
+    'Frameworks/MapboxNavigationCore.xcframework',
+    'Frameworks/MapboxNavigationNative.xcframework',
+    'Frameworks/MapboxNavigationUIKit.xcframework',
+    'Frameworks/Turf.xcframework',
+  ]
+
+  # Swift/Objective-C compatibility
+  s.pod_target_xcconfig = {
+    'DEFINES_MODULE' => 'YES',
+    'SWIFT_COMPILATION_MODE' => 'wholemodule',
+    'OTHER_SWIFT_FLAGS' => '$(inherited)'
+  }
+
+end

package/ios/ExpoMapboxNavigationModule.swift

@@ -0,0 +1,92 @@
+import ExpoModulesCore
+import CoreLocation
+
+public class ExpoMapboxNavigationModule: Module {
+
+  public func definition() -> ModuleDefinition {
+    Name("ExpoMapboxNavigation")
+
+    View(ExpoMapboxNavigationView.self) {
+      Events("onRouteProgressChanged", "onCancelNavigation", "onWaypointArrival", "onFinalDestinationArrival", "onRouteChanged", "onUserOffRoute", "onRoutesLoaded", "onRouteFailedToLoad")
+
+      Prop("coordinates") { (view: ExpoMapboxNavigationView, coordinates: Array<Dictionary<String, Any>>) in
+         var points: Array<CLLocationCoordinate2D> = []
+         for coordinate in coordinates {
+            let longValue = coordinate["longitude"]
+            let latValue = coordinate["latitude"]
+            if let long = longValue as? Double, let lat = latValue as? Double {
+                points.append(CLLocationCoordinate2D(latitude: lat, longitude: long))
+            }
+          }
+          view.controller.setCoordinates(coordinates: points)
+      }
+
+      Prop("vehicleMaxHeight") { (view: ExpoMapboxNavigationView, maxHeight: Double?) in
+          view.controller.setVehicleMaxHeight(maxHeight: maxHeight)
+      }
+
+      Prop("vehicleMaxWidth") { (view: ExpoMapboxNavigationView, maxWidth: Double?) in
+          view.controller.setVehicleMaxWidth(maxWidth: maxWidth)
+      }
+
+      Prop("locale") { (view: ExpoMapboxNavigationView, locale: String?) in
+          view.controller.setLocale(locale: locale)
+      }
+
+      Prop("useRouteMatchingApi"){ (view: ExpoMapboxNavigationView, useRouteMatchingApi: Bool?) in
+          view.controller.setIsUsingRouteMatchingApi(useRouteMatchingApi: useRouteMatchingApi)
+      }
+
+      Prop("waypointIndices"){ (view: ExpoMapboxNavigationView, indices: Array<Int>?) in
+          view.controller.setWaypointIndices(waypointIndices: indices)
+      }
+
+      Prop("routeProfile"){ (view: ExpoMapboxNavigationView, profile: String?) in
+          view.controller.setRouteProfile(profile: profile)
+      }
+
+      Prop("routeExcludeList"){ (view: ExpoMapboxNavigationView, excludeList: Array<String>?) in
+          view.controller.setRouteExcludeList(excludeList: excludeList)
+      }
+
+      Prop("mapStyle"){ (view: ExpoMapboxNavigationView, style: String?) in
+          view.controller.setMapStyle(style: style)
+      }
+
+      Prop("mute"){ (view: ExpoMapboxNavigationView, isMuted: Bool?) in
+          view.controller.setIsMuted(isMuted: isMuted)
+      }
+
+      Prop("initialLocation") { (view: ExpoMapboxNavigationView, location: Dictionary<String, Any>?) in
+        if(location != nil){
+          let longValue = location!["longitude"]
+          let latValue = location!["latitude"]
+          let zoomValue = location!["zoom"]
+          if let long = longValue as? Double, let lat = latValue as? Double, let zoom = zoomValue as? Double? {
+              view.controller.setInitialLocation(location: CLLocationCoordinate2D(latitude: lat, longitude: long), zoom: zoom)
+          }
+        }
+      }
+
+      Prop("customRasterSourceUrl") { (view: ExpoMapboxNavigationView, url: String?) in
+        view.controller.setCustomRasterSourceUrl(url: url)
+      }
+
+      Prop("placeCustomRasterLayerAbove") { (view: ExpoMapboxNavigationView, layerId: String?) in
+        view.controller.setPlaceCustomRasterLayerAbove(layerId: layerId)
+      }
+
+      Prop("disableAlternativeRoutes") { (view: ExpoMapboxNavigationView, disableAlternativeRoutes: Bool?) in
+        view.controller.setDisableAlternativeRoutes(disableAlternativeRoutes: disableAlternativeRoutes)
+      }
+
+      Prop("followingZoom") { (view: ExpoMapboxNavigationView, followingZoom: Double?) in
+        view.controller.setFollowingZoom(followingZoom: followingZoom)
+      }
+
+      AsyncFunction("recenterMap") { (view: ExpoMapboxNavigationView) in
+        view.controller.recenterMap()
+      }
+    }
+  }
+}