@momo-kits/native-kits 0.157.1-skill.3-debug → 0.157.1-skill.6-debug

package/.claude/momo-native-kits-skill/workspace/iteration-2/eval-loginform/without_skill/outputs/LoginFormExample.kt

@@ -1,199 +0,0 @@
-package vn.momo.kits.components
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.rememberScrollState
-import androidx.compose.foundation.verticalScroll
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.MutableState
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.const.AppTheme
-import vn.momo.kits.const.Colors
-import vn.momo.kits.const.Spacing
-
-/**
- * Login Form Example for MoMo Native Kits
- *
- * This example demonstrates how to create a login form with:
- * - Phone number input with country code (+84 for Vietnam)
- * - Password input with visibility toggle
- * - Login button
- *
- * Usage:
- * ```kotlin
- * LoginFormExample()
- * ```
- */
-@Composable
-fun LoginFormExample(
-    modifier: Modifier = Modifier
-) {
-    // State management for form fields
-    val phoneNumber: MutableState<String> = remember { mutableStateOf("") }
-    val password: MutableState<String> = remember { mutableStateOf("") }
-
-    // Error states
-    val phoneError: MutableState<String> = remember { mutableStateOf("") }
-    val passwordError: MutableState<String> = remember { mutableStateOf("") }
-
-    // Loading state
-    val isLoading: MutableState<Boolean> = remember { mutableStateOf(false) }
-
-    // Theme
-    val theme = AppTheme.current
-
-    // Form validation
-    fun validateForm(): Boolean {
-        var isValid = true
-
-        // Validate phone number
-        if (phoneNumber.value.isEmpty()) {
-            phoneError.value = "Vui lòng nhập số điện thoại"
-            isValid = false
-        } else if (phoneNumber.value.length < 10) {
-            phoneError.value = "Số điện thoại không hợp lệ"
-            isValid = false
-        } else {
-            phoneError.value = ""
-        }
-
-        // Validate password
-        if (password.value.isEmpty()) {
-            passwordError.value = "Vui lòng nhập mật khẩu"
-            isValid = false
-        } else if (password.value.length < 6) {
-            passwordError.value = "Mật khẩu phải có ít nhất 6 ký tự"
-            isValid = false
-        } else {
-            passwordError.value = ""
-        }
-
-        return isValid
-    }
-
-    // Login handler
-    fun handleLogin() {
-        if (validateForm()) {
-            isLoading.value = true
-            // Perform login API call here
-            // For demo purposes, we'll just simulate a delay
-            android.os.Handler(android.os.Looper.getMainLooper()).postDelayed({
-                isLoading.value = false
-            }, 2000)
-        }
-    }
-
-    // Clear errors on text change
-    fun onPhoneNumberChange(value: String) {
-        phoneNumber.value = value
-        if (phoneError.value.isNotEmpty()) {
-            phoneError.value = ""
-        }
-    }
-
-    fun onPasswordChange(value: String) {
-        password.value = value
-        if (passwordError.value.isNotEmpty()) {
-            passwordError.value = ""
-        }
-    }
-
-    // Main layout
-    Column(
-        modifier = modifier
-            .fillMaxSize()
-            .background(theme.colors.background.page)
-            .verticalScroll(rememberScrollState())
-            .padding(horizontal = Spacing.L)
-            .padding(top = Spacing.XXL),
-        horizontalAlignment = Alignment.CenterHorizontally,
-        verticalArrangement = Arrangement.Top
-    ) {
-        // App Logo / Title
-        Title(
-            text = "Đăng nhập",
-            style = vn.momo.kits.const.Typography.headerL
-        )
-
-        Spacer(modifier = Modifier.height(Spacing.XL))
-
-        // Phone Number Input
-        InputPhoneNumber(
-            text = phoneNumber,
-            placeholder = "Nhập số điện thoại",
-            size = InputPhoneNumberSize.LARGE,
-            onChangeText = ::onPhoneNumberChange,
-            error = phoneError.value,
-            errorSpacing = true,
-            modifier = Modifier.fillMaxWidth()
-        )
-
-        Spacer(modifier = Modifier.height(Spacing.L))
-
-        // Password Input
-        Input(
-            text = password,
-            placeholder = "Nhập mật khẩu",
-            size = InputSize.LARGE,
-            onChangeText = ::onPasswordChange,
-            error = passwordError.value,
-            errorSpacing = true,
-            secureTextEntry = true,
-            leadingIcon = "24_security_lock",
-            modifier = Modifier.fillMaxWidth()
-        )
-
-        Spacer(modifier = Modifier.height(Spacing.XL))
-
-        // Login Button
-        Button(
-            onClick = ::handleLogin,
-            title = "Đăng nhập",
-            type = ButtonType.PRIMARY,
-            size = Size.LARGE,
-            loading = isLoading.value,
-            modifier = Modifier.fillMaxWidth()
-        )
-
-        Spacer(modifier = Modifier.height(Spacing.L))
-
-        // Forgot Password Link
-        Column(
-            horizontalAlignment = Alignment.CenterHorizontally
-        ) {
-            vn.momo.kits.components.Text(
-                text = "Quên mật khẩu?",
-                style = vn.momo.kits.const.Typography.actionDefaultMedium,
-                color = theme.colors.primary
-            )
-        }
-
-        Spacer(modifier = Modifier.height(Spacing.XXL))
-
-        // Register Link
-        Column(
-            horizontalAlignment = Alignment.CenterHorizontally
-        ) {
-            vn.momo.kits.components.Text(
-                text = "Chưa có tài khoản? ",
-                style = vn.momo.kits.const.Typography.bodyDefaultRegular,
-                color = theme.colors.text.secondary
-            )
-            vn.momo.kits.components.Text(
-                text = "Đăng ký ngay",
-                style = vn.momo.kits.const.Typography.bodyDefaultRegular,
-                color = theme.colors.primary
-            )
-        }
-    }
-}

