Migrate project to Jetpack Compose (#27)

* feat: Switch to versions catalog and AGP 7

* feat: Refactor library module to use jetpack compose

* feat: Migrate sample app to jetpack compose

* fix: Use JDK 11 in CI

* fix: Update ktlint

* lint: Fix lint errors

* fix: Use the same version for compose material and tooling libs

* fix: Inline single use composables, make filenames consistent with composables, use version references in build.gradle

* fix: Replace deprecated Handler constructor

.github/workflows/android.yml

@@ -8,10 +8,10 @@ jobs:
     steps:
     - uses: actions/checkout@v1
 
-    - name: set up JDK 1.8
+    - name: set up JDK 11
       uses: actions/setup-java@v1
       with:
-        java-version: 1.8
+        java-version: 11
 
     - name: Build with Gradle
       run: ./gradlew build test

.github/workflows/style-check.yml

@@ -8,10 +8,10 @@ jobs:
     steps:
       - uses: actions/checkout@v1
 
-      - name: set up JDK 1.8
+      - name: set up JDK 11
         uses: actions/setup-java@v1
         with:
-          java-version: 1.8
+          java-version: 11
 
       - name: Ktlint check
         run: ./gradlew ktlintCheck

app/build.gradle

@@ -41,7 +41,11 @@ android {
     }
 
     buildFeatures {
-        viewBinding true
+        compose true
+    }
+
+    composeOptions {
+        kotlinCompilerExtensionVersion "1.0.5"
     }
 }
 
@@ -53,9 +57,12 @@ dependencies {
     implementation libs.kotlinStdLib
     implementation libs.appCompat
     implementation libs.coreKtx
-    implementation libs.fragmentKtx
-    implementation libs.constraintLayout
-    implementation libs.materialComponents
+
+    implementation libs.composeActivity
+    implementation libs.composeMaterial
+    implementation libs.composeTooling
+    implementation libs.accompanistSysUi
+    implementation libs.accompanistInsets
 
     testImplementation libs.junit
 

app/src/main/AndroidManifest.xml

@@ -5,11 +5,13 @@
     <application
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
-        android:label="@string/app_name"
+        android:label="Crashy App"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
-        <activity android:name=".MainActivity">
+        <activity
+            android:name=".MainActivity"
+            android:exported="true">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 

app/src/main/java/com/haroldadmin/crashyapp/MainActivity.kt

@@ -1,20 +1,19 @@
 package com.haroldadmin.crashyapp
 
 import android.os.Bundle
+import androidx.activity.compose.setContent
 import androidx.appcompat.app.AppCompatActivity
-import com.haroldadmin.crashyapp.databinding.ActivityMainBinding
+import com.haroldadmin.crashyapp.ui.pages.HomePage
+import com.haroldadmin.crashyapp.ui.theme.CrashyAppTheme
 
 class MainActivity : AppCompatActivity() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        val binding = ActivityMainBinding.inflate(layoutInflater)
-        setContentView(binding.root)
-
-        binding.crashButton.setOnClickListener {
-            throw BecauseICanException()
+        setContent {
+            CrashyAppTheme {
+                HomePage()
+            }
         }
     }
 }
-
-private class BecauseICanException : Exception("This exception is thrown purely because it can be thrown")

app/src/main/java/com/haroldadmin/crashyapp/ui/pages/HomePage.kt

@@ -0,0 +1,41 @@
+package com.haroldadmin.crashyapp.ui.pages
+
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun HomePage() {
+    Scaffold(
+        topBar = {
+            TopAppBar {
+                Text(text = "Crashy App", style = MaterialTheme.typography.h6)
+            }
+        }
+    ) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center,
+            modifier = Modifier
+                .padding(8.dp)
+                .fillMaxWidth()
+                .fillMaxHeight()
+        ) {
+            Text(
+                text = "Press the button below to see error screen from WhatTheStack!",
+                textAlign = TextAlign.Center
+            )
+            Spacer(modifier = Modifier.height(16.dp))
+            Button(onClick = { throw BecauseICanException() }) {
+                Text(text = "Crash!")
+            }
+        }
+    }
+}
+
+private class BecauseICanException :
+    Exception("This exception is thrown purely because it can be thrown")

app/src/main/java/com/haroldadmin/crashyapp/ui/theme/CrashyAppTheme.kt

