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

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

@@ -0,0 +1,353 @@
+package vn.momo.kits.navigation.examples
+
+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.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.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import vn.momo.kits.components.Button
+import vn.momo.kits.components.ButtonType
+import vn.momo.kits.components.Input
+import vn.momo.kits.components.Size
+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
+
+/**
+ * SetOptionsExample - Demonstrates how to use setOptions in MoMo Navigation
+ * to change header title dynamically.
+ *
+ * USAGE:
+ * 1. Get navigation instance: val navigation = LocalNavigation.current
+ * 2. Set initial options in LaunchedEffect(Unit) when screen loads
+ * 3. Update dynamically: navigation.setOptions(headerTitle = HeaderTitle.Default("New Title"))
+ */
+@Composable
+fun SetOptionsNavigationExample() {
+    NavigationContainer(
+        initialScreen = {
+            SetOptionsDemoScreen()
+        },
+        options = NavigationOptions(
+            headerTitle = HeaderTitle.Default("MoMo Navigation"),
+            headerType = HeaderType.Default
+        )
+    )
+}
+
+@Composable
+fun SetOptionsDemoScreen() {
+    val navigation = LocalNavigation.current
+    val navigator = LocalNavigator.current
+
+    var titleInput by remember { mutableStateOf("") }
+    var currentTitle by remember { mutableStateOf("SetOptions Demo") }
+
+    // Set initial options when screen loads
+    LaunchedEffect(Unit) {
+        navigation.setOptions(
+            headerTitle = HeaderTitle.Default(currentTitle),
+            headerType = HeaderType.Default
+        )
+    }
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(16.dp)
+            .verticalScroll(rememberScrollState()),
+        verticalArrangement = Arrangement.spacedBy(16.dp)
+    ) {
+        // Header
+        Text(
+            text = "How to Use setOptions",
+            style = MaterialTheme.typography.headlineSmall,
+            modifier = Modifier.fillMaxWidth(),
+            textAlign = TextAlign.Center
+        )
+
+        Text(
+            text = "Learn how to change header title dynamically using setOptions in MoMo Navigation",
+            style = MaterialTheme.typography.bodyMedium,
+            color = MaterialTheme.colorScheme.onSurfaceVariant
+        )
+
+        Spacer(modifier = Modifier.height(8.dp))
+
+        // ========================================
+        // Example 1: Dynamic Title from User Input
+        // ========================================
+        Text(
+            text = "1. Change Title from Input",
+            style = MaterialTheme.typography.titleMedium,
+            color = MaterialTheme.typography.primaryColor
+        )
+
+        Text(
+            text = "Enter a custom title and apply it to the header",
+            style = MaterialTheme.typography.bodySmall,
+            color = MaterialTheme.colorScheme.onSurfaceVariant
+        )
+
+        Input(
+            text = titleInput,
+            onChangeText = { titleInput = it },
+            placeholder = "Enter title here...",
+            modifier = Modifier.fillMaxWidth()
+        )
+
+        Button(
+            title = "Apply Title",
+            onClick = {
+                if (titleInput.isNotBlank()) {
+                    currentTitle = titleInput
+                    navigation.setOptions(
+                        headerTitle = HeaderTitle.Default(titleInput)
+                    )
+                    titleInput = ""
+                }
+            },
+            type = ButtonType.PRIMARY,
+            size = Size.MEDIUM,
+            modifier = Modifier.fillMaxWidth()
+        )
+
+        Spacer(modifier = Modifier.height(8.dp))
+
+        // ========================================
+        // Example 2: Quick Title Presets
+        // ========================================
+        Text(
+            text = "2. Quick Title Presets",
+            style = MaterialTheme.typography.titleMedium,
+            color = MaterialTheme.typography.primaryColor
+        )
+
+        Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
+            Button(
+                title = "Home",
+                onClick = {
+                    currentTitle = "Home"
+                    navigation.setOptions(headerTitle = HeaderTitle.Default("Home"))
+                },
+                type = ButtonType.OUTLINE,
+                size = Size.SMALL
+            )
+
+            Button(
+                title = "Profile",
+                onClick = {
+                    currentTitle = "Profile"
+                    navigation.setOptions(headerTitle = HeaderTitle.Default("Profile"))
+                },
+                type = ButtonType.OUTLINE,
+                size = Size.SMALL
+            )
+
+            Button(
+                title = "Wallet",
+                onClick = {
+                    currentTitle = "Wallet"
+                    navigation.setOptions(headerTitle = HeaderTitle.Default("Wallet"))
+                },
+                type = ButtonType.OUTLINE,
+                size = Size.SMALL
+            )
+        }
+
+        Spacer(modifier = Modifier.height(8.dp))
+
+        // ========================================
+        // Example 3: Context-Aware Title Changes
+        // ========================================
+        Text(
+            text = "3. Context-Aware Titles",
+            style = MaterialTheme.typography.titleMedium,
+            color = MaterialTheme.typography.primaryColor
+        )
+
+        var selectedCategory by remember { mutableStateOf("All") }
+        val categories = listOf("All", "Electronics", "Fashion", "Food", "Travel")
+
+        Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
+            categories.forEach { category ->
+                Button(
+                    title = category,
+                    onClick = {
+                        selectedCategory = category
+                        val displayTitle = if (category == "All") "Products" else "Products - $category"
+                        navigation.setOptions(headerTitle = HeaderTitle.Default(displayTitle))
+                    },
+                    type = if (selectedCategory == category) ButtonType.PRIMARY else ButtonType.OUTLINE,
+                    size = Size.SMALL,
+                    modifier = Modifier.fillMaxWidth()
+                )
+            }
+        }
+
+        Spacer(modifier = Modifier.height(8.dp))
+
+        // ========================================
+        // Example 4: Header Type Changes
+        // ========================================
+        Text(
+            text = "4. Change Header Type",
+            style = MaterialTheme.typography.titleMedium,
+            color = MaterialTheme.typography.primaryColor
+        )
+
+        Button(
+            title = "Hide Header",
+            onClick = {
+                navigation.setOptions(headerType = HeaderType.None)
+            },
+            type = ButtonType.OUTLINE,
+            size = Size.MEDIUM,
+            modifier = Modifier.fillMaxWidth()
+        )
+
+        Button(
+            title = "Show Default Header",
+            onClick = {
+                navigation.setOptions(
+                    headerType = HeaderType.Default,
+                    headerTitle = HeaderTitle.Default(currentTitle)
+                )
+            },
+            type = ButtonType.OUTLINE,
+            size = Size.MEDIUM,
+            modifier = Modifier.fillMaxWidth()
+        )
+
+        Spacer(modifier = Modifier.height(8.dp))
+
+        // ========================================
+        // Example 5: Push Screen with Options
+        // ========================================
+        Text(
+            text = "5. Push Screen with Options",
+            style = MaterialTheme.typography.titleMedium,
+            color = MaterialTheme.typography.primaryColor
+        )
+
+        Button(
+            title = "Go to Detail Screen",
+            onClick = {
+                navigator.push(
+                    content = { DetailScreen() },
+                    options = NavigationOptions(
+                        headerTitle = HeaderTitle.Default("Product Details")
+                    )
+                )
+            },
+            type = ButtonType.TONAL,
+            size = Size.MEDIUM,
+            modifier = Modifier.fillMaxWidth()
+        )
+
+        Spacer(modifier = Modifier.height(24.dp))
+
+        // Summary
+        Text(
+            text = "Summary",
+            style = MaterialTheme.typography.titleMedium
+        )
+
+        Text(
+            text = """
+                To change header title dynamically with setOptions:
+
+                1. Get navigation instance: val navigation = LocalNavigation.current
+
+                2. Call setOptions() with HeaderTitle.Default("Your Title")
+
+                3. Use LaunchedEffect(Unit) for initial setup:
+                   LaunchedEffect(Unit) {
+                       navigation.setOptions(
+                           headerTitle = HeaderTitle.Default("Initial Title")
+                       )
+                   }
+
+                4. Call from any event handler for dynamic updates:
+                   Button(onClick = {
+                       navigation.setOptions(
+                           headerTitle = HeaderTitle.Default("New Title")
+                       )
+                   })
+            """.trimIndent(),
+            style = MaterialTheme.typography.bodySmall,
+            color = MaterialTheme.colorScheme.onSurfaceVariant
+        )
+    }
+}
+
+@Composable
+fun DetailScreen() {
+    val navigation = LocalNavigation.current
+
+    LaunchedEffect(Unit) {
+        navigation.setOptions(
+            headerTitle = HeaderTitle.Default("Product Details")
+        )
+    }
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(16.dp)
+            .verticalScroll(rememberScrollState()),
+        verticalArrangement = Arrangement.spacedBy(16.dp)
+    ) {
+        Text(
+            text = "Product Details",
+            style = MaterialTheme.typography.headlineMedium
+        )
+
+        Text(
+            text = "This is a detail screen pushed with NavigationOptions. " +
+                    "The header title was set when pushing this screen.",
+            style = MaterialTheme.typography.bodyMedium
+        )
+
+        Text(
+            text = "You can also change the title dynamically from this screen:",
+            style = MaterialTheme.typography.bodyMedium
+        )
+
+        Button(
+            title = "Update to 'Item Details'",
+            onClick = {
+                navigation.setOptions(headerTitle = HeaderTitle.Default("Item Details"))
+            },
+            type = ButtonType.PRIMARY,
+            size = Size.MEDIUM
+        )
+
+        Button(
+            title = "Update to 'Product #12345'",
+            onClick = {
+                navigation.setOptions(headerTitle = HeaderTitle.Default("Product #12345"))
+            },
+            type = ButtonType.SECONDARY,
+            size = Size.MEDIUM
+        )
+    }
+}

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

