293fb7597c
* Add click-to-copy extension debug info Adds some debug info about an extension to the user's clipboard when tapping the logo/name/package name area at the top of the details screen. Modeled after the debug info from the About screen. Closes #168. * Fix linting failure * Slight cleanup * Address detekt --------- Co-authored-by: AntsyLich <59261191+AntsyLich@users.noreply.github.com> (cherry picked from commit b71c793fad46b91309da5d505ff49f99847b4f68)
457 lines
16 KiB
Kotlin
457 lines
16 KiB
Kotlin
package eu.kanade.presentation.browse
|
|
|
|
import android.content.Intent
|
|
import android.net.Uri
|
|
import android.provider.Settings
|
|
import android.util.DisplayMetrics
|
|
import androidx.compose.foundation.clickable
|
|
import androidx.compose.foundation.interaction.MutableInteractionSource
|
|
import androidx.compose.foundation.layout.Arrangement
|
|
import androidx.compose.foundation.layout.Column
|
|
import androidx.compose.foundation.layout.PaddingValues
|
|
import androidx.compose.foundation.layout.Row
|
|
import androidx.compose.foundation.layout.fillMaxWidth
|
|
import androidx.compose.foundation.layout.height
|
|
import androidx.compose.foundation.layout.padding
|
|
import androidx.compose.foundation.layout.size
|
|
import androidx.compose.foundation.lazy.items
|
|
import androidx.compose.material.icons.Icons
|
|
import androidx.compose.material.icons.automirrored.outlined.Launch
|
|
import androidx.compose.material.icons.outlined.Settings
|
|
import androidx.compose.material3.AlertDialog
|
|
import androidx.compose.material3.Button
|
|
import androidx.compose.material3.HorizontalDivider
|
|
import androidx.compose.material3.Icon
|
|
import androidx.compose.material3.IconButton
|
|
import androidx.compose.material3.MaterialTheme
|
|
import androidx.compose.material3.OutlinedButton
|
|
import androidx.compose.material3.Switch
|
|
import androidx.compose.material3.Text
|
|
import androidx.compose.material3.TextButton
|
|
import androidx.compose.material3.VerticalDivider
|
|
import androidx.compose.runtime.Composable
|
|
import androidx.compose.runtime.getValue
|
|
import androidx.compose.runtime.mutableStateOf
|
|
import androidx.compose.runtime.remember
|
|
import androidx.compose.runtime.setValue
|
|
import androidx.compose.ui.Alignment
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.platform.LocalContext
|
|
import androidx.compose.ui.platform.LocalUriHandler
|
|
import androidx.compose.ui.text.TextStyle
|
|
import androidx.compose.ui.text.font.FontWeight
|
|
import androidx.compose.ui.text.style.TextAlign
|
|
import androidx.compose.ui.unit.dp
|
|
import eu.kanade.domain.extension.interactor.ExtensionSourceItem
|
|
import eu.kanade.presentation.browse.components.ExtensionIcon
|
|
import eu.kanade.presentation.components.AppBar
|
|
import eu.kanade.presentation.components.AppBarActions
|
|
import eu.kanade.presentation.components.WarningBanner
|
|
import eu.kanade.presentation.more.settings.widget.TextPreferenceWidget
|
|
import eu.kanade.presentation.more.settings.widget.TrailingWidgetBuffer
|
|
import eu.kanade.tachiyomi.extension.model.Extension
|
|
import eu.kanade.tachiyomi.source.ConfigurableSource
|
|
import eu.kanade.tachiyomi.ui.browse.extension.details.ExtensionDetailsScreenModel
|
|
import eu.kanade.tachiyomi.util.system.LocaleHelper
|
|
import eu.kanade.tachiyomi.util.system.copyToClipboard
|
|
import kotlinx.collections.immutable.ImmutableList
|
|
import kotlinx.collections.immutable.persistentListOf
|
|
import tachiyomi.i18n.MR
|
|
import tachiyomi.i18n.sy.SYMR
|
|
import tachiyomi.presentation.core.components.ScrollbarLazyColumn
|
|
import tachiyomi.presentation.core.components.material.Scaffold
|
|
import tachiyomi.presentation.core.components.material.padding
|
|
import tachiyomi.presentation.core.i18n.stringResource
|
|
import tachiyomi.presentation.core.screens.EmptyScreen
|
|
|
|
@Composable
|
|
fun ExtensionDetailsScreen(
|
|
navigateUp: () -> Unit,
|
|
state: ExtensionDetailsScreenModel.State,
|
|
onClickSourcePreferences: (sourceId: Long) -> Unit,
|
|
onClickEnableAll: () -> Unit,
|
|
onClickDisableAll: () -> Unit,
|
|
onClickClearCookies: () -> Unit,
|
|
onClickUninstall: () -> Unit,
|
|
onClickSource: (sourceId: Long) -> Unit,
|
|
) {
|
|
val uriHandler = LocalUriHandler.current
|
|
val url = remember(state.extension) {
|
|
val regex = """https://raw.githubusercontent.com/(.+?)/(.+?)/.+""".toRegex()
|
|
regex.find(state.extension?.repoUrl.orEmpty())
|
|
?.let {
|
|
val (user, repo) = it.destructured
|
|
"https://github.com/$user/$repo"
|
|
}
|
|
?: state.extension?.repoUrl
|
|
}
|
|
|
|
Scaffold(
|
|
topBar = { scrollBehavior ->
|
|
AppBar(
|
|
title = stringResource(MR.strings.label_extension_info),
|
|
navigateUp = navigateUp,
|
|
actions = {
|
|
AppBarActions(
|
|
actions = persistentListOf<AppBar.AppBarAction>().builder()
|
|
.apply {
|
|
if (url != null) {
|
|
add(
|
|
AppBar.Action(
|
|
title = stringResource(MR.strings.action_open_repo),
|
|
icon = Icons.AutoMirrored.Outlined.Launch,
|
|
onClick = {
|
|
uriHandler.openUri(url)
|
|
},
|
|
),
|
|
)
|
|
}
|
|
addAll(
|
|
listOf(
|
|
AppBar.OverflowAction(
|
|
title = stringResource(MR.strings.action_enable_all),
|
|
onClick = onClickEnableAll,
|
|
),
|
|
AppBar.OverflowAction(
|
|
title = stringResource(MR.strings.action_disable_all),
|
|
onClick = onClickDisableAll,
|
|
),
|
|
AppBar.OverflowAction(
|
|
title = stringResource(MR.strings.pref_clear_cookies),
|
|
onClick = onClickClearCookies,
|
|
),
|
|
),
|
|
)
|
|
}
|
|
.build(),
|
|
)
|
|
},
|
|
scrollBehavior = scrollBehavior,
|
|
)
|
|
},
|
|
) { paddingValues ->
|
|
if (state.extension == null) {
|
|
EmptyScreen(
|
|
MR.strings.empty_screen,
|
|
modifier = Modifier.padding(paddingValues),
|
|
)
|
|
return@Scaffold
|
|
}
|
|
|
|
ExtensionDetails(
|
|
contentPadding = paddingValues,
|
|
extension = state.extension,
|
|
sources = state.sources,
|
|
onClickSourcePreferences = onClickSourcePreferences,
|
|
onClickUninstall = onClickUninstall,
|
|
onClickSource = onClickSource,
|
|
)
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
private fun ExtensionDetails(
|
|
contentPadding: PaddingValues,
|
|
extension: Extension.Installed,
|
|
sources: ImmutableList<ExtensionSourceItem>,
|
|
onClickSourcePreferences: (sourceId: Long) -> Unit,
|
|
onClickUninstall: () -> Unit,
|
|
onClickSource: (sourceId: Long) -> Unit,
|
|
) {
|
|
val context = LocalContext.current
|
|
var showNsfwWarning by remember { mutableStateOf(false) }
|
|
|
|
ScrollbarLazyColumn(
|
|
contentPadding = contentPadding,
|
|
) {
|
|
// SY -->
|
|
if (extension.isRedundant) {
|
|
item {
|
|
WarningBanner(SYMR.strings.redundant_extension_message)
|
|
}
|
|
}
|
|
// SY <--
|
|
if (extension.isObsolete) {
|
|
item {
|
|
WarningBanner(MR.strings.obsolete_extension_message)
|
|
}
|
|
}
|
|
|
|
item {
|
|
DetailsHeader(
|
|
extension = extension,
|
|
onClickUninstall = onClickUninstall,
|
|
onClickAppInfo = {
|
|
Intent(Settings.ACTION_APPLICATION_DETAILS_SETTINGS).apply {
|
|
data = Uri.fromParts("package", extension.pkgName, null)
|
|
context.startActivity(this)
|
|
}
|
|
Unit
|
|
}.takeIf { extension.isShared },
|
|
onClickAgeRating = {
|
|
showNsfwWarning = true
|
|
},
|
|
)
|
|
}
|
|
|
|
items(
|
|
items = sources,
|
|
key = { it.source.id },
|
|
) { source ->
|
|
SourceSwitchPreference(
|
|
modifier = Modifier.animateItemPlacement(),
|
|
source = source,
|
|
onClickSourcePreferences = onClickSourcePreferences,
|
|
onClickSource = onClickSource,
|
|
)
|
|
}
|
|
}
|
|
if (showNsfwWarning) {
|
|
NsfwWarningDialog(
|
|
onClickConfirm = {
|
|
showNsfwWarning = false
|
|
},
|
|
)
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
private fun DetailsHeader(
|
|
extension: Extension,
|
|
onClickAgeRating: () -> Unit,
|
|
onClickUninstall: () -> Unit,
|
|
onClickAppInfo: (() -> Unit)?,
|
|
) {
|
|
val context = LocalContext.current
|
|
|
|
Column {
|
|
Column(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(
|
|
start = MaterialTheme.padding.medium,
|
|
end = MaterialTheme.padding.medium,
|
|
top = MaterialTheme.padding.medium,
|
|
bottom = MaterialTheme.padding.small,
|
|
)
|
|
.clickable {
|
|
val extDebugInfo = buildString {
|
|
append(
|
|
"""
|
|
Extension name: ${extension.name} (lang: ${extension.lang}; package: ${extension.pkgName})
|
|
Extension version: ${extension.versionName} (lib: ${extension.libVersion}; version code: ${extension.versionCode})
|
|
NSFW: ${extension.isNsfw}
|
|
""".trimIndent()
|
|
)
|
|
|
|
if (extension is Extension.Installed) {
|
|
append("\n\n")
|
|
append(
|
|
"""
|
|
Update available: ${extension.hasUpdate}
|
|
Obsolete: ${extension.isObsolete}
|
|
Shared: ${extension.isShared}
|
|
Repository: ${extension.repoUrl}
|
|
""".trimIndent()
|
|
)
|
|
}
|
|
}
|
|
context.copyToClipboard("Extension Debug information", extDebugInfo)
|
|
},
|
|
horizontalAlignment = Alignment.CenterHorizontally,
|
|
) {
|
|
ExtensionIcon(
|
|
modifier = Modifier
|
|
.size(112.dp),
|
|
extension = extension,
|
|
density = DisplayMetrics.DENSITY_XXXHIGH,
|
|
)
|
|
|
|
Text(
|
|
text = extension.name,
|
|
style = MaterialTheme.typography.headlineSmall,
|
|
textAlign = TextAlign.Center,
|
|
)
|
|
|
|
val strippedPkgName = extension.pkgName.substringAfter("eu.kanade.tachiyomi.extension.")
|
|
|
|
Text(
|
|
text = strippedPkgName,
|
|
style = MaterialTheme.typography.bodySmall,
|
|
)
|
|
}
|
|
|
|
Row(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(
|
|
horizontal = MaterialTheme.padding.extraLarge,
|
|
vertical = MaterialTheme.padding.small,
|
|
),
|
|
horizontalArrangement = Arrangement.SpaceEvenly,
|
|
verticalAlignment = Alignment.CenterVertically,
|
|
) {
|
|
InfoText(
|
|
modifier = Modifier.weight(1f),
|
|
primaryText = extension.versionName,
|
|
secondaryText = stringResource(MR.strings.ext_info_version),
|
|
)
|
|
|
|
InfoDivider()
|
|
|
|
InfoText(
|
|
modifier = Modifier.weight(if (extension.isNsfw) 1.5f else 1f),
|
|
primaryText = LocaleHelper.getSourceDisplayName(extension.lang, context),
|
|
secondaryText = stringResource(MR.strings.ext_info_language),
|
|
)
|
|
|
|
if (extension.isNsfw) {
|
|
InfoDivider()
|
|
|
|
InfoText(
|
|
modifier = Modifier.weight(1f),
|
|
primaryText = stringResource(MR.strings.ext_nsfw_short),
|
|
primaryTextStyle = MaterialTheme.typography.bodyLarge.copy(
|
|
color = MaterialTheme.colorScheme.error,
|
|
fontWeight = FontWeight.Medium,
|
|
),
|
|
secondaryText = stringResource(MR.strings.ext_info_age_rating),
|
|
onClick = onClickAgeRating,
|
|
)
|
|
}
|
|
}
|
|
|
|
Row(
|
|
modifier = Modifier.padding(
|
|
start = MaterialTheme.padding.medium,
|
|
end = MaterialTheme.padding.medium,
|
|
top = MaterialTheme.padding.small,
|
|
bottom = MaterialTheme.padding.medium,
|
|
),
|
|
horizontalArrangement = Arrangement.spacedBy(MaterialTheme.padding.medium),
|
|
) {
|
|
OutlinedButton(
|
|
modifier = Modifier.weight(1f),
|
|
onClick = onClickUninstall,
|
|
) {
|
|
Text(stringResource(MR.strings.ext_uninstall))
|
|
}
|
|
|
|
if (onClickAppInfo != null) {
|
|
Button(
|
|
modifier = Modifier.weight(1f),
|
|
onClick = onClickAppInfo,
|
|
) {
|
|
Text(
|
|
text = stringResource(MR.strings.ext_app_info),
|
|
color = MaterialTheme.colorScheme.onPrimary,
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
HorizontalDivider()
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
private fun InfoText(
|
|
primaryText: String,
|
|
secondaryText: String,
|
|
modifier: Modifier = Modifier,
|
|
primaryTextStyle: TextStyle = MaterialTheme.typography.bodyLarge,
|
|
onClick: (() -> Unit)? = null,
|
|
) {
|
|
val interactionSource = remember { MutableInteractionSource() }
|
|
|
|
val clickableModifier = if (onClick != null) {
|
|
Modifier.clickable(interactionSource, indication = null) { onClick() }
|
|
} else {
|
|
Modifier
|
|
}
|
|
|
|
Column(
|
|
modifier = modifier.then(clickableModifier),
|
|
horizontalAlignment = Alignment.CenterHorizontally,
|
|
verticalArrangement = Arrangement.Center,
|
|
) {
|
|
Text(
|
|
text = primaryText,
|
|
textAlign = TextAlign.Center,
|
|
style = primaryTextStyle,
|
|
)
|
|
|
|
Text(
|
|
text = secondaryText + if (onClick != null) " ⓘ" else "",
|
|
textAlign = TextAlign.Center,
|
|
style = MaterialTheme.typography.bodyMedium,
|
|
color = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.5f),
|
|
)
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
private fun InfoDivider() {
|
|
VerticalDivider(
|
|
modifier = Modifier.height(20.dp),
|
|
)
|
|
}
|
|
|
|
@Composable
|
|
private fun SourceSwitchPreference(
|
|
source: ExtensionSourceItem,
|
|
onClickSourcePreferences: (sourceId: Long) -> Unit,
|
|
onClickSource: (sourceId: Long) -> Unit,
|
|
modifier: Modifier = Modifier,
|
|
) {
|
|
val context = LocalContext.current
|
|
|
|
TextPreferenceWidget(
|
|
modifier = modifier,
|
|
title = if (source.labelAsName) {
|
|
source.source.toString()
|
|
} else {
|
|
LocaleHelper.getSourceDisplayName(source.source.lang, context)
|
|
},
|
|
widget = {
|
|
Row(
|
|
verticalAlignment = Alignment.CenterVertically,
|
|
) {
|
|
if (source.source is ConfigurableSource) {
|
|
IconButton(onClick = { onClickSourcePreferences(source.source.id) }) {
|
|
Icon(
|
|
imageVector = Icons.Outlined.Settings,
|
|
contentDescription = stringResource(MR.strings.label_settings),
|
|
tint = MaterialTheme.colorScheme.onSurface,
|
|
)
|
|
}
|
|
}
|
|
|
|
Switch(
|
|
checked = source.enabled,
|
|
onCheckedChange = null,
|
|
modifier = Modifier.padding(start = TrailingWidgetBuffer),
|
|
)
|
|
}
|
|
},
|
|
onPreferenceClick = { onClickSource(source.source.id) },
|
|
)
|
|
}
|
|
|
|
@Composable
|
|
private fun NsfwWarningDialog(
|
|
onClickConfirm: () -> Unit,
|
|
) {
|
|
AlertDialog(
|
|
text = {
|
|
Text(text = stringResource(MR.strings.ext_nsfw_warning))
|
|
},
|
|
confirmButton = {
|
|
TextButton(onClick = onClickConfirm) {
|
|
Text(text = stringResource(MR.strings.action_ok))
|
|
}
|
|
},
|
|
onDismissRequest = onClickConfirm,
|
|
)
|
|
}
|