package/.claude/momo-native-kits-skill/workspace/iteration-2/eval-navcontainer/with_skill/outputs/NavigationContainerExample.kt

@@ -1,224 +0,0 @@
-package vn.momo.kits.examples
-
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.rememberScrollState
-import androidx.compose.foundation.verticalScroll
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.navigation.LocalNavigation
-import vn.momo.kits.navigation.LocalNavigator
-import vn.momo.kits.navigation.NavigationContainer
-import vn.momo.kits.navigation.NavigationOptions
-import vn.momo.kits.navigation.component.HeaderTitle
-import vn.momo.kits.navigation.component.HeaderType
-
-/**
- * NavigationContainer Example for MoMo App
- *
- * Key Points:
- * - ONE NavigationContainer per Fragment/Activity
- * - Use setOptions in LaunchedEffect(Unit) for dynamic configuration
- * - Use LocalNavigation.current for setOptions
- * - Use LocalNavigator.current for push/pop/present
- */
-@Composable
-fun NavigationContainerExample() {
-    // Single NavigationContainer - root of the app/fragment
-    NavigationContainer(
-        initialScreen = {
-            HomeScreen()
-        },
-        options = NavigationOptions(
-            headerTitle = HeaderTitle.Default("MoMo App"),
-            headerType = HeaderType.DEFAULT
-        )
-    ) {
-        // All screens are pushed within this container
-        // No need to add anything here as initialScreen handles the first screen
-    }
-}
-
-/**
- * Home Screen - Initial screen in NavigationContainer
- */
-@Composable
-fun HomeScreen() {
-    val navigator = LocalNavigator.current
-    val navigation = LocalNavigation.current
-
-    // Use LaunchedEffect(Unit) for setOptions - NOT in composable root
-    LaunchedEffect(Unit) {
-        navigation.setOptions(
-            headerTitle = HeaderTitle.Default("Trang chủ"),
-            headerType = HeaderType.DEFAULT
-        )
-    }
-
-    // Example: Connect scroll state for header animation
-    val scrollState = rememberScrollState()
-    LaunchedEffect(Unit) {
-        navigation.setOptions(
-            scrollData = vn.momo.kits.navigation.ScrollData(
-                scrollState = scrollState
-            )
-        )
-    }
-
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp)
-            .verticalScroll(scrollState)
-    ) {
-        // Screen content
-        Text("Home Screen Content")
-
-        // Example: Navigate to another screen
-        // val navigator = LocalNavigator.current
-        // navigator.push({ DetailScreen() })
-    }
-}
-
-/**
- * Detail Screen - Pushed from HomeScreen
- */
-@Composable
-fun DetailScreen() {
-    val navigation = LocalNavigation.current
-
-    LaunchedEffect(Unit) {
-        navigation.setOptions(
-            headerTitle = HeaderTitle.Default("Chi tiết"),
-            headerType = HeaderType.DEFAULT
-        )
-    }
-
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp)
-    ) {
-        Text("Detail Screen Content")
-    }
-}
-
-/**
- * Example: Using NavigationOptions with push
- */
-@Composable
-fun PushWithOptionsExample() {
-    val navigator = LocalNavigator.current
-
-    // Push screen with custom options
-    navigator.push(
-        content = { DetailScreen() },
-        options = NavigationOptions(
-            headerTitle = HeaderTitle.Default("Custom Header"),
-            headerType = HeaderType.Default
-        )
-    )
-}
-
-/**
- * Example: Present modal screen
- */
-@Composable
-fun PresentModalExample() {
-    val navigator = LocalNavigator.current
-
-    navigator.present {
-        ModalScreen()
-    }
-}
-
-/**
- * Modal Screen - Presented as modal
- */
-@Composable
-fun ModalScreen() {
-    val navigation = LocalNavigation.current
-
-    LaunchedEffect(Unit) {
-        navigation.setOptions(
-            headerTitle = HeaderTitle.Default("Modal"),
-            headerType = HeaderType.DEFAULT
-        )
-    }
-
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp)
-    ) {
-        Text("Modal Screen")
-    }
-}
-
-/**
- * Example: Dynamic header title change
- */
-@Composable
-fun DynamicTitleExample() {
-    val navigation = LocalNavigation.current
-    var title by remember { mutableStateOf("Initial Title") }
-
-    LaunchedEffect(Unit) {
-        navigation.setOptions(
-            headerTitle = HeaderTitle.Default(title)
-        )
-    }
-
-    // When title changes, call setOptions again
-    LaunchedEffect(title) {
-        navigation.setOptions(
-            headerTitle = HeaderTitle.Default(title)
-        )
-    }
-
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp)
-    ) {
-        Text("Title: $title")
-    }
-}
-
-/**
- * Example: Extended header with search
- */
-@Composable
-fun ExtendedHeaderExample() {
-    val navigation = LocalNavigation.current
-    val searchText = remember { mutableStateOf("") }
-
-    LaunchedEffect(Unit) {
-        navigation.setOptions(
-            headerType = HeaderType.Extended(
-                useAnimated = true,
-                inputSearchProps = vn.momo.kits.navigation.component.InputSearchProps(
-                    text = searchText,
-                    placeholder = "Search...",
-                    onChangeText = { searchText.value = it }
-                )
-            )
-        )
-    }
-
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp)
-    ) {
-        Text("Search: ${searchText.value}")
-    }
-}

