Add Open-source Licenses screen to Settings

app/build.gradle.kts

@@ -6,6 +6,7 @@
     alias(libs.plugins.apollo)
     alias(libs.plugins.google.services)
     alias(libs.plugins.firebase.crashlytics)
+    alias(libs.plugins.aboutlibraries)
 }
 
 android {
@@ -27,7 +28,7 @@
     defaultConfig {
         applicationId = "pub.hackers.android"
         minSdk = 26
         targetSdk = 36
         versionCode = 9
         versionName = "1.4.2"
 
@@ -132,6 +133,8 @@
     implementation(libs.androidx.credentials)
     implementation(libs.androidx.credentials.play.services.auth)
 
+    implementation(libs.aboutlibraries.compose.m3)
+
     testImplementation(libs.junit)
     testImplementation(libs.robolectric)
     testImplementation(libs.compose.ui.test.junit4)

app/src/main/java/pub/hackers/android/ui/HackersPubApp.kt

@@ -52,6 +52,7 @@
 import pub.hackers.android.ui.screens.profile.ProfileScreen
 import pub.hackers.android.ui.screens.recommendedactors.RecommendedActorsScreen
 import pub.hackers.android.ui.screens.search.SearchScreen
+import pub.hackers.android.ui.screens.licenses.LicensesScreen
 import pub.hackers.android.ui.screens.settings.SettingsScreen
 import pub.hackers.android.ui.screens.timeline.TimelineScreen
 import pub.hackers.android.ui.screens.webview.WebViewScreen
@@ -150,6 +151,7 @@
             return "webview?url=$encoded"
         }
     }
+    data object Licenses : DetailScreen("licenses")
 }
 
 @Composable
@@ -158,7 +160,7 @@
     navigationIntent: pub.hackers.android.NavigationIntent? = null,
     onDeepLinkConsumed: () -> Unit = {},
     onNavigationIntentConsumed: () -> Unit = {},
     viewModel: AppViewModel = hiltViewModel()
 ) {
     val navController = rememberNavController()
     val isLoggedInState by viewModel.isLoggedIn.collectAsState(initial = null as Boolean?)
@@ -445,6 +447,9 @@
                     onDraftsClick = {
                         navController.navigate(DetailScreen.Drafts.route)
                     },
+                    onLicensesClick = {
+                        navController.navigate(DetailScreen.Licenses.route)
+                    },
                     isLoggedIn = isLoggedIn
                 )
             }
@@ -667,6 +672,14 @@
                     }
                 )
             }
+
+            composable(DetailScreen.Licenses.route) {
+                LicensesScreen(
+                    onNavigateBack = {
+                        navController.popBackStack()
+                    }
+                )
+            }
         }
     }
     } // CompositionLocalProvider

app/src/main/java/pub/hackers/android/ui/screens/licenses/LicensesScreen.kt

@@ -0,0 +1,54 @@
+package pub.hackers.android.ui.screens.licenses
+
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.ArrowBack
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import com.mikepenz.aboutlibraries.ui.compose.android.produceLibraries
+import com.mikepenz.aboutlibraries.ui.compose.m3.LibrariesContainer
+import pub.hackers.android.R
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun LicensesScreen(
+    onNavigateBack: () -> Unit
+) {
+    Scaffold(
+        contentWindowInsets = WindowInsets(0),
+        topBar = {
+            TopAppBar(
+                title = { Text(text = stringResource(R.string.licenses)) },
+                navigationIcon = {
+                    IconButton(onClick = onNavigateBack) {
+                        Icon(
+                            imageVector = Icons.AutoMirrored.Filled.ArrowBack,
+                            contentDescription = stringResource(R.string.back)
+                        )
+                    }
+                }
+            )
+        }
+    ) { innerPadding ->
+        val libraries by produceLibraries()
+        LibrariesContainer(
+            libraries = libraries,
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(innerPadding),
+            contentPadding = PaddingValues(vertical = 8.dp)
+        )
+    }
+}

app/src/main/java/pub/hackers/android/ui/screens/settings/SettingsScreen.kt

@@ -17,6 +17,7 @@
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material.icons.automirrored.filled.Logout
 import androidx.compose.material.icons.automirrored.outlined.Article
+import androidx.compose.material.icons.automirrored.outlined.LibraryBooks
 import androidx.compose.material.icons.filled.Add
 import androidx.compose.material.icons.filled.Delete
 import androidx.compose.material.icons.filled.Fingerprint
@@ -66,8 +67,9 @@
     onProfileClick: (String) -> Unit,
     onNavigateBack: () -> Unit,
     onDraftsClick: () -> Unit = {},
