@lugg/maps 0.2.0-alpha.0

package/android/src/main/java/com/luggmaps/LuggMapsGoogleMapViewManager.kt

@@ -0,0 +1,144 @@
+package com.luggmaps
+
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.PixelUtil.dpToPx
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.LuggMapsGoogleMapViewManagerDelegate
+import com.facebook.react.viewmanagers.LuggMapsGoogleMapViewManagerInterface
+import com.google.android.gms.maps.model.LatLng
+import com.luggmaps.events.CameraIdleEvent
+import com.luggmaps.events.CameraMoveEvent
+
+@ReactModule(name = LuggMapsGoogleMapViewManager.NAME)
+class LuggMapsGoogleMapViewManager :
+  ViewGroupManager<LuggMapsGoogleMapView>(),
+  LuggMapsGoogleMapViewManagerInterface<LuggMapsGoogleMapView>,
+  LuggMapsGoogleMapViewEventDelegate {
+  private val delegate: ViewManagerDelegate<LuggMapsGoogleMapView> = LuggMapsGoogleMapViewManagerDelegate(this)
+
+  override fun getDelegate(): ViewManagerDelegate<LuggMapsGoogleMapView> = delegate
+
+  override fun getName(): String = NAME
+
+  override fun createViewInstance(context: ThemedReactContext): LuggMapsGoogleMapView {
+    val view = LuggMapsGoogleMapView(context)
+    view.eventDelegate = this
+    return view
+  }
+
+  override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> =
+    mapOf(
+      "topCameraMove" to mapOf("registrationName" to "onCameraMove"),
+      "topCameraIdle" to mapOf("registrationName" to "onCameraIdle")
+    )
+
+  override fun onCameraMove(
+    view: LuggMapsGoogleMapView,
+    latitude: Double,
+    longitude: Double,
+    zoom: Float,
+    dragging: Boolean
+  ) {
+    val eventDispatcher = UIManagerHelper.getEventDispatcherForReactTag(
+      view.context as ThemedReactContext,
+      view.id
+    )
+    eventDispatcher?.dispatchEvent(CameraMoveEvent(UIManagerHelper.getSurfaceId(view), view.id, latitude, longitude, zoom, dragging))
+  }
+
+  override fun onCameraIdle(view: LuggMapsGoogleMapView, latitude: Double, longitude: Double, zoom: Float) {
+    val eventDispatcher = UIManagerHelper.getEventDispatcherForReactTag(
+      view.context as ThemedReactContext,
+      view.id
+    )
+    eventDispatcher?.dispatchEvent(CameraIdleEvent(UIManagerHelper.getSurfaceId(view), view.id, latitude, longitude, zoom))
+  }
+
+  @ReactProp(name = "mapId")
+  override fun setMapId(view: LuggMapsGoogleMapView, value: String?) {
+    view.setMapId(value)
+  }
+
+  @ReactProp(name = "initialCoordinate")
+  override fun setInitialCoordinate(view: LuggMapsGoogleMapView, value: ReadableMap?) {
+    value?.let {
+      val latitude = if (it.hasKey("latitude")) it.getDouble("latitude") else 0.0
+      val longitude = if (it.hasKey("longitude")) it.getDouble("longitude") else 0.0
+      view.setInitialCoordinate(latitude, longitude)
+    }
+  }
+
+  @ReactProp(name = "initialZoom", defaultDouble = 10.0)
+  override fun setInitialZoom(view: LuggMapsGoogleMapView, value: Double) {
+    view.setInitialZoom(value)
+  }
+
+  @ReactProp(name = "zoomEnabled", defaultBoolean = true)
+  override fun setZoomEnabled(view: LuggMapsGoogleMapView, value: Boolean) {
+    view.setZoomEnabled(value)
+  }
+
+  @ReactProp(name = "scrollEnabled", defaultBoolean = true)
+  override fun setScrollEnabled(view: LuggMapsGoogleMapView, value: Boolean) {
+    view.setScrollEnabled(value)
+  }
+
+  @ReactProp(name = "rotateEnabled", defaultBoolean = true)
+  override fun setRotateEnabled(view: LuggMapsGoogleMapView, value: Boolean) {
+    view.setRotateEnabled(value)
+  }
+
+  @ReactProp(name = "pitchEnabled", defaultBoolean = true)
+  override fun setPitchEnabled(view: LuggMapsGoogleMapView, value: Boolean) {
+    view.setPitchEnabled(value)
+  }
+
+  @ReactProp(name = "padding")
+  override fun setPadding(view: LuggMapsGoogleMapView, value: ReadableMap?) {
+    value?.let {
+      val top = if (it.hasKey("top")) it.getDouble("top").toFloat().dpToPx().toInt() else 0
+      val left = if (it.hasKey("left")) it.getDouble("left").toFloat().dpToPx().toInt() else 0
+      val bottom = if (it.hasKey("bottom")) it.getDouble("bottom").toFloat().dpToPx().toInt() else 0
+      val right = if (it.hasKey("right")) it.getDouble("right").toFloat().dpToPx().toInt() else 0
+      view.setMapPadding(top, left, bottom, right)
+    }
+  }
+
+  override fun onDropViewInstance(view: LuggMapsGoogleMapView) {
+    super.onDropViewInstance(view)
+    view.onDropViewInstance()
+  }
+
+  override fun moveCamera(
+    view: LuggMapsGoogleMapView,
+    latitude: Double,
+    longitude: Double,
+    zoom: Double,
+    duration: Double
+  ) {
+    view.moveCamera(latitude, longitude, zoom, duration.toInt())
+  }
+
+  override fun fitCoordinates(view: LuggMapsGoogleMapView, coordinates: ReadableArray?, padding: Double, duration: Double) {
+    val coords = mutableListOf<LatLng>()
+    coordinates?.let {
+      for (i in 0 until it.size()) {
+        val coord = it.getMap(i)
+        val lat = coord?.getDouble("latitude") ?: 0.0
+        val lng = coord?.getDouble("longitude") ?: 0.0
+        coords.add(LatLng(lat, lng))
+      }
+    }
+    view.fitCoordinates(coords, padding.toInt(), duration.toInt())
+  }
+
+  companion object {
+    const val NAME = "LuggMapsGoogleMapView"
+  }
+}

