feat(jbm): render md in replies

Signed-off-by: Infi <infi@infi.sh>

app/src/main/java/chat/revolt/components/chat/InReplyTo.kt

@@ -1,5 +1,6 @@
 package chat.revolt.components.chat
 
+import android.util.Log
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
@@ -12,7 +13,9 @@ import androidx.compose.material3.LocalContentColor
 import androidx.compose.material3.LocalTextStyle
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Brush
@@ -28,8 +31,13 @@ import chat.revolt.api.RevoltAPI
 import chat.revolt.api.internals.solidColor
 import chat.revolt.api.routes.channel.fetchSingleMessage
 import chat.revolt.api.schemas.User
+import chat.revolt.api.settings.Experiments
 import chat.revolt.components.generic.UserAvatar
+import chat.revolt.components.markdown.jbm.JBM
+import chat.revolt.components.markdown.jbm.JBMRenderer
+import chat.revolt.components.markdown.jbm.LocalJBMarkdownTreeState
 
+@OptIn(JBM::class)
 @Composable
 fun InReplyTo(
     channelId: String,
@@ -49,9 +57,15 @@ fun InReplyTo(
     val usernameColor =
         message?.let { authorColour(it) } ?: Brush.solidColor(contentColor)
 
+    val serverId = remember(channelId) { RevoltAPI.channelCache[channelId]?.server }
+
     LaunchedEffect(messageId) {
         if (messageId !in RevoltAPI.messageCache) {
-            RevoltAPI.messageCache[messageId] = fetchSingleMessage(channelId, messageId)
+            try {
+                RevoltAPI.messageCache[messageId] = fetchSingleMessage(channelId, messageId)
+            } catch (e: Exception) {
+                Log.e("InReplyTo", "Failed to fetch message $messageId", e)
+            }
         }
     }
 
@@ -108,22 +122,34 @@ fun InReplyTo(
                 if (message.content.isNullOrBlank()) {
                     Text(
                         text = stringResource(id = R.string.reply_message_empty_has_attachments),
-                        // TODO: inter has italics now, import and use them
-                        fontStyle = FontStyle.Italic, // inter doesn't have italics...
                         fontSize = 12.sp,
-                        fontFamily = FontFamily.Default, // ...so we use the default font
                         color = contentColor.copy(alpha = 0.7f),
                         maxLines = 1,
                         overflow = TextOverflow.Ellipsis
                     )
                 } else {
-                    Text(
+                    if (Experiments.useKotlinBasedMarkdownRenderer.isEnabled) {
-                        text = message.content,
+                        CompositionLocalProvider(
-                        fontSize = 12.sp,
+                            LocalJBMarkdownTreeState provides LocalJBMarkdownTreeState.current.copy(
-                        color = contentColor.copy(alpha = 0.7f),
+                                embedded = true,
-                        maxLines = 1,
+                                singleLine = true,
-                        overflow = TextOverflow.Ellipsis
+                                currentServer = serverId,
-                    )
+                                linksClickable = false
+                            ),
+                            LocalContentColor provides contentColor.copy(alpha = 0.7f),
+                            LocalTextStyle provides LocalTextStyle.current.copy(fontSize = 12.sp)
+                        ) {
+                            JBMRenderer(message.content)
+                        }
+                    } else {
+                        Text(
+                            text = message.content,
+                            fontSize = 12.sp,
+                            color = contentColor.copy(alpha = 0.7f),
+                            maxLines = 1,
+                            overflow = TextOverflow.Ellipsis
+                        )
+                    }
                 }
             } else {
                 Text(

app/src/main/java/chat/revolt/components/markdown/jbm/JBMRenderer.kt

@@ -56,6 +56,7 @@ import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.font.FontStyle
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextDecoration
+import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.text.withStyle
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
@@ -104,6 +105,7 @@ data class JBMarkdownTreeState(
     val linksClickable: Boolean = true,
     val currentServer: String? = null,
     val embedded: Boolean = false,
+    val singleLine: Boolean = false,
     val colors: JBMColors = JBMColors(
         clickable = Color(0xFFFF00FF),
         clickableBackground = Color(0x2000FF00)
@@ -456,6 +458,8 @@ private fun JBMText(node: ASTNode, modifier: Modifier) {
     Text(
         text = annotatedText,
         onTextLayout = { layoutResult = it },
+        maxLines = if (mdState.singleLine) 1 else Int.MAX_VALUE,
+        overflow = if (mdState.singleLine) TextOverflow.Ellipsis else TextOverflow.Clip,
         modifier = modifier.pointerInput(onClick, onLongClick) {
             detectTapGesturesConditionalConsume(
                 onTap = { pos ->
@@ -771,6 +775,8 @@ private fun JBMBlock(node: ASTNode, modifier: Modifier, nestingCounter: Int = 0)
                         append("[Unknown block type ${node.type.name}]")
                     }
                 },
+                maxLines = if (state.singleLine) 1 else Int.MAX_VALUE,
+                overflow = if (state.singleLine) TextOverflow.Ellipsis else TextOverflow.Clip,
                 modifier = modifier
             )
         }