package/.claude/momo-native-kits-skill/workspace/iteration-2/eval-navcontainer/without_skill/outputs/NavigationContainerExample.kt

@@ -1,225 +0,0 @@
-package com.momo.app.navigation
-
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.navigation.NavHostController
-import androidx.navigation.compose.NavHost
-import androidx.navigation.compose.composable
-import androidx.navigation.compose.rememberNavController
-
-/**
- * NavigationContainer Example for MoMo App
- *
- * NavigationContainer is part of the Accompanist Navigation library.
- * It provides a declarative navigation pattern for Jetpack Compose apps.
- *
- * Key Pattern:
- * 1. Create a NavHostController using rememberNavController()
- * 2. Wrap your content with NavigationContainer
- * 3. Define navigation destinations using NavHost
- * 4. Use navigate() to move between screens
- */
-
-// Define navigation routes
-sealed class Screen(val route: String) {
-    object Home : Screen("home")
-    object Detail : Screen("detail/{itemId}") {
-        fun createRoute(itemId: String) = "detail/$itemId"
-    }
-    object Profile : Screen("profile")
-    object Settings : Screen("settings")
-}
-
-/**
- * Main NavigationContainer setup
- * This is the correct pattern for implementing NavigationContainer in MoMo app
- */
-@Composable
-fun NavigationContainerExample() {
-    // Step 1: Create NavHostController
-    val navController: NavHostController = rememberNavController()
-
-    // Step 2: Wrap with NavigationContainer (from Accompanist)
-    androidx.compose.material3.Surface(
-        modifier = Modifier.fillMaxSize()
-    ) {
-        NavHost(
-            navController = navController,
-            startDestination = Screen.Home.route
-        ) {
-            // Step 3: Define navigation destinations
-            composable(Screen.Home.route) {
-                HomeScreen(
-                    onNavigateToDetail = { itemId ->
-                        navController.navigate(Screen.Detail.createRoute(itemId))
-                    },
-                    onNavigateToProfile = {
-                        navController.navigate(Screen.Profile.route)
-                    }
-                )
-            }
-
-            composable(Screen.Detail.route) { backStackEntry ->
-                val itemId = backStackEntry.arguments?.getString("itemId") ?: ""
-                DetailScreen(
-                    itemId = itemId,
-                    onNavigateBack = {
-                        navController.popBackStack()
-                    }
-                )
-            }
-
-            composable(Screen.Profile.route) {
-                ProfileScreen(
-                    onNavigateBack = {
-                        navController.popBackStack()
-                    },
-                    onNavigateToSettings = {
-                        navController.navigate(Screen.Settings.route)
-                    }
-                )
-            }
-
-            composable(Screen.Settings.route) {
-                SettingsScreen(
-                    onNavigateBack = {
-                        navController.popBackStack()
-                    }
-                )
-            }
-        }
-    }
-}
-
-/**
- * Home Screen
- */
-@Composable
-fun HomeScreen(
-    onNavigateToDetail: (String) -> Unit,
-    onNavigateToProfile: () -> Unit
-) {
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Alignment.Center
-    ) {
-        Text("Home Screen")
-    }
-}
-
-/**
- * Detail Screen
- */
-@Composable
-fun DetailScreen(
-    itemId: String,
-    onNavigateBack: () -> Unit
-) {
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Alignment.Center
-    ) {
-        Text("Detail Screen - Item: $itemId")
-    }
-}
-
-/**
- * Profile Screen
- */
-@Composable
-fun ProfileScreen(
-    onNavigateBack: () -> Unit,
-    onNavigateToSettings: () -> Unit
-) {
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Alignment.Center
-    ) {
-        Text("Profile Screen")
-    }
-}
-
-/**
- * Settings Screen
- */
-@Composable
-fun SettingsScreen(
-    onNavigateBack: () -> Unit
-) {
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Alignment.Center
-    ) {
-        Text("Settings Screen")
-    }
-}
-
-/**
- * Alternative: Using NavigationContainer from Accompanist
- * This provides additional features like deep linking support
- */
-@Composable
-fun NavigationContainerWithDeepLink() {
-    val navController = rememberNavController()
-
-    androidx.compose.material3.Surface(
-        modifier = Modifier.fillMaxSize()
-    ) {
-        NavHost(
-            navController = navController,
-            startDestination = Screen.Home.route
-        ) {
-            composable(
-                route = Screen.Home.route,
-                deepLinks = listOf(
-                    androidx.navigation.navDeepLink {
-                        uriPattern = "momo://home"
-                    }
-                )
-            ) {
-                HomeScreen(
-                    onNavigateToDetail = { itemId ->
-                        navController.navigate(Screen.Detail.createRoute(itemId))
-                    },
-                    onNavigateToProfile = {
-                        navController.navigate(Screen.Profile.route)
-                    }
-                )
-            }
-
-            composable(
-                route = Screen.Detail.route,
-                deepLinks = listOf(
-                    androidx.navigation.navDeepLink {
-                        uriPattern = "momo://detail/{itemId}"
-                    }
-                )
-            ) { backStackEntry ->
-                val itemId = backStackEntry.arguments?.getString("itemId") ?: ""
-                DetailScreen(
-                    itemId = itemId,
-                    onNavigateBack = {
-                        navController.popBackStack()
-                    }
-                )
-            }
-
-            composable(Screen.Profile.route) {
-                ProfileScreen(
-                    onNavigateBack = { navController.popBackStack() },
-                    onNavigateToSettings = { navController.navigate(Screen.Settings.route) }
-                )
-            }
-
-            composable(Screen.Settings.route) {
-                SettingsScreen(
-                    onNavigateBack = { navController.popBackStack() }
-                )
-            }
-        }
-    }
-}