@iternio/react-native-auto-play 0.2.0-alpha.1 → 0.2.0-alpha.14

package/README.md

@@ -292,6 +292,11 @@ To get rid of your default activity, do an automotive specific build variant and
 ```
 For details check the example app and its build variants.
 
+#### Non-template Automotive app ####
+
+The library can also be used for Android Automotive apps that do not make use of templates. In case you do a navigation app HybridAndroidAutomotive provides methods to monitor and request the app focus to let the system know your app is taking over the navigation focus.
+Do not use app focus related functions on template applications as it fights with the navigation manager used on the map template.
+
 #### A Note on Android Studio
 
 When using build variants, Android Studio may not be aware of the selected variant during a Gradle sync. This can cause the IDE to show the incorrect implementation of native classes like `AndroidTelemetryObserver` (e.g., it might show the Android Auto version instead of the Automotive version).
@@ -452,7 +457,7 @@ Below is a concise overview of the most important props per template. Optional p
 | `component` | `React.ComponentType<RootComponentInitialProps>` | ✅ | React component to render on the map surface. |
 | `onStopNavigation` | `(template: MapTemplate) => void` | ✅ | Called when navigation is stopped by the system. |
 | `headerActions` | `MapHeaderActions<MapTemplate>` | ❌ | Top action strip. See **Header Actions** below. |
-| `mapButtons` | `MapButtons<MapTemplate>` | ❌ | 1–4 map buttons shown on the map. |
+| `mapButtons` | `MapButtons<MapTemplate>` | ❌ | 1–4 map buttons shown on the map. To get working gestures on the MapTemplate running on Android Auto you have to add a `MapPanButton` |
 | `visibleTravelEstimate` | `'first'` `'last'` | ❌ | Which travel estimate to display. |
 | `onDidPan` / `onDidUpdateZoomGestureWithCenter` | callbacks | ❌ | Map gesture events. |
 | `onAppearanceDidChange` | `(colorScheme) => void` | ❌ | Listen for light/dark mode changes. |
@@ -893,10 +898,12 @@ CarPlayDashboard.setButtons([
 -   **Broken exceptions with `react-native`** up to version 0.79
 When using react-native before 0.80.0 exceptions are broken and are reported as `Unknown runtime_error` or similar.
 See [this issue](https://github.com/mrousavy/nitro/issues/382) for details.
+- **@rnmapbox/maps** The map view/camera might take the primary screens scale factor into account when interacting with the map.
+This might lead to broken gestures, in case you face this issue try to apply either the `Dimensions.get('window').scale` or `RootComponentInitialProps.window.scale` to your coordinates.
 
 ## Contributing
 
-Contributions are welcome! Please submit a pull request.
+Contributions are welcome! Feel free to open up a [discussion](https://github.com/Iternio-Planning-AB/react-native-auto-play/discussions) or submit a pull request.
 
 ## License
 

package/android/build.gradle

@@ -163,7 +163,7 @@ dependencies {
     implementation "androidx.car.app:app-projected:1.7.0"
   }
 
-  implementation 'com.google.android.gms:play-services-base:18.3.0'
-  implementation 'com.google.android.gms:play-services-auth:21.0.0'
+  implementation 'com.google.android.gms:play-services-base:18.10.0'
+  implementation 'com.google.android.gms:play-services-auth:21.5.0'
 }
 

package/android/src/auto/java/com/margelo/nitro/swe/iternio/reactnativeautoplay/HybridAndroidAutomotive.kt

@@ -0,0 +1,25 @@
+package com.margelo.nitro.swe.iternio.reactnativeautoplay
+
+class InvalidPlatformException(message: String) : Exception(message)
+
+class HybridAndroidAutomotive : HybridAndroidAutomotiveSpec() {
+    override fun registerCarUxRestrictionsListener(callback: (restrictions: ActiveCarUxRestrictions) -> Unit): () -> Unit {
+        throw InvalidPlatformException("registerCarUxRestrictionsListener is supported on Android Automotive only!")
+    }
+
+    override fun getCarUxRestrictions(): ActiveCarUxRestrictions {
+        throw InvalidPlatformException("getCarUxRestrictions is supported on Android Automotive only!")
+    }
+
+    override fun registerAppFocusListener(callback: (state: AppFocusState) -> Unit): () -> Unit {
+        throw InvalidPlatformException("registerAppFocusListener is supported on Android Automotive only!")
+    }
+
+    override fun getAppFocusState(): AppFocusState {
+        throw InvalidPlatformException("getAppFocusState is supported on Android Automotive only!")
+    }
+
+    override fun requestAppFocus(): () -> Unit {
+        throw InvalidPlatformException("requestAppFocus is supported on Android Automotive only!")
+    }
+}

package/android/src/automotive/AndroidManifest.xml

@@ -75,6 +75,8 @@
 
         <service android:name="com.margelo.nitro.swe.iternio.reactnativeautoplay.HeadlessTaskService" />
 
+        <activity android:name="com.margelo.nitro.swe.iternio.reactnativeautoplay.SignInWithGoogleActivity" />
+
         <provider
             android:name="com.margelo.nitro.swe.iternio.reactnativeautoplay.ActivityRenderStateProvider"
             android:authorities="${applicationId}.ActivityRenderStateProvider"

package/android/src/automotive/java/com/margelo/nitro/swe/iternio/reactnativeautoplay/AndroidTelemetryObserver.kt

@@ -7,6 +7,7 @@ import android.car.VehiclePropertyIds
 import android.car.hardware.CarPropertyValue
 import android.car.hardware.property.CarPropertyManager
 import android.util.Log
+import com.margelo.nitro.NitroModules
 import kotlin.math.floor
 
 private val REQUIRED_VEHICLE_PROPERTY_IDS = listOf(
@@ -61,7 +62,18 @@ object AndroidTelemetryObserver : TelemetryObserver() {
                                     selectedGear = NumericTelemetryItem(
                                         timestamp = floor(System.currentTimeMillis() / 1000.0),
                                         value = selectedGear.toDouble()
-                                    )
+                                    ),
+                                    vehicle = null,
+                                    batteryLevel = null,
+                                    range = null,
+                                    speed = null,
+                                    odometer = null,
+                                    fuelLevel = null,
+                                    parkingBrakeOn = null,
+                                    evChargePortConnected = null,
+                                    envOutsideTemperature = null,
+                                    evBatteryInstantaneousChargeRate = null,
+                                    soe = null
                                 )
                             )
                         }
@@ -82,7 +94,18 @@ object AndroidTelemetryObserver : TelemetryObserver() {
                                     selectedGear = NumericTelemetryItem(
                                         timestamp = floor(System.currentTimeMillis() / 1000.0),
                                         value = selectedGear.toDouble()
-                                    )
+                                    ),
+                                    vehicle = null,
+                                    batteryLevel = null,
+                                    range = null,
+                                    speed = null,
+                                    odometer = null,
+                                    fuelLevel = null,
+                                    parkingBrakeOn = null,
+                                    evChargePortConnected = null,
+                                    envOutsideTemperature = null,
+                                    evBatteryInstantaneousChargeRate = null,
+                                    soe = null
                                 )
                             )
                         }
@@ -101,14 +124,8 @@ object AndroidTelemetryObserver : TelemetryObserver() {
 
                         VehiclePropertyIds.EV_BATTERY_LEVEL -> {
                             val capacity = batteryCapacity ?: return
-                            if (capacity <= 0f) {
-                                throw Exception("got invalid battery capacity $capacity")
-                            }
-                            val soc = getValue<Float>(p0) / capacity * 100
-                            if (!soc.isFinite() || floor(soc) < 0 || floor(soc) > 100) {
-                                throw Exception("got invalid soc $soc, expecting value from 0 to 100 EV_BATTERY_LEVEL: ${p0.value}, evBatteryCapacity: $capacity")
-                            }
-                            telemetryHolder.updateBatteryLevel(soc)
+                            val level: Float = getValue(p0)
+                            telemetryHolder.updateBatteryLevel(level, capacity)
                         }
 
                         VehiclePropertyIds.PERF_VEHICLE_SPEED -> telemetryHolder.updateSpeed(
@@ -140,14 +157,10 @@ object AndroidTelemetryObserver : TelemetryObserver() {
             return false
         }
 
-        val carContext = AndroidAutoSession.getRootContext() ?: throw IllegalArgumentException(
-            "Car context not available, failed to start telemetry"
-        )
-
         // create new instance so we can access all props after permissions were granted
         mCar?.disconnect()
 
-        val car = Car.createCar(carContext)
+        val car = Car.createCar(NitroModules.applicationContext)
         mCar = car
 
         fetchStaticData(car)

package/android/src/automotive/java/com/margelo/nitro/swe/iternio/reactnativeautoplay/HybridAndroidAutomotive.kt

@@ -0,0 +1,185 @@
+package com.margelo.nitro.swe.iternio.reactnativeautoplay
+
+import android.car.Car
+import android.car.CarAppFocusManager
+import android.car.CarAppFocusManager.OnAppFocusChangedListener
+import android.car.CarAppFocusManager.OnAppFocusOwnershipCallback
+import android.car.drivingstate.CarUxRestrictionsManager
+import com.margelo.nitro.NitroModules
+import java.util.concurrent.CopyOnWriteArrayList
+import java.util.concurrent.atomic.AtomicReference
+
+class HybridAndroidAutomotive : HybridAndroidAutomotiveSpec() {
+    private val car = Car.createCar(NitroModules.applicationContext)
+
+    private val onAppFocusOwnershipCallback = object : OnAppFocusOwnershipCallback {
+        override fun onAppFocusOwnershipGranted(appType: Int) {
+            isFocusOwned.set(true)
+            notifyAppFocusListeners()
+        }
+
+        override fun onAppFocusOwnershipLost(appType: Int) {
+            isFocusOwned.set(false)
+            notifyAppFocusListeners()
+        }
+    }
+
+    private val onAppFocusChangedListener = OnAppFocusChangedListener { appType, active ->
+        isFocusActive.set(active)
+
+        val carAppFocusManager = car.getCarManager(Car.APP_FOCUS_SERVICE) as CarAppFocusManager
+        // docs say we should not get an event when we receive our own app focus
+        // but we still do get it. so we do a check here again if we own it or not
+        val isOwned = carAppFocusManager.isOwningFocus(
+            onAppFocusOwnershipCallback, appType
+        )
+        isFocusOwned.set(isOwned)
+
+        notifyAppFocusListeners()
+    }
+
+    override fun registerCarUxRestrictionsListener(callback: (restrictions: ActiveCarUxRestrictions) -> Unit): () -> Unit {
+        if (uxRestrictionListeners.isEmpty()) {
+            val uxRestrictionManager =
+                car.getCarManager(Car.CAR_UX_RESTRICTION_SERVICE) as CarUxRestrictionsManager
+
+            uxRestrictionManager.registerListener {
+                notifyUxRestrictionListeners(it.toActiveCarUxRestrictions())
+            }
+        }
+
+        uxRestrictionListeners.add(callback)
+
+        return {
+            uxRestrictionListeners.remove(callback)
+
+            if (uxRestrictionListeners.isEmpty()) {
+                val uxRestrictionManager =
+                    car.getCarManager(Car.CAR_UX_RESTRICTION_SERVICE) as CarUxRestrictionsManager
+
+                uxRestrictionManager.unregisterListener()
+            }
+        }
+    }
+
+    override fun getCarUxRestrictions(): ActiveCarUxRestrictions {
+        val uxRestrictionManager =
+            car.getCarManager(Car.CAR_UX_RESTRICTION_SERVICE) as CarUxRestrictionsManager
+
+        return uxRestrictionManager.currentCarUxRestrictions.toActiveCarUxRestrictions()
+    }
+
+    override fun registerAppFocusListener(callback: (state: AppFocusState) -> Unit): () -> Unit {
+        if (appFocusListeners.isEmpty()) {
+            val carAppFocusManager = car.getCarManager(Car.APP_FOCUS_SERVICE) as CarAppFocusManager
+
+            carAppFocusManager.addFocusListener(
+                onAppFocusChangedListener, CarAppFocusManager.APP_FOCUS_TYPE_NAVIGATION
+            )
+        }
+
+        appFocusListeners.add(callback)
+
+        return {
+            appFocusListeners.remove(callback)
+
+            if (appFocusListeners.isEmpty()) {
+                val carAppFocusManager =
+                    car.getCarManager(Car.APP_FOCUS_SERVICE) as CarAppFocusManager
+
+                carAppFocusManager.removeFocusListener(
+                    onAppFocusChangedListener, CarAppFocusManager.APP_FOCUS_TYPE_NAVIGATION
+                )
+            }
+        }
+    }
+
+    override fun getAppFocusState(): AppFocusState {
+        val carAppFocusManager = car.getCarManager(Car.APP_FOCUS_SERVICE) as CarAppFocusManager
+        val isOwned = carAppFocusManager.isOwningFocus(
+            onAppFocusOwnershipCallback, CarAppFocusManager.APP_FOCUS_TYPE_NAVIGATION
+        )
+
+        isFocusOwned.set(isOwned)
+
+        return AppFocusState(isOwned, isFocusActive.get())
+    }
+
+    override fun requestAppFocus(): () -> Unit {
+        val carAppFocusManager = car.getCarManager(Car.APP_FOCUS_SERVICE) as CarAppFocusManager
+        carAppFocusManager.requestAppFocus(
+            CarAppFocusManager.APP_FOCUS_TYPE_NAVIGATION, onAppFocusOwnershipCallback
+        )
+
+        return {
+            carAppFocusManager.abandonAppFocus(
+                onAppFocusOwnershipCallback, CarAppFocusManager.APP_FOCUS_TYPE_NAVIGATION
+            )
+        }
+    }
+
+    companion object {
+        private var isFocusOwned = AtomicReference<Boolean?>(null)
+        private var isFocusActive = AtomicReference<Boolean?>(null)
+
+        private val uxRestrictionListeners =
+            CopyOnWriteArrayList<(ActiveCarUxRestrictions) -> Unit>()
+        private val appFocusListeners = CopyOnWriteArrayList<(AppFocusState) -> Unit>()
+
+        private fun notifyAppFocusListeners() {
+            val state = AppFocusState(isFocusOwned.get(), isFocusActive.get())
+
+            appFocusListeners.forEach {
+                it(state)
+            }
+        }
+
+        private fun notifyUxRestrictionListeners(restrictions: ActiveCarUxRestrictions) {
+            uxRestrictionListeners.forEach {
+                it(restrictions)
+            }
+        }
+    }
+
+    fun android.car.drivingstate.CarUxRestrictions.toActiveCarUxRestrictions(): ActiveCarUxRestrictions {
+        val restrictions = mutableListOf<CarUxRestrictions>()
+
+        if ((activeRestrictions and android.car.drivingstate.CarUxRestrictions.UX_RESTRICTIONS_NO_DIALPAD) != 0) {
+            restrictions.add(CarUxRestrictions.UX_RESTRICTIONS_NO_DIALPAD)
+        }
+        if ((activeRestrictions and android.car.drivingstate.CarUxRestrictions.UX_RESTRICTIONS_NO_FILTERING) != 0) {
+            restrictions.add(CarUxRestrictions.UX_RESTRICTIONS_NO_FILTERING)
+        }
+        if ((activeRestrictions and android.car.drivingstate.CarUxRestrictions.UX_RESTRICTIONS_LIMIT_STRING_LENGTH) != 0) {
+            restrictions.add(CarUxRestrictions.UX_RESTRICTIONS_LIMIT_STRING_LENGTH)
+        }
+        if ((activeRestrictions and android.car.drivingstate.CarUxRestrictions.UX_RESTRICTIONS_NO_KEYBOARD) != 0) {
+            restrictions.add(CarUxRestrictions.UX_RESTRICTIONS_NO_KEYBOARD)
+        }
+        if ((activeRestrictions and android.car.drivingstate.CarUxRestrictions.UX_RESTRICTIONS_NO_VIDEO) != 0) {
+            restrictions.add(CarUxRestrictions.UX_RESTRICTIONS_NO_VIDEO)
+        }
+        if ((activeRestrictions and android.car.drivingstate.CarUxRestrictions.UX_RESTRICTIONS_LIMIT_CONTENT) != 0) {
+            restrictions.add(CarUxRestrictions.UX_RESTRICTIONS_LIMIT_CONTENT)
+        }
+        if ((activeRestrictions and android.car.drivingstate.CarUxRestrictions.UX_RESTRICTIONS_NO_SETUP) != 0) {
+            restrictions.add(CarUxRestrictions.UX_RESTRICTIONS_NO_SETUP)
+        }
+        if ((activeRestrictions and android.car.drivingstate.CarUxRestrictions.UX_RESTRICTIONS_NO_TEXT_MESSAGE) != 0) {
+            restrictions.add(CarUxRestrictions.UX_RESTRICTIONS_NO_TEXT_MESSAGE)
+        }
+        if ((activeRestrictions and android.car.drivingstate.CarUxRestrictions.UX_RESTRICTIONS_NO_VOICE_TRANSCRIPTION) != 0) {
+            restrictions.add(CarUxRestrictions.UX_RESTRICTIONS_NO_VOICE_TRANSCRIPTION)
+        }
+        if (activeRestrictions == android.car.drivingstate.CarUxRestrictions.UX_RESTRICTIONS_FULLY_RESTRICTED) {
+            restrictions.add(CarUxRestrictions.UX_RESTRICTIONS_FULLY_RESTRICTED)
+        }
+
+        return ActiveCarUxRestrictions(
+            maxContentDepth = maxContentDepth.toDouble(),
+            maxCumulativeContentItems = maxCumulativeContentItems.toDouble(),
+            maxRestrictedStringLength = maxRestrictedStringLength.toDouble(),
+            activeRestrictions = restrictions.toTypedArray()
+        )
+    }
+}

package/android/src/main/java/com/margelo/nitro/swe/iternio/reactnativeautoplay/AndroidAutoTelemetryHolder.kt

@@ -1,5 +1,7 @@
 package com.margelo.nitro.swe.iternio.reactnativeautoplay
 
+import kotlin.math.floor
+
 class AndroidAutoTelemetryHolder {
     private var isDirty = false
     private val lock = Any()
@@ -34,6 +36,9 @@ class AndroidAutoTelemetryHolder {
     private var parkingBrakeOn: Boolean? = null
     private var parkingBrakeOnTimestamp: Int? = null
 
+    private var soe: Float? = null
+    private var soeTimestamp: Int? = null
+
     private var name: String? = null
     private var manufacturer: String? = null
     private var year: Int? = null
@@ -146,6 +151,30 @@ class AndroidAutoTelemetryHolder {
         isDirty = true
     }
 
+    fun updateBatteryLevel(levelWh: Float, capacityWh: Float) = synchronized(lock) {
+        if (soe == levelWh) {
+            return
+        }
+
+        if (capacityWh <= 0f) {
+            throw Exception("got invalid battery capacity $capacityWh")
+        }
+
+        val soc = levelWh / capacityWh * 100
+        if (!soc.isFinite() || floor(soc) < 0 || floor(soc) > 100) {
+            throw Exception("got invalid soc $soc, expecting value from 0 to 100 EV_BATTERY_LEVEL: ${levelWh}, evBatteryCapacity: $capacityWh")
+        }
+
+        soe = levelWh
+        batteryLevel = soc
+
+        val timestamp = (System.currentTimeMillis() / 1000L).toInt()
+        soeTimestamp = timestamp
+        batteryLevelTimestamp = timestamp
+
+        isDirty = true
+    }
+
     fun toTelemetry(): Telemetry? {
         synchronized(lock) {
             if (!isDirty) {
@@ -173,6 +202,9 @@ class AndroidAutoTelemetryHolder {
                 evBatteryInstantaneousChargeRate = createNumericTelemetryItem(
                     evBatteryInstantaneousChargeRate, evBatteryInstantaneousChargeRateTimeStamp
                 ),
+                soe = createNumericTelemetryItem(
+                    soe, soeTimestamp
+                ),
                 vehicle = VehicleTelemetryItem(
                     name = createStringTelemetryItem(name),
                     manufacturer = createStringTelemetryItem(manufacturer),

package/android/src/main/java/com/margelo/nitro/swe/iternio/reactnativeautoplay/SignInWithGoogleActivity.kt

@@ -0,0 +1,57 @@
+package com.margelo.nitro.swe.iternio.reactnativeautoplay
+
+import android.os.Binder
+import android.os.Bundle
+import android.os.IBinder
+import androidx.activity.ComponentActivity
+import androidx.activity.result.ActivityResult
+import androidx.activity.result.contract.ActivityResultContracts
+import com.google.android.gms.auth.api.signin.GoogleSignIn
+import com.google.android.gms.auth.api.signin.GoogleSignInAccount
+import com.google.android.gms.auth.api.signin.GoogleSignInOptions
+import java.security.InvalidParameterException
+import javax.annotation.Nullable
+
+class SignInWithGoogleActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        val signInCompleteCallback = intent.extras?.getBinder(BINDER_KEY) as OnSignInComplete?
+
+        val serverClientId = intent.extras?.getString("serverClientId")
+            ?: throw InvalidParameterException("missing serverClientId parameter")
+
+        val activityResultLauncher = registerForActivityResult(
+            ActivityResultContracts.StartActivityForResult()
+        ) { result: ActivityResult ->
+            val account = GoogleSignIn.getSignedInAccountFromIntent(
+                result.data
+            ).result
+            signInCompleteCallback?.onSignInComplete(account)
+            finish()
+        }
+
+        val googleSignInClient = GoogleSignIn.getClient(
+            this,
+            GoogleSignInOptions.Builder(GoogleSignInOptions.DEFAULT_SIGN_IN)
+                .requestServerAuthCode(serverClientId).requestEmail().build()
+        )
+        activityResultLauncher.launch(googleSignInClient.signInIntent)
+    }
+
+    /**
+     * Binder callback to provide to the sign in activity.
+     */
+    abstract class OnSignInComplete : Binder(), IBinder {
+        /**
+         * Notifies that sign in flow completed.
+         *
+         * @param account the account signed in or `null` if there were issues signing in.
+         */
+        abstract fun onSignInComplete(@Nullable account: GoogleSignInAccount?)
+    }
+
+    companion object {
+        const val BINDER_KEY = "SignInWithGoogleActivity"
+    }
+}

package/android/src/main/java/com/margelo/nitro/swe/iternio/reactnativeautoplay/template/AutomotivePermissionRequestTemplate.kt

@@ -41,7 +41,7 @@ class AutomotivePermissionRequestTemplate(
 
                 if (granted) {
                     setResult(PermissionRequestResult(permissions, arrayOf()))
-                    screenManager.pop()
+                    finish()
                     return
                 }
 
@@ -85,7 +85,7 @@ class AutomotivePermissionRequestTemplate(
                                     granted.toTypedArray(), denied.toTypedArray()
                                 )
                             )
-                            screenManager.pop()
+                            finish()
                         })
                 })
                 cancelButtonText?.let {
@@ -93,7 +93,7 @@ class AutomotivePermissionRequestTemplate(
                         setTitle(it)
                         setOnClickListener(ParkedOnlyOnClickListener.create {
                             setResult(PermissionRequestResult(arrayOf(), permissions))
-                            screenManager.pop()
+                            finish()
                         })
                     }.build())
                 }

package/android/src/main/java/com/margelo/nitro/swe/iternio/reactnativeautoplay/template/SignInTemplate.kt

@@ -1,22 +1,33 @@
 package com.margelo.nitro.swe.iternio.reactnativeautoplay.template
 
+import android.content.Intent
 import android.net.Uri
+import android.os.Bundle
 import androidx.car.app.CarContext
+import androidx.car.app.model.Action
 import androidx.car.app.model.ActionStrip
+import androidx.car.app.model.CarIcon
 import androidx.car.app.model.InputCallback
+import androidx.car.app.model.ParkedOnlyOnClickListener
 import androidx.car.app.model.Template
 import androidx.car.app.model.signin.InputSignInMethod
 import androidx.car.app.model.signin.InputSignInMethod.INPUT_TYPE_DEFAULT
 import androidx.car.app.model.signin.InputSignInMethod.INPUT_TYPE_PASSWORD
 import androidx.car.app.model.signin.PinSignInMethod
+import androidx.car.app.model.signin.ProviderSignInMethod
 import androidx.car.app.model.signin.QRCodeSignInMethod
 import androidx.car.app.model.signin.SignInTemplate
+import androidx.core.graphics.drawable.IconCompat
+import com.google.android.gms.auth.api.signin.GoogleSignInAccount
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.KeyboardType
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.NitroAction
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.NitroActionType
+import com.margelo.nitro.swe.iternio.reactnativeautoplay.R
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.SignInTemplateConfig
+import com.margelo.nitro.swe.iternio.reactnativeautoplay.SignInWithGoogleActivity
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.TextInputType
 import java.security.InvalidParameterException
+import androidx.core.net.toUri
 
 class SignInTemplate(
     context: CarContext, config: SignInTemplateConfig
@@ -55,17 +66,16 @@ class SignInTemplate(
         val qrSignIn = config.signInMethod?.asFirstOrNull()
         val pinSignIn = config.signInMethod?.asSecondOrNull()
         val inputSignIn = config.signInMethod?.asThirdOrNull()
+        val googleSignIn = config.signInMethod?.asFourthOrNull()
 
         val templateBuilder = when {
             qrSignIn != null -> {
                 val url = qrSignIn.url
-                    ?: throw InvalidParameterException("missing url parameter")
-                SignInTemplate.Builder(QRCodeSignInMethod(Uri.parse(url)))
+                SignInTemplate.Builder(QRCodeSignInMethod(url.toUri()))
             }
 
             pinSignIn != null -> {
                 val pin = pinSignIn.pin
-                    ?: throw InvalidParameterException("missing pin parameter")
                 SignInTemplate.Builder(PinSignInMethod(pin))
             }
 
@@ -94,6 +104,51 @@ class SignInTemplate(
                 }.build())
             }
 
+            googleSignIn != null -> {
+                val signInAction = Action.Builder().apply {
+                    setTitle(googleSignIn.signInButtonText)
+                    setIcon(
+                        CarIcon.Builder(
+                            IconCompat.createWithResource(
+                                context, R.drawable.google
+                            )
+                        ).build()
+                    )
+                    setOnClickListener(ParkedOnlyOnClickListener.create {
+                        val extras = Bundle(1)
+                        extras.putBinder(
+                            SignInWithGoogleActivity.BINDER_KEY,
+                            object : SignInWithGoogleActivity.OnSignInComplete() {
+                                override fun onSignInComplete(account: GoogleSignInAccount?) {
+                                    if (account == null) {
+                                        googleSignIn.callback("Error signing in", null)
+                                    } else {
+                                        googleSignIn.callback(
+                                            null,
+                                            com.margelo.nitro.swe.iternio.reactnativeautoplay.GoogleSignInAccount(
+                                                serverAuthCode = account.serverAuthCode,
+                                                email = account.email,
+                                                id = account.id,
+                                                displayName = account.displayName,
+                                                photoUrl = account.photoUrl?.toString(),
+                                                idToken = account.idToken,
+                                                givenName = account.givenName,
+                                                familyName = account.familyName
+                                            )
+                                        )
+                                    }
+                                }
+                            })
+                        extras.putString("serverClientId", googleSignIn.serverClientId)
+                        context.startActivity(
+                            Intent().setClass(context, SignInWithGoogleActivity::class.java)
+                                .addFlags(Intent.FLAG_ACTIVITY_NEW_TASK).putExtras(extras)
+                        )
+                    })
+                }.build()
+                SignInTemplate.Builder(ProviderSignInMethod(signInAction))
+            }
+
             else -> throw InvalidParameterException("missing SignInTemplate builder")
         }
 

package/android/src/main/res/drawable/google.xml

@@ -0,0 +1,18 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M22.56,12.25c0,-0.78 -0.07,-1.53 -0.2,-2.25H12v4.26h5.92c-0.26,1.37 -1.04,2.53 -2.21,3.31v2.77h3.57c2.08,-1.92 3.28,-4.74 3.28,-8.09z"
+      android:fillColor="#4285F4"/>
+  <path
+      android:pathData="M12,23c2.97,0 5.46,-0.98 7.28,-2.66l-3.57,-2.77c-0.98,0.66 -2.23,1.06 -3.71,1.06 -2.86,0 -5.29,-1.93 -6.16,-4.53H2.18v2.84C3.99,20.53 7.7,23 12,23z"
+      android:fillColor="#34A853"/>
+  <path
+      android:pathData="M5.84,14.09c-0.22,-0.66 -0.35,-1.36 -0.35,-2.09s0.13,-1.43 0.35,-2.09V7.07H2.18C1.43,8.55 1,10.22 1,12s0.43,3.45 1.18,4.93l2.85,-2.22 0.81,-0.62z"
+      android:fillColor="#FBBC05"/>
+  <path
+      android:pathData="M12,5.38c1.62,0 3.06,0.56 4.21,1.64l3.15,-3.15C17.45,2.09 14.97,1 12,1 7.7,1 3.99,3.47 2.18,7.07l3.66,2.84c0.87,-2.6 3.3,-4.53 6.16,-4.53z"
+      android:fillColor="#EA4335"/>
+</vector>

package/ios/hybrid/HybridAutoPlay.swift

@@ -278,6 +278,7 @@ class HybridAutoPlay: HybridAutoPlaySpec {
                     }
 
                     template.barButtons = headerActions
+                    setBarButtons(template: template.getTemplate(), barButtons: headerActions)
                 }
             }
         }

package/ios/hybrid/HybridMapTemplate.swift

@@ -27,7 +27,7 @@ class HybridMapTemplate: HybridMapTemplateSpec {
             try await MainActor.run {
                 try RootModule.withAutoPlayTemplate(templateId: templateId) {
                     (template: MapTemplate) in
-                    template.config.mapButtons = buttons
+                    template.mapButtons = buttons
                     template.invalidate()
                 }
             }

package/ios/templates/AutoPlayTemplate.swift

@@ -34,8 +34,8 @@ class AutoPlayTemplate: NSObject {
     func onPopped() {}
 }
 
-protocol AutoPlayHeaderProviding {
-    @MainActor var barButtons: [NitroAction]? { get set }
+class AutoPlayHeaderProviding: AutoPlayTemplate {
+    var barButtons: [NitroAction]?
 }
 
 @MainActor