@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-setoptions/with_skill/outputs/SetOptionsExample.kt

@@ -1,255 +0,0 @@
-package vn.momo.kits.navigation.examples
-
-import androidx.compose.foundation.layout.Column
-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.MaterialTheme
-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.NavigationOptions
-import vn.momo.kits.navigation.component.HeaderTitle
-import vn.momo.kits.navigation.component.HeaderType
-import vn.momo.kits.navigation.component.ScrollData
-import vn.momo.kits.uikit.Button
-import vn.momo.kits.uikit.Input
-
-/**
- * SetOptions Example - How to use setOptions in MoMo Navigation
- *
- * This example demonstrates how to dynamically change header title and other
- * screen options after the screen has been pushed using setOptions.
- *
- * Key Points:
- * - Use LocalNavigation.current to access navigation for setting options
- * - Call setOptions inside LaunchedEffect(Unit) when screen initializes
- * - You can change header title dynamically in response to user actions
- */
-
-@Composable
-fun SetOptionsExample() {
-    val navigation = LocalNavigation.current
-    val navigator = LocalNavigator.current
-
-    // State for dynamic title change
-    var titleInput by remember { mutableStateOf("") }
-
-    // Set initial options when screen loads
-    LaunchedEffect(Unit) {
-        navigation.setOptions(
-            headerTitle = HeaderTitle.Default("SetOptions Demo"),
-            headerType = HeaderType.Default
-        )
-    }
-
-    // Screen content
-    Column(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp)
-            .verticalScroll(rememberScrollState())
-    ) {
-        // Example 1: Dynamic title change on button click
-        Text(
-            text = "Example 1: Change Header Title Dynamically",
-            style = MaterialTheme.typography.titleMedium,
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Input(
-            text = titleInput,
-            onChangeText = { titleInput = it },
-            placeholder = "Enter new title",
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Update Title",
-            onClick = {
-                if (titleInput.isNotEmpty()) {
-                    navigation.setOptions(
-                        headerTitle = HeaderTitle.Default(titleInput)
-                    )
-                }
-            },
-            modifier = Modifier.padding(bottom = 24.dp)
-        )
-
-        // Example 2: Predefined title changes
-        Text(
-            text = "Example 2: Quick Title Changes",
-            style = MaterialTheme.typography.titleMedium,
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Set: My Profile",
-            onClick = {
-                navigation.setOptions(
-                    headerTitle = HeaderTitle.Default("My Profile")
-                )
-            },
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Set: Settings",
-            onClick = {
-                navigation.setOptions(
-                    headerTitle = HeaderTitle.Default("Settings")
-                )
-            },
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Set: Notifications",
-            onClick = {
-                navigation.setOptions(
-                    headerTitle = HeaderTitle.Default("Notifications")
-                )
-            },
-            modifier = Modifier.padding(bottom = 24.dp)
-        )
-
-        // Example 3: Change header type dynamically
-        Text(
-            text = "Example 3: Change Header Type",
-            style = MaterialTheme.typography.titleMedium,
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Show Default Header",
-            onClick = {
-                navigation.setOptions(
-                    headerType = HeaderType.Default
-                )
-            },
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Hide Header",
-            onClick = {
-                navigation.setOptions(
-                    headerType = HeaderType.None
-                )
-            },
-            modifier = Modifier.padding(bottom = 24.dp)
-        )
-
-        // Example 4: Combine multiple options
-        Text(
-            text = "Example 4: Update Multiple Options",
-            style = MaterialTheme.typography.titleMedium,
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Button(
-            title = "Update Title + Header Type",
-            onClick = {
-                navigation.setOptions(
-                    headerTitle = HeaderTitle.Default("Updated Screen"),
-                    headerType = HeaderType.Default
-                )
-            },
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        // Example 5: Navigate and set options
-        Button(
-            title = "Push New Screen with Options",
-            onClick = {
-                navigator.push(
-                    content = { DetailScreen() },
-                    options = NavigationOptions(
-                        headerTitle = HeaderTitle.Default("Detail Screen")
-                    )
-                )
-            },
-            modifier = Modifier.padding(bottom = 24.dp)
-        )
-
-        // Example 6: Screen with scroll behavior
-        Text(
-            text = "Example 5: Scroll Behavior",
-            style = MaterialTheme.typography.titleMedium,
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-
-        Text(
-            text = "Set scrollData in LaunchedEffect to connect scroll state to header animation",
-            modifier = Modifier.padding(bottom = 8.dp)
-        )
-    }
-}
-
-/**
- * Detail screen that demonstrates setOptions on a pushed screen
- */
-@Composable
-fun DetailScreen() {
-    val navigation = LocalNavigation.current
-    val scrollState = rememberScrollState()
-
-    // Set options when this screen loads
-    LaunchedEffect(Unit) {
-        navigation.setOptions(
-            headerTitle = HeaderTitle.Default("Detail"),
-            scrollData = ScrollData(
-                scrollState = scrollState
-            )
-        )
-    }
-
-    Column(
-        modifier = Modifier
-            .fillMaxSize()
-            .padding(16.dp)
-            .verticalScroll(scrollState)
-        ) {
-        Text(
-            text = "This is a detail screen pushed with options.",
-            modifier = Modifier.padding(bottom = 16.dp)
-        )
-
-        Button(
-            title = "Change Title from Detail",
-            onClick = {
-                navigation.setOptions(
-                    headerTitle = HeaderTitle.Default("Updated Detail")
-                )
-            }
-        )
-    }
-}
-
-/**
- * Summary of setOptions usage:
- *
- * 1. Access navigation: val navigation = LocalNavigation.current
- * 2. Call inside LaunchedEffect(Unit) for initial setup
- * 3. Call from any function to update options dynamically
- *
- * Available options to set:
- * - headerTitle: HeaderTitle.Default("Title") or HeaderTitle.None
- * - headerType: HeaderType.Default, HeaderType.None, HeaderType.Extended(...)
- * - hiddenBack: Boolean - show/hide back button
- * - footerComponent: @Composable () -> Unit - custom footer
- * - scrollData: ScrollData(scrollState) - connect scroll behavior
- * - headerBackProps: HeaderBackProps - configure back button behavior
- *
- * Note: Not all options can be changed dynamically. Some require
- * pushing a new screen with NavigationOptions.
- */

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

@@ -1,212 +0,0 @@
-package com.momo.navigation.example
-
-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
-
-/**
- * MoMo Navigation - SetOptions Example
- *
- * In MoMo's navigation system (built on Compose Navigation),
- * you can use setOptions() to programmatically update navigation options
- * including the header/title.
- *
- * Here's how to change the header title dynamically:
- */
-
-// Define navigation routes
-sealed class Screen(val route: String) {
-    object Home : Screen("home")
-    object Detail : Screen("detail/{title}") {
-        fun createRoute(title: String) = "detail/$title"
-    }
-}
-
-// Example: NavBackStackEntry extension to get arguments
-// In MoMo navigation, you can access arguments via savedStateHandle
-// Note: This requires MoMo's extended navigation setup
-
-/**
- * Example 1: Basic SetOptions usage in MoMo Navigation
- *
- * In MoMo's navigation, setOptions is typically called within a
- * NavHost or when navigating to update the top app bar.
- *
- * For dynamic header titles, you would typically:
- * 1. Use a state hoisting pattern
- * 2. Pass the title as a navigation argument
- * 3. Update the top bar based on the current destination
- */
-
-@Composable
-fun MoMoNavigationExample() {
-    val navController = rememberNavController()
-
-    // State to hold dynamic title - typically this would be in a ViewModel
-    val dynamicTitle = androidx.compose.runtime.remember {
-        androidx.compose.runtime.mutableStateOf("Home")
-    }
-
-    NavHost(
-        navController = navController,
-        startDestination = Screen.Home.route
-    ) {
-        composable(Screen.Home.route) {
-            // Home screen content
-            Box(
-                modifier = Modifier.fillMaxSize(),
-                contentAlignment = Alignment.Center
-            ) {
-                Text("Home Screen")
-            }
-
-            // Set options for Home - in practice this is handled by the
-            // navigation library's LocalNavigationBar or similar composable
-        }
-
-        composable(
-            route = Screen.Detail.route,
-            // You can use arguments to get dynamic data
-        ) { backStackEntry ->
-            // Get the title from navigation arguments
-            val title = backStackEntry.arguments?.getString("title") ?: "Detail"
-
-            Box(
-                modifier = Modifier.fillMaxSize(),
-                contentAlignment = Alignment.Center
-            ) {
-                Text("$title Screen")
-            }
-        }
-    }
-}
-
-/**
- * Example 2: Using MoMo's setOptions pattern (if available in your version)
- *
- * In some versions of MoMo navigation, you can use setOptions like this:
- */
-
-fun navigateWithOptions(
-    navController: NavHostController,
-    title: String
-) {
-    // Navigate to the detail screen with the title
-    navController.navigate(Screen.Detail.createRoute(title))
-}
-
-/**
- * Example 3: Programmatic navigation with dynamic title using Compose Navigation
- *
- * This is the recommended pattern for changing header title dynamically:
- */
-
-@Composable
-fun DynamicHeaderNavigationExample() {
-    val navController = rememberNavController()
-
-    // This state would typically be in a ViewModel
-    val currentTitle = androidx.compose.runtime.remember {
-        androidx.compose.runtime.mutableStateOf("Home Screen")
-    }
-
-    // Update the title when navigating
-    fun navigateToDetail(newTitle: String) {
-        currentTitle.value = newTitle
-        navController.navigate(Screen.Detail.createRoute(newTitle))
-    }
-}
-
-/**
- * Example 4: Complete example with MoMo-style TopAppBar integration
- */
-
-@Composable
-fun FullNavigationExample() {
-    val navController = rememberNavController()
-
-    // This would typically be provided via a ViewModel or navigation library
-    val (currentTitle, setCurrentTitle) = androidx.compose.runtime.remember {
-        androidx.compose.runtime.mutableStateOf("Home")
-    }
-
-    NavHost(
-        navController = navController,
-        startDestination = Screen.Home.route
-    ) {
-        composable(Screen.Home.route) {
-            HomeScreen(
-                onNavigateToDetail = { title ->
-                    setCurrentTitle(title)
-                    navController.navigate(Screen.Detail.createRoute(title))
-                }
-            )
-        }
-
-        composable(Screen.Detail.route) { backStackEntry ->
-            val title = backStackEntry.arguments?.getString("title") ?: "Detail"
-            DetailScreen(
-                title = title,
-                onNavigateBack = {
-                    navController.popBackStack()
-                }
-            )
-        }
-    }
-}
-
-@Composable
-fun HomeScreen(
-    onNavigateToDetail: (String) -> Unit
-) {
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Alignment.Center
-    ) {
-        Text("Home Screen")
-    }
-}
-
-@Composable
-fun DetailScreen(
-    title: String,
-    onNavigateBack: () -> Unit
-) {
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Alignment.Center
-    ) {
-        Text("$title Screen")
-    }
-}
-
-/**
- * Summary: How to change header title dynamically in MoMo Navigation
- *
- * 1. **Use Navigation Arguments**: Pass the title as a route argument
- *    navController.navigate("detail/$title")
- *
- * 2. **Read Arguments in Composable**: Access via backStackEntry.arguments
- *    val title = backStackEntry.arguments?.getString("title")
- *
- * 3. **State Management**: Use remember/mutableState or a ViewModel
- *    to hold and update the current title
- *
- * 4. **Update TopAppBar**: Bind your TopAppBar title to the state
- *    that gets updated based on the current destination
- *
- * Note: If MoMo's navigation library has a specific setOptions API,
- * it would typically be used like:
- *    navController.setOptions(options = {
- *        putString("title", "New Title")
- *    })
- *
- * But the standard Compose Navigation approach above is more commonly used.
- */

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

@@ -1,199 +0,0 @@
-package com.example
-
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.layout.width
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.components.Card
-import vn.momo.kits.components.Skeleton
-import vn.momo.kits.components.Radius
-
-/**
- * Example: Loading skeleton for a card component
- *
- * This demonstrates how to create loading skeleton placeholders for cards
- * in MoMo Native Kits to show while content is loading.
- */
-
-/**
- * Skeleton for a simple card with title
- */
-@Composable
-fun CardSkeletonSimple() {
-    Card(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 16.dp, vertical = 8.dp)
-    ) {
-        Column(modifier = Modifier.padding(16.dp)) {
-            // Title skeleton
-            Skeleton(
-                width = 120.dp,
-                height = 20.dp,
-                cornerRadius = Radius.S
-            )
-            Spacer(modifier = Modifier.height(8.dp))
-            // Description skeleton
-            Skeleton(
-                width = 200.dp,
-                height = 14.dp,
-                cornerRadius = Radius.S
-            )
-        }
-    }
-}
-
-/**
- * Skeleton for a card with image and title (matching ListItemCardExample layout)
- */
-@Composable
-fun CardSkeletonWithImage() {
-    Card(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 16.dp, vertical = 8.dp)
-    ) {
-        Row(
-            modifier = Modifier.padding(12.dp)
-        ) {
-            // Image placeholder skeleton
-            Skeleton(
-                width = 48.dp,
-                height = 48.dp,
-                cornerRadius = Radius.M
-            )
-
-            // Title placeholder skeleton
-            Column(
-                modifier = Modifier.padding(start = 12.dp)
-            ) {
-                Skeleton(
-                    width = 100.dp,
-                    height = 16.dp,
-                    cornerRadius = Radius.S
-                )
-            }
-        }
-    }
-}
-
-/**
- * Skeleton for a card with image, title and description
- * (matching ListItemCardWithDescriptionExample layout)
- */
-@Composable
-fun CardSkeletonWithImageAndDescription() {
-    Card(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 16.dp, vertical = 8.dp)
-    ) {
-        Row(
-            modifier = Modifier.padding(12.dp)
-        ) {
-            // Image placeholder skeleton
-            Skeleton(
-                width = 56.dp,
-                height = 56.dp,
-                cornerRadius = Radius.M
-            )
-
-            // Title and description placeholder skeleton
-            Column(
-                modifier = Modifier.padding(start = 12.dp)
-            ) {
-                Skeleton(
-                    width = 120.dp,
-                    height = 18.dp,
-                    cornerRadius = Radius.S
-                )
-                Spacer(modifier = Modifier.height(8.dp))
-                Skeleton(
-                    width = 180.dp,
-                    height = 12.dp,
-                    cornerRadius = Radius.S
-                )
-            }
-        }
-    }
-}
-
-/**
- * Complex skeleton with multiple rows (avatar + text + action)
- */
-@Composable
-fun CardSkeletonComplex() {
-    Card(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 16.dp, vertical = 8.dp)
-    ) {
-        Column(modifier = Modifier.padding(16.dp)) {
-            Row {
-                // Avatar skeleton
-                Skeleton(
-                    width = 60.dp,
-                    height = 60.dp,
-                    cornerRadius = Radius.XL
-                )
-
-                Column(modifier = Modifier.padding(start = 12.dp)) {
-                    // Name skeleton
-                    Skeleton(
-                        width = 140.dp,
-                        height = 18.dp,
-                        cornerRadius = Radius.S
-                    )
-                    Spacer(modifier = Modifier.height(8.dp))
-                    // Subtitle skeleton
-                    Skeleton(
-                        width = 100.dp,
-                        height = 14.dp,
-                        cornerRadius = Radius.S
-                    )
-                }
-            }
-
-            Spacer(modifier = Modifier.height(16.dp))
-
-            // Description lines
-            Skeleton(
-                width = 280.dp,
-                height = 14.dp,
-                cornerRadius = Radius.S
-            )
-            Spacer(modifier = Modifier.height(6.dp))
-            Skeleton(
-                width = 240.dp,
-                height = 14.dp,
-                cornerRadius = Radius.S
-            )
-            Spacer(modifier = Modifier.height(6.dp))
-            Skeleton(
-                width = 180.dp,
-                height = 14.dp,
-                cornerRadius = Radius.S
-            )
-        }
-    }
-}
-
-/**
- * Example: List of card skeletons (loading state for a list)
- */
-@Composable
-fun CardSkeletonList() {
-    Column {
-        // Simulating a list of loading cards
-        CardSkeletonWithImage()
-        CardSkeletonWithImageAndDescription()
-        CardSkeletonSimple()
-    }
-}