@momo-kits/native-kits 0.161.3-beta.1 → 0.162.1-beta.1-debug

package/compose/src/commonMain/kotlin/vn/momo/kits/platform/ComposeLottieAnimation.kt

@@ -0,0 +1,70 @@
+package vn.momo.kits.platform
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+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.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import io.github.alexzhirkevich.compottie.Compottie
+import io.github.alexzhirkevich.compottie.ExperimentalCompottieApi
+import io.github.alexzhirkevich.compottie.LottieCompositionSpec
+import io.github.alexzhirkevich.compottie.animateLottieCompositionAsState
+import io.github.alexzhirkevich.compottie.dynamic.rememberLottieDynamicProperties
+import io.github.alexzhirkevich.compottie.rememberLottieComposition
+import io.github.alexzhirkevich.compottie.rememberLottiePainter
+import vn.momo.kits.utils.readJson
+
+@OptIn(ExperimentalCompottieApi::class)
+@Composable
+internal fun ComposeLottieAnimation(
+    path: String,
+    tintColor: Color?,
+    bgColor: Color?,
+    modifier: Modifier,
+) {
+    val json = readJson(path)
+
+    if (json.isEmpty()) {
+        Box(modifier.background(bgColor ?: Color.Transparent))
+        return
+    }
+
+    val composition by rememberLottieComposition(json) {
+        LottieCompositionSpec.JsonString(json)
+    }
+
+    val dynamicProperties = if (tintColor != null) {
+        rememberLottieDynamicProperties(tintColor) {
+            shapeLayer("**") {
+                fill("**") { color { tintColor } }
+                stroke("**") { color { tintColor } }
+            }
+        }
+    } else {
+        null
+    }
+
+    val lottieState = animateLottieCompositionAsState(
+        composition = composition,
+        iterations = Compottie.IterateForever,
+    )
+
+    Box(modifier.background(bgColor ?: Color.Transparent)) {
+        Image(
+            painter = rememberLottiePainter(
+                composition = composition,
+                progress = lottieState::value,
+                dynamicProperties = dynamicProperties,
+                enableExpressions = false,
+                expressionEngineFactory = { _, _ ->
+                    error("Lottie JS expressions are disabled in MoMo kits")
+                },
+            ),
+            contentDescription = null,
+            modifier = Modifier.fillMaxSize(),
+        )
+    }
+}

package/compose/src/commonMain/kotlin/vn/momo/kits/platform/Platform.kt

@@ -0,0 +1,58 @@
+package vn.momo.kits.platform
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.NativePaint
+import androidx.compose.ui.unit.Dp
+
+data class ScreenDimension(
+    val width: Int,
+    val height: Int,
+)
+
+expect fun getPlatformName(): String
+
+@Composable
+expect fun getScreenDimensions(): ScreenDimension
+
+expect fun NativePaint.setMaskFilter(blurRadius: Float)
+
+@Composable
+expect fun getStatusBarHeight(): Dp
+
+@Composable
+expect fun BackHandler(enabled: Boolean, onBack: () -> Unit)
+
+@Composable
+expect fun ProvideNavigationEventDispatcherOwner(content: @Composable () -> Unit)
+
+@Composable
+expect fun getScreenHeight(): Dp
+
+sealed interface OSVersion {
+    val value: Int
+    data class Android(val sdk: Int) : OSVersion { override val value: Int get() = sdk }
+    data class IOS(val major: Int) : OSVersion { override val value: Int get() = major }
+
+    operator fun compareTo(other: Int): Int = value.compareTo(other)
+}
+expect fun getOSVersion(): OSVersion
+
+fun supportsImePadding(): Boolean = when (val v = getOSVersion()) {
+    is OSVersion.Android -> v.sdk > 29
+    is OSVersion.IOS -> true
+}
+@Composable
+expect fun LottieAnimation(
+    path: String,
+    tintColor: Color? = null,
+    bgColor: Color? = null,
+    placedAsOverlay: Boolean = false,
+    modifier: Modifier = Modifier,
+    useCompose: Boolean = false
+)
+
+expect fun NativePaint.setColor(
+    color: Color = Color.Black
+)

package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Deprecated.kt

@@ -0,0 +1,107 @@
+package vn.momo.kits.utils
+
+import androidx.compose.animation.core.LinearEasing
+import androidx.compose.animation.core.RepeatMode
+import androidx.compose.animation.core.animateFloat
+import androidx.compose.animation.core.infiniteRepeatable
+import androidx.compose.animation.core.rememberInfiniteTransition
+import androidx.compose.animation.core.tween
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.drawWithContent
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.drawscope.clipRect
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.drawText
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.rememberTextMeasurer
+import androidx.compose.ui.unit.sp
+import vn.momo.kits.application.IsShowBaseLineDebug
+import vn.momo.kits.const.Colors
+
+object Deprecated {
+
+    @Suppress("ExperimentalAnnotationRetention")
+    @RequiresOptIn(
+        message = "This is internal API of native-kits, become internal in next sprint",
+        level = RequiresOptIn.Level.WARNING,
+    )
+    @Retention(AnnotationRetention.BINARY)
+    @Target(
+        AnnotationTarget.CLASS,
+        AnnotationTarget.FUNCTION,
+        AnnotationTarget.PROPERTY,
+    )
+    annotation class InternalApi
+
+    @Composable
+    fun deprecatedModifier(text: String = "Deprecated component"): Modifier = debugMarker(
+        label = text,
+        background = Colors.red_04.copy(alpha = 0.7f),
+        textColor = Colors.red_01,
+        animationLabel = "deprecatedMarquee",
+    )
+
+    @Composable
+    private fun debugMarker(
+        label: String,
+        background: Color,
+        textColor: Color,
+        animationLabel: String,
+    ): Modifier {
+        if (!IsShowBaseLineDebug) return Modifier
+
+        val textMeasurer = rememberTextMeasurer()
+        val marquee = rememberInfiniteTransition(label = animationLabel)
+        val progress by marquee.animateFloat(
+            initialValue = 0f,
+            targetValue = 1f,
+            animationSpec = infiniteRepeatable(
+                animation = tween(durationMillis = 4000, easing = LinearEasing),
+                repeatMode = RepeatMode.Restart,
+            ),
+            label = "${animationLabel}Progress",
+        )
+
+        return Modifier.drawWithContent {
+            drawContent()
+            drawRect(color = background)
+
+            if (size.width <= 0f || size.height <= 0f) return@drawWithContent
+
+            val fontPx = (size.width * 0.1f).coerceIn(12.sp.toPx(), 20.sp.toPx())
+            val style = TextStyle(
+                color = textColor,
+                fontSize = fontPx.toSp(),
+                fontWeight = FontWeight.Bold,
+            )
+
+            val intrinsic = textMeasurer.measure(
+                text = label,
+                style = style,
+                maxLines = 1,
+                softWrap = false,
+            )
+            val textW = intrinsic.size.width
+            val textH = intrinsic.size.height
+            val y = (size.height - textH) / 2f
+
+            if (textW <= size.width) {
+                drawText(
+                    textLayoutResult = intrinsic,
+                    topLeft = Offset((size.width - textW) / 2f, y),
+                )
+            } else {
+                clipRect(right = size.width, bottom = size.height) {
+                    val gap = textW * 0.5f
+                    val travel = textW + gap
+                    val x = -progress * travel
+                    drawText(textLayoutResult = intrinsic, topLeft = Offset(x, y))
+                    drawText(textLayoutResult = intrinsic, topLeft = Offset(x + travel, y))
+                }
+            }
+        }
+    }
+}