Enhance UI and add text swapping functionality

This commit introduces several UI improvements and new features to the `DiffCheckerScreen`:

- **Swap Text Inputs:**
    - Added an `IconButton` with a `SwapVert` icon between the old and new text input fields.
    - Clicking this button swaps the content of the two `OutlinedTextField`s.
    - If real-time diff is enabled, the diff is recalculated after swapping.
- **TopAppBar Styling:**
    - The "Diffly" title in the `TopAppBar` now uses `MaterialTheme.typography.titleLarge` with `FontWeight.Bold` and the primary color.
    - A "v1.0" version text is added to the `TopAppBar` actions, styled with `MaterialTheme.typography.titleSmall` and gray color.
- **Diff Count Display:**
    - In `CharDiffText.kt`, the headers "Original Text" and "Changed Text" now display a count of changed/deleted lines (e.g., "-3") and changed/added lines (e.g., "+5") respectively. These counts are color-coded (red for deletions, green for additions).
- **Layout and Spacing Adjustments:**
    - Adjusted padding and spacing around UI elements like the "Real-time Diff" switch, text input fields, and the "Find Difference" button for better visual balance.
    - Reduced padding within individual diff line items in `CharDiffText.kt` for a more compact display.
- **Dependency Updates:**
    - Added `androidx.compose.material:material-icons-core` and `androidx.compose.material:material-icons-extended` dependencies for icon usage.
    - Removed `junit` and `androidx-ui-test-junit4` version references and `junit-jupiter` library from `libs.versions.toml`.
- **IDE Configuration:**
    - Added `.idea/inspectionProfiles/Project_Default.xml` to configure project-specific inspection settings, primarily related to Jetpack Compose previews.

Author: JahidHasanCO

.idea/inspectionProfiles/Project_Default.xml

@@ -61,7 +61,10 @@ dependencies {
     implementation(libs.androidx.ui)
     implementation(libs.androidx.ui.graphics)
     implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material)
     implementation(libs.androidx.material3)
+    implementation(libs.androidx.material.icons.core)
+    implementation(libs.androidx.material.icons.extended)
     androidTestImplementation(libs.androidx.espresso.core)
     androidTestImplementation(platform(libs.androidx.compose.bom))
     debugImplementation(libs.androidx.ui.tooling)

app/build.gradle.kts

