@shaykec/app-agent 1.0.5 → 1.0.7

package/templates/shared/android/SupabaseBackend/SupabaseForgotPasswordScreen.kt

@@ -0,0 +1,154 @@
+package com.appship.shared.supabase
+
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.CheckCircle
+import androidx.compose.material3.*
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.window.Dialog
+import kotlinx.coroutines.launch
+
+/**
+ * Supabase forgot password screen with email input and send reset link button.
+ */
+@Composable
+fun SupabaseForgotPasswordScreen(
+    authManager: SupabaseAuthManager,
+    onDismiss: () -> Unit,
+    modifier: Modifier = Modifier
+) {
+    var email by remember { mutableStateOf("") }
+    var isSent by remember { mutableStateOf(false) }
+    var errorMessage by remember { mutableStateOf<String?>(null) }
+    
+    val scope = rememberCoroutineScope()
+    
+    Dialog(onDismissRequest = onDismiss) {
+        Card(
+            modifier = modifier
+                .fillMaxWidth()
+                .padding(16.dp)
+        ) {
+            Column(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(24.dp),
+                horizontalAlignment = Alignment.CenterHorizontally,
+                verticalArrangement = Arrangement.spacedBy(16.dp)
+            ) {
+                if (isSent) {
+                    // Success state
+                    Icon(
+                        imageVector = Icons.Filled.CheckCircle,
+                        contentDescription = null,
+                        modifier = Modifier
+                            .size(60.dp)
+                            .testTag("supabase_forgot_password_success_icon"),
+                        tint = MaterialTheme.colorScheme.primary
+                    )
+                    
+                    Text(
+                        text = stringResource(R.string.supabase_password_reset_sent),
+                        style = MaterialTheme.typography.headlineSmall,
+                        textAlign = TextAlign.Center,
+                        modifier = Modifier.testTag("supabase_forgot_password_success_title")
+                    )
+                    
+                    Text(
+                        text = stringResource(R.string.supabase_password_reset_instructions),
+                        style = MaterialTheme.typography.bodyMedium,
+                        color = MaterialTheme.colorScheme.onSurfaceVariant,
+                        textAlign = TextAlign.Center,
+                        modifier = Modifier.testTag("supabase_forgot_password_success_message")
+                    )
+                    
+                    Button(
+                        onClick = onDismiss,
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .testTag("supabase_forgot_password_back_button")
+                    ) {
+                        Text(stringResource(R.string.supabase_back_to_sign_in))
+                    }
+                } else {
+                    // Email input form
+                    Text(
+                        text = stringResource(R.string.supabase_forgot_password_title),
+                        style = MaterialTheme.typography.headlineSmall,
+                        textAlign = TextAlign.Center,
+                        modifier = Modifier.testTag("supabase_forgot_password_title")
+                    )
+                    
+                    Text(
+                        text = stringResource(R.string.supabase_forgot_password_message),
+                        style = MaterialTheme.typography.bodyMedium,
+                        color = MaterialTheme.colorScheme.onSurfaceVariant,
+                        textAlign = TextAlign.Center,
+                        modifier = Modifier.testTag("supabase_forgot_password_message")
+                    )
+                    
+                    // Email field
+                    OutlinedTextField(
+                        value = email,
+                        onValueChange = { email = it },
+                        label = { Text(stringResource(R.string.supabase_email)) },
+                        singleLine = true,
+                        keyboardOptions = androidx.compose.foundation.text.KeyboardOptions(
+                            keyboardType = androidx.compose.foundation.text.KeyboardType.Email
+                        ),
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .testTag("supabase_forgot_password_email_field")
+                    )
+                    
+                    // Error message
+                    errorMessage?.let { error ->
+                        Text(
+                            text = error,
+                            style = MaterialTheme.typography.bodySmall,
+                            color = MaterialTheme.colorScheme.error,
+                            textAlign = TextAlign.Center,
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .testTag("supabase_forgot_password_error_message")
+                        )
+                    }
+                    
+                    // Send reset link button
+                    Button(
+                        onClick = {
+                            scope.launch {
+                                try {
+                                    authManager.sendPasswordReset(email)
+                                    isSent = true
+                                } catch (e: Exception) {
+                                    errorMessage = e.message
+                                }
+                            }
+                        },
+                        enabled = email.isNotEmpty(),
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .testTag("supabase_forgot_password_send_button")
+                    ) {
+                        Text(stringResource(R.string.supabase_send_reset_link))
+                    }
+                    
+                    // Cancel button
+                    TextButton(
+                        onClick = onDismiss,
+                        modifier = Modifier.testTag("supabase_forgot_password_cancel_button")
+                    ) {
+                        Text(stringResource(R.string.supabase_cancel))
+                    }
+                }
+            }
+        }
+    }
+}

