AuthScreen.kt

package studio.moondev.samples.demo.auth

import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.material3.Button
import androidx.compose.material3.OutlinedTextField
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.collectAsState
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.rememberCoroutineScope
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import io.moondev.auth.AuthProvider
import kotlinx.coroutines.launch
import org.koin.compose.koinInject

/**
 * Demonstrates sign-in / sign-out via the L1 [AuthProvider] contract
 * (implemented by FirebaseAuthProvider from moon-firebase-auth-kmp).
 *
 * Usage shape:
 *  1. Inject [AuthProvider] via Koin.
 *  2. Observe `currentUser: StateFlow<AuthUser?>`.
 *  3. Call `signInWithEmailPassword(email, password)` on a background scope.
 */
@Composable
fun AuthScreen() {
    val auth = koinInject<AuthProvider>()
    val scope = rememberCoroutineScope()

    val user by auth.currentUser.collectAsState()
    var email by remember { mutableStateOf("") }
    var password by remember { mutableStateOf("") }
    var status by remember { mutableStateOf("") }

    Column(
        modifier = Modifier.fillMaxWidth(),
        verticalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        Text(text = "Signed in as: ${user?.uid ?: "(none)"}")
        OutlinedTextField(value = email, onValueChange = { email = it }, label = { Text("Email") })
        OutlinedTextField(value = password, onValueChange = { password = it }, label = { Text("Password") })
        Button(onClick = {
            scope.launch {
                status = runCatching {
                    // TODO(cc): verify signature with library v1.0.0 API reference.
                    auth.signInWithEmailPassword(email, password)
                    "Signed in"
                }.getOrElse { "Error: ${it.message}" }
            }
        }) { Text("Sign in") }
        Button(onClick = {
            scope.launch {
                status = runCatching {
                    auth.signOut()
                    "Signed out"
                }.getOrElse { "Error: ${it.message}" }
            }
        }) { Text("Sign out") }
        Text(text = status)
    }
}