Adding compose code for FCM

messaging/app/build.gradle

@@ -8,12 +8,12 @@ check.dependsOn 'assembleDebugAndroidTest'
 
 android {
     namespace 'com.google.firebase.quickstart.fcm'
-    compileSdk 33
+    compileSdk 34
 
     defaultConfig {
         applicationId "com.google.firebase.quickstart.fcm"
         minSdk 21 // minSdk would be 19 without compose
-        targetSdk 33
+        targetSdk 34
         versionCode 1
         versionName "1.0"
         multiDexEnabled true
@@ -97,6 +97,9 @@ dependencies {
     implementation "androidx.compose.ui:ui-tooling-preview:$compose_version"
     implementation 'androidx.activity:activity-compose:1.5.1'
 
+    implementation 'androidx.lifecycle:lifecycle-viewmodel-compose:2.7.0'
+    implementation("com.google.accompanist:accompanist-permissions:0.30.1")
+
     // Testing dependencies
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.0'
     androidTestImplementation 'androidx.test:runner:1.5.1'

messaging/app/src/main/AndroidManifest.xml

@@ -36,6 +36,7 @@
         </activity>
 
         <activity android:name=".kotlin.MainActivity" />
+        <activity android:name=".kotlin.ComposeMainActivity"/>
         <activity android:name=".java.MainActivity" />
 
         <service

messaging/app/src/main/java/com/google/firebase/quickstart/fcm/EntryChoiceActivity.kt

@@ -9,14 +9,18 @@ class EntryChoiceActivity : BaseEntryChoiceActivity() {
 
     override fun getChoices(): List<Choice> {
         return kotlin.collections.listOf(
-                Choice(
-                        "Java",
-                        "Run the Firebase Cloud Messaging quickstart written in Java.",
-                        Intent(this, MainActivity::class.java)),
-                Choice(
-                        "Kotlin",
-                        "Run the Firebase Cloud Messaging written in Kotlin.",
-                        Intent(this, com.google.firebase.quickstart.fcm.kotlin.MainActivity::class.java))
+            Choice(
+                "Java",
+                "Run the Firebase Cloud Messaging quickstart written in Java.",
+                Intent(this, MainActivity::class.java)),
+            Choice(
+                "Kotlin",
+                "Run the Firebase Cloud Messaging written in Kotlin.",
+                Intent(this, com.google.firebase.quickstart.fcm.kotlin.MainActivity::class.java)),
+            Choice(
+                "Compose",
+                "Run the Firebase Cloud Messaging written in Compose.",
+                Intent(this, com.google.firebase.quickstart.fcm.kotlin.ComposeMainActivity::class.java))
         )
     }
 }

messaging/app/src/main/java/com/google/firebase/quickstart/fcm/kotlin/ComposeMainActivity.kt

@@ -0,0 +1,267 @@
+package com.google.firebase.quickstart.fcm.kotlin
+
+import android.Manifest
+import android.app.Activity
+import android.content.Context
+import android.content.ContextWrapper
+import android.os.Build
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.rememberLauncherForActivityResult
+import androidx.activity.compose.setContent
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.annotation.RequiresApi
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.wrapContentHeight
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Scaffold
+import androidx.compose.material.SnackbarHost
+import androidx.compose.material.SnackbarHostState
+import androidx.compose.material.Surface
+import androidx.compose.material.Text
+import androidx.compose.material.TopAppBar
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalLifecycleOwner
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.Lifecycle
+import androidx.lifecycle.LifecycleEventObserver
+import androidx.lifecycle.LifecycleOwner
+import androidx.lifecycle.viewmodel.compose.viewModel
+import com.google.accompanist.permissions.ExperimentalPermissionsApi
+import com.google.accompanist.permissions.isGranted
+import com.google.accompanist.permissions.rememberPermissionState
+import com.google.firebase.quickstart.fcm.R
+import com.google.firebase.quickstart.fcm.kotlin.data.SubscriptionState
+import com.google.firebase.quickstart.fcm.kotlin.ui.theme.FirebaseMessagingTheme
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.launch
+
+class ComposeMainActivity : ComponentActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContent {
+            FirebaseMessagingTheme {
+                // A surface container using the 'background' color from the theme
+                Surface(
+                    modifier = Modifier.fillMaxSize(),
+                    color = MaterialTheme.colors.background
+                ) {
+                    MainAppView()
+                }
+            }
+        }
+    }
+}
+
+
+@OptIn(ExperimentalPermissionsApi::class)
+@RequiresApi(Build.VERSION_CODES.TIRAMISU)
+@Composable
+private fun RequestNotificationPermissionDialog(
+    scope: CoroutineScope,
+    snackbarHostState: SnackbarHostState
+) {
+    val permissionState = rememberPermissionState(permission = Manifest.permission.POST_NOTIFICATIONS)
+
+    val requestPermissionLauncher = rememberLauncherForActivityResult(
+        ActivityResultContracts.RequestPermission()
+    ) { isGranted ->
+        var message = "Notifications permission granted"
+        if (!isGranted) {
+            message = "FCM can't post notifications without POST_NOTIFICATIONS permission"
+        }
+
+        scope.launch {
+            snackbarHostState.showSnackbar(message)
+        }
+    }
+
+    LaunchedEffect(permissionState) {
+        if (!permissionState.status.isGranted) {
+            requestPermissionLauncher.launch(Manifest.permission.POST_NOTIFICATIONS)
+        }
+    }
+}
+
+@Composable
+fun MainAppView(
+    lifecycleOwner: LifecycleOwner = LocalLifecycleOwner.current,
+    fcmViewModel: FirebaseMessagingViewModel = viewModel(factory = FirebaseMessagingViewModel.Factory)
+) {
+    val context = LocalContext.current
+    val scope = rememberCoroutineScope()
+    val snackbarHostState = remember { SnackbarHostState() }
+
+    val activity = context.findActivity()
+    val intent = activity?.intent
+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+        RequestNotificationPermissionDialog(scope, snackbarHostState)
+    }
+
+    DisposableEffect(lifecycleOwner) {
+        val observer = LifecycleEventObserver { _, event ->
+            if (event == Lifecycle.Event.ON_CREATE) {
+                //Create Notification Channel
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+                    fcmViewModel.setNotificationChannel(
+                        context,
+                        context.getString(R.string.default_notification_channel_id),
+                        context.getString(R.string.default_notification_channel_name)
+                    )
+                }
+
+                if (intent != null) {
+                    fcmViewModel.getNotificationData(intent)
+                }
+            }
+        }
+
+        lifecycleOwner.lifecycle.addObserver(observer)
+
+        onDispose {
+            lifecycleOwner.lifecycle.removeObserver(observer)
+        }
+    }
+
+    LaunchedEffect(key1 = fcmViewModel.token) {
+        fcmViewModel.token.collect {
+            if(it.isNotEmpty()) {
+                snackbarHostState.showSnackbar(context.getString(R.string.msg_token_fmt, it))
+            }
+        }
+    }
+
+    LaunchedEffect(key1 = fcmViewModel.subscriptionState) {
+        fcmViewModel.subscriptionState.collect { state ->
+            when (state) {
+                SubscriptionState.Success -> { snackbarHostState.showSnackbar(context.getString(R.string.msg_subscribed)) }
+                SubscriptionState.Failed -> { snackbarHostState.showSnackbar(context.getString(R.string.msg_subscribe_failed)) }
+                SubscriptionState.Loading -> { }
+            }
+        }
+    }
+
+    Scaffold(
+        snackbarHost = {
+            SnackbarHost(hostState = snackbarHostState)
+        },
+        modifier = Modifier
+            .fillMaxSize(),
+        topBar = {
+            TopAppBar(
+                backgroundColor = colorResource(R.color.colorPrimary)
+            ) {
+                Text(
+                    text = stringResource(R.string.app_name),
+                    style = MaterialTheme.typography.h6,
+                    textAlign = TextAlign.Center,
+                    modifier = Modifier.padding(8.dp),
+                    color = Color.White
+                )
+            }
+        },
+        content = { it ->
+            Column(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .padding(it)
+            ) {
+                MainContent(fcmViewModel)
+            }
+        }
+    )
+}
+
+@Composable
+fun MainContent(
+    fcmViewModel: FirebaseMessagingViewModel
+) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(16.dp),
+        verticalArrangement = Arrangement.Top,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Image(
+            painter = painterResource(R.drawable.firebase_lockup_400),
+            contentDescription = "Firebase logo",
+            modifier = Modifier.fillMaxWidth(),
+        )
+        Text(
+            text = stringResource(R.string.quickstart_message),
+            textAlign = TextAlign.Center,
+            style = MaterialTheme.typography.body1,
+            modifier = Modifier
+                .padding(top = 16.dp, start=8.dp, end=8.dp, bottom=16.dp)
+        )
+        Button(
+            modifier = Modifier
+                .width(200.dp)
+                .wrapContentHeight()
+                .padding(0.dp, 20.dp, 0.dp, 0.dp),
+            colors = ButtonDefaults.buttonColors(backgroundColor = colorResource(R.color.colorPrimary)),
+            onClick = {
+                fcmViewModel.getSubscribe("weather")
+            }
+        ) {
+            Text(
+                textAlign = TextAlign.Center,
+                text = stringResource(R.string.subscribe_to_weather).uppercase(),
+                color = Color.White,
+            )
+        }
+        Button(
+            modifier = Modifier
+                .width(200.dp)
+                .wrapContentHeight()
+                .padding(0.dp, 20.dp, 0.dp, 0.dp),
+            colors = ButtonDefaults.buttonColors(backgroundColor = colorResource(R.color.colorPrimary)),
+            onClick = {
+                fcmViewModel.getToken()
+            }
+        ) {
+            Text(
+                text = stringResource(R.string.log_token).uppercase(),
+                color = Color.White,
+            )
+        }
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun MainAppViewPreview() {
+    FirebaseMessagingTheme {
+        MainAppView()
+    }
+}
+
+fun Context.findActivity(): Activity? = when (this) {
+    is Activity -> this
+    is ContextWrapper -> baseContext.findActivity()
+    else -> null
+}