package/android/src/main/java/com/luggmaps/LuggMapsMarkerView.kt

@@ -0,0 +1,134 @@
+package com.luggmaps
+
+import android.content.Context
+import android.util.Log
+import android.view.View
+import androidx.core.view.isNotEmpty
+import com.facebook.react.views.view.ReactViewGroup
+import com.google.android.gms.maps.model.AdvancedMarker
+
+interface LuggMapsMarkerViewDelegate {
+  fun markerViewDidUpdate(markerView: LuggMapsMarkerView)
+  fun markerViewDidLayout(markerView: LuggMapsMarkerView)
+}
+
+class LuggMapsMarkerView(context: Context) : ReactViewGroup(context) {
+  var name: String? = null
+    private set
+
+  var latitude: Double = 0.0
+    private set
+  var longitude: Double = 0.0
+    private set
+
+  var title: String? = null
+    private set
+  var description: String? = null
+    private set
+
+  var delegate: LuggMapsMarkerViewDelegate? = null
+  var marker: AdvancedMarker? = null
+
+  var anchorX: Float = 0.5f
+    private set
+  var anchorY: Float = 1.0f
+    private set
+
+  var didLayout: Boolean = false
+    private set
+
+  val hasCustomView: Boolean
+    get() = iconView.isNotEmpty()
+
+  val iconView: ReactViewGroup = object : ReactViewGroup(context) {
+    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
+      var maxWidth = 0
+      var maxHeight = 0
+      for (i in 0 until childCount) {
+        val child = getChildAt(i)
+        if (child.width > maxWidth) maxWidth = child.width
+        if (child.height > maxHeight) maxHeight = child.height
+      }
+
+      setMeasuredDimension(maxWidth, maxHeight)
+    }
+  }
+
+  init {
+    visibility = GONE
+  }
+
+  override fun addView(child: View, index: Int) {
+    iconView.addView(child, index)
+    didLayout = false
+  }
+
+  override fun removeView(child: View) {
+    iconView.removeView(child)
+    didLayout = false
+  }
+
+  override fun removeViewAt(index: Int) {
+    iconView.removeViewAt(index)
+    didLayout = false
+  }
+
+  override fun getChildCount(): Int = iconView.childCount
+
+  override fun getChildAt(index: Int): View? = iconView.getChildAt(index)
+
+  override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
+    super.onSizeChanged(w, h, oldw, oldh)
+    didLayout = false
+  }
+
+  override fun onLayout(
+    changed: Boolean,
+    left: Int,
+    top: Int,
+    right: Int,
+    bottom: Int
+  ) {
+    super.onLayout(changed, left, top, right, bottom)
+    if (changed && !didLayout) {
+      didLayout = true
+      delegate?.markerViewDidLayout(this)
+    }
+  }
+
+  fun setCoordinate(latitude: Double, longitude: Double) {
+    this.latitude = latitude
+    this.longitude = longitude
+  }
+
+  fun setTitle(title: String?) {
+    this.title = title
+  }
+
+  fun setDescription(description: String?) {
+    this.description = description
+  }
+
+  fun setAnchor(x: Double, y: Double) {
+    anchorX = x.toFloat()
+    anchorY = y.toFloat()
+  }
+
+  fun setName(name: String?) {
+    this.name = name
+  }
+
+  fun onAfterUpdateTransaction() {
+    delegate?.markerViewDidUpdate(this)
+  }
+
+  fun onDropViewInstance() {
+    didLayout = false
+    delegate = null
+    iconView.removeAllViews()
+  }
+
+  companion object {
+    private const val TAG = "LuggMaps"
+  }
+}

