@iternio/react-native-auto-play 0.0.6 → 0.0.8

package/android/build.gradle

@@ -65,6 +65,8 @@ android {
 
     buildConfigField "float", "SCALE_FACTOR", getExtOrDefault("androidAutoScaleFactor")
     buildConfigField "long", "TELEMETRY_UPDATE_INTERVAL", getExtOrDefault("androidTelemetryUpdateInterval")
+    buildConfigField "long", "CLUSTER_SPLASH_DELAY_MS", getExtOrDefault("clusterSplashDelayMs")
+    buildConfigField "long", "CLUSTER_SPLASH_DURATION_MS", getExtOrDefault("clusterSplashDurationMs")
   }
 
   externalNativeBuild {

package/android/gradle.properties

@@ -7,4 +7,6 @@ ReactNativeAutoPlay_ndkVersion=27.1.12297006
 ReactNativeAutoPlay_isAutomotiveApp=false
 # apply a scale factor on the root view that affects everything rendered by react-native, does not affect templates
 ReactNativeAutoPlay_androidAutoScaleFactor=1.5f
-ReactNativeAutoPlay_androidTelemetryUpdateInterval=4000
+ReactNativeAutoPlay_androidTelemetryUpdateInterval=4000
+ReactNativeAutoPlay_clusterSplashDelayMs=1000
+ReactNativeAutoPlay_clusterSplashDurationMs=500

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

@@ -1,20 +1,31 @@
 package com.margelo.nitro.swe.iternio.reactnativeautoplay
 
+import android.Manifest
 import android.annotation.SuppressLint
+import android.app.Notification
+import android.app.NotificationChannel
+import android.app.NotificationManager
 import android.content.ComponentName
 import android.content.Intent
 import android.content.ServiceConnection
 import android.content.pm.ApplicationInfo
+import android.content.pm.PackageManager
+import android.graphics.Bitmap
 import android.os.IBinder
+import android.util.Log
 import androidx.car.app.CarAppService
 import androidx.car.app.Session
 import androidx.car.app.SessionInfo
+import androidx.car.app.notification.CarAppExtender
 import androidx.car.app.validation.HostValidator
+import androidx.core.app.NotificationCompat
+import androidx.core.app.NotificationManagerCompat
 import androidx.lifecycle.DefaultLifecycleObserver
 import androidx.lifecycle.LifecycleOwner
 import com.facebook.react.ReactApplication
 import com.facebook.react.bridge.LifecycleEventListener
 import com.facebook.react.bridge.ReactContext
+import com.margelo.nitro.swe.iternio.reactnativeautoplay.utils.AppInfo
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.utils.ReactContextResolver
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers
@@ -22,6 +33,7 @@ import kotlinx.coroutines.launch
 
 class AndroidAutoService : CarAppService() {
     private lateinit var reactContext: ReactContext
+    private lateinit var notificationManager: NotificationManager
 
     private var isServiceBound = false
     private var isSessionStarted = false
@@ -39,11 +51,21 @@ class AndroidAutoService : CarAppService() {
 
     override fun onCreate() {
         super.onCreate()
+        instance = this
 
         CoroutineScope(Dispatchers.Main).launch {
             reactContext = ReactContextResolver.getReactContext(application as ReactApplication)
             reactContext.addLifecycleEventListener(reactLifecycleObserver)
         }
+
+        notificationManager = getSystemService(NotificationManager::class.java)
+        val appLabel = AppInfo.getApplicationLabel(this)
+
+        getSystemService(NotificationManager::class.java).createNotificationChannel(
+            NotificationChannel(
+                CHANNEL_ID, appLabel, NotificationManager.IMPORTANCE_DEFAULT
+            )
+        )
     }
 
     override fun onCreateSession(sessionInfo: SessionInfo): Session {
@@ -60,6 +82,7 @@ class AndroidAutoService : CarAppService() {
 
     override fun onDestroy() {
         super.onDestroy()
+        instance = null
 
         stopForeground(STOP_FOREGROUND_REMOVE)
 
@@ -120,7 +143,61 @@ class AndroidAutoService : CarAppService() {
         }
     }
 
+    private fun createNotification(
+        title: String?, text: String?, largeIcon: Bitmap?
+    ): Notification {
+        return NotificationCompat.Builder(this, CHANNEL_ID)
+            .setSmallIcon(R.drawable.ic_notification).setOngoing(true)
+            .setCategory(NotificationCompat.CATEGORY_NAVIGATION).setOnlyAlertOnce(true)
+            .setWhen(System.currentTimeMillis()).setPriority(NotificationManager.IMPORTANCE_LOW)
+            .extend(
+                CarAppExtender.Builder().setImportance(NotificationManagerCompat.IMPORTANCE_LOW)
+                    .build()
+            ).apply {
+                title?.let {
+                    setContentTitle(it)
+                }
+                text?.let {
+                    setContentText(it)
+                    setTicker(it)
+                }
+                largeIcon?.let {
+                    setLargeIcon(it)
+                }
+            }.build()
+    }
+
+    fun startForeground() {
+        val isLocationPermissionGranted =
+            checkSelfPermission(Manifest.permission.ACCESS_COARSE_LOCATION) == PackageManager.PERMISSION_GRANTED || checkSelfPermission(
+                Manifest.permission.ACCESS_FINE_LOCATION
+            ) == PackageManager.PERMISSION_GRANTED
+
+        if (!isLocationPermissionGranted) {
+            Log.w(TAG, "location permission not granted, unable to start foreground service!")
+            return
+        }
+
+        try {
+            startForeground(
+                NOTIFICATION_ID, createNotification(null, null, null)
+            )
+        } catch (e: SecurityException) {
+            Log.e(TAG, "failed to start foreground service", e)
+        }
+    }
+
+    fun notify(title: String?, text: String?, icon: Bitmap?) {
+        val notification = createNotification(title, text, icon)
+        notificationManager.notify(NOTIFICATION_ID, notification)
+    }
+
     companion object {
         const val TAG = "AndroidAutoService"
+        private const val NOTIFICATION_ID = 1
+        private const val CHANNEL_ID = "AutoPlayServiceChannel"
+
+        var instance: AndroidAutoService? = null
+            private set
     }
 }

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

@@ -28,7 +28,7 @@ class HybridCluster : HybridClusterSpec() {
             val carContext = AndroidAutoSession.getCarContext(clusterId)
                 ?: throw IllegalArgumentException("initRootView failed, carContext for $clusterId cluster not found")
             val result = ThreadUtil.postOnUiAndAwait {
-                VirtualRenderer(carContext, clusterId)
+                VirtualRenderer(carContext, clusterId, isCluster = true)
             }
             if (result.isFailure) {
                 throw result.exceptionOrNull()

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

@@ -7,9 +7,12 @@ import android.graphics.Rect
 import android.hardware.display.DisplayManager
 import android.os.Bundle
 import android.view.Display
+import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import android.view.ViewTreeObserver
 import android.widget.FrameLayout
+import android.widget.TextView
 import androidx.car.app.AppManager
 import androidx.car.app.CarContext
 import androidx.car.app.SurfaceCallback
@@ -25,6 +28,7 @@ import com.facebook.react.uimanager.DisplayMetricsHolder
 import com.facebook.react.uimanager.UIManagerHelper
 import com.facebook.react.uimanager.common.UIManagerType
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.template.AndroidAutoTemplate
+import com.margelo.nitro.swe.iternio.reactnativeautoplay.utils.AppInfo
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.utils.Debouncer
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.utils.ReactContextResolver
 import kotlinx.coroutines.CoroutineScope
@@ -33,7 +37,9 @@ import kotlinx.coroutines.launch
 import kotlin.math.floor
 
 class VirtualRenderer(
-    private val context: CarContext, private val moduleName: String
+    private val context: CarContext,
+    private val moduleName: String,
+    private val isCluster: Boolean = false
 ) {
     private lateinit var uiManager: FabricUIManager
     private lateinit var display: Display
@@ -48,6 +54,8 @@ class VirtualRenderer(
     private var height: Int = 0
     private var width: Int = 0
 
+    private var splashWillDisappear = false
+
     /**
      * scale is the actual scale factor required to calculate proper insets and is passed in initialProperties to js side
      */
@@ -55,7 +63,7 @@ class VirtualRenderer(
     val scale = BuildConfig.SCALE_FACTOR * virtualScreenDensity
 
     init {
-        virtualRenderer.put(moduleName, this)
+        virtualRenderer[moduleName] = this
 
         CoroutineScope(Dispatchers.Main).launch {
             reactContext =
@@ -63,7 +71,7 @@ class VirtualRenderer(
 
             if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
                 uiManager = UIManagerHelper.getUIManager(
-                    reactContext, UIManagerType.Companion.FABRIC
+                    reactContext, UIManagerType.FABRIC
                 ) as FabricUIManager
             }
 
@@ -80,6 +88,11 @@ class VirtualRenderer(
             var visibleArea = Rect(0, 0, 0, 0)
 
             override fun onSurfaceAvailable(surfaceContainer: SurfaceContainer) {
+                if (surfaceContainer.surface == null) {
+                    Log.w(TAG, "surface is null")
+                    return
+                }
+
                 val manager = context.getSystemService(Context.DISPLAY_SERVICE) as DisplayManager
                 val virtualDisplay = manager.createVirtualDisplay(
                     moduleName,
@@ -188,7 +201,7 @@ class VirtualRenderer(
                     val left = floor((visibleArea.left + additionalMarginLeft) / scale).toDouble()
                     val right =
                         floor((width - visibleArea.right + additionalMarginRight) / scale).toDouble()
-                    HybridAutoPlay.Companion.emitSafeAreaInsets(
+                    HybridAutoPlay.emitSafeAreaInsets(
                         moduleName = moduleName,
                         top = top,
                         bottom = bottom,
@@ -213,7 +226,7 @@ class VirtualRenderer(
                             defaultMargin
                         ) / scale
                     ).toDouble()
-                    HybridAutoPlay.Companion.emitSafeAreaInsets(
+                    HybridAutoPlay.emitSafeAreaInsets(
                         moduleName = moduleName,
                         top = top,
                         bottom = bottom,
@@ -227,9 +240,9 @@ class VirtualRenderer(
     }
 
     private fun getMapTemplateConfig(): MapTemplateConfig? {
-        val screenManager = AndroidAutoScreen.Companion.getScreen(moduleName)?.screenManager ?: return null
+        val screenManager = AndroidAutoScreen.getScreen(moduleName)?.screenManager ?: return null
         val marker = screenManager.top.marker ?: return null
-        return AndroidAutoTemplate.Companion.getConfig(marker) as MapTemplateConfig?
+        return AndroidAutoTemplate.getConfig(marker) as MapTemplateConfig?
     }
 
     private fun initRenderer() {
@@ -283,12 +296,18 @@ class VirtualRenderer(
         override fun onCreate(savedInstanceState: Bundle?) {
             super.onCreate(savedInstanceState)
 
+            var splashScreenView: View? = null
+
             if (!this@VirtualRenderer::reactRootView.isInitialized) {
+                splashScreenView =
+                    if (isCluster) getClusterSplashScreen(context, height, width) else null
+
                 val instanceManager =
                     (context.applicationContext as ReactApplication).reactNativeHost.reactInstanceManager
                 reactRootView = ReactRootView(context.applicationContext).apply {
                     layoutParams = FrameLayout.LayoutParams(
-                        (this@MapPresentation.width / reactNativeScale).toInt(), (this@MapPresentation.height / reactNativeScale).toInt()
+                        (this@MapPresentation.width / reactNativeScale).toInt(),
+                        (this@MapPresentation.height / reactNativeScale).toInt()
                     )
                     scaleX = reactNativeScale
                     scaleY = reactNativeScale
@@ -296,6 +315,10 @@ class VirtualRenderer(
                     pivotY = 0f
                     setBackgroundColor(Color.DKGRAY)
 
+                    splashScreenView?.let {
+                        removeClusterSplashScreen({ viewTreeObserver }, it)
+                    }
+
                     startReactApplication(instanceManager, moduleName, initialProperties)
                     runApplication()
                 }
@@ -308,9 +331,13 @@ class VirtualRenderer(
                     FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.MATCH_PARENT
                 )
                 clipChildren = false
+
+                addView(reactRootView)
             }
 
-            rootContainer.addView(reactRootView)
+            splashScreenView?.let {
+                rootContainer.addView(it)
+            }
 
             setContentView(rootContainer)
         }
@@ -331,7 +358,12 @@ class VirtualRenderer(
                 reactSurfaceImpl = ReactSurfaceImpl(context, moduleName, initialProperties)
             }
 
+            var splashScreenView: View? = null
+
             if (!this@VirtualRenderer::reactSurfaceView.isInitialized) {
+                splashScreenView =
+                    if (isCluster) getClusterSplashScreen(context, height, width) else null
+
                 reactSurfaceView = ReactSurfaceView(context, reactSurfaceImpl).apply {
                     layoutParams = FrameLayout.LayoutParams(
                         (width / reactNativeScale).toInt(), (height / reactNativeScale).toInt()
@@ -341,6 +373,10 @@ class VirtualRenderer(
                     pivotX = 0f
                     pivotY = 0f
                     setBackgroundColor(Color.DKGRAY)
+
+                    splashScreenView?.let {
+                        removeClusterSplashScreen({ viewTreeObserver }, it)
+                    }
                 }
 
                 reactSurfaceId = uiManager.startSurface(
@@ -363,17 +399,63 @@ class VirtualRenderer(
                 (reactSurfaceView.parent as ViewGroup).removeView(reactSurfaceView)
             }
 
-            setContentView(FrameLayout(context).apply {
+            val rootContainer = FrameLayout(context).apply {
                 layoutParams = FrameLayout.LayoutParams(
                     FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.MATCH_PARENT
                 )
                 clipChildren = false
 
                 addView(reactSurfaceView)
-            })
+            }
+
+            splashScreenView?.let {
+                rootContainer.addView(it)
+            }
+
+            setContentView(rootContainer)
         }
     }
 
+    private fun getClusterSplashScreen(
+        context: Context, containerHeight: Int, containerWidth: Int
+    ): View {
+        val layout =
+            LayoutInflater.from(context).inflate(R.layout.cluster_splashscreen, null, false)
+        val text = layout.findViewById<TextView>(R.id.splash_text)
+
+        AppInfo.getApplicationIcon(context)?.let {
+            val maxIconSize = minOf(64, (0.25 * maxOf(containerHeight, containerWidth)).toInt())
+
+            it.setBounds(0, 0, maxIconSize, maxIconSize)
+            text.setCompoundDrawables(null, it, null, null)
+        }
+
+        text.text = AppInfo.getApplicationLabel(context)
+
+        return layout
+    }
+
+    private fun removeClusterSplashScreen(
+        getViewTreeObserver: () -> ViewTreeObserver, splashScreenView: View
+    ) {
+        getViewTreeObserver().addOnGlobalLayoutListener(object :
+            ViewTreeObserver.OnGlobalLayoutListener {
+            override fun onGlobalLayout() {
+                if (splashWillDisappear) {
+                    return
+                }
+                splashWillDisappear = true
+
+                splashScreenView.animate().alpha(0f)
+                    .setStartDelay(BuildConfig.CLUSTER_SPLASH_DELAY_MS)
+                    .setDuration(BuildConfig.CLUSTER_SPLASH_DURATION_MS).withEndAction {
+                        (splashScreenView.parent as? ViewGroup)?.removeView(splashScreenView)
+                        getViewTreeObserver().removeOnGlobalLayoutListener(this)
+                    }
+            }
+        })
+    }
+
     companion object {
         const val TAG = "VirtualRenderer"
 

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

@@ -1,5 +1,6 @@
 package com.margelo.nitro.swe.iternio.reactnativeautoplay.template
 
+import android.app.Service
 import android.graphics.Color
 import androidx.car.app.AppManager
 import androidx.car.app.CarContext
@@ -20,6 +21,7 @@ import com.facebook.react.bridge.UiThreadUtil
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.AlertActionStyle
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.AlertDismissalReason
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.AndroidAutoScreen
+import com.margelo.nitro.swe.iternio.reactnativeautoplay.AndroidAutoService
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.AndroidAutoSession
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.MapTemplateConfig
 import com.margelo.nitro.swe.iternio.reactnativeautoplay.NitroAction
@@ -262,6 +264,8 @@ class MapTemplate(
 
                 updateTripDestinations()
             }
+
+            AndroidAutoService.instance?.startForeground()
         }
 
         fun updateTravelEstimates(steps: Array<TripPoint>) {
@@ -287,6 +291,8 @@ class MapTemplate(
             navigationInfo = null
 
             AndroidAutoScreen.invalidateSurfaceScreens()
+
+            AndroidAutoService.instance?.stopForeground(Service.STOP_FOREGROUND_REMOVE)
         }
 
         fun updateManeuvers(maneuvers: NitroManeuver) {
@@ -340,11 +346,29 @@ class MapTemplate(
             cardBackgroundColor = Parser.parseColor(backgroundColor)
 
             val currentStep = Parser.parseStep(context, current)
+            val currentDistance = Parser.parseDistance(current.travelEstimates.distanceRemaining)
+
             val nextStep = next?.let { Parser.parseStep(context, it) }
 
+            AndroidAutoService.instance?.let {
+                val notificationIcon = Parser.parseImageToBitmap(
+                    context,
+                    current.symbolImage.asFirstOrNull(),
+                    current.symbolImage.asSecondOrNull()
+                )
+
+                val notificationText = currentStep.cue?.toString()
+
+                val notificationTitle = "${currentDistance.displayDistance.toInt()} ${Parser.parseDistanceUnit(currentDistance.displayUnit)}"
+
+                it.notify(
+                    notificationTitle, notificationText, notificationIcon
+                )
+            }
+
             navigationInfo = RoutingInfo.Builder().apply {
                 setCurrentStep(
-                    currentStep, Parser.parseDistance(current.travelEstimates.distanceRemaining)
+                    currentStep, currentDistance
                 )
                 nextStep?.let { setNextStep(it) }
             }.build()

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

@@ -707,6 +707,17 @@ object Parser {
         }
     }
 
+    fun parseDistanceUnit(@Distance.Unit displayUnit: Int): String {
+        return when (displayUnit) {
+            Distance.UNIT_FEET -> "ft"
+            Distance.UNIT_KILOMETERS, Distance.UNIT_KILOMETERS_P1 -> "km"
+            Distance.UNIT_METERS -> "m"
+            Distance.UNIT_MILES, Distance.UNIT_MILES_P1 -> "mi"
+            Distance.UNIT_YARDS -> "yd"
+            else -> ""
+        }
+    }
+
     fun parseMapWithContentConfig(
         context: CarContext, mapConfig: NitroBaseMapTemplateConfig?, template: Template
     ): Template {

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

@@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="128dp" android:viewportHeight="192" android:viewportWidth="192" android:width="128dp">
+      
+    <path android:fillColor="@android:color/transparent" android:pathData="M56,146H26.07c-3.11,0 -5.03,-3.4 -3.43,-6.06l69.93,-116.24c1.55,-2.58 5.3,-2.58 6.86,0l69.93,116.24c1.6,2.67 -0.32,6.06 -3.43,6.06H136" android:strokeColor="@android:color/white" android:strokeLineJoin="round" android:strokeWidth="12"/>
+      
+    <path android:fillColor="@android:color/transparent" android:pathData="m42,170 l54,-92 54,92 -54,-24 -54,24Z" android:strokeColor="@android:color/white" android:strokeLineJoin="round" android:strokeWidth="12"/>
+    
+</vector>

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

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#444444"
+    android:gravity="center"
+    android:orientation="vertical">
+
+    <TextView
+        android:id="@+id/splash_text"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:drawableTop="@android:drawable/star_big_off"
+        android:drawablePadding="16sp"
+        android:gravity="center"
+        android:text="react-native-auto-play"
+        android:textColor="@android:color/white"
+        android:textSize="20sp"
+        android:textStyle="bold"
+        android:typeface="normal" />
+
+</LinearLayout>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iternio/react-native-auto-play",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Android Auto and Apple CarPlay for react-native",
   "main": "lib/index",
   "module": "lib/index",