@santoshpk/react-native-carplay 1.0.3

package/android/src/main/java/org/birkir/carplay/parser/RCTMapTemplate.kt

@@ -0,0 +1,185 @@
+package org.birkir.carplay.parser
+
+import android.text.Spannable
+import android.text.SpannableString
+import android.util.Log
+import androidx.car.app.CarContext
+import androidx.car.app.model.*
+
+import androidx.car.app.navigation.model.MapController
+import androidx.car.app.navigation.model.MapTemplate
+//import androidx.car.app.navigation.model.NavigationTemplate
+import androidx.car.app.navigation.model.PanModeListener
+//import androidx.car.app.navigation.model.PlaceListNavigationTemplate
+//import androidx.car.app.navigation.model.RoutePreviewNavigationTemplate
+import com.facebook.react.bridge.ReadableMap
+import org.birkir.carplay.screens.CarScreenContext
+data class PointOfInterest(
+  val name: String,
+  val description: String,
+  val latitude: Double,
+  val longitude: Double
+)
+class RCTMapTemplate(
+  context: CarContext,
+  carScreenContext: CarScreenContext
+) : RCTTemplate(context, carScreenContext) {
+
+  override fun parse(props: ReadableMap): Template {
+    val type = props.getString("type")
+    val actionStrip = props.getArray("actions")?.let {
+      parseActionStrip(it)
+    }
+    val header = props.getMap("header")?.let {
+      parseHeader(it)
+    }
+    val headerAction = props.getMap("headerAction")?.let {
+      parseAction(it)
+    }
+    val itemList = props.getArray("items")?.let {
+        parsePlaceItemList(it)
+    }
+    val pane = props.getMap("pane")?.let {
+      parsePane(it)
+    }
+    val mapActionStrip = props.getArray("mapButtons")?.let {
+      parseActionStrip(it)
+    }
+
+
+
+
+//    val panModeListener = PanModeListener { isInPanMode ->
+//      if (isInPanMode) {
+//        eventEmitter.didShowPanningInterface()
+//      } else {
+//        eventEmitter.didDismissPanningInterface()
+//      }
+//    }
+//    val mapController = MapController.Builder().apply {
+//      mapActionStrip?.let { setMapActionStrip(it); }
+//      setPanModeListener(panModeListener)
+//    }.build()
+ //   when (type) {
+//      "navigation" -> {
+//        return NavigationTemplate.Builder().apply {
+//          actionStrip?.let { setActionStrip(it) }
+//          props.getString("backgroundColor")?.let {
+//            setBackgroundColor(parseColor(it))
+//          }
+//          props.getMap("travelEstimate")?.let {
+//            setDestinationTravelEstimate(parseTravelEstimate(it))
+//          }
+//          props.getMap("navigationInfo")?.let {
+//            setNavigationInfo(parseNavigationInfo(it))
+//          }
+//          mapActionStrip?.let { setMapActionStrip(it) }
+//          setPanModeListener(panModeListener)
+//        }.build()
+//      }
+
+ //     "place-list-map" -> {
+    //val poiList = getPOIList()
+//    val itemListBuilder = ItemList.Builder()
+//      .setNoItemsMessage("No items to show")
+
+
+
+//    poiList.forEach {
+//      itemListBuilder.addItem(
+//        Row.Builder()
+//          .setTitle(it.name)
+//          // Each item in the list *must* have a DistanceSpan applied to either the title
+//          // or one of the its lines of text (to help drivers make decisions)
+//          .addText(SpannableString(" ").apply {
+//            setSpan(
+//              DistanceSpan.create(
+//                Distance.create(Math.random() * 100, Distance.UNIT_KILOMETERS)
+//              ), 0, 1, Spannable.SPAN_INCLUSIVE_INCLUSIVE
+//            )
+//          })
+//          .setOnClickListener { onPOISelected(it) }
+//          // Setting Metadata is optional, but is required to automatically show the
+//          // item's location on the provided map
+//          .setMetadata(
+//            Metadata.Builder()
+//              .setPlace(Place.Builder(CarLocation.create(it.latitude, it.longitude))
+//                // Using the default PlaceMarker indicates that the host should
+//                // decide how to style the pins it shows on the map/in the list
+//                .setMarker(PlaceMarker.Builder().setColor(
+//                  CarColor.createCustom(
+//                    0xFF543a20.toInt(), 0xFF543a20.toInt()
+//                  )
+//                ).build())
+//                .build())
+//              .build()
+//          ).build()
+//      )
+//    }
+
+    return PlaceListMapTemplate.Builder()
+      .apply {
+          actionStrip?.let { setActionStrip(it) }
+          props.getMap("anchor")?.let { setAnchor(parsePlace(it)) }
+          if (props.hasKey("currentLocationEnabled")) {
+            setCurrentLocationEnabled(props.getBoolean("currentLocationEnabled"))
+          }
+          headerAction?.let { setHeaderAction(it) }
+          itemList?.let { setItemList(it) }
+          setLoading(props.isLoading())
+          setOnContentRefreshListener {
+           // @todo eventEmitter?.contentDidRefresh
+          }
+          props.getString("title")?.let { setTitle(it) }
+        }.build()
+ //     }
+
+//      "place-list-navigation" -> {
+//        return PlaceListNavigationTemplate.Builder().apply {
+//          actionStrip?.let { setActionStrip(it) }
+//          header?.let { setHeader(it) }
+//          itemList?.let { setItemList(it) }
+//          setLoading(props.isLoading())
+//          mapActionStrip?.let { setActionStrip(it) }
+//          setOnContentRefreshListener {
+//            // @todo eventEmitter?.contentDidRefresh
+//          }
+//          setPanModeListener(panModeListener)
+//        }.build()
+//      }
+//
+//      "route-preview" -> {
+//        return RoutePreviewNavigationTemplate.Builder().apply {
+//          actionStrip?.let { setActionStrip(it) }
+//          header?.let { setHeader(it) }
+//          headerAction?.let { setHeaderAction(headerAction) }
+//          itemList?.let { setItemList(it) }
+//          setLoading(props.isLoading())
+//          mapActionStrip?.let { setMapActionStrip(it); }
+//          props.getMap("navigateAction")?.let { setNavigateAction(parseAction(it)) }
+//          setPanModeListener(panModeListener)
+//        }.build()
+//      }
+
+//      else -> {
+//        Log.d(TAG, "Map rendering")
+//        return MapTemplate.Builder().apply {
+//          header?.let { setHeader(it) }
+//          itemList?.let { setItemList(it) }
+//          actionStrip?.let { setActionStrip(it) }
+//          setMapController(mapController)
+//          pane?.let { setPane(it) }
+//        }.build()
+ //     }
+ //   }
+
+  }
+
+  private fun onPOISelected(poi: PointOfInterest) {
+
+  }
+
+  companion object {
+    const val TAG = "RCTMapTemplate"
+  }
+}

