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

Author: haroldadmin

.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

.idea/compiler.xml

@@ -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
 

.idea/inspectionProfiles/Project_Default.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" />
 

.idea/misc.xml

@@ -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/build.gradle

@@ -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/AndroidManifest.xml

@@ -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)
+}