v2.4.1 feat(fixes) stability improvements and fixes

Summary of Fixes:
1.
Fixed Data Loss (Persistence):
◦
Removed fallbackToDestructiveMigration(dropAllTables = true) from the Room database builder in AppModule.kt.
◦
This prevents the app from automatically wiping all your notes and data whenever a database schema change occurs during an update.
2.
Enabled Image Loading:
◦
Integrated the Coil image loading library into the project.
◦
Updated the EditorScreen to use AsyncImage. Images attached to your notes will now render correctly instead of showing a placeholder icon.
3.
Default to Read Mode:
◦
Updated the EditorScreen logic to automatically open existing notes in Preview (Read) Mode.
◦
New notes will still open in Edit Mode by default so you can start typing immediately.
◦
You can toggle between modes using the Edit/Preview icon in the top toolbar.
Technical Details:
•
Dependencies: Added coil-compose and coil-network-okhttp to libs.versions.toml and build.gradle.kts.
•
ViewModel: Added isExistingNote property to EditorViewModel to help the UI decide the initial view mode.
•
Database: Stabilized NoteDatabase initialization in app/src/main/kotlin/com/example/notesapp/di/AppModule.kt.

Signed-off-by: Magpiny <magpinyb@gmail.com>

Author: Magpiny

.idea/misc.xml

@@ -71,6 +71,9 @@ dependencies {
     implementation(libs.androidx.compose.material.icons.extended)
     implementation(libs.androidx.navigation.compose)
 
+    implementation(libs.coil.compose)
+    implementation(libs.coil.network)
+
     implementation(libs.androidx.room.runtime)
     implementation(libs.androidx.room.ktx)
     ksp(libs.androidx.room.compiler)

app/build.gradle.kts

@@ -56,8 +56,7 @@ abstract class AppModule {
                 context,
                 NoteDatabase::class.java,
                 "notes_db"
-            ).fallbackToDestructiveMigration(dropAllTables = true)
-                .build()
+            ).build()
         }
 
         @Provides

app/src/main/kotlin/com/example/notesapp/di/AppModule.kt

@@ -46,6 +46,7 @@ import com.mikepenz.markdown.m3.markdownColor
 import com.mikepenz.markdown.m3.markdownTypography
 import com.example.notesapp.presentation.components.ColorPicker
 import com.example.notesapp.presentation.components.WaveformVisualizer
+import coil3.compose.AsyncImage
 
 /**
  * Full-screen editor for creating and modifying notes.
@@ -60,7 +61,12 @@ fun EditorScreen(
     val context = LocalContext.current
     val (showLabelDialog, setShowLabelDialog) = remember { mutableStateOf(value = false) }
     val (showDeleteDialog, setShowDeleteDialog) = remember { mutableStateOf(value = false) }
-    var isPreviewMode by remember { mutableStateOf(value = false) }
+    
+    // Default to Preview mode for existing notes, Edit mode for new ones
+    var isPreviewMode by remember { 
+        mutableStateOf<Boolean>(viewModel.isExistingNote)
+    }
+    
     var showMenu by remember { mutableStateOf(value = false) }
     val scrollState = rememberScrollState()
 
@@ -326,8 +332,12 @@ fun EditorScreen(
                                 .background(MaterialTheme.colorScheme.surfaceVariant)
                         ) {
                             if (attachment.type == AttachmentType.IMAGE) {
-                                // In a real app, use Coils/Glide to load URI. Placeholder for now.
-                                Icon(Icons.Default.Image, null, modifier = Modifier.align(Alignment.Center))
+                                AsyncImage(
+                                    model = attachment.localPath,
+                                    contentDescription = null,
+                                    modifier = Modifier.fillMaxSize(),
+                                    contentScale = androidx.compose.ui.layout.ContentScale.Crop
+                                )
                             } else if (attachment.type == AttachmentType.AUDIO) {
                                 IconButton(
                                     onClick = { viewModel.playAudio(attachment) },

app/src/main/kotlin/com/example/notesapp/presentation/editor/EditorScreen.kt

@@ -66,6 +66,7 @@ class EditorViewModel @Inject constructor(
 ) : ViewModel() {
 
     private val noteId: String? = savedStateHandle["noteId"]
+    val isExistingNote = !noteId.isNullOrBlank()
 
     private val _uiState = MutableStateFlow(EditorUiState())
     val uiState = _uiState.asStateFlow()

app/src/main/kotlin/com/example/notesapp/presentation/editor/EditorViewModel.kt

@@ -28,6 +28,7 @@ testExtJunit = "1.2.1"
 espressoCore = "3.6.1"
 ksp = "2.3.9"
 arch-testing = "2.2.0"
+coil = "3.0.4"
 
 [libraries]
 androidx-appcompat = { group = "androidx.appcompat", name = "appcompat", version.ref = "appcompat" }
@@ -78,6 +79,8 @@ androidx-compose-ui-test = { group = "androidx.compose.ui", name = "ui-test" }
 androidx-compose-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
 androidx-compose-ui-tooling = { group = "androidx.compose.ui", name = "ui-tooling" }
 androidx-compose-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
+coil-compose = { group = "io.coil-kt.coil3", name = "coil-compose", version.ref = "coil" }
+coil-network = { group = "io.coil-kt.coil3", name = "coil-network-okhttp", version.ref = "coil" }
 
 [plugins]
 androidApplication = { id = "com.android.application", version.ref = "agp" }