package/templates/shared/android/SupabaseBackend/SupabaseLoginScreen.kt

@@ -0,0 +1,262 @@
+package com.appship.shared.supabase
+
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.*
+import androidx.compose.material3.*
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import kotlinx.coroutines.launch
+
+/**
+ * Supabase login screen with email/password, magic link toggle, social login, and forgot password.
+ */
+@Composable
+fun SupabaseLoginScreen(
+    authManager: SupabaseAuthManager,
+    onSuccess: (() -> Unit)? = null,
+    onSignUp: (() -> Unit)? = null,
+    modifier: Modifier = Modifier
+) {
+    var email by remember { mutableStateOf("") }
+    var password by remember { mutableStateOf("") }
+    var useMagicLink by remember { mutableStateOf(false) }
+    var showingForgotPassword by remember { mutableStateOf(false) }
+    var errorMessage by remember { mutableStateOf<String?>(null) }
+    
+    val authState by authManager.authState.collectAsState()
+    val scope = rememberCoroutineScope()
+    
+    LaunchedEffect(authState) {
+        when (authState) {
+            SupabaseAuthManager.AuthState.LOGGED_IN -> onSuccess?.invoke()
+            SupabaseAuthManager.AuthState.ERROR -> {
+                errorMessage = authManager.errorMessage.value
+            }
+            else -> {}
+        }
+    }
+    
+    Column(
+        modifier = modifier
+            .fillMaxSize()
+            .padding(24.dp),
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.spacedBy(16.dp)
+    ) {
+        Spacer(modifier = Modifier.height(32.dp))
+        
+        // Title
+        Text(
+            text = stringResource(R.string.supabase_sign_in),
+            style = MaterialTheme.typography.headlineLarge,
+            textAlign = TextAlign.Center,
+            modifier = Modifier.testTag("supabase_login_title")
+        )
+        
+        Spacer(modifier = Modifier.height(8.dp))
+        
+        // Email field
+        OutlinedTextField(
+            value = email,
+            onValueChange = { email = it },
+            label = { Text(stringResource(R.string.supabase_email)) },
+            singleLine = true,
+            keyboardOptions = androidx.compose.foundation.text.KeyboardOptions(
+                keyboardType = androidx.compose.foundation.text.KeyboardType.Email
+            ),
+            modifier = Modifier
+                .fillMaxWidth()
+                .testTag("supabase_login_email_field")
+        )
+        
+        // Password field (if not using magic link)
+        if (!useMagicLink) {
+            OutlinedTextField(
+                value = password,
+                onValueChange = { password = it },
+                label = { Text(stringResource(R.string.supabase_password)) },
+                singleLine = true,
+                visualTransformation = androidx.compose.ui.text.input.PasswordTransformation(),
+                keyboardOptions = androidx.compose.foundation.text.KeyboardOptions(
+                    keyboardType = androidx.compose.foundation.text.KeyboardType.Password
+                ),
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .testTag("supabase_login_password_field")
+            )
+        }
+        
+        // Magic link toggle
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Checkbox(
+                checked = useMagicLink,
+                onCheckedChange = { useMagicLink = it },
+                modifier = Modifier.testTag("supabase_login_magic_link_toggle")
+            )
+            Text(
+                text = stringResource(R.string.supabase_use_magic_link),
+                modifier = Modifier.padding(start = 8.dp)
+            )
+        }
+        
+        // Error message
+        errorMessage?.let { error ->
+            Text(
+                text = error,
+                style = MaterialTheme.typography.bodySmall,
+                color = MaterialTheme.colorScheme.error,
+                textAlign = TextAlign.Center,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .testTag("supabase_login_error_message")
+            )
+        }
+        
+        // Sign in button
+        Button(
+            onClick = {
+                scope.launch {
+                    try {
+                        if (useMagicLink) {
+                            authManager.signInWithMagicLink(email)
+                        } else {
+                            authManager.signInWithEmail(email, password)
+                        }
+                    } catch (e: Exception) {
+                        errorMessage = e.message
+                    }
+                }
+            },
+            enabled = authState != SupabaseAuthManager.AuthState.AUTHENTICATING && email.isNotEmpty(),
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(50.dp)
+                .testTag("supabase_login_sign_in_button")
+        ) {
+            Text(
+                if (useMagicLink) stringResource(R.string.supabase_send_magic_link)
+                else stringResource(R.string.supabase_sign_in)
+            )
+        }
+        
+        // Forgot password
+        TextButton(
+            onClick = { showingForgotPassword = true },
+            modifier = Modifier.testTag("supabase_login_forgot_password_button")
+        ) {
+            Text(stringResource(R.string.supabase_forgot_password))
+        }
+        
+        // Social login divider
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            HorizontalDivider(modifier = Modifier.weight(1f))
+            Text(
+                text = stringResource(R.string.supabase_or_continue_with),
+                modifier = Modifier.padding(horizontal = 16.dp),
+                style = MaterialTheme.typography.bodySmall
+            )
+            HorizontalDivider(modifier = Modifier.weight(1f))
+        }
+        
+        // Social login buttons
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            verticalArrangement = Arrangement.spacedBy(8.dp)
+        ) {
+            OutlinedButton(
+                onClick = {
+                    scope.launch {
+                        try {
+                            authManager.signInWithOAuth(SupabaseAuthManager.OAuthProvider.GOOGLE)
+                        } catch (e: Exception) {
+                            errorMessage = e.message
+                        }
+                    }
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .testTag("supabase_login_google_button")
+            ) {
+                Icon(Icons.Filled.Language, contentDescription = null)
+                Spacer(modifier = Modifier.width(8.dp))
+                Text(stringResource(R.string.supabase_sign_in_with_google))
+            }
+            
+            OutlinedButton(
+                onClick = {
+                    scope.launch {
+                        try {
+                            authManager.signInWithOAuth(SupabaseAuthManager.OAuthProvider.APPLE)
+                        } catch (e: Exception) {
+                            errorMessage = e.message
+                        }
+                    }
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .testTag("supabase_login_apple_button")
+            ) {
+                // Note: Apple icon may not be available in Material Icons
+                // CUSTOMIZE: Replace with custom Apple icon or use a different icon
+                Icon(Icons.Filled.CheckCircle, contentDescription = null)
+                Spacer(modifier = Modifier.width(8.dp))
+                Text(stringResource(R.string.supabase_sign_in_with_apple))
+            }
+            
+            OutlinedButton(
+                onClick = {
+                    scope.launch {
+                        try {
+                            authManager.signInWithOAuth(SupabaseAuthManager.OAuthProvider.GITHUB)
+                        } catch (e: Exception) {
+                            errorMessage = e.message
+                        }
+                    }
+                },
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(50.dp)
+                    .testTag("supabase_login_github_button")
+            ) {
+                Icon(Icons.Filled.Code, contentDescription = null)
+                Spacer(modifier = Modifier.width(8.dp))
+                Text(stringResource(R.string.supabase_sign_in_with_github))
+            }
+        }
+        
+        // Sign up link
+        if (onSignUp != null) {
+            Row {
+                Text(stringResource(R.string.supabase_no_account))
+                TextButton(onClick = onSignUp) {
+                    Text(stringResource(R.string.supabase_sign_up))
+                }
+            }
+            .modifier(Modifier.testTag("supabase_login_sign_up_link"))
+        }
+        
+        Spacer(modifier = Modifier.weight(1f))
+    }
+    
+    // Forgot password dialog
+    if (showingForgotPassword) {
+        SupabaseForgotPasswordScreen(
+            authManager = authManager,
+            onDismiss = { showingForgotPassword = false }
+        )
+    }
+}