@@ -0,0 +1,20 @@
+package com.haroldadmin.crashyapp.ui.theme
+
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.lightColors
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+
+private val ColorPalette = lightColors(
+    primary = Color(0xffd32f2f),
+    primaryVariant = Color(0xff9a0007),
+    secondary = Color(0xff616161),
+    secondaryVariant = Color(0x33373737),
+)
+
+@Composable
+fun CrashyAppTheme(
+    content: @Composable () -> Unit
+) {
+    MaterialTheme(colors = ColorPalette, content = content)
+}

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

@@ -1,13 +1,4 @@
 <resources>
-
-    <style name="AppTheme" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
-        <item name="colorPrimary">@color/primaryColor</item>
-        <item name="colorPrimaryVariant">@color/primaryLightColor</item>
-        <item name="colorPrimaryDark">@color/primaryDarkColor</item>
-        <item name="colorOnPrimary">@color/primaryTextColor</item>
-        <item name="colorSecondary">@color/secondaryColor</item>
-        <item name="colorSecondaryVariant">@color/secondaryLightColor</item>
-        <item name="colorOnSecondary">@color/secondaryTextColor</item>
+    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
     </style>
-
 </resources>

build.gradle

@@ -1,9 +1,9 @@
 buildscript {
     ext.buildConfig = [
             "applicationId": "com.haroldadmin.crashyapp",
-            "compileSdk"   : 29,
+            "compileSdk"   : 31,
             "minSdk"       : 21,
-            "targetSdk"    : 29,
+            "targetSdk"    : 31,
             "versionCode"  : 1,
             "versionName"  : "0.0.1"
     ]
@@ -33,7 +33,7 @@ allprojects {
 subprojects {
     apply plugin: "org.jlleitschuh.gradle.ktlint"
     ktlint {
-        version = "0.36.0"
+        version = "0.43.0"
         ignoreFailures = false
         disabledRules = ["no-wildcard-imports"]
     }

gradle/libs.versions.toml

@@ -1,6 +1,6 @@
 [versions]
-kotlin = "1.5.20"
-agp = "4.2.0"
+kotlin = "1.5.31"
+agp = "7.0.3"
 ktlint = "10.1.0"
 appCompat = "1.3.0"
 coreTest = "2.0.0"
@@ -17,9 +17,17 @@ espressoCore = "3.2.0"
 mockk = "1.9.3"
 robolectric = "4.3.1"
 startup = "1.0.0"
+composeActivity = "1.3.1"
+compose = "1.0.5"
+accompanist = "0.21.3-beta"
 
 [libraries]
 
+composeActivity = { module = "androidx.activity:activity-compose", version.ref = "composeActivity" }
+composeMaterial = { module = "androidx.compose.material:material", version.ref = "compose" }
+composeTooling = { module = "androidx.compose.ui:ui-tooling", version.ref = "compose" }
+accompanistSysUi = { module = "com.google.accompanist:accompanist-systemuicontroller", version.ref = "accompanist" }
+accompanistInsets = { module = "com.google.accompanist:accompanist-insets", version.ref = "accompanist" }
 agp = { module = "com.android.tools.build:gradle", version.ref = "agp" }
 kotlinGradlePlugin = { module = "org.jetbrains.kotlin:kotlin-gradle-plugin", version.ref = "kotlin" }
 ktlintGradlePlugin = { module = "org.jlleitschuh.gradle:ktlint-gradle", version.ref = "ktlint" }

what-the-stack/build.gradle

@@ -36,7 +36,11 @@ android {
     }
 
     buildFeatures {
-        viewBinding true
+        compose true
+    }
+
+    composeOptions {
+        kotlinCompilerExtensionVersion libs.versions.compose.get()
     }
 }
 
@@ -46,11 +50,13 @@ dependencies {
     implementation libs.kotlinStdLib
     implementation libs.appCompat
     implementation libs.coreKtx
-    implementation libs.fragmentKtx
-    implementation libs.constraintLayout
-    implementation libs.materialComponents
     implementation libs.startup
-    implementation libs.insetter
+
+    implementation libs.composeActivity
+    implementation libs.composeMaterial
+    implementation libs.composeTooling
+    implementation libs.accompanistSysUi
+    implementation libs.accompanistInsets
 
     testImplementation libs.junit
     testImplementation libs.mockk

what-the-stack/src/main/java/com/haroldadmin/whatthestack/ExceptionProcessor.kt

@@ -1,7 +1,7 @@
 package com.haroldadmin.whatthestack
 
 import android.os.Parcelable
-import kotlinx.android.parcel.Parcelize
+import kotlinx.parcelize.Parcelize
 
 /**
  * Represents the data of the exception to be displayed to the user.