@@ -0,0 +1,5 @@
+{
+  "total_tokens": 23175,
+  "duration_ms": 76362,
+  "total_duration_seconds": 76.4
+}

package/.claude/settings.local.json

@@ -1,13 +1,41 @@
 {
   "permissions": {
     "allow": [
-      "WebFetch(domain:resources.anthropic.com)",
-      "Bash(brew list:*)",
-      "Bash(python3 -c \"import pypdf; print\\(''pypdf available''\\)\")",
-      "Bash(python3 -c \"import PyPDF2; print\\(''PyPDF2 available''\\)\")",
-      "Bash(pip3 install:*)",
-      "Bash(python3 -c \"import pypdf; print\\(''pypdf installed''\\)\")",
-      "Bash(python3:*)"
+      "Bash(mkdir -p /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/references)",
+      "Bash(mkdir -p /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/evals)",
+      "Bash(mkdir -p /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1/eval-1-input/with_skill/outputs)",
+      "Bash(mkdir -p /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1/eval-1-input/without_skill/outputs)",
+      "Bash(mkdir -p /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1/eval-2-bottomtab/with_skill/outputs)",
+      "Bash(mkdir -p /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1/eval-2-bottomtab/without_skill/outputs)",
+      "Bash(mkdir -p /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1/eval-3-checkbox/with_skill/outputs)",
+      "Bash(mkdir -p /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1/eval-3-checkbox/without_skill/outputs)",
+      "Bash(mkdir -p /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1/eval-4-datetimepicker/with_skill/outputs)",
+      "Bash(mkdir -p /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1/eval-4-datetimepicker/without_skill/outputs)",
+      "Bash(python3 -m scripts.aggregate_benchmark /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1 --skill-name momo-native-kits-skills)",
+      "Bash(python3 -m eval_viewer.generate_review /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1 --skill-name momo-native-kits-skills --benchmark /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1/benchmark.json)",
+      "Bash(python3 eval-viewer/generate_review.py /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1 --skill-name momo-native-kits-skills --benchmark /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-1/benchmark.json)",
+      "Read(//tmp/**)",
+      "Read(//Users/phuc/.claude/skills/skill-creator/**)",
+      "Bash(python -m scripts.aggregate_benchmark /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-3 --skill-name momo-native-kits-skills)",
+      "Bash(python3 -m scripts.aggregate_benchmark /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-3 --skill-name momo-native-kits-skills)",
+      "Bash(python3 -m eval-viewer.generate_review /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-3 --skill-name \"momo-native-kits-skills\" --static /Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-3/eval_viewer.html)"
+    ],
+    "additionalDirectories": [
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-2/eval-navcontainer/with_skill",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-2/eval-navcontainer/with_skill/outputs",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-2/eval-card/with_skill",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-2/eval-card/with_skill/outputs",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-2/eval-skeleton/with_skill/outputs",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-2/eval-popup/with_skill/outputs",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-2/eval-popup/without_skill/outputs",
+      "/tmp",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-3/eval-button/with_skill",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-3/eval-navcontainer/with_skill",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-3/eval-setoptions/with_skill",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-3/eval-navcontainer/without_skill",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-3/eval-setoptions/without_skill",
+      "/Users/phuc/momo-native-kits/.claude/momo-native-kits-skill/workspace/iteration-3/eval-button/without_skill"
     ]
   }
 }