+    onLicensesClick: () -> Unit = {},
     isLoggedIn: Boolean,
     viewModel: SettingsViewModel = hiltViewModel()
 ) {
     val uiState by viewModel.uiState.collectAsState()
     val snackbarHostState = remember { SnackbarHostState() }
@@ -320,7 +322,7 @@
                     verticalAlignment = Alignment.CenterVertically
                 ) {
                     Icon(
                         imageVector = Icons.Filled.Login,
                         contentDescription = null,
                         tint = colors.textSecondary
                     )
@@ -386,6 +388,28 @@
 
             HorizontalDivider(color = colors.divider, thickness = 1.dp)
 
+            Row(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .clickable { onLicensesClick() }
+                    .padding(16.dp),
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Icon(
+                    imageVector = Icons.AutoMirrored.Outlined.LibraryBooks,
+                    contentDescription = null,
+                    tint = colors.textSecondary
+                )
+                Spacer(modifier = Modifier.width(16.dp))
+                Text(
+                    text = stringResource(R.string.licenses),
+                    style = typography.bodyLarge,
+                    color = colors.textPrimary
+                )
+            }
+
+            HorizontalDivider(color = colors.divider, thickness = 1.dp)
+
             Row(
                 modifier = Modifier
                     .fillMaxWidth()

app/src/main/res/values/strings.xml

@@ -16,7 +16,7 @@
     <string name="verification_description">Enter the verification code sent to your email.</string>
     <string name="send_code">Send Code</string>
     <string name="verify">Verify</string>
     <string name="account_not_found">Account not found</string>
     <string name="or">or</string>
     <string name="sign_in_with_passkey">Sign in with Passkey</string>
     <string name="passkeys">Passkeys</string>
@@ -30,11 +30,11 @@
     <string name="no_passkey_registered">No passkey found. Sign in with your username first, then register a passkey in Settings.</string>
 
     <!-- Timeline -->
     <string name="local_timeline">Hackers\' Pub</string>
     <string name="global_timeline">Fediverse</string>
     <string name="personal_timeline">Home</string>
     <string name="no_posts">No posts yet</string>
     <string name="load_more">Load more</string>
     <string name="refresh">Refresh</string>
 
     <!-- Compose -->
@@ -42,8 +42,8 @@
     <string name="compose_hint">What\'s on your mind?</string>
     <string name="post">Post</string>
     <string name="cancel">Cancel</string>
     <string name="compose_edit">Edit</string>
     <string name="compose_preview">Preview</string>
     <string name="compose_preview_empty">Write something to see the preview</string>
     <string name="quote_load_failed">Unable to load quoted post</string>
     <string name="visibility_public">Public</string>
@@ -155,6 +155,7 @@
     <string name="settings_theme_dark">Dark</string>
     <string name="settings_theme_dynamic">Dynamic color (Material You)</string>
     <string name="settings_theme_dynamic_unavailable">Requires Android 12+</string>
+    <string name="licenses">Open-source Licenses</string>
     <string name="back">Back</string>
 
     <!-- Profile -->

build.gradle.kts

@@ -6,6 +6,7 @@ plugins {
     alias(libs.plugins.apollo) apply false
     alias(libs.plugins.google.services) apply false
     alias(libs.plugins.firebase.crashlytics) apply false
+    alias(libs.plugins.aboutlibraries) apply false
 }
 
 allprojects {

gradle/libs.versions.toml

@@ -27,6 +27,7 @@ firebaseBom = "34.12.0"
 paging = "3.4.2"
 mockk = "1.14.9"
 turbine = "1.2.1"
+aboutLibraries = "14.0.1"
 
 [libraries]
 androidx-browser = { module = "androidx.browser:browser", version.ref = "browser" }
@@ -84,6 +85,8 @@ mockk = { group = "io.mockk", name = "mockk", version.ref = "mockk" }
 turbine = { group = "app.cash.turbine", name = "turbine", version.ref = "turbine" }
 kotlinx-coroutines-test = { group = "org.jetbrains.kotlinx", name = "kotlinx-coroutines-test", version.ref = "coroutines" }
 
+aboutlibraries-compose-m3 = { group = "com.mikepenz", name = "aboutlibraries-compose-m3", version.ref = "aboutLibraries" }
+
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }
 kotlin-compose = { id = "org.jetbrains.kotlin.plugin.compose", version.ref = "kotlin" }
@@ -92,3 +95,4 @@ ksp = { id = "com.google.devtools.ksp", version.ref = "ksp" }
 apollo = { id = "com.apollographql.apollo", version.ref = "apollo" }
 google-services = { id = "com.google.gms.google-services", version.ref = "googleServices" }
 firebase-crashlytics = { id = "com.google.firebase.crashlytics", version.ref = "firebaseCrashlyticsPlugin" }
+aboutlibraries = { id = "com.mikepenz.aboutlibraries.plugin", version.ref = "aboutLibraries" }