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

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() }
-                )
-            }
-        }
-    }
-}

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

@@ -1,79 +0,0 @@
-package com.example
-
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.runtime.Composable
-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 vn.momo.kits.components.PopupNotify
-import vn.momo.kits.components.PopupNotifyProps
-import vn.momo.kits.components.PopupNotifyType
-import vn.momo.kits.components.PopupAction
-
-/**
- * Example: Show a popup notification for success message in MoMo Native Kits
- *
- * This demonstrates how to display a success popup using PopupNotify component
- * with the type SUCCESS to show a green checkmark icon and success styling.
- */
-@Composable
-fun SuccessPopupExample() {
-    var showPopup by remember { mutableStateOf(true) }
-
-    Box(modifier = Modifier.fillMaxSize()) {
-        PopupNotify(
-            props = PopupNotifyProps(
-                title = "Thành công",
-                message = "Giao dịch đã được xử lý thành công!",
-                type = PopupNotifyType.SUCCESS,
-                onIconClose = { showPopup = false }
-            )
-        )
-    }
-}
-
-/**
- * Alternative example: Success popup with action buttons
- */
-@Composable
-fun SuccessPopupWithActionsExample() {
-    var showPopup by remember { mutableStateOf(true) }
-
-    Box(modifier = Modifier.fillMaxSize()) {
-        PopupNotify(
-            props = PopupNotifyProps(
-                title = "Thành công",
-                message = "Bạn đã đăng ký dịch vụ thành công",
-                type = PopupNotifyType.SUCCESS,
-                primary = PopupAction(
-                    title = "Xem chi tiết",
-                    onPress = { /* navigate to details */ }
-                ),
-                secondary = PopupAction(
-                    title = "Đóng",
-                    onPress = { showPopup = false }
-                ),
-                onIconClose = { showPopup = false }
-            )
-        )
-    }
-}
-
-/**
- * Alternative example: Using SnackBar for success message (lighter weight)
- *
- * SnackBar is better for brief success messages that auto-dismiss,
- * while PopupNotify is better for important messages requiring user attention.
- */
-@Composable
-fun SuccessSnackBarExample() {
-    Box(modifier = Modifier.fillMaxSize()) {
-        vn.momo.kits.components.SnackBar(
-            message = "Giao dịch thành công",
-            duration = vn.momo.kits.components.SnackBarDuration.SHORT
-        )
-    }
-}

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

@@ -1,169 +0,0 @@
-package com.momo.example
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material3.*
-import androidx.compose.runtime.*
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.sp
-import androidx.compose.ui.window.Dialog
-import androidx.compose.ui.window.DialogProperties
-
-/**
- * MoMo-style Success Popup Notification Example
- * This demonstrates how to show a popup notification for success messages
- */
-
-@Composable
-fun SuccessPopupNotification(
-    title: String,
-    message: String,
-    onDismiss: () -> Unit
-) {
-    Dialog(
-        onDismissRequest = onDismiss,
-        properties = DialogProperties(
-            dismissOnBackPress = true,
-            dismissOnClickOutside = true
-        )
-    ) {
-        Card(
-            modifier = Modifier
-                .fillMaxWidth()
-                .padding(16.dp),
-            shape = RoundedCornerShape(16.dp),
-            colors = CardDefaults.cardColors(
-                containerColor = Color.White
-            ),
-            elevation = CardDefaults.cardElevation(defaultElevation = 8.dp)
-        ) {
-            Column(
-                modifier = Modifier
-                    .fillMaxWidth()
-                    .padding(24.dp),
-                horizontalAlignment = Alignment.CenterHorizontally
-            ) {
-                // Success Icon
-                Box(
-                    modifier = Modifier
-                        .size(64.dp)
-                        .clip(RoundedCornerShape(32.dp))
-                        .background(Color(0xFF00B859)),
-                    contentAlignment = Alignment.Center
-                ) {
-                    Text(
-                        text = "✓",
-                        color = Color.White,
-                        fontSize = 32.sp,
-                        fontWeight = FontWeight.Bold
-                    )
-                }
-
-                Spacer(modifier = Modifier.height(16.dp))
-
-                // Title
-                Text(
-                    text = title,
-                    fontSize = 20.sp,
-                    fontWeight = FontWeight.Bold,
-                    color = Color(0xFF1A1A1A)
-                )
-
-                Spacer(modifier = Modifier.height(8.dp))
-
-                // Message
-                Text(
-                    text = message,
-                    fontSize = 14.sp,
-                    color = Color(0xFF666666),
-                    modifier = Modifier.padding(horizontal = 8.dp)
-                )
-
-                Spacer(modifier = Modifier.height(24.dp))
-
-                // Button
-                Button(
-                    onClick = onDismiss,
-                    modifier = Modifier
-                        .fillMaxWidth()
-                        .height(48.dp),
-                    shape = RoundedCornerShape(24.dp),
-                    colors = ButtonDefaults.buttonColors(
-                        containerColor = Color(0xFF00B859)
-                    )
-                ) {
-                    Text(
-                        text = "OK",
-                        fontSize = 16.sp,
-                        fontWeight = FontWeight.SemiBold
-                    )
-                }
-            }
-        }
-    }
-}
-
-/**
- * Simpler Snackbar-style success message
- * Can be used with Scaffold and SnackbarHost
- */
-@Composable
-fun SuccessSnackbar(
-    message: String,
-    snackbarHostState: SnackbarHostState
-) {
-    LaunchedEffect(message) {
-        snackbarHostState.showSnackbar(
-            message = message,
-            duration = SnackbarDuration.Short
-        )
-    }
-}
-
-/**
- * Example usage in a Composable
- */
-@Composable
-fun PopupExampleScreen() {
-    var showSuccessPopup by remember { mutableStateOf(false) }
-    val snackbarHostState = remember { SnackbarHostState() }
-
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Alignment.Center
-    ) {
-        Button(
-            onClick = { showSuccessPopup = true },
-            colors = ButtonDefaults.buttonColors(
-                containerColor = Color(0xFF00B859)
-            )
-        ) {
-            Text("Show Success Popup")
-        }
-    }
-
-    if (showSuccessPopup) {
-        SuccessPopupNotification(
-            title = "Success!",
-            message = "Your transaction has been completed successfully.",
-            onDismiss = { showSuccessPopup = false }
-        )
-    }
-}
-
-/**
- * Alternative: Toast-style notification (for background operations)
- * This is typically shown using Android Toast API
- */
-@Composable
-fun ShowSuccessToast(message: String) {
-    // In actual implementation, this would call Android Toast
-    // Example:
-    // Toast.makeText(context, message, Toast.LENGTH_SHORT).show()
-}

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

@@ -1,6 +0,0 @@
-{
-  "eval_id": 0,
-  "eval_name": "setoptions",
-  "prompt": "How to use setOptions in MoMo navigation? Show me how to change header title dynamically",
-  "assertions": []
-}