package/android/src/main/java/com/luggmaps/LuggMapsMarkerViewManager.kt

@@ -0,0 +1,69 @@
+package com.luggmaps
+
+import android.util.Log
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.LuggMapsMarkerViewManagerDelegate
+import com.facebook.react.viewmanagers.LuggMapsMarkerViewManagerInterface
+
+@ReactModule(name = LuggMapsMarkerViewManager.NAME)
+class LuggMapsMarkerViewManager :
+  ViewGroupManager<LuggMapsMarkerView>(),
+  LuggMapsMarkerViewManagerInterface<LuggMapsMarkerView> {
+  private val delegate: ViewManagerDelegate<LuggMapsMarkerView> = LuggMapsMarkerViewManagerDelegate(this)
+
+  override fun getDelegate(): ViewManagerDelegate<LuggMapsMarkerView> = delegate
+  override fun getName(): String = NAME
+  override fun createViewInstance(context: ThemedReactContext): LuggMapsMarkerView = LuggMapsMarkerView(context)
+
+  override fun onDropViewInstance(view: LuggMapsMarkerView) {
+    super.onDropViewInstance(view)
+    view.onDropViewInstance()
+  }
+
+  override fun onAfterUpdateTransaction(view: LuggMapsMarkerView) {
+    super.onAfterUpdateTransaction(view)
+    view.onAfterUpdateTransaction()
+  }
+
+  @ReactProp(name = "coordinate")
+  override fun setCoordinate(view: LuggMapsMarkerView, value: ReadableMap?) {
+    value?.let {
+      val latitude = if (it.hasKey("latitude")) it.getDouble("latitude") else 0.0
+      val longitude = if (it.hasKey("longitude")) it.getDouble("longitude") else 0.0
+      view.setCoordinate(latitude, longitude)
+    }
+  }
+
+  @ReactProp(name = "name")
+  override fun setName(view: LuggMapsMarkerView, value: String?) {
+    view.setName(value)
+  }
+
+  @ReactProp(name = "title")
+  override fun setTitle(view: LuggMapsMarkerView, value: String?) {
+    view.setTitle(value)
+  }
+
+  @ReactProp(name = "description")
+  override fun setDescription(view: LuggMapsMarkerView, value: String?) {
+    view.setDescription(value)
+  }
+
+  @ReactProp(name = "anchor")
+  override fun setAnchor(view: LuggMapsMarkerView, value: ReadableMap?) {
+    value?.let {
+      val x = if (it.hasKey("x")) it.getDouble("x") else 0.5
+      val y = if (it.hasKey("y")) it.getDouble("y") else 1.0
+      view.setAnchor(x, y)
+    }
+  }
+
+  companion object {
+    const val NAME = "LuggMapsMarkerView"
+  }
+}

