git.iko.soy/opencode-android
on d643c13 help sign in
opencode-android/app/src/main/java/soy/iko/opencode/ui/file/FileViewScreen.kt
169 lines 7.3 kB history raw
1package soy.iko.opencode.ui.file
3import android.content.Intent
4import android.widget.Toast
5import androidx.compose.foundation.horizontalScroll
6import androidx.compose.foundation.layout.Box
7import androidx.compose.foundation.layout.Row
8import androidx.compose.foundation.layout.fillMaxSize
9import androidx.compose.foundation.layout.padding
10import androidx.compose.foundation.layout.width
11import androidx.compose.foundation.lazy.LazyColumn
12import androidx.compose.foundation.lazy.itemsIndexed
13import androidx.compose.foundation.rememberScrollState
14import androidx.compose.foundation.verticalScroll
15import androidx.compose.material.icons.Icons
16import androidx.compose.material.icons.automirrored.filled.ArrowBack
17import androidx.compose.material.icons.filled.ContentCopy
18import androidx.compose.material.icons.filled.Share
19import androidx.compose.material3.CircularProgressIndicator
20import androidx.compose.material3.ExperimentalMaterial3Api
21import androidx.compose.material3.Icon
22import androidx.compose.material3.IconButton
23import androidx.compose.material3.MaterialTheme
24import androidx.compose.material3.Scaffold
25import androidx.compose.material3.Text
26import androidx.compose.material3.TopAppBar
27import androidx.compose.runtime.Composable
28import androidx.compose.runtime.getValue
29import androidx.compose.runtime.remember
30import androidx.compose.ui.Alignment
31import androidx.compose.ui.Modifier
32import androidx.compose.ui.platform.LocalContext
33import androidx.compose.ui.semantics.contentDescription
34import androidx.compose.ui.semantics.semantics
35import androidx.compose.ui.text.font.FontFamily
36import androidx.compose.ui.text.style.TextOverflow
37import androidx.compose.ui.unit.dp
38import androidx.compose.ui.res.stringResource
39import androidx.lifecycle.compose.collectAsStateWithLifecycle
40import androidx.lifecycle.viewmodel.compose.viewModel
41import soy.iko.opencode.di.AppContainer
42import soy.iko.opencode.R
43import soy.iko.opencode.ui.components.DiffView
44import soy.iko.opencode.ui.components.copyToClipboard
45import soy.iko.opencode.ui.vmFactory
47@OptIn(ExperimentalMaterial3Api::class)
48@Composable
49fun FileViewScreen(
50 container: AppContainer,
51 path: String,
52 onBack: () -> Unit,
53) {
54 val vm: FileViewModel = viewModel(factory = vmFactory { FileViewModel(container, path) })
55 val state by vm.state.collectAsStateWithLifecycle()
56 val context = LocalContext.current
57 val filename = remember(path) { path.substringAfterLast('/') }
58 val shareLabel = stringResource(R.string.share)
60 Scaffold(
61 topBar = {
62 TopAppBar(
63 title = { Text(filename, maxLines = 1, overflow = TextOverflow.Ellipsis) },
64 navigationIcon = {
65 IconButton(onClick = onBack) {
66 Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = stringResource(R.string.back))
67 }
68 },
69 actions = {
70 val content = state.content?.content.orEmpty()
71 if (content.isNotEmpty()) {
72 IconButton(onClick = { copyToClipboard(context, filename, content) }) {
73 Icon(Icons.Filled.ContentCopy, contentDescription = stringResource(R.string.copy))
74 }
75 IconButton(onClick = {
76 val send = Intent(Intent.ACTION_SEND).apply {
77 type = "text/plain"
78 putExtra(Intent.EXTRA_SUBJECT, filename)
79 putExtra(Intent.EXTRA_TEXT, content)
80 }
81 runCatching { context.startActivity(Intent.createChooser(send, shareLabel)) }
82 .onFailure {
83 Toast.makeText(context, context.getString(R.string.no_share_app), Toast.LENGTH_SHORT).show()
84 }
85 }) {
86 Icon(Icons.Filled.Share, contentDescription = stringResource(R.string.share))
87 }
88 }
89 },
90 )
91 },
92 ) { padding ->
93 Box(modifier = Modifier.fillMaxSize().padding(padding)) {
94 when {
95 state.loading -> {
96 val loadingLabel = stringResource(R.string.loading)
97 CircularProgressIndicator(
98 Modifier.align(Alignment.Center).semantics { contentDescription = loadingLabel },
99 )
100 }
101 state.error != null -> Text(
102 state.error ?: "",
103 modifier = Modifier.align(Alignment.Center).padding(24.dp),
104 color = MaterialTheme.colorScheme.error,
105 )
106 state.content?.isBinary == true -> Text(
107 stringResource(R.string.binary_file),
108 modifier = Modifier.align(Alignment.Center).padding(24.dp),
109 color = MaterialTheme.colorScheme.onSurfaceVariant,
110 )
111 else -> {
112 val content = state.content
113 if (content?.diff != null && content.diff.isNotBlank()) {
114 DiffView(
115 diff = content.diff,
116 modifier = Modifier
117 .fillMaxSize()
118 .verticalScroll(rememberScrollState())
119 .padding(8.dp),
120 )
121 } else {
122 val text = content?.content.orEmpty()
123 if (text.isEmpty()) {
124 Text(
125 stringResource(R.string.empty_file),
126 modifier = Modifier.align(Alignment.Center).padding(24.dp),
127 color = MaterialTheme.colorScheme.onSurfaceVariant,
128 )
129 } else {
130 FileTextContent(text)
131 }
132 }
133 }
134 }
135 }
136 }
139@Composable
140private fun FileTextContent(text: String) {
141 val lines = remember(text) { text.split("\n") }
142 val gutterWidth = remember(lines.size) {
143 (lines.size.toString().length.coerceAtLeast(3) * 10).dp
144 }
145 val hScrollState = rememberScrollState()
146 LazyColumn(
147 modifier = Modifier
148 .fillMaxSize()
149 .padding(8.dp),
150 ) {
151 itemsIndexed(lines, key = { index, _ -> index }) { index, line ->
152 Row(modifier = Modifier.horizontalScroll(hScrollState)) {
153 Text(
154 "${index + 1}",
155 modifier = Modifier.width(gutterWidth),
156 style = MaterialTheme.typography.bodySmall,
157 fontFamily = FontFamily.Monospace,
158 color = MaterialTheme.colorScheme.onSurfaceVariant,
159 )
160 Text(
161 line,
162 modifier = Modifier.padding(start = 8.dp),
163 style = MaterialTheme.typography.bodySmall,
164 fontFamily = FontFamily.Monospace,
165 )
166 }
167 }
168 }