git.iko.soy/opencode-android
on 8bc2cce help sign in
opencode-android/app/src/main/java/soy/iko/opencode/ui/server/ServerEditScreen.kt
349 lines 15 kB history raw
1package soy.iko.opencode.ui.server
3import androidx.activity.compose.BackHandler
4import androidx.compose.animation.AnimatedVisibility
5import androidx.compose.foundation.layout.Arrangement
6import androidx.compose.foundation.layout.Box
7import androidx.compose.foundation.layout.Column
8import androidx.compose.foundation.layout.Row
9import androidx.compose.foundation.layout.fillMaxSize
10import androidx.compose.foundation.layout.fillMaxWidth
11import androidx.compose.foundation.layout.imePadding
12import androidx.compose.foundation.layout.padding
13import androidx.compose.foundation.layout.size
14import androidx.compose.foundation.layout.widthIn
15import androidx.compose.foundation.rememberScrollState
16import androidx.compose.foundation.text.KeyboardActions
17import androidx.compose.foundation.text.KeyboardOptions
18import androidx.compose.foundation.verticalScroll
19import androidx.compose.material.icons.Icons
20import androidx.compose.material.icons.automirrored.filled.ArrowBack
21import androidx.compose.material.icons.filled.Visibility
22import androidx.compose.material.icons.filled.VisibilityOff
23import androidx.compose.material3.AlertDialog
24import androidx.compose.material3.Button
25import androidx.compose.material3.CircularProgressIndicator
26import androidx.compose.material3.ExperimentalMaterial3Api
27import androidx.compose.material3.Icon
28import androidx.compose.material3.IconButton
29import androidx.compose.material3.MaterialTheme
30import androidx.compose.material3.OutlinedButton
31import androidx.compose.material3.OutlinedTextField
32import androidx.compose.material3.Scaffold
33import androidx.compose.material3.Text
34import androidx.compose.material3.TextButton
35import androidx.compose.material3.TopAppBar
36import androidx.compose.runtime.Composable
37import androidx.compose.runtime.getValue
38import androidx.compose.runtime.mutableStateOf
39import androidx.compose.runtime.remember
40import androidx.compose.runtime.saveable.rememberSaveable
41import androidx.compose.runtime.setValue
42import androidx.compose.ui.Alignment
43import androidx.compose.ui.Modifier
44import androidx.compose.ui.platform.testTag
45import androidx.compose.ui.semantics.contentDescription
46import androidx.compose.ui.semantics.semantics
47import androidx.compose.ui.text.input.ImeAction
48import androidx.compose.ui.text.input.KeyboardType
49import androidx.compose.ui.text.input.PasswordVisualTransformation
50import androidx.compose.ui.text.input.VisualTransformation
51import androidx.compose.ui.res.stringResource
52import androidx.compose.ui.unit.dp
53import androidx.lifecycle.compose.collectAsStateWithLifecycle
54import androidx.lifecycle.viewmodel.compose.viewModel
55import soy.iko.opencode.di.AppContainer
56import soy.iko.opencode.R
57import soy.iko.opencode.ui.vmFactory
59@OptIn(ExperimentalMaterial3Api::class)
60@Composable
61fun ServerEditScreen(
62 container: AppContainer,
63 profileId: String?,
64 onDone: () -> Unit,
65 sourceId: String? = null,
66) {
67 val vm: ServerEditViewModel =
68 viewModel(factory = vmFactory { ServerEditViewModel(container, profileId, sourceId) })
69 val state by vm.state.collectAsStateWithLifecycle()
70 var showDiscardConfirm by rememberSaveable { mutableStateOf(false) }
71 var passwordVisible by rememberSaveable { mutableStateOf(false) }
73 fun safeExit() {
74 when {
75 // A save is in flight: ignore the back gesture (matching the BackHandler guard
76 // below). Popping here would cancel the save's viewModelScope coroutine and
77 // silently abandon the write; the VM calls onDone itself once the save lands.
78 state.saving -> Unit
79 state.isDirty -> showDiscardConfirm = true
80 else -> onDone()
81 }
82 }
84 // Intercept the system back gesture when the form has unsaved changes so the user
85 // gets a chance to keep editing instead of losing their work silently.
86 BackHandler(enabled = state.isDirty && !state.saving && !showDiscardConfirm) {
87 showDiscardConfirm = true
88 }
90 Scaffold(
91 topBar = {
92 TopAppBar(
93 title = { Text(if (state.isNew) stringResource(R.string.add_server) else stringResource(R.string.edit_server)) },
94 navigationIcon = {
95 IconButton(onClick = ::safeExit) {
96 Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = stringResource(R.string.back))
97 }
98 },
99 )
100 },
101 ) { padding ->
102 if (!state.loaded) {
103 val loadingLabel = stringResource(R.string.loading)
104 Box(modifier = Modifier.fillMaxSize().padding(padding), contentAlignment = Alignment.Center) {
105 CircularProgressIndicator(Modifier.semantics { contentDescription = loadingLabel })
106 }
107 } else {
108 ServerEditForm(
109 state = state,
110 passwordVisible = passwordVisible,
111 onTogglePassword = { passwordVisible = !passwordVisible },
112 padding = padding,
113 vm = vm,
114 onDone = onDone,
115 )
116 }
117 }
119 if (showDiscardConfirm) {
120 AlertDialog(
121 onDismissRequest = { showDiscardConfirm = false },
122 title = { Text(stringResource(R.string.discard_title)) },
123 text = { Text(stringResource(R.string.discard_text)) },
124 confirmButton = {
125 TextButton(onClick = {
126 showDiscardConfirm = false
127 onDone()
128 }) { Text(stringResource(R.string.discard), color = MaterialTheme.colorScheme.error) }
129 },
130 dismissButton = {
131 TextButton(onClick = { showDiscardConfirm = false }) { Text(stringResource(R.string.keep_editing)) }
132 },
133 )
134 }
137@Composable
138private fun ServerEditForm(
139 state: ServerEditState,
140 passwordVisible: Boolean,
141 onTogglePassword: () -> Unit,
142 padding: androidx.compose.foundation.layout.PaddingValues,
143 vm: ServerEditViewModel,
144 onDone: () -> Unit,
145) {
146 val haptics = androidx.compose.ui.platform.LocalHapticFeedback.current
147 Column(
148 modifier = Modifier
149 .padding(padding)
150 .imePadding()
151 .widthIn(max = 600.dp)
152 .padding(16.dp)
153 .verticalScroll(rememberScrollState()),
154 verticalArrangement = Arrangement.spacedBy(12.dp),
155 ) {
156 OutlinedTextField(
157 value = state.label,
158 onValueChange = { v -> vm.update { it.copy(label = v) } },
159 label = { Text(stringResource(R.string.label_optional)) },
160 singleLine = true,
161 keyboardOptions = KeyboardOptions(imeAction = ImeAction.Next),
162 modifier = Modifier.fillMaxWidth().testTag("server_label"),
163 )
164 OutlinedTextField(
165 value = state.baseUrl,
166 onValueChange = { v -> vm.update { it.copy(baseUrl = v, error = null, probeReachable = null) } },
167 label = { Text(stringResource(R.string.base_url)) },
168 placeholder = { Text(stringResource(R.string.base_url_hint)) },
169 singleLine = true,
170 isError = state.baseUrl.isNotBlank() && !isValidUrl(state.baseUrl),
171 supportingText = {
172 if (state.baseUrl.isNotBlank() && !isValidUrl(state.baseUrl)) {
173 // Offer a one-tap "http://" fix for bare host:port input instead of a
174 // generic error, so the user doesn't have to know the URL needs a scheme.
175 val suggestion = suggestUrlScheme(state.baseUrl)
176 if (suggestion != null) {
177 TextButton(
178 onClick = { vm.update { it.copy(baseUrl = suggestion, probeReachable = null) } },
179 contentPadding = androidx.compose.foundation.layout.PaddingValues(horizontal = 0.dp),
180 ) {
181 Text(stringResource(R.string.suggest_scheme))
182 }
183 } else {
184 Text(stringResource(R.string.invalid_url))
185 }
186 }
187 },
188 keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Uri, imeAction = ImeAction.Done),
189 modifier = Modifier.fillMaxWidth().testTag("server_url"),
190 )
191 OutlinedButton(
192 onClick = { vm.probe() },
193 enabled = state.canSave && !state.probing && !state.saving,
194 modifier = Modifier.fillMaxWidth().testTag("server_probe"),
195 ) {
196 if (state.probing) {
197 CircularProgressIndicator(
198 modifier = Modifier.size(20.dp),
199 strokeWidth = 2.dp,
200 )
201 Text(stringResource(R.string.checking), modifier = Modifier.padding(start = 8.dp))
202 } else {
203 Text(stringResource(R.string.check_connectivity))
204 }
205 }
206 // Positive feedback when the probe found the server reachable without auth, so
207 // the user knows the connection works before saving (closes the loop that the
208 // prior "silently does nothing" Reachable path left open).
209 if (state.probeReachable == true && !state.authFieldsVisible) {
210 Text(
211 stringResource(R.string.server_reachable),
212 style = MaterialTheme.typography.bodySmall,
213 color = MaterialTheme.colorScheme.primary,
214 modifier = Modifier.fillMaxWidth(),
215 )
216 }
217 if (!state.authFieldsVisible) {
218 Text(
219 stringResource(R.string.auth_help),
220 style = MaterialTheme.typography.bodySmall,
221 color = MaterialTheme.colorScheme.onSurfaceVariant,
222 modifier = Modifier.fillMaxWidth(),
223 )
224 }
225 AnimatedVisibility(visible = state.authFieldsVisible) {
226 AuthFields(
227 state = state,
228 passwordVisible = passwordVisible,
229 onTogglePassword = onTogglePassword,
230 onUpdate = vm::update,
231 onTestCredentials = vm::testCredentials,
232 onImeDone = { if (state.canSave && !state.saving) vm.saveAndConnect(onDone) },
233 )
234 }
235 Row(
236 modifier = Modifier.fillMaxWidth(),
237 horizontalArrangement = Arrangement.spacedBy(12.dp),
238 ) {
239 OutlinedButton(
240 onClick = {
241 haptics.performHapticFeedback(androidx.compose.ui.hapticfeedback.HapticFeedbackType.LongPress)
242 vm.save(onDone)
243 },
244 enabled = state.canSave && !state.saving,
245 modifier = Modifier.weight(1f),
246 ) {
247 if (state.saving) {
248 CircularProgressIndicator(
249 modifier = Modifier.size(20.dp),
250 color = MaterialTheme.colorScheme.primary,
251 strokeWidth = 2.dp,
252 )
253 Text(stringResource(R.string.saving), modifier = Modifier.padding(start = 8.dp))
254 } else {
255 Text(stringResource(R.string.save))
256 }
257 }
258 Button(
259 onClick = {
260 haptics.performHapticFeedback(androidx.compose.ui.hapticfeedback.HapticFeedbackType.LongPress)
261 vm.saveAndConnect(onDone)
262 },
263 enabled = state.canSave && !state.saving,
264 modifier = Modifier.weight(1f),
265 ) {
266 Text(stringResource(R.string.save_and_connect))
267 }
268 }
269 state.error?.let { message ->
270 Text(
271 message,
272 color = MaterialTheme.colorScheme.error,
273 style = MaterialTheme.typography.bodySmall,
274 modifier = Modifier.fillMaxWidth(),
275 )
276 }
277 }
280@Composable
281private fun AuthFields(
282 state: ServerEditState,
283 passwordVisible: Boolean,
284 onTogglePassword: () -> Unit,
285 onUpdate: ((ServerEditState) -> ServerEditState) -> Unit,
286 onTestCredentials: () -> Unit,
287 onImeDone: () -> Unit,
288) {
289 val showPasswordLabel = stringResource(R.string.show_password)
290 val hidePasswordLabel = stringResource(R.string.hide_password)
291 Column(verticalArrangement = Arrangement.spacedBy(12.dp)) {
292 Text(
293 stringResource(R.string.auth_required),
294 style = MaterialTheme.typography.bodySmall,
295 color = MaterialTheme.colorScheme.error,
296 )
297 OutlinedTextField(
298 value = state.username,
299 onValueChange = { v -> onUpdate { it.copy(username = v) } },
300 label = { Text(stringResource(R.string.username_optional)) },
301 singleLine = true,
302 keyboardOptions = KeyboardOptions(imeAction = ImeAction.Next),
303 modifier = Modifier.fillMaxWidth().testTag("server_username"),
304 )
305 OutlinedTextField(
306 value = state.password,
307 onValueChange = { v -> onUpdate { it.copy(password = v) } },
308 label = { Text(stringResource(R.string.password_optional)) },
309 singleLine = true,
310 visualTransformation = if (passwordVisible) VisualTransformation.None else PasswordVisualTransformation(),
311 trailingIcon = {
312 IconButton(onClick = onTogglePassword) {
313 Icon(
314 if (passwordVisible) Icons.Filled.VisibilityOff else Icons.Filled.Visibility,
315 contentDescription = if (passwordVisible) hidePasswordLabel else showPasswordLabel,
316 )
317 }
318 },
319 keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Password, imeAction = ImeAction.Done),
320 keyboardActions = KeyboardActions(onDone = { onImeDone() }),
321 modifier = Modifier.fillMaxWidth().testTag("server_password"),
322 )
323 OutlinedButton(
324 onClick = onTestCredentials,
325 // Require at least one credential field: testCredentials() no-ops when both are
326 // blank, so without this the button is tappable but silently does nothing.
327 enabled = state.canSave && !state.testingCredentials && !state.saving &&
328 (state.username.isNotBlank() || state.password.isNotBlank()),
329 modifier = Modifier.fillMaxWidth().testTag("server_test_creds"),
330 ) {
331 if (state.testingCredentials) {
332 CircularProgressIndicator(
333 modifier = Modifier.size(20.dp),
334 strokeWidth = 2.dp,
335 )
336 Text(stringResource(R.string.testing_credentials), modifier = Modifier.padding(start = 8.dp))
337 } else {
338 Text(stringResource(R.string.test_credentials))
339 }
340 }
341 state.credentialsResult?.let { ok ->
342 Text(
343 stringResource(if (ok) R.string.credentials_ok else R.string.credentials_rejected),
344 style = MaterialTheme.typography.bodySmall,
345 color = if (ok) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.error,
346 )
347 }
348 }