opencode/picoclaw
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add Markdown rendering support in chat bubbles

Browse source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kohei 2026-02-19 08:22:18 +09:00
parent b466e3116f
commit 98309d4b36
3 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
android/feature/chat/build.gradle.kts
View file

@ -41,5 +41,7 @@ dependencies {
implementation(libs.coil.compose) implementation(libs.coil.compose)
implementation(libs.markdown.renderer.m3)
debugImplementation(libs.compose.ui.tooling) debugImplementation(libs.compose.ui.tooling)
} }

14
android/feature/chat/src/main/java/io/picoclaw/android/feature/chat/component/MessageBubble.kt
View file

@ -10,7 +10,6 @@ import androidx.compose.foundation.layout.widthIn
import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.MaterialTheme import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
@ -18,6 +17,9 @@ import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.ContentScale import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.dp
import coil3.compose.AsyncImage import coil3.compose.AsyncImage
import com.mikepenz.markdown.m3.Markdown
import com.mikepenz.markdown.m3.markdownColor
import com.mikepenz.markdown.m3.markdownTypography
import io.picoclaw.android.core.domain.model.ChatMessage import io.picoclaw.android.core.domain.model.ChatMessage
import io.picoclaw.android.core.domain.model.MessageSender import io.picoclaw.android.core.domain.model.MessageSender
import io.picoclaw.android.core.ui.theme.AgentBubble import io.picoclaw.android.core.ui.theme.AgentBubble
@ -68,10 +70,12 @@ fun MessageBubble(
) )
} }
if (message.content.isNotEmpty()) { if (message.content.isNotEmpty()) {
Text( Markdown(
text = message.content, content = message.content,
color = Color.White, colors = markdownColor(text = Color.White),
style = MaterialTheme.typography.bodyLarge typography = markdownTypography(
paragraph = MaterialTheme.typography.bodyLarge.copy(color = Color.White),
),
) )
} }
} }

4
android/gradle/libs.versions.toml
View file

@ -12,6 +12,7 @@ activity-compose = "1.12.4"
core-ktx = "1.17.0" core-ktx = "1.17.0"
coroutines = "1.10.2" coroutines = "1.10.2"
coil = "3.1.0" coil = "3.1.0"
markdown-renderer = "0.39.0"
[libraries] [libraries]
# Compose # Compose
@ -52,6 +53,9 @@ coroutines-android = { group = "org.jetbrains.kotlinx", name = "kotlinx-coroutin
# Coil # Coil
coil-compose = { group = "io.coil-kt.coil3", name = "coil-compose", version.ref = "coil" } coil-compose = { group = "io.coil-kt.coil3", name = "coil-compose", version.ref = "coil" }
# Markdown
markdown-renderer-m3 = { group = "com.mikepenz", name = "multiplatform-markdown-renderer-m3", version.ref = "markdown-renderer" }
[plugins] [plugins]
android-application = { id = "com.android.application", version.ref = "agp" } android-application = { id = "com.android.application", version.ref = "agp" }
android-library = { id = "com.android.library", version.ref = "agp" } android-library = { id = "com.android.library", version.ref = "agp" }