@@ -33,11 +33,24 @@ fun CharDiffText(diffResult: List<DiffEntry>) {
                 .fillMaxHeight()
         ) {
             item {
-                Text(
-                    "Original Text",
-                    modifier = Modifier.padding(8.dp),
-                    style = MaterialTheme.typography.titleMedium
-                )
+                Row {
+                    Text(
+                        "Original Text",
+                        modifier = Modifier.padding(8.dp),
+                        style = MaterialTheme.typography.titleMedium
+                    )
+                    val count =
+                        diffResult.count { it.type == DiffType.CHANGED || it.type == DiffType.DELETED }
+                    if (count > 0)
+                        Text(
+                            "-${count}",
+                            modifier = Modifier.padding(8.dp),
+                            style = MaterialTheme.typography.bodyMedium.copy(
+                                color = delete,
+                                fontWeight = MaterialTheme.typography.titleMedium.fontWeight
+                            )
+                        )
+                }
             }
             items(diffResult) { entry ->
                 entry.oldLine?.let { line ->
@@ -57,7 +70,7 @@ fun CharDiffText(diffResult: List<DiffEntry>) {
                     Box(
                         modifier = Modifier
                             .fillMaxWidth()
-                            .padding(4.dp)
+                            .padding(horizontal = 2.dp, vertical = 1.dp)
                             .background(color = color)
                     ) {
                         if (!charDiffs.isNullOrEmpty()) {
@@ -79,11 +92,24 @@ fun CharDiffText(diffResult: List<DiffEntry>) {
                 .fillMaxHeight()
         ) {
             item {
-                Text(
-                    "Changed Text",
-                    modifier = Modifier.padding(8.dp),
-                    style = MaterialTheme.typography.titleMedium
-                )
+                Row {
+                    Text(
+                        "Changed Text",
+                        modifier = Modifier.padding(8.dp),
+                        style = MaterialTheme.typography.titleMedium
+                    )
+                    val count =
+                        diffResult.count { it.type == DiffType.CHANGED || it.type == DiffType.ADDED }
+                    if (count > 0)
+                        Text(
+                            "+${count}",
+                            modifier = Modifier.padding(8.dp),
+                            style = MaterialTheme.typography.bodyMedium.copy(
+                                color = added,
+                                fontWeight = MaterialTheme.typography.titleMedium.fontWeight
+                            )
+                        )
+                }
             }
             items(diffResult) { entry ->
                 entry.newLine?.let { line ->
@@ -103,7 +129,7 @@ fun CharDiffText(diffResult: List<DiffEntry>) {
                     Box(
                         modifier = Modifier
                             .fillMaxWidth()
-                            .padding(4.dp)
+                            .padding(horizontal = 2.dp, vertical = 1.dp)
                             .background(color)
 
                     ) {

app/src/main/java/dev/jahidhasanco/diffly/presentation/component/CharDiffText.kt

@@ -15,7 +15,6 @@ import dev.jahidhasanco.diffly.presentation.theme.delete
 fun InlineCharDiffText(charDiffs: List<CharDiff>) {
     val annotatedString = buildAnnotatedString {
         charDiffs.forEach { cd ->
-
             val backgroundColor = when (cd.type) {
                 CharDiffType.UNCHANGED -> Color.Unspecified
                 CharDiffType.INSERTED -> added

app/src/main/java/dev/jahidhasanco/diffly/presentation/component/InlineCharDiffText.kt

@@ -10,10 +10,17 @@ import androidx.compose.foundation.layout.fillMaxSize
 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.rememberScrollState
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.SwapVert
 import androidx.compose.material3.Button
 import androidx.compose.material3.ButtonDefaults
 import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.IconButtonDefaults
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.Scaffold
@@ -32,6 +39,7 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import dev.jahidhasanco.diffly.presentation.MainViewModel
 import dev.jahidhasanco.diffly.presentation.component.CharDiffText
@@ -45,21 +53,34 @@ fun DiffCheckerScreen(viewModel: MainViewModel) {
     var newText by remember { mutableStateOf("") }
     val diffResult by viewModel.diffResult.collectAsState()
     var realTimeDiff by remember { mutableStateOf(false) }
-
+    val scrollState = rememberScrollState()
     Scaffold(
         modifier = Modifier
             .fillMaxSize(),
         containerColor = background,
         topBar = {
             TopAppBar(
                 title = {
-                    Text("Diffly")
+                    Text(
+                        "Diffly",
+                        style = MaterialTheme.typography.titleLarge.copy(
+                            fontWeight = FontWeight.Bold
+                        ),
+                        color = primary,
+                    )
                 },
-
                 colors = TopAppBarDefaults.topAppBarColors(
                     containerColor = Color.White,
                     titleContentColor = primary
                 ),
+                actions = {
+                    Text(
+                        text = "v1.0",
+                        style = MaterialTheme.typography.titleSmall,
+                        color = Color.Gray,
+                        modifier = Modifier.padding(end = 16.dp)
+                    )
+                }
             )
         }) { innerPadding ->
         Column(
@@ -71,13 +92,15 @@ fun DiffCheckerScreen(viewModel: MainViewModel) {
             Row(
                 verticalAlignment = Alignment.CenterVertically,
                 horizontalArrangement = Arrangement.Center,
-                modifier = Modifier.padding(bottom = 8.dp)
+                modifier = Modifier
+                    .padding(bottom = 8.dp)
+                    .fillMaxWidth()
             ) {
                 Text(
                     text = "Real-time Diff",
                     style = MaterialTheme.typography.titleMedium,
                     color = if (realTimeDiff) primary else Color.Gray,
-                    modifier = Modifier.padding(end = 8.dp)
+                    modifier = Modifier.padding(end = 20.dp)
                 )
                 Switch(
                     checked = realTimeDiff,
@@ -128,7 +151,36 @@ fun DiffCheckerScreen(viewModel: MainViewModel) {
                 singleLine = false
             )
 
-            Spacer(modifier = Modifier.height(8.dp))
+
+            Spacer(modifier = Modifier.height(4.dp))
+
+            // swap icon button
+            IconButton(
+                onClick = {
+                    val temp = oldText
+                    oldText = newText
+                    newText = temp
+                    if (realTimeDiff) {
+                        viewModel.calculateDiff(oldText, newText)
+                    }
+                },
+                colors = IconButtonDefaults.iconButtonColors(
+                    containerColor = Color.Transparent,
+                    contentColor = primary
+                ),
+                modifier = Modifier
+                    .align(Alignment.CenterHorizontally)
+                    .padding(vertical = 8.dp)
+            ) {
+                Icon(
+                    imageVector = Icons.Default.SwapVert,
+                    contentDescription = "Swap", tint = primary,
+                    modifier = Modifier
+                        .padding(2.dp)
+                        .size(28.dp)
+                )
+            }
+            Spacer(modifier = Modifier.height(4.dp))
             OutlinedTextField(
                 value = newText, onValueChange = {
                     newText = it
@@ -182,9 +234,6 @@ fun DiffCheckerScreen(viewModel: MainViewModel) {
             ) {
                 Text("Find Difference")
             }
-
-            Spacer(modifier = Modifier.height(16.dp))
-
             CharDiffText(diffResult)
         }
     }

app/src/main/java/dev/jahidhasanco/diffly/presentation/screen/DiffCheckerScreen.kt

@@ -2,18 +2,18 @@
 agp = "8.10.0-alpha08"
 kotlin = "2.0.21"
 coreKtx = "1.16.0"
-junit = "4.13.2"
-junitVersion = "1.2.1"
 espressoCore = "3.6.1"
 lifecycleRuntimeKtx = "2.9.2"
 activityCompose = "1.10.1"
 composeBom = "2024.09.00"
-junitJupiter = "5.8.1"
+materialIconsCore = "1.7.8"
+materialIconsExtended = "1.7.8"
+material = "1.8.3"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
-junit = { group = "junit", name = "junit", version.ref = "junit" }
-androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
+androidx-material-icons-core = { module = "androidx.compose.material:material-icons-core", version.ref = "materialIconsCore" }
+androidx-material-icons-extended = { group = "androidx.compose.material", name = "material-icons-extended", version.ref = "materialIconsExtended" } # Added
 androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
 androidx-lifecycle-runtime-ktx = { group = "androidx.lifecycle", name = "lifecycle-runtime-ktx", version.ref = "lifecycleRuntimeKtx" }
 androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "activityCompose" }
@@ -23,9 +23,10 @@ androidx-ui-graphics = { group = "androidx.compose.ui", name = "ui-graphics" }
 androidx-ui-tooling = { group = "androidx.compose.ui", name = "ui-tooling" }
 androidx-ui-tooling-preview = { group = "androidx.compose.ui", name = "ui-tooling-preview" }
 androidx-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
-androidx-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
 androidx-material3 = { group = "androidx.compose.material3", name = "material3" }
-junit-jupiter = { group = "org.junit.jupiter", name = "junit-jupiter", version.ref = "junitJupiter" }
+androidx-material = { group = "androidx.compose.material", name = "material", version.ref = "material" }
+
+
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }