support 代码高亮

ForteScarlet · ForteScarlet · commit f016a6d7d4c5 · 2025-08-22T23:47:52.000+08:00
diff --git a/composeApp/build.gradle.kts b/composeApp/build.gradle.kts
@@ -77,6 +77,8 @@ kotlin {
 
             implementation(libs.kotlin.serialization.core)
             implementation(libs.kotlin.serialization.json)
+
+            implementation(libs.highlights)
         }
 
         commonTest.dependencies {
diff --git a/composeApp/src/wasmJsMain/kotlin/love/forte/simbot/codegen/gen/view/preview/FileContentComponents.kt b/composeApp/src/wasmJsMain/kotlin/love/forte/simbot/codegen/gen/view/preview/FileContentComponents.kt
@@ -1,33 +1,35 @@
 package love.forte.simbot.codegen.gen.view.preview
 
-import androidx.compose.foundation.background
-import androidx.compose.foundation.horizontalScroll
+import androidx.compose.foundation.*
 import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.rememberScrollState
-import androidx.compose.foundation.rememberScrollbarAdapter
 import androidx.compose.foundation.text.selection.SelectionContainer
-import androidx.compose.foundation.verticalScroll
-import androidx.compose.foundation.VerticalScrollbar
-import androidx.compose.foundation.HorizontalScrollbar
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.ContentCopy
 import androidx.compose.material.icons.filled.Description
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.ClipEntry
 import androidx.compose.ui.platform.LocalClipboard
+import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.SpanStyle
+import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
-import androidx.compose.ui.unit.TextUnit
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
+import dev.snipme.highlights.Highlights
+import dev.snipme.highlights.model.BoldHighlight
+import dev.snipme.highlights.model.ColorHighlight
+import dev.snipme.highlights.model.SyntaxLanguage
 import kotlinx.coroutines.launch
 import org.jetbrains.compose.resources.Font
 import simbot_codegen.composeapp.generated.resources.JetBrainsMono_Medium
 import simbot_codegen.composeapp.generated.resources.Res
+import web.cssom.CSS.highlights
 
 /**
  * 文件内容预览组件
@@ -246,7 +248,8 @@ private fun FileContentBody(content: FileContent) {
                     .verticalScroll(verticalScrollState)
             ) {
                 CodeContent(
-                    content = content.content
+                    content = content.content,
+                    mimeType = content.mimeType
                 )
             }
         }
@@ -304,9 +307,11 @@ private fun LineNumbers(content: String) {
 
 /**
  * 代码内容显示
+ *
+ * @param mimeType see [FileContent.inferMimeType]
  */
 @Composable
-private fun CodeContent(content: String, lineHeight: TextUnit = 24.sp) {
+private fun CodeContent(content: String, mimeType: String? = null) {
     val jetBrainsMonoFontFamily = FontFamily(
         Font(Res.font.JetBrainsMono_Medium, FontWeight.Medium)
     )
@@ -317,19 +322,80 @@ private fun CodeContent(content: String, lineHeight: TextUnit = 24.sp) {
         lineHeight = 24.sp // 与行号保持一致的行高
     )
 
+    val lang: SyntaxLanguage = remember(mimeType) {
+        when {
+            mimeType == null -> SyntaxLanguage.DEFAULT
+            mimeType.endsWith("java", true) -> SyntaxLanguage.JAVA
+            mimeType.endsWith("js", true) -> SyntaxLanguage.JAVASCRIPT
+            mimeType.endsWith("kt", true) -> SyntaxLanguage.KOTLIN
+            mimeType.endsWith("kts", true) -> SyntaxLanguage.KOTLIN
+            mimeType.endsWith("sh", true) -> SyntaxLanguage.SHELL
+            else -> SyntaxLanguage.DEFAULT
+        }
+    }
+
+    val contentString = remember(content) {
+        val highlights = Highlights.Builder()
+            .language(lang)
+            .code(content)
+            .build()
+
+        buildAnnotatedString {
+            append(content)
+            for (highlight in highlights.getHighlights()) {
+                val location = highlight.location
+                when (highlight) {
+                    is ColorHighlight -> {
+                        val rgb: Int = highlight.rgb
+                        val color = Color(
+                            red = rgb shr 16 and 0xFF,
+                            green = rgb shr 8 and 0xFF00,
+                            blue = rgb and 0xFF,
+                        )
+                        addStyle(SpanStyle(color = color), location.start, location.end)
+                    }
+
+                    is BoldHighlight -> {
+                        addStyle(SpanStyle(fontWeight = FontWeight.Bold), location.start, location.end)
+                    }
+                }
+            }
+        }
+    }
+
     SelectionContainer {
         Column {
-            content.split('\n').forEach { line ->
+            @Composable
+            fun lineContent(line: AnnotatedString) {
                 Box(
                     modifier = Modifier.height(24.dp), // 固定高度确保对齐
                     contentAlignment = Alignment.CenterStart
                 ) {
-                    Text(
-                        text = if (line.isEmpty()) " " else line, // 空行显示空格以保持高度
-                        style = textStyle,
-                    )
+                    Row {
+                        Text(
+                            text = line.ifEmpty { AnnotatedString(" ") }, // 空行显示空格以保持高度
+                            style = textStyle,
+                            maxLines = 1,
+                        )
+                        Text(text = "\n", maxLines = 1)
+                    }
                 }
             }
+
+
+            var nextStart = 0
+            var nextEnd = content.indexOf('\n')
+            while (nextEnd != -1) {
+                val line = contentString.subSequence(nextStart, nextEnd)
+                lineContent(line)
+                nextStart = nextEnd + 1
+                nextEnd = content.indexOf('\n', nextStart)
+            }
+
+            if (nextStart < content.length) {
+                val line = contentString.subSequence(nextStart, content.length)
+                lineContent(line)
+            }
         }
     }
 }
@@ -344,4 +410,4 @@ private fun formatFileSize(bytes: Long): String {
         bytes < 1024 * 1024 -> "${bytes / 1024}KB"
         else -> "${bytes / (1024 * 1024)}MB"
     }
-}
+}
diff --git a/composeApp/src/wasmJsMain/kotlin/love/forte/simbot/codegen/gen/view/preview/FileTreeComponents.kt b/composeApp/src/wasmJsMain/kotlin/love/forte/simbot/codegen/gen/view/preview/FileTreeComponents.kt
@@ -1,26 +1,25 @@
 package love.forte.simbot.codegen.gen.view.preview
 
-import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.animation.expandVertically
-import androidx.compose.animation.fadeIn
-import androidx.compose.animation.fadeOut
-import androidx.compose.animation.shrinkVertically
+import androidx.compose.animation.*
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
-import androidx.compose.foundation.hoverable
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.KeyboardArrowRight
 import androidx.compose.material.icons.filled.Description
 import androidx.compose.material.icons.filled.Folder
 import androidx.compose.material.icons.filled.FolderOpen
 import androidx.compose.material.icons.filled.KeyboardArrowDown
-import androidx.compose.material.icons.filled.KeyboardArrowRight
-import androidx.compose.material3.*
-import androidx.compose.runtime.*
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
@@ -137,7 +136,7 @@ private fun FileTreeNode(
                     imageVector = if (isExpanded) {
                         Icons.Default.KeyboardArrowDown
                     } else {
-                        Icons.Default.KeyboardArrowRight
+                        Icons.AutoMirrored.Filled.KeyboardArrowRight
                     },
                     contentDescription = if (isExpanded) "折叠" else "展开",
                     modifier = Modifier.size(18.dp),
@@ -297,4 +296,4 @@ private fun formatFileSize(bytes: Long): String {
         bytes < 1024 * 1024 -> "${bytes / 1024}KB"
         else -> "${bytes / (1024 * 1024)}MB"
     }
-}
+}
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
@@ -11,8 +11,9 @@ kotlin-serialization = "1.9.0"
 kotlinpoet = "1.19.0-KMP-SNAPSHOT"
 codegentle = "0.0.1-SNAPSHOT"
 