package/android/src/main/java/com/luggmaps/LuggMapsPackage.kt

@@ -0,0 +1,13 @@
+package com.luggmaps
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+class LuggMapsPackage : ReactPackage {
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> =
+    listOf(LuggMapsGoogleMapViewManager(), LuggMapsMarkerViewManager(), LuggMapsWrapperViewManager(), LuggMapsPolylineViewManager())
+
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> = emptyList()
+}

package/android/src/main/java/com/luggmaps/LuggMapsPolylineView.kt

@@ -0,0 +1,79 @@
+package com.luggmaps
+
+import android.content.Context
+import android.graphics.Color
+import com.facebook.react.views.view.ReactViewGroup
+import com.google.android.gms.maps.model.LatLng
+import com.google.android.gms.maps.model.Polyline
+import com.google.android.gms.maps.model.StrokeStyle
+import com.google.android.gms.maps.model.StyleSpan
+
+interface LuggMapsPolylineViewDelegate {
+  fun polylineViewDidUpdate(polylineView: LuggMapsPolylineView)
+}
+
+class LuggMapsPolylineView(context: Context) : ReactViewGroup(context) {
+  var coordinates: List<LatLng> = emptyList()
+    private set
+
+  var strokeColors: List<Int> = listOf(Color.BLACK)
+    private set
+
+  var strokeWidth: Float = 1f
+    private set
+
+  var animated: Boolean = false
+    private set
+
+  var cachedSpans: List<StyleSpan>? = null
+    private set
+
+  var delegate: LuggMapsPolylineViewDelegate? = null
+  var polyline: Polyline? = null
+
+  init {
+    visibility = GONE
+  }
+
+  fun setCoordinates(coords: List<LatLng>) {
+    coordinates = coords
+  }
+
+  fun setStrokeColors(colors: List<Int>) {
+    val newColors = colors.ifEmpty { listOf(Color.BLACK) }
+    if (newColors != strokeColors) {
+      strokeColors = newColors
+      cachedSpans = null
+    }
+  }
+
+  fun setStrokeWidth(width: Float) {
+    strokeWidth = width
+  }
+
+  fun setAnimated(value: Boolean) {
+    animated = value
+  }
+
+  fun getOrCreateSpans(): List<StyleSpan> {
+    cachedSpans?.let { return it }
+
+    val segmentCount = coordinates.size - 1
+    val spans = (0 until segmentCount).map { i ->
+      val color = strokeColors[i % strokeColors.size]
+      StyleSpan(StrokeStyle.colorBuilder(color).build())
+    }
+    cachedSpans = spans
+    return spans
+  }
+
+  fun onAfterUpdateTransaction() {
+    delegate?.polylineViewDidUpdate(this)
+  }
+
+  fun onDropViewInstance() {
+    delegate = null
+    polyline?.remove()
+    polyline = null
+  }
+}

package/android/src/main/java/com/luggmaps/LuggMapsPolylineViewManager.kt

@@ -0,0 +1,71 @@
+package com.luggmaps
+
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.LuggMapsPolylineViewManagerDelegate
+import com.facebook.react.viewmanagers.LuggMapsPolylineViewManagerInterface
+import com.google.android.gms.maps.model.LatLng
+
+@ReactModule(name = LuggMapsPolylineViewManager.NAME)
+class LuggMapsPolylineViewManager :
+  ViewGroupManager<LuggMapsPolylineView>(),
+  LuggMapsPolylineViewManagerInterface<LuggMapsPolylineView> {
+  private val delegate: ViewManagerDelegate<LuggMapsPolylineView> = LuggMapsPolylineViewManagerDelegate(this)
+
+  override fun getDelegate(): ViewManagerDelegate<LuggMapsPolylineView> = delegate
+  override fun getName(): String = NAME
+  override fun createViewInstance(context: ThemedReactContext): LuggMapsPolylineView = LuggMapsPolylineView(context)
+
+  override fun onDropViewInstance(view: LuggMapsPolylineView) {
+    super.onDropViewInstance(view)
+    view.onDropViewInstance()
+  }
+
+  override fun onAfterUpdateTransaction(view: LuggMapsPolylineView) {
+    super.onAfterUpdateTransaction(view)
+    view.onAfterUpdateTransaction()
+  }
+
+  @ReactProp(name = "coordinates")
+  override fun setCoordinates(view: LuggMapsPolylineView, value: ReadableArray?) {
+    value?.let { array ->
+      val coords = mutableListOf<LatLng>()
+      for (i in 0 until array.size()) {
+        val coord = array.getMap(i)
+        val lat = coord?.getDouble("latitude") ?: 0.0
+        val lng = coord?.getDouble("longitude") ?: 0.0
+        coords.add(LatLng(lat, lng))
+      }
+      view.setCoordinates(coords)
+    }
+  }
+
+  @ReactProp(name = "strokeColors")
+  override fun setStrokeColors(view: LuggMapsPolylineView, value: ReadableArray?) {
+    val colors = mutableListOf<Int>()
+    value?.let { array ->
+      for (i in 0 until array.size()) {
+        colors.add(array.getInt(i))
+      }
+    }
+    view.setStrokeColors(colors)
+  }
+
+  @ReactProp(name = "strokeWidth", defaultDouble = 1.0)
+  override fun setStrokeWidth(view: LuggMapsPolylineView, value: Double) {
+    view.setStrokeWidth(value.toFloat())
+  }
+
+  @ReactProp(name = "animated", defaultBoolean = false)
+  override fun setAnimated(view: LuggMapsPolylineView, value: Boolean) {
+    view.setAnimated(value)
+  }
+
+  companion object {
+    const val NAME = "LuggMapsPolylineView"
+  }
+}

package/android/src/main/java/com/luggmaps/LuggMapsWrapperView.kt

@@ -0,0 +1,39 @@
+package com.luggmaps
+
+import android.annotation.SuppressLint
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.views.view.ReactViewGroup
+
+@SuppressLint("ViewConstructor")
+class LuggMapsWrapperView(context: ThemedReactContext) : ReactViewGroup(context) {
+
+  override fun requestLayout() {
+    super.requestLayout()
+    getChildAt(0)?.let {
+      it.measure(
+        MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+        MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
+      )
+      it.layout(0, 0, width, height)
+    }
+  }
+
+  override fun onLayout(
+    changed: Boolean,
+    left: Int,
+    top: Int,
+    right: Int,
+    bottom: Int
+  ) {
+    super.onLayout(changed, left, top, right, bottom)
+    val width = right - left
+    val height = bottom - top
+    getChildAt(0)?.let {
+      it.measure(
+        MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+        MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
+      )
+      it.layout(0, 0, width, height)
+    }
+  }
+}

package/android/src/main/java/com/luggmaps/LuggMapsWrapperViewManager.kt

@@ -0,0 +1,25 @@
+package com.luggmaps
+
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.viewmanagers.LuggMapsWrapperViewManagerDelegate
+import com.facebook.react.viewmanagers.LuggMapsWrapperViewManagerInterface
+
+@ReactModule(name = LuggMapsWrapperViewManager.NAME)
+class LuggMapsWrapperViewManager :
+  ViewGroupManager<LuggMapsWrapperView>(),
+  LuggMapsWrapperViewManagerInterface<LuggMapsWrapperView> {
+  private val delegate: ViewManagerDelegate<LuggMapsWrapperView> = LuggMapsWrapperViewManagerDelegate(this)
+
+  override fun getDelegate(): ViewManagerDelegate<LuggMapsWrapperView> = delegate
+
+  override fun getName(): String = NAME
+
+  override fun createViewInstance(context: ThemedReactContext): LuggMapsWrapperView = LuggMapsWrapperView(context)
+
+  companion object {
+    const val NAME = "LuggMapsWrapperView"
+  }
+}