@@ -2,22 +2,22 @@ package dev.snipme.desktopexample
22
33import androidx.compose.foundation.layout.Arrangement
44import androidx.compose.foundation.layout.Column
5+ import androidx.compose.foundation.layout.Row
56import androidx.compose.foundation.layout.Spacer
67import androidx.compose.foundation.layout.fillMaxSize
78import androidx.compose.foundation.layout.fillMaxWidth
89import androidx.compose.foundation.layout.height
910import androidx.compose.foundation.layout.padding
1011import androidx.compose.foundation.layout.size
11- import androidx.compose.material3.Divider
1212import androidx.compose.material3.MaterialTheme
1313import androidx.compose.material3.Surface
1414import androidx.compose.material3.Text
1515import androidx.compose.material3.TextFieldDefaults
16+ import androidx.compose.material3.VerticalDivider
1617import androidx.compose.material3.darkColorScheme
1718import androidx.compose.material3.lightColorScheme
1819import androidx.compose.runtime.mutableStateOf
1920import androidx.compose.runtime.remember
20- import androidx.compose.ui.Alignment
2121import androidx.compose.ui.Modifier
2222import androidx.compose.ui.graphics.Color
2323import androidx.compose.ui.text.style.TextAlign
@@ -31,10 +31,8 @@ import dev.snipme.highlights.model.SyntaxLanguage
3131import dev.snipme.highlights.model.SyntaxTheme
3232import dev.snipme.highlights.model.SyntaxThemes
3333import dev.snipme.highlights.model.SyntaxThemes.useDark
34- import dev.snipme.kodeview.view.material3.CodeEditText
3534import dev.snipme.kodeview.view.CodeTextView
36-
37- private val windowSize = 600 .dp
35+ import dev.snipme.kodeview.view.material3.CodeEditText
3836
3937private val sampleCode =
4038 """
@@ -72,18 +70,14 @@ fun main() = application {
7270 Window (
7371 onCloseRequest = ::exitApplication,
7472 title = " KodeView example" ,
75- state = rememberWindowState(
76- width = windowSize,
77- height = windowSize,
78- )
73+ state = rememberWindowState()
7974 ) {
8075 Surface {
8176 Column (
8277 modifier = Modifier
8378 .fillMaxSize()
8479 .padding(16 .dp),
85- horizontalAlignment = Alignment .Start ,
86- verticalArrangement = Arrangement .SpaceBetween
80+ verticalArrangement = Arrangement .Center ,
8781 ) {
8882 Spacer (Modifier .height(8 .dp))
8983
@@ -106,36 +100,38 @@ fun main() = application {
106100
107101 Spacer (modifier = Modifier .size(16 .dp))
108102
109- CodeTextView (highlights = highlights)
110-
111- Spacer (modifier = Modifier .size(16 .dp))
112-
113- Divider ()
114-
115- Spacer (modifier = Modifier .size(16 .dp))
116-
117- Text (" Edit this..." )
118- CodeEditText (
119- highlights = highlights,
120- onValueChange = { textValue ->
121- highlightsState.value = highlights.getBuilder()
122- .code(textValue)
123- .build()
124- },
125- colors = TextFieldDefaults .colors(
126- unfocusedContainerColor = Color .Transparent ,
127- focusedContainerColor = Color .Transparent ,
128- focusedIndicatorColor = Color .Transparent ,
129- unfocusedIndicatorColor = Color .Transparent ,
130- disabledIndicatorColor = Color .Transparent ,
131- errorIndicatorColor = Color .Transparent ,
132- ),
133- )
103+ Row (
104+ modifier = Modifier
105+ .weight(1f )
106+ .fillMaxWidth(),
107+ ) {
108+ CodeTextView (
109+ modifier = Modifier .weight(1f ),
110+ highlights = highlights,
111+ )
112+ VerticalDivider (Modifier .padding(8 .dp))
113+ CodeEditText (
114+ modifier = Modifier .weight(1f ),
115+ label = { Text (" Edit code" ) },
116+ highlights = highlights,
117+ onValueChange = { textValue ->
118+ highlightsState.value = highlights.getBuilder()
119+ .code(textValue)
120+ .build()
121+ },
122+ colors = TextFieldDefaults .colors(
123+ unfocusedContainerColor = Color .Transparent ,
124+ focusedContainerColor = Color .Transparent ,
125+ focusedIndicatorColor = Color .Transparent ,
126+ unfocusedIndicatorColor = Color .Transparent ,
127+ disabledIndicatorColor = Color .Transparent ,
128+ errorIndicatorColor = Color .Transparent ,
129+ ),
130+ )
131+ }
134132
135133 Spacer (modifier = Modifier .size(16 .dp))
136134
137- Spacer (modifier = Modifier .weight(1f ))
138-
139135 Dropdown (
140136 options = SyntaxThemes .getNames(),
141137 selected = SyntaxThemes .themes().keys.indexOf(highlights.getTheme().key),
0 commit comments