package/templates/shared/android/SupabaseBackend/SupabaseMagicLinkSentScreen.kt

@@ -0,0 +1,173 @@
+package com.appship.shared.supabase
+
+import android.content.Intent
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Email
+import androidx.compose.material3.*
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import kotlinx.coroutines.launch
+
+/**
+ * Supabase magic link sent confirmation screen.
+ * Shown after sending a magic link email, with options to open email app or resend link.
+ */
+@Composable
+fun SupabaseMagicLinkSentScreen(
+    authManager: SupabaseAuthManager,
+    email: String,
+    onBack: () -> Unit,
+    modifier: Modifier = Modifier
+) {
+    var resendCountdown by remember { mutableStateOf(0) }
+    var errorMessage by remember { mutableStateOf<String?>(null) }
+    val context = LocalContext.current
+    val scope = rememberCoroutineScope()
+    
+    // Countdown timer for resend button
+    LaunchedEffect(resendCountdown) {
+        if (resendCountdown > 0) {
+            kotlinx.coroutines.delay(1000)
+            resendCountdown--
+        }
+    }
+    
+    Column(
+        modifier = modifier
+            .fillMaxSize()
+            .padding(24.dp),
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.spacedBy(16.dp)
+    ) {
+        Spacer(modifier = Modifier.height(32.dp))
+        
+        // Email icon
+        Icon(
+            imageVector = Icons.Filled.Email,
+            contentDescription = null,
+            modifier = Modifier
+                .size(80.dp)
+                .testTag("supabase_magic_link_icon"),
+            tint = MaterialTheme.colorScheme.primary
+        )
+        
+        Spacer(modifier = Modifier.height(16.dp))
+        
+        // Title
+        Text(
+            text = stringResource(R.string.supabase_magic_link_sent_title),
+            style = MaterialTheme.typography.headlineLarge,
+            textAlign = TextAlign.Center,
+            modifier = Modifier.testTag("supabase_magic_link_title")
+        )
+        
+        // Subtitle with email
+        Text(
+            text = stringResource(R.string.supabase_magic_link_sent_message, email),
+            style = MaterialTheme.typography.bodyLarge,
+            color = MaterialTheme.colorScheme.onSurfaceVariant,
+            textAlign = TextAlign.Center,
+            modifier = Modifier
+                .fillMaxWidth()
+                .testTag("supabase_magic_link_message")
+        )
+        
+        // Instructions
+        Text(
+            text = stringResource(R.string.supabase_magic_link_instructions),
+            style = MaterialTheme.typography.bodySmall,
+            color = MaterialTheme.colorScheme.onSurfaceVariant,
+            textAlign = TextAlign.Center,
+            modifier = Modifier
+                .fillMaxWidth()
+                .testTag("supabase_magic_link_instructions")
+        )
+        
+        Spacer(modifier = Modifier.height(24.dp))
+        
+        // Error message
+        errorMessage?.let { error ->
+            Text(
+                text = error,
+                style = MaterialTheme.typography.bodySmall,
+                color = MaterialTheme.colorScheme.error,
+                textAlign = TextAlign.Center,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .testTag("supabase_magic_link_error_message")
+            )
+        }
+        
+        // Open Email button
+        Button(
+            onClick = {
+                val intent = Intent(Intent.ACTION_MAIN).apply {
+                    addCategory(Intent.CATEGORY_APP_EMAIL)
+                    flags = Intent.FLAG_ACTIVITY_NEW_TASK
+                }
+                try {
+                    context.startActivity(intent)
+                } catch (e: Exception) {
+                    errorMessage = "No email app found"
+                }
+            },
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(50.dp)
+                .testTag("supabase_magic_link_open_email_button")
+        ) {
+            Icon(
+                imageVector = Icons.Filled.Email,
+                contentDescription = null,
+                modifier = Modifier.size(20.dp)
+            )
+            Spacer(modifier = Modifier.width(8.dp))
+            Text(stringResource(R.string.supabase_open_email))
+        }
+        
+        // Resend Link button
+        OutlinedButton(
+            onClick = {
+                if (resendCountdown == 0) {
+                    scope.launch {
+                        try {
+                            authManager.signInWithMagicLink(email)
+                            resendCountdown = 60 // 60 second cooldown
+                            errorMessage = null
+                        } catch (e: Exception) {
+                            errorMessage = e.message
+                        }
+                    }
+                }
+            },
+            enabled = resendCountdown == 0,
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(50.dp)
+                .testTag("supabase_magic_link_resend_button")
+        ) {
+            if (resendCountdown > 0) {
+                Text(stringResource(R.string.supabase_resend_magic_link_countdown, resendCountdown))
+            } else {
+                Text(stringResource(R.string.supabase_resend_magic_link))
+            }
+        }
+        
+        Spacer(modifier = Modifier.weight(1f))
+        
+        // Back/Cancel button
+        TextButton(
+            onClick = onBack,
+            modifier = Modifier.testTag("supabase_magic_link_back_button")
+        ) {
+            Text(stringResource(R.string.supabase_cancel))
+        }
+    }
+}