Update module, navigation usage correction to receive args, fix entry points

Author: RajashekarRaju

composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/MainActivity.kt

@@ -5,10 +5,19 @@ import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.tooling.preview.Preview
+import com.developersbreach.kotlindictionarymultiplatform.di.appModule
+import org.koin.android.ext.koin.androidContext
+import org.koin.core.context.startKoin
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+
+        startKoin {
+            androidContext(this@MainActivity)
+            modules(appModule)
+        }
+
         setContent {
             App()
         }

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/di/AppModule.kt

@@ -0,0 +1,12 @@
+package com.developersbreach.kotlindictionarymultiplatform.di
+
+import org.koin.core.module.dsl.viewModel
+import com.developersbreach.kotlindictionarymultiplatform.ui.screens.DetailViewModel
+import org.koin.dsl.module
+
+val appModule = module {
+
+    viewModel {
+        DetailViewModel(get())
+    }
+}

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/ui/navigation/AppNavigation.kt

@@ -5,7 +5,10 @@ import androidx.compose.runtime.remember
 import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 import androidx.navigation.compose.rememberNavController
+import com.developersbreach.kotlindictionarymultiplatform.ui.screens.DetailScreen
+import com.developersbreach.kotlindictionarymultiplatform.ui.screens.DetailViewModel
 import com.developersbreach.kotlindictionarymultiplatform.ui.screens.TopicListScreen
+import org.koin.compose.viewmodel.koinViewModel
 
 @Composable
 fun AppNavigation(
@@ -27,9 +30,9 @@ fun AppNavigation(
             )
         }
 
-//        composable<AppDestinations.Detail> { backStackEntry ->
-//            val viewModel = hiltViewModel<DetailViewModel>()
-//            DetailScreen(viewModel = viewModel)
-//        }
+        composable<AppDestinations.Detail> {
+            val viewModel: DetailViewModel = koinViewModel()
+            DetailScreen(viewModel = viewModel)
+        }
     }
 }

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/ui/screens/DetailViewModel.kt

@@ -1,24 +1,30 @@
 package com.developersbreach.kotlindictionarymultiplatform.ui.screens
 
+import androidx.lifecycle.SavedStateHandle
 import androidx.lifecycle.ViewModel
 import androidx.lifecycle.viewModelScope
+import androidx.navigation.toRoute
 import com.developersbreach.kotlindictionarymultiplatform.core.KotlinTopicDetails
 import com.developersbreach.kotlindictionarymultiplatform.core.KtorHttpClient
 import kotlinx.coroutines.flow.MutableStateFlow
 import kotlinx.coroutines.flow.StateFlow
 import kotlinx.coroutines.launch
 import com.developersbreach.kotlindictionarymultiplatform.core.API_KEY
+import com.developersbreach.kotlindictionarymultiplatform.ui.navigation.AppDestinations
 
 class DetailViewModel(
-    topicId: String
-
+    savedStateHandle: SavedStateHandle
 ) : ViewModel() {
+
+    private val topicId = savedStateHandle.toRoute<AppDestinations.Detail>().topicId
+
     private val _state = MutableStateFlow<KotlinTopicDetails?>(null)
     val state: StateFlow<KotlinTopicDetails?> = _state
 
     init {
         fetchTopic(topicId)
     }
+
     private fun fetchTopic(topicId: String) {
         viewModelScope.launch {
             try {

composeApp/src/desktopMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/main.kt

@@ -2,12 +2,20 @@ package com.developersbreach.kotlindictionarymultiplatform
 
 import androidx.compose.ui.window.Window
 import androidx.compose.ui.window.application
+import com.developersbreach.kotlindictionarymultiplatform.di.appModule
+import com.developersbreach.kotlindictionarymultiplatform.ui.screens.TopicListScreen
+import org.koin.core.context.startKoin
 
-fun main() = application {
-    Window(
-        onCloseRequest = ::exitApplication,
-        title = "Kotlin Dictionary Multiplatform",
-    ) {
-        App()
+fun main() {
+    startKoin {
+        modules(appModule)
+    }
+    application {
+        Window(
+            onCloseRequest = ::exitApplication,
+            title = "Kotlin Dictionary Multiplatform",
+        ) {
+            TopicListScreen {  }
+        }
     }
 }