Async Highlight

Author: Irineu333

Diff for: application/build.gradle.kts

@@ -36,11 +36,16 @@ kotlin {
             implementation(compose.components.resources)
             implementation(compose.components.uiToolingPreview)
 
+            implementation(libs.kotlinx.coroutines.core)
+
             implementation(libs.voyager.screenModel)
             implementation(libs.voyager.navigator)
         }
 
         desktopMain.dependencies {
+
+            implementation(libs.kotlinx.coroutines.swing)
+
             implementation(compose.desktop.currentOs)
         }
     }

Diff for: application/src/androidMain/kotlin/com/neoutils/json/ui/CodeEditor.android.kt

@@ -70,7 +70,10 @@ actual fun CodeEditor(
             ),
             onValueChange = {
                 textFieldValue.value = it
-                onCodeChange(it.text)
+
+                if(code != it.text) {
+                    onCodeChange(it.text)
+                }
             },
             textStyle = mergedTextStyle.copy(
                 lineHeightStyle = LineHeightStyle(

Diff for: application/src/commonMain/kotlin/com/neoutils/json/ui/AppViewModel.kt

@@ -4,9 +4,14 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.SpanStyle
 import cafe.adriel.voyager.core.model.ScreenModel
+import cafe.adriel.voyager.core.model.screenModelScope
 import com.neoutils.json.util.JsonHighlight
-import com.neoutils.json.util.Token
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.delay
 import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
 
 class AppViewModel : ScreenModel {
 
@@ -18,14 +23,26 @@ class AppViewModel : ScreenModel {
         nullColor = Color(0xffe41500)
     )
 
-    val code = MutableStateFlow("")
+    private var highlightJob: Job? = null
 
-    val highlight = MutableStateFlow(listOf<AnnotatedString.Range<SpanStyle>>())
+    private val _code = MutableStateFlow("")
+    val code = _code.asStateFlow()
 
-    fun onCodeChange(it: String) {
+    private val _highlight = MutableStateFlow(listOf<AnnotatedString.Range<SpanStyle>>())
+    val highlight = _highlight.asStateFlow()
 
-        code.value = it
+    fun onCodeChange(code: String) {
 
-        highlight.value = jsonHighlight(it).spanStyles
+        _code.value = code
+
+        updateHighlight(code)
+    }
+
+    private fun updateHighlight(text: String) {
+
+        highlightJob?.cancel()
+        highlightJob = screenModelScope.launch(Dispatchers.IO) {
+            _highlight.value = jsonHighlight(text).spanStyles
+        }
     }
 }

Diff for: application/src/desktopMain/kotlin/com/neoutils/json/ui/CodeEditor.desktop.kt

@@ -78,7 +78,10 @@ actual fun CodeEditor(
             scrollState = scrollState,
             onValueChange = {
                 textFieldValue.value = it
-                onCodeChange(it.text)
+
+                if(code != it.text) {
+                    onCodeChange(it.text)
+                }
             },
             textStyle = mergedTextStyle.copy(
                 lineHeightStyle = LineHeightStyle(

Diff for: gradle/libs.versions.toml

@@ -5,6 +5,7 @@ compose-plugin = "1.6.1"
 kotlin = "1.9.22"
 androidx-activity = "1.8.2"
 voyager = "1.0.0"
+coroutines = "1.8.0"
 
 [libraries]
 
@@ -15,6 +16,10 @@ androidx-compose-ui-tooling-preview = { module = "androidx.compose.ui:ui-tooling
 androidx-activity = { module = "androidx.activity:activity", version.ref = "androidx-activity" }
 androidx-activity-compose = { module = "androidx.activity:activity-compose", version.ref = "androidx-activity" }
 
+# kotlinx
+kotlinx-coroutines-swing = { module = "org.jetbrains.kotlinx:kotlinx-coroutines-swing", version.ref = "coroutines" }
+kotlinx-coroutines-core = { module = "org.jetbrains.kotlinx:kotlinx-coroutines-core", version.ref = "coroutines" }
+
 # voyager
 voyager-navigator = { module = "cafe.adriel.voyager:voyager-navigator", version.ref = "voyager" }
 voyager-screenModel = { module = "cafe.adriel.voyager:voyager-screenmodel", version.ref = "voyager" }