feat(conversations): add conversation viewmodel

Author: lambiengcode

app/build.gradle

@@ -68,4 +68,6 @@ dependencies {
 
  // System bars customization
  implementation "com.google.accompanist:accompanist-systemuicontroller:0.28.0"
+ implementation "androidx.compose.ui:ui-viewbinding:1.4.0"
+ implementation "androidx.lifecycle:lifecycle-viewmodel-compose:2.6.1"
 }

app/src/main/java/com/chatgptlite/wanted/MainActivity.kt

@@ -3,24 +3,24 @@ package com.chatgptlite.wanted
 import android.annotation.SuppressLint
 import android.os.Bundle
 import androidx.activity.ComponentActivity
-import androidx.compose.foundation.gestures.detectTapGestures
+import androidx.activity.compose.BackHandler
+import androidx.activity.viewModels
 import androidx.compose.foundation.layout.*
 import androidx.compose.material3.*
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.*
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.input.pointer.pointerInput
 import androidx.compose.ui.platform.ComposeView
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.core.view.WindowCompat
 import com.chatgptlite.wanted.ui.common.AppBar
 import com.chatgptlite.wanted.ui.common.AppScaffold
-import com.chatgptlite.wanted.ui.conversations.Conversations
+import com.chatgptlite.wanted.ui.conversations.Conversation
 import com.chatgptlite.wanted.ui.theme.ChatGPTLiteTheme
 import kotlinx.coroutines.launch
 
 
 class MainActivity : ComponentActivity() {
+ private val viewModel: MainViewModel by viewModels()
 
  @SuppressLint("UnusedMaterial3ScaffoldPaddingParameter")
  @OptIn(ExperimentalMaterial3Api::class)
@@ -34,16 +34,30 @@ class MainActivity : ComponentActivity() {
  consumeWindowInsets = false
  setContent {
  val drawerState = rememberDrawerState(initialValue = DrawerValue.Closed)
+ viewModel
+ val drawerOpen by viewModel.drawerShouldBeOpened.collectAsState()
+
+ if (drawerOpen) {
+ // Open drawer and reset state in VM.
+ LaunchedEffect(Unit) {
+ // wrap in try-finally to handle interruption whiles opening drawer
+ try {
+ drawerState.open()
+ } finally {
+ viewModel.resetOpenDrawerAction()
+ }
+ }
+ }
 
  // Intercepts back navigation when the drawer is open
  val scope = rememberCoroutineScope()
-// if (drawerState.isOpen) {
-// BackPressHandler {
-// scope.launch {
-// drawerState.close()
-// }
-// }
-// }
+ if (drawerState.isOpen) {
+ BackHandler {
+ scope.launch {
+ drawerState.close()
+ }
+ }
+ }
 
  ChatGPTLiteTheme() {
  Surface(
@@ -55,9 +69,9 @@ class MainActivity : ComponentActivity() {
  scope.launch {
  drawerState.close()
  }
+
+ println(it)
  },
- onProfileClicked = {
- }
  ) {
  Scaffold(
  modifier = Modifier.safeContentPadding(),
@@ -71,7 +85,7 @@ class MainActivity : ComponentActivity() {
  )
  },
  content = {
- Conversations()
+ Conversation()
  },
  )
  }
@@ -83,19 +97,6 @@ class MainActivity : ComponentActivity() {
  }
 }
 
-@Composable
-fun Greeting(name: String) {
- Text(text = "Hello $name!", modifier = Modifier.pointerInput(Unit) {
- detectTapGestures(
- onPress = { offset -> },
- onDoubleTap = { offset -> },
- onLongPress = { offset -> },
- onTap = { offset -> }
- )
- // or other similar...
- })
-}
-
 @Preview(showBackground = true)
 @Composable
 fun DefaultPreview() {

app/src/main/java/com/chatgptlite/wanted/MainViewModel.kt

@@ -0,0 +1,21 @@
+package com.chatgptlite.wanted
+
+import androidx.lifecycle.ViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.asStateFlow
+
+/**
+ * Used to communicate between screens.
+ */
+class MainViewModel : ViewModel() {
+ private val _drawerShouldBeOpened = MutableStateFlow(false)
+ val drawerShouldBeOpened = _drawerShouldBeOpened.asStateFlow()
+
+ fun openDrawer() {
+ _drawerShouldBeOpened.value = true
+ }
+
+ fun resetOpenDrawerAction() {
+ _drawerShouldBeOpened.value = false
+ }
+}

app/src/main/java/com/chatgptlite/wanted/ui/common/AppBar.kt

@@ -25,7 +25,6 @@ import com.chatgptlite.wanted.ui.theme.BackGroundColor
 
 @Composable
 fun AppBar(onClickMenu: () -> Unit) {
-
  ChatGPTLiteTheme() {
  Surface(
  shadowElevation = 4.dp,

app/src/main/java/com/chatgptlite/wanted/ui/common/AppDrawer.kt

@@ -35,7 +35,6 @@ import com.chatgptlite.wanted.ui.theme.ChatGPTLiteTheme
 
 @Composable
 fun AppDrawer(
- onProfileClicked: (String) -> Unit,
  onChatClicked: (String) -> Unit,
 ) {
  val context = LocalContext.current
@@ -229,7 +228,7 @@ fun DrawerPreview() {
  ChatGPTLiteTheme {
  Surface {
  Column {
- AppDrawer({}, {})
+ AppDrawer {}
  }
  }
  }
@@ -241,7 +240,7 @@ fun DrawerPreviewDark() {
  ChatGPTLiteTheme(darkTheme = true) {
  Surface {
  Column {
- AppDrawer({}, {})
+ AppDrawer {}
  }
  }
  }

app/src/main/java/com/chatgptlite/wanted/ui/common/AppRoute.kt

@@ -6,7 +6,7 @@ import androidx.navigation.NavHostController
 import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 import androidx.navigation.compose.rememberNavController
-import com.chatgptlite.wanted.ui.conversations.Conversations
+import com.chatgptlite.wanted.ui.conversations.Conversation
 
 @Composable
 fun AppRoute(
@@ -26,7 +26,7 @@ fun AppRoute(
 // val homeViewModel: HomeViewModel = viewModel(
 // factory = HomeViewModel.provideFactory(appContainer.postsRepository)
 // )
- Conversations (
+ Conversation (
 
  )
  }

app/src/main/java/com/chatgptlite/wanted/ui/common/AppScaffold.kt

@@ -13,7 +13,6 @@ import com.chatgptlite.wanted.ui.theme.ChatGPTLiteTheme
 @Composable
 fun AppScaffold (
  drawerState: DrawerState = rememberDrawerState(initialValue = Closed),
- onProfileClicked: (String) -> Unit,
  onChatClicked: (String) -> Unit,
  content: @Composable () -> Unit
 ) {
@@ -22,7 +21,6 @@ fun AppScaffold (
  drawerState = drawerState,
  drawerContent = {
  AppDrawer (
- onProfileClicked = onProfileClicked,
  onChatClicked = onChatClicked
  )
  },

app/src/main/java/com/chatgptlite/wanted/ui/conversations/Conversations.kt renamed to app/src/main/java/com/chatgptlite/wanted/ui/conversations/Conversation.kt

@@ -1,14 +1,11 @@
 package com.chatgptlite.wanted.ui.conversations
 
 import androidx.compose.foundation.background
-import androidx.compose.foundation.gestures.scrollable
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.foundation.verticalScroll
-import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
@@ -20,13 +17,12 @@ import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.chatgptlite.wanted.data.fake.fakeMessages
 import com.chatgptlite.wanted.models.MessageModel
-import com.chatgptlite.wanted.ui.common.simpleVerticalScrollbar
 import com.chatgptlite.wanted.ui.conversations.components.TextInput
 import com.chatgptlite.wanted.ui.conversations.ui.theme.ChatGPTLiteTheme
 import com.chatgptlite.wanted.ui.theme.*
 
 @Composable
-fun Conversations() {
+fun Conversation() {
  ChatGPTLiteTheme(darkTheme = true) {
  Surface(
  modifier = Modifier.fillMaxSize(),
@@ -49,11 +45,11 @@ fun ColumnScope.MessageList(messages: List<MessageModel>) {
  Modifier
  .fillMaxWidth()
  .weight(1f, false)
- .simpleVerticalScrollbar(
- state = listState,
- width = 4.dp,
- color = MaterialTheme.colorScheme.secondary,
- )
+// .simpleVerticalScrollbar(
+// state = listState,
+// width = 4.dp,
+// color = MaterialTheme.colorScheme.secondary,
+// )
  .padding(horizontal = 16.dp),
  reverseLayout = true,
  state = listState,

app/src/main/java/com/chatgptlite/wanted/ui/conversations/ConversationViewModel.kt

@@ -0,0 +1,32 @@
+package com.chatgptlite.wanted.ui.conversations
+
+import androidx.lifecycle.ViewModel
+import com.chatgptlite.wanted.models.ConversationModel
+import com.chatgptlite.wanted.models.MessageModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.asStateFlow
+
+/**
+ * Used to communicate between screens.
+ */
+class ConversationViewModel : ViewModel() {
+ private val _currentConversation: MutableStateFlow<String> = MutableStateFlow("")
+ private val _messages: MutableStateFlow<HashMap<String, List<MessageModel>>> = MutableStateFlow(hashMapOf())
+ private val _isFetching: MutableStateFlow<Boolean> = MutableStateFlow(false)
+
+ val currentConversationState = _currentConversation.asStateFlow()
+ val messagesListState = _messages.asStateFlow()
+ val isFetching = _isFetching.asStateFlow()
+
+ fun initConversation(conversation: ConversationModel) {
+ _isFetching.value = true
+ _currentConversation.value = conversation.id
+ // Fetch data here
+
+ _isFetching.value = false
+ }
+
+ fun setMessages(messages: List<MessageModel>) {
+ _messages.value[_currentConversation.value] = messages
+ }
+}