package/build.gradle.kts

@@ -0,0 +1,11 @@
+plugins {
+    // this is necessary to avoid the plugins to be loaded multiple times
+    // in each subproject's classloader
+    alias(libs.plugins.android.application) apply false
+    alias(libs.plugins.android.library) apply false
+    alias(libs.plugins.compose) apply false
+    alias(libs.plugins.kotlin.compose.compiler) apply false
+    alias(libs.plugins.jetbrains.kotlin.multiplatform) apply false
+    alias(libs.plugins.jetbrains.kotlin.serialization) apply false
+    alias(libs.plugins.vanniktech.mavenPublish) apply false
+}

package/compose/build.gradle.kts

@@ -0,0 +1,180 @@
+// import com.vanniktech.maven.publish.JavadocJar
+// import com.vanniktech.maven.publish.KotlinMultiplatform
+import org.jetbrains.kotlin.gradle.dsl.JvmTarget
+
+plugins {
+    alias(libs.plugins.jetbrains.kotlin.multiplatform)
+    alias(libs.plugins.android.library)
+    alias(libs.plugins.compose)
+    alias(libs.plugins.kotlin.compose.compiler)
+//         alias(libs.plugins.vanniktech.mavenPublish)
+    id(libs.plugins.jetbrains.kotlin.cocoapods.get().pluginId)
+    kotlin("plugin.serialization")
+}
+
+val gitlabName: String? = findProperty("name") as String? ?: ""
+val gitlabRepo: String? = findProperty("repo") as String? ?: ""
+val gitlabUrl: String? = findProperty("url") as String? ?: ""
+val gitlabGroup: String? = findProperty("group") as String? ?: ""
+val gitlabArtifactId: String = findProperty("artifact.id") as String? ?: ""
+val gitlabVersion: String? = findProperty("version") as String? ?: ""
+val gitlabUser: String? = findProperty("gitlab.user") as String? ?: ""
+val gitlabKey: String? = findProperty("gitlab.password") as String? ?: ""
+
+kotlin {
+    androidTarget {
+        compilerOptions {
+            jvmTarget.set(JvmTarget.JVM_17)
+        }
+        publishLibraryVariants("release")
+    }
+
+    val fwName = gitlabArtifactId
+    val iosTargets = listOf(iosX64(), iosArm64(), iosSimulatorArm64())
+    iosTargets.forEach {
+        it.binaries.framework {
+            baseName = fwName
+            binaryOption("bundleId", "$gitlabGroup.$fwName")
+            isStatic = true
+        }
+    }
+
+    cocoapods {
+        version = "0.157.1-skill.3-debug"
+        summary = "IOS Shared module"
+        homepage = "https://momo.vn"
+        ios.deploymentTarget = "15.0"
+
+        framework {
+            baseName = fwName
+            isStatic = true
+        }
+
+        pod("lottie-ios") {
+            moduleName = "Lottie"
+            version = "4.4.3"
+            extraOpts += listOf("-compiler-option", "-fmodules")
+        }
+    }
+
+    sourceSets {
+        commonMain.dependencies {
+            implementation(compose.runtime)
+            implementation(compose.material)
+            implementation(compose.material3)
+            implementation(compose.components.resources)
+            implementation(libs.ktor.client.core)
+            implementation(libs.jetbrains.coroutines.core)
+            implementation(libs.navigation.multiplatform)
+            implementation(libs.coil.multiplatform.compose)
+            implementation(libs.coil.multiplatform.core)
+            implementation(libs.coil.multiplatform.network.ktor)
+            implementation(libs.jetbrains.serialization.json)
+            implementation(libs.kotlinx.datetime)
+            api(libs.native.max.api)
+        }
+        androidMain.dependencies {
+            implementation(libs.ktor.client.okhttp)
+            implementation(libs.airbnb.lottie)
+        }
+        iosMain.dependencies {
+            implementation(libs.ktor.client.darwin)
+        }
+    }
+}
+
+android {
+    namespace = "vn.momo.kits.kits"
+    compileSdk = 35
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_17
+        targetCompatibility = JavaVersion.VERSION_17
+    }
+    defaultConfig {
+        minSdk = 24
+    }
+}
+
+dependencies {
+}
+
+repositories {
+    google {
+        mavenContent {
+            includeGroupAndSubgroups("androidx")
+            includeGroupAndSubgroups("com.android")
+            includeGroupAndSubgroups("com.google")
+        }
+    }
+    mavenCentral()
+    maven {
+        url = uri("https://gitlab.mservice.com.vn/api/v4/projects/5400/packages/maven")
+        credentials {username = "download_packages"; password = "gldt-bjDqLpU_sPcHDuXau2ws" }
+    }
+    maven {
+        url = uri("http://nexus.mservice.com.vn:8081/repository/maven-public/")
+        isAllowInsecureProtocol = true
+    }
+}
+
+compose {
+    resources {
+        publicResClass = true
+        packageOfResClass = "vn.momo.uikits.resources"
+        generateResClass = always
+    }
+}
+
+// publishing {
+//     repositories {
+//         maven {
+//             name = "${gitlabRepo}Packages"
+//             credentials {
+//                 username = gitlabUser
+//                 password = gitlabKey
+//             }
+//             url = uri("$gitlabUrl")
+//         }
+//     }
+// }
+
+// mavenPublishing {
+//     configure(
+//         KotlinMultiplatform(
+//             javadocJar = JavadocJar.Empty(),
+//             sourcesJar = true,
+//             androidVariantsToPublish = listOf("release")
+//         )
+//     )
+// 
+//     repositories {
+//         maven {
+//             name = "${gitlabRepo}Packages"
+//             credentials { username = gitlabUser; password = gitlabKey }
+//             url = uri("$gitlabUrl")
+//         }
+//     }
+// 
+//     coordinates(gitlabGroup.toString(), gitlabArtifactId, gitlabVersion.toString())
+// 
+//     pom {
+//         name = "$gitlabName Klib"
+//         description = "$gitlabName"
+//         url = "https://gitlab.mservice.com.vn"
+//         licenses {
+//             license {
+//                 name = "The Apache License, Version 2.0"
+//                 url = "https://www.apache.org/licenses/LICENSE-2.0.txt"
+//                 distribution = "https://www.apache.org/licenses/LICENSE-2.0.txt"
+//             }
+//         }
+//         developers {
+//             developer {
+//                 id = "kotlin-hands-on"
+//                 name = "Kotlin Developer Advocate"
+//                 url = "https://github.com/kotlin-hands-on/"
+//             }
+//         }
+//     }
+// }
+