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

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

@@ -1,519 +0,0 @@
-/*
- * MoMo App NavigationContainer Implementation
- * Best practices for implementing navigation container in MoMo native Android app
- *
- * This file demonstrates the correct pattern for implementing NavigationContainer
- * in a MoMo-style mobile application using Jetpack Navigation and Compose.
- */
-
-package com.momo.navigation
-
-import android.content.Context
-import android.os.Bundle
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
-import androidx.compose.material3.Scaffold
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.CompositionLocalProvider
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.collectAsState
-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.fragment.app.FragmentActivity
-import androidx.lifecycle.Lifecycle
-import androidx.lifecycle.LifecycleEventObserver
-import androidx.lifecycle.compose.LocalLifecycleOwner
-import androidx.navigation.NavBackStackEntry
-import androidx.navigation.NavDestination
-import androidx.navigation.NavGraph
-import androidx.navigation.NavHostController
-import androidx.navigation.compose.NavHost
-import androidx.navigation.compose.composable
-import androidx.navigation.compose.currentBackStackEntryAsState
-import androidx.navigation.compose.rememberNavController
-import kotlinx.coroutines.flow.MutableStateFlow
-import kotlinx.coroutines.flow.StateFlow
-import kotlinx.coroutines.flow.asStateFlow
-
-// ============================================================================
-// NavigationContainer Configuration
-// ============================================================================
-
-/**
- * NavigationContainer configuration for MoMo app
- * Contains all navigation-related configuration settings
- */
-data class NavigationContainerConfig(
-    val startDestination: String = "home",
-    val showBottomBar: Boolean = true,
-    val enableDeepLinks: Boolean = true,
-    val animationDuration: Int = 300
-)
-
-// ============================================================================
-// Navigation Routes
-// ============================================================================
-
-/**
- * Sealed class representing all navigation routes in MoMo app
- * Provides type-safe navigation throughout the app
- */
-sealed class MoMoRoute(val route: String) {
-    // Main tabs
-    data object Home : MoMoRoute("home")
-    data object Wallet : MoMoRoute("wallet")
-    data object QRPay : MoMoRoute("qr_pay")
-    data object History : MoMoRoute("history")
-    data object Profile : MoMoRoute("profile")
-
-    // Detail screens
-    data object Transfer : MoMoRoute("transfer")
-    data object Payment : MoMoRoute("payment")
-    data object TopUp : MoMoRoute("top_up")
-    data object FinancialService : MoMoRoute("financial_service")
-
-    // Auth screens
-    data object Login : MoMoRoute("login")
-    data object OTPVerification : MoMoRoute("otp_verification")
-    data object BiometricSetup : MoMoRoute("biometric_setup")
-
-    // Feature screens
-    data object Game : MoMoRoute("game")
-    data object Entertainment : MoMoRoute("entertainment")
-    data object Insurance : MoMoRoute("insurance")
-    data object Savings : MoMoRoute("savings")
-
-    companion object {
-        const val ARG_TRANSACTION_ID = "transactionId"
-        const val ARG_SERVICE_ID = "serviceId"
-        const val ARG_AMOUNT = "amount"
-    }
-}
-
-// ============================================================================
-// Navigation State
-// ============================================================================
-
-/**
- * Navigation state holder for managing navigation state across the app
- * Follows unidirectional data flow pattern
- */
-class NavigationState(
-    private val navController: NavHostController
-) {
-    private val _currentRoute = MutableStateFlow<String?>(null)
-    val currentRoute: StateFlow<String?> = _currentRoute.asStateFlow()
-
-    private val _isLoading = MutableStateFlow(false)
-    val isLoading: StateFlow<Boolean> = _isLoading.asStateFlow()
-
-    private val _deepLinkHandled = MutableStateFlow(false)
-    val deepLinkHandled: StateFlow<Boolean> = _deepLinkHandled.asStateFlow()
-
-    init {
-        navController.addOnDestinationChangedListener { _, destination, _ ->
-            _currentRoute.value = destination.route
-        }
-    }
-
-    fun navigate(route: String, args: Bundle? = null) {
-        _isLoading.value = true
-        navController.navigate(route) {
-            launchSingleTop = true
-            restoreState = true
-            popUpTo(navController.graph.startDestinationId) {
-                saveState = true
-            }
-        }
-        _isLoading.value = false
-    }
-
-    fun navigateAndClearStack(route: String) {
-        navController.navigate(route) {
-            popUpTo(0) { inclusive = true }
-        }
-    }
-
-    fun popBackStack(): Boolean = navController.popBackStack()
-
-    fun popBackStack(destinationId: String, inclusive: Boolean = false) {
-        navController.popBackStack(destinationId, inclusive)
-    }
-
-    fun handleDeepLink(uri: android.net.Uri) {
-        navController.handleDeepLink(uri)
-        _deepLinkHandled.value = true
-    }
-}
-
-// ============================================================================
-// NavigationContainer Implementation
-// ============================================================================
-
-/**
- * MoMoNavigationContainer - Main navigation container for MoMo app
- *
- * This is the correct pattern for implementing NavigationContainer in MoMo app:
- * - Wraps all navigation functionality
- * - Provides consistent navigation state management
- * - Handles bottom navigation visibility
- * - Supports deep linking
- * - Integrates with MoMo's theming and authentication
- *
- * @param config NavigationContainer configuration
- * @param content The main content composable
- */
-@Composable
-fun MoMoNavigationContainer(
-    config: NavigationContainerConfig = NavigationContainerConfig(),
-    content: @Composable (NavigationState) -> Unit
-) {
-    val navController = rememberNavController()
-    val navigationState = remember(navController) { NavigationState(navController) }
-
-    // Track current destination for bottom bar visibility
-    val navBackStackEntry by navController.currentBackStackEntryAsState()
-    val currentDestination = navBackStackEntry?.destination
-
-    // Determine if bottom bar should be shown
-    val shouldShowBottomBar = remember(currentDestination) {
-        config.showBottomBar && currentDestination?.route in getBottomBarRoutes()
-    }
-
-    // Handle lifecycle events for navigation state persistence
-    val lifecycleOwner = LocalLifecycleOwner.current
-    LaunchedEffect(lifecycleOwner) {
-        lifecycleOwner.lifecycle.addObserver(LifecycleEventObserver { _, event ->
-            when (event) {
-                Lifecycle.Event.ON_RESUME -> {
-                    // Restore navigation state if needed
-                }
-                Lifecycle.Event.ON_PAUSE -> {
-                    // Save navigation state if needed
-                }
-                else -> {}
-            }
-        })
-    }
-
-    // Main scaffold with bottom navigation
-    Scaffold(
-        bottomBar = {
-            if (shouldShowBottomBar) {
-                MoMoBottomNavigation(
-                    currentRoute = currentDestination?.route,
-                    onNavigate = { route ->
-                        navigationState.navigate(route)
-                    }
-                )
-            }
-        }
-    ) { paddingValues ->
-        Box(
-            modifier = Modifier
-                .fillMaxSize()
-                .padding(paddingValues)
-        ) {
-            // Navigation host
-            MoMoNavHost(
-                navController = navController,
-                startDestination = config.startDestination
-            )
-
-            // Main content overlay
-            content(navigationState)
-        }
-    }
-}
-
-/**
- * Internal NavHost configuration
- */
-@Composable
-private fun MoMoNavHost(
-    navController: NavHostController,
-    startDestination: String
-) {
-    NavHost(
-        navController = navController,
-        startDestination = startDestination
-    ) {
-        // Main tab destinations
-        composable(MoMoRoute.Home.route) {
-            HomeScreen(
-                onNavigateToTransfer = { navController.navigate(MoMoRoute.Transfer.route) },
-                onNavigateToPayment = { navController.navigate(MoMoRoute.Payment.route) },
-                onNavigateToTopUp = { navController.navigate(MoMoRoute.TopUp.route) }
-            )
-        }
-
-        composable(MoMoRoute.Wallet.route) {
-            WalletScreen(
-                onNavigateToTopUp = { navController.navigate(MoMoRoute.TopUp.route) },
-                onNavigateToTransfer = { navController.navigate(MoMoRoute.Transfer.route) }
-            )
-        }
-
-        composable(MoMoRoute.QRPay.route) {
-            QRPayScreen()
-        }
-
-        composable(MoMoRoute.History.route) {
-            HistoryScreen(
-                onNavigateToDetail = { transactionId ->
-                    navController.navigate("transaction_detail/$transactionId")
-                }
-            )
-        }
-
-        composable(MoMoRoute.Profile.route) {
-            ProfileScreen(
-                onNavigateToSettings = { /* Navigate to settings */ },
-                onNavigateToSecurity = { /* Navigate to security */ }
-            )
-        }
-
-        // Feature destinations
-        composable(MoMoRoute.Transfer.route) {
-            TransferScreen(
-                onComplete = { navController.popBackStack() },
-                onError = { /* Handle error */ }
-            )
-        }
-
-        composable(MoMoRoute.Payment.route) {
-            PaymentScreen(
-                onComplete = { navController.popBackStack() }
-            )
-        }
-
-        composable(MoMoRoute.TopUp.route) {
-            TopUpScreen(
-                onComplete = { navController.popBackStack() }
-            )
-        }
-
-        composable(MoMoRoute.FinancialService.route) {
-            FinancialServiceScreen()
-        }
-
-        // Auth destinations
-        composable(MoMoRoute.Login.route) {
-            LoginScreen(
-                onLoginSuccess = {
-                    navController.navigate(MoMoRoute.Home.route) {
-                        popUpTo(MoMoRoute.Login.route) { inclusive = true }
-                    }
-                },
-                onOTPRequested = { phone ->
-                    navController.navigate("${MoMoRoute.OTPVerification.route}?phone=$phone")
-                }
-            )
-        }
-
-        composable(
-            route = "${MoMoRoute.OTPVerification.route}?phone={phone}",
-            arguments = listOf(
-                androidx.navigation.navArgument("phone") {
-                    type = androidx.navigation.NavType.StringType
-                    defaultValue = ""
-                }
-            )
-        ) { backStackEntry ->
-            val phone = backStackEntry.arguments?.getString("phone") ?: ""
-            OTPVerificationScreen(
-                phone = phone,
-                onVerified = {
-                    navController.navigate(MoMoRoute.Home.route) {
-                        popUpTo(0) { inclusive = true }
-                    }
-                }
-            )
-        }
-
-        // Additional screens can be added here
-    }
-}
-
-// ============================================================================
-// Bottom Navigation
-// ============================================================================
-
-/**
- * Returns list of routes that should show bottom navigation bar
- */
-private fun getBottomBarRoutes(): List<String> = listOf(
-    MoMoRoute.Home.route,
-    MoMoRoute.Wallet.route,
-    MoMoRoute.QRPay.route,
-    MoMoRoute.History.route,
-    MoMoRoute.Profile.route
-)
-
-/**
- * MoMo bottom navigation bar component
- */
-@Composable
-private fun MoMoBottomNavigation(
-    currentRoute: String?,
-    onNavigate: (String) -> Unit
-) {
-    val items = listOf(
-        BottomNavItem(MoMoRoute.Home.route, "Home", "ic_home"),
-        BottomNavItem(MoMoRoute.Wallet.route, "Wallet", "ic_wallet"),
-        BottomNavItem(MoMoRoute.QRPay.route, "QR", "ic_qr"),
-        BottomNavItem(MoMoRoute.History.route, "History", "ic_history"),
-        BottomNavItem(MoMoRoute.Profile.route, "Profile", "ic_profile")
-    )
-
-    // Use MoMo's actual bottom navigation composable here
-    // This is a simplified version showing the pattern
-    androidx.compose.material3.BottomNavigation {
-        items.forEach { item ->
-            androidx.compose.material3.BottomNavigationItem(
-                icon = { /* Load icon based on item.iconRes */ },
-                label = { androidx.compose.material3.Text(item.label) },
-                selected = currentRoute == item.route,
-                onClick = { onNavigate(item.route) }
-            )
-        }
-    }
-}
-
-private data class BottomNavItem(
-    val route: String,
-    val label: String,
-    val iconRes: String
-)
-
-// ============================================================================
-// Screen Placeholders
-// ============================================================================
-
-// These would be replaced with actual MoMo screen implementations
-
-@Composable
-private fun HomeScreen(
-    onNavigateToTransfer: () -> Unit,
-    onNavigateToPayment: () -> Unit,
-    onNavigateToTopUp: () -> Unit
-) {
-    Box(modifier = Modifier.fillMaxSize()) {
-        // Home screen content
-    }
-}
-
-@Composable
-private fun WalletScreen(
-    onNavigateToTopUp: () -> Unit,
-    onNavigateToTransfer: () -> Unit
-) {
-    Box(modifier = Modifier.fillMaxSize())
-}
-
-@Composable
-private fun QRPayScreen() {
-    Box(modifier = Modifier.fillMaxSize())
-}
-
-@Composable
-private fun HistoryScreen(
-    onNavigateToDetail: (String) -> Unit
-) {
-    Box(modifier = Modifier.fillMaxSize())
-}
-
-@Composable
-private fun ProfileScreen(
-    onNavigateToSettings: () -> Unit,
-    onNavigateToSecurity: () -> Unit
-) {
-    Box(modifier = Modifier.fillMaxSize())
-}
-
-@Composable
-private fun TransferScreen(
-    onComplete: () -> Unit,
-    onError: (String) -> Unit
-) {
-    Box(modifier = Modifier.fillMaxSize())
-}
-
-@Composable
-private fun PaymentScreen(onComplete: () -> Unit) {
-    Box(modifier = Modifier.fillMaxSize())
-}
-
-@Composable
-private fun TopUpScreen(onComplete: () -> Unit) {
-    Box(modifier = Modifier.fillMaxSize())
-}
-
-@Composable
-private fun FinancialServiceScreen() {
-    Box(modifier = Modifier.fillMaxSize())
-}
-
-@Composable
-private fun LoginScreen(
-    onLoginSuccess: () -> Unit,
-    onOTPRequested: (String) -> Unit
-) {
-    Box(modifier = Modifier.fillMaxSize())
-}
-
-@Composable
-private fun OTPVerificationScreen(
-    phone: String,
-    onVerified: () -> Unit
-) {
-    Box(modifier = Modifier.fillMaxSize())
-}
-
-// ============================================================================
-// Usage Example
-// ============================================================================
-
-/**
- * Example of how to use MoMoNavigationContainer in your Activity
- *
- * ```kotlin
- * class MainActivity : FragmentActivity() {
- *     override fun onCreate(savedInstanceState: Bundle?) {
- *         super.onCreate(savedInstanceState)
- *         setContent {
- *             MoMoNavigationContainer(
- *                 config = NavigationContainerConfig(
- *                     startDestination = MoMoRoute.Home.route,
- *                     showBottomBar = true,
- *                     enableDeepLinks = true
- *                 )
- *             ) { navigationState ->
- *                 // Optional: Handle navigation state from parent
- *                 // This could be used for analytics, error handling, etc.
- *             }
- *         }
- *     }
- *
- *     override fun onNewIntent(intent: android.content.Intent) {
- *         super.onNewIntent(intent)
- *         // Handle deep links
- *         intent.data?.let { uri ->
- *             // Navigate using navigationState.handleDeepLink(uri)
- *         }
- *     }
- * }
- * ```
- *
- * Key patterns demonstrated:
- * 1. Type-safe navigation with sealed class routes
- * 2. Centralized navigation state management
- * 3. Lifecycle-aware navigation handling
- * 4. Deep link support
- * 5. Bottom navigation visibility control
- * 6. Navigation state persistence across configuration changes
- */

package/.claude/momo-native-kits-skill/workspace/iteration-3/eval-navcontainer/without_skill/timing.json

@@ -1,5 +0,0 @@
-{
-  "total_tokens": 15976,
-  "duration_ms": 80746,
-  "total_duration_seconds": 80.7
-}

package/.claude/momo-native-kits-skill/workspace/iteration-3/eval-setoptions/eval_metadata.json

@@ -1,27 +0,0 @@
-{
-  "eval_id": 1,
-  "eval_name": "navigation-setoptions",
-  "prompt": "How to use setOptions in MoMo navigation? Show me how to change header title dynamically",
-  "assertions": [
-    {
-      "text": "Uses LocalNavigation.current",
-      "passed": true,
-      "evidence": "val navigation = LocalNavigation.current"
-    },
-    {
-      "text": "Uses LaunchedEffect(Unit)",
-      "passed": true,
-      "evidence": "LaunchedEffect(Unit) { ... }"
-    },
-    {
-      "text": "Uses setOptions method",
-      "passed": true,
-      "evidence": "navigation.setOptions(...)"
-    },
-    {
-      "text": "Uses HeaderTitle",
-      "passed": true,
-      "evidence": "headerTitle = HeaderTitle.Default(...)"
-    }
-  ]
-}