-# https://github.com/NeoUtils/Highlight
 # 代码高亮
+## https://github.com/SnipMeDev/Highlights
+highlights = "1.0.0"
 
 [libraries]
 kotlin-test = { module = "org.jetbrains.kotlin:kotlin-test", version.ref = "kotlin" }
@@ -44,6 +45,8 @@ kotlin-serialization-json = { module = "org.jetbrains.kotlinx:kotlinx-serializat
 codegentle-kotlin = { module = "love.forte.codegentle:codegentle-kotlin", version.ref = "codegentle" }
 codegentle-java = { module = "love.forte.codegentle:codegentle-java", version.ref = "codegentle" }
 
+highlights = { module = "dev.snipme:highlights", version.ref = "highlights" }
+
 [plugins]
 jetbrainsCompose = { id = "org.jetbrains.compose", version.ref = "compose-plugin" }
 compose-compiler = { id = "org.jetbrains.kotlin.plugin.compose", version.ref = "kotlin" }

Original file line number	Diff line number	Diff line change
`@@ -77,6 +77,8 @@ kotlin {`
`77`	`77`
`78`	`78`	`implementation(libs.kotlin.serialization.core)`
`79`	`79`	`implementation(libs.kotlin.serialization.json)`
	`80`	`+`
	`81`	`+ implementation(libs.highlights)`
`80`	`82`	`}`
`81`	`83`
`82`	`84`	`commonTest.dependencies {`