package/android/src/main/java/org/birkir/carplay/parser/RCTMessageTemplate.kt

@@ -0,0 +1,36 @@
+package org.birkir.carplay.parser
+
+import androidx.car.app.CarContext
+import androidx.car.app.model.MessageTemplate
+import com.facebook.react.bridge.ReadableMap
+import org.birkir.carplay.screens.CarScreenContext
+
+class RCTMessageTemplate(
+  context: CarContext,
+  carScreenContext: CarScreenContext
+) : RCTTemplate(context, carScreenContext) {
+  override fun parse(props: ReadableMap): MessageTemplate {
+    val message = props.getString("message") ?: "No message"
+    val messageText = parseCarText(message, props)
+    return MessageTemplate.Builder(messageText).apply {
+      props.getArray("actions")?.let {
+
+        for (i in 0 until it.size()) {
+          val actionMap = it.getMap(i)
+          val action = parseAction(actionMap)
+          addAction(action)
+        }
+
+      }
+      props.getMap("headerAction")?.let { setHeaderAction(parseAction(it)) }
+      props.getMap("icon")?.let { setIcon(parseCarIcon(it)) }
+      props.getString("title")?.let { setTitle(it) }
+      props.getString("debugMessage")?.let { setDebugMessage(it) }
+      setLoading(props.isLoading())
+    }.build()
+  }
+
+  companion object {
+    const val TAG = "RCTMessageTemplate"
+  }
+}

package/android/src/main/java/org/birkir/carplay/parser/RCTPaneTemplate.kt

@@ -0,0 +1,24 @@
+package org.birkir.carplay.parser
+
+import androidx.car.app.CarContext
+import androidx.car.app.model.PaneTemplate
+import com.facebook.react.bridge.ReadableMap
+import org.birkir.carplay.screens.CarScreenContext
+
+class RCTPaneTemplate(
+  context: CarContext,
+  carScreenContext: CarScreenContext
+) : RCTTemplate(context, carScreenContext) {
+  override fun parse(props: ReadableMap): PaneTemplate {
+    val pane = parsePane(props.getMap("pane")!!)
+    return PaneTemplate.Builder(pane).apply {
+      props.getArray("actions")?.let { setActionStrip(parseActionStrip(it)) }
+      props.getMap("headerAction")?.let { setHeaderAction(parseAction(it)) }
+      props.getString("title")?.let { setTitle(it) }
+    }.build()
+  }
+
+  companion object {
+    const val TAG = "RCTPaneTemplate"
+  }
+}

package/android/src/main/java/org/birkir/carplay/parser/RCTSearchTemplate.kt

@@ -0,0 +1,41 @@
+package org.birkir.carplay.parser
+
+import androidx.car.app.CarContext
+import androidx.car.app.model.SearchTemplate
+import androidx.car.app.model.SearchTemplate.SearchCallback
+import com.facebook.react.bridge.ReadableMap
+import org.birkir.carplay.screens.CarScreenContext
+
+
+class RCTSearchTemplate(
+  context: CarContext,
+  carScreenContext: CarScreenContext
+) : RCTTemplate(context, carScreenContext) {
+  override fun parse(props: ReadableMap): SearchTemplate {
+    return SearchTemplate.Builder(object : SearchCallback {
+      override fun onSearchTextChanged(searchText: String) {
+        eventEmitter.updatedSearchText(searchText)
+      }
+
+      override fun onSearchSubmitted(searchText: String) {
+        eventEmitter.searchButtonPressed(searchText)
+      }
+    }).apply {
+      props.getArray("actions")?.let { setActionStrip(parseActionStrip(it)) }
+      props.getMap("headerAction")?.let { setHeaderAction(parseAction(it)) }
+      props.getString("initialSearchText")?.let {
+        setInitialSearchText(it)
+      }
+      props.getArray("items")?.let { setItemList(parseItemList(it, "row")) }
+      setLoading(props.isLoading())
+      props.getString("searchHint")?.let { setSearchHint(it) }
+      if (props.hasKey("showKeyboardByDefault")) {
+        setShowKeyboardByDefault(props.getBoolean("showKeyboardByDefault"))
+      }
+    }.build()
+  }
+
+  companion object {
+    const val TAG = "RCTSearchTemplate"
+  }
+}

package/android/src/main/java/org/birkir/carplay/parser/RCTTabTemplate.kt

@@ -0,0 +1,52 @@
+package org.birkir.carplay.parser
+
+import androidx.car.app.CarContext
+import androidx.car.app.model.Tab
+import androidx.car.app.model.TabContents
+import androidx.car.app.model.TabTemplate
+import androidx.car.app.model.TabTemplate.TabCallback
+import com.facebook.react.bridge.ReadableMap
+import org.birkir.carplay.screens.CarScreenContext
+
+class RCTTabTemplate(
+  context: CarContext,
+  carScreenContext: CarScreenContext
+) : RCTTemplate(context, carScreenContext) {
+  override fun parse(props: ReadableMap): TabTemplate {
+    return TabTemplate.Builder(object : TabCallback {
+      override fun onTabSelected(tabContentId: String) {
+        eventEmitter.didSelectTemplate(tabContentId)
+      }
+    }).apply {
+      setLoading(props.isLoading())
+      props.getArray("templates")?.let {
+        for (i in 0 until it.size()) {
+          addTab(parseTab(it!!.getMap(i)!!))
+        }
+        // Apply and select first tab
+        it.getMap(0)?.getString("id")?.let { it1 ->
+          setTabContents(parseTabContents(it1))
+          setActiveTabContentId(it1)
+        }
+      }
+      props.getMap("headerAction")?.let { setHeaderAction(parseAction(it)) }
+    }.build()
+  }
+
+  private fun parseTab(props: ReadableMap): Tab {
+    return Tab.Builder().apply {
+      props.getString("id")?.let { setContentId(it) }
+      props.getString("title")?.let { setTitle(it) }
+      props.getMap("icon")?.let { setIcon(parseCarIcon(it)) }
+    }.build()
+  }
+
+  private fun parseTabContents(templateId: String): TabContents {
+    val screen = carScreenContext.screens[templateId]!!
+    return TabContents.Builder(screen.template!!).build()
+  }
+
+  companion object {
+    const val TAG = "RCTTabTemplate"
+  }
+}