Fixes Search layout after the transition to nav
This commit is contained in:
+120
@@ -0,0 +1,120 @@
|
|||||||
|
/**
|
||||||
|
* Copyright (c) 2024 Vitor Pamplona
|
||||||
|
*
|
||||||
|
* Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||||
|
* this software and associated documentation files (the "Software"), to deal in
|
||||||
|
* the Software without restriction, including without limitation the rights to use,
|
||||||
|
* copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the
|
||||||
|
* Software, and to permit persons to whom the Software is furnished to do so,
|
||||||
|
* subject to the following conditions:
|
||||||
|
*
|
||||||
|
* The above copyright notice and this permission notice shall be included in all
|
||||||
|
* copies or substantial portions of the Software.
|
||||||
|
*
|
||||||
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||||
|
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||||
|
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
|
||||||
|
* AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
||||||
|
* WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
|
*/
|
||||||
|
package com.vitorpamplona.amethyst.ui.screen.loggedIn.search
|
||||||
|
|
||||||
|
import android.util.Log
|
||||||
|
import androidx.compose.runtime.Stable
|
||||||
|
import androidx.compose.runtime.derivedStateOf
|
||||||
|
import androidx.compose.runtime.getValue
|
||||||
|
import androidx.compose.runtime.mutableStateOf
|
||||||
|
import androidx.compose.runtime.setValue
|
||||||
|
import androidx.lifecycle.ViewModel
|
||||||
|
import androidx.lifecycle.ViewModelProvider
|
||||||
|
import com.vitorpamplona.amethyst.model.Account
|
||||||
|
import com.vitorpamplona.amethyst.model.Channel
|
||||||
|
import com.vitorpamplona.amethyst.model.LocalCache
|
||||||
|
import com.vitorpamplona.amethyst.model.Note
|
||||||
|
import com.vitorpamplona.amethyst.model.User
|
||||||
|
import com.vitorpamplona.ammolite.relays.BundledUpdate
|
||||||
|
import com.vitorpamplona.quartz.events.findHashtags
|
||||||
|
import kotlinx.coroutines.Dispatchers
|
||||||
|
import kotlinx.coroutines.flow.MutableStateFlow
|
||||||
|
import kotlinx.coroutines.flow.asStateFlow
|
||||||
|
|
||||||
|
@Stable
|
||||||
|
class SearchBarViewModel(
|
||||||
|
val account: Account,
|
||||||
|
) : ViewModel() {
|
||||||
|
var searchValue by mutableStateOf("")
|
||||||
|
|
||||||
|
private var _searchResultsUsers = MutableStateFlow<List<User>>(emptyList())
|
||||||
|
private var _searchResultsNotes = MutableStateFlow<List<Note>>(emptyList())
|
||||||
|
private var _searchResultsChannels = MutableStateFlow<List<Channel>>(emptyList())
|
||||||
|
private var _hashtagResults = MutableStateFlow<List<String>>(emptyList())
|
||||||
|
|
||||||
|
val searchResultsUsers = _searchResultsUsers.asStateFlow()
|
||||||
|
val searchResultsNotes = _searchResultsNotes.asStateFlow()
|
||||||
|
val searchResultsChannels = _searchResultsChannels.asStateFlow()
|
||||||
|
val hashtagResults = _hashtagResults.asStateFlow()
|
||||||
|
|
||||||
|
val isSearching by derivedStateOf { searchValue.isNotBlank() }
|
||||||
|
|
||||||
|
fun updateSearchValue(newValue: String) {
|
||||||
|
searchValue = newValue
|
||||||
|
}
|
||||||
|
|
||||||
|
private suspend fun runSearch() {
|
||||||
|
if (searchValue.isBlank()) {
|
||||||
|
_hashtagResults.value = emptyList()
|
||||||
|
_searchResultsUsers.value = emptyList()
|
||||||
|
_searchResultsChannels.value = emptyList()
|
||||||
|
_searchResultsNotes.value = emptyList()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
_hashtagResults.emit(findHashtags(searchValue))
|
||||||
|
_searchResultsUsers.emit(
|
||||||
|
LocalCache
|
||||||
|
.findUsersStartingWith(searchValue)
|
||||||
|
.sortedWith(compareBy({ account.isFollowing(it) }, { it.toBestDisplayName() }))
|
||||||
|
.reversed(),
|
||||||
|
)
|
||||||
|
_searchResultsNotes.emit(
|
||||||
|
LocalCache
|
||||||
|
.findNotesStartingWith(searchValue)
|
||||||
|
.sortedWith(compareBy({ it.createdAt() }, { it.idHex }))
|
||||||
|
.reversed(),
|
||||||
|
)
|
||||||
|
_searchResultsChannels.emit(LocalCache.findChannelsStartingWith(searchValue))
|
||||||
|
}
|
||||||
|
|
||||||
|
fun clear() {
|
||||||
|
searchValue = ""
|
||||||
|
_searchResultsUsers.value = emptyList()
|
||||||
|
_searchResultsChannels.value = emptyList()
|
||||||
|
_searchResultsNotes.value = emptyList()
|
||||||
|
_searchResultsChannels.value = emptyList()
|
||||||
|
}
|
||||||
|
|
||||||
|
private val bundler = BundledUpdate(250, Dispatchers.IO)
|
||||||
|
|
||||||
|
fun invalidateData() {
|
||||||
|
bundler.invalidate {
|
||||||
|
// adds the time to perform the refresh into this delay
|
||||||
|
// holding off new updates in case of heavy refresh routines.
|
||||||
|
runSearch()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
override fun onCleared() {
|
||||||
|
bundler.cancel()
|
||||||
|
Log.d("Init", "OnCleared: ${this.javaClass.simpleName}")
|
||||||
|
super.onCleared()
|
||||||
|
}
|
||||||
|
|
||||||
|
fun isSearchingFun() = searchValue.isNotBlank()
|
||||||
|
|
||||||
|
class Factory(
|
||||||
|
val account: Account,
|
||||||
|
) : ViewModelProvider.Factory {
|
||||||
|
override fun <SearchBarViewModel : ViewModel> create(modelClass: Class<SearchBarViewModel>): SearchBarViewModel = SearchBarViewModel(account) as SearchBarViewModel
|
||||||
|
}
|
||||||
|
}
|
||||||
+8
-98
@@ -20,7 +20,6 @@
|
|||||||
*/
|
*/
|
||||||
package com.vitorpamplona.amethyst.ui.screen.loggedIn.search
|
package com.vitorpamplona.amethyst.ui.screen.loggedIn.search
|
||||||
|
|
||||||
import android.util.Log
|
|
||||||
import androidx.compose.foundation.clickable
|
import androidx.compose.foundation.clickable
|
||||||
import androidx.compose.foundation.layout.Arrangement
|
import androidx.compose.foundation.layout.Arrangement
|
||||||
import androidx.compose.foundation.layout.Column
|
import androidx.compose.foundation.layout.Column
|
||||||
@@ -30,12 +29,14 @@ import androidx.compose.foundation.layout.defaultMinSize
|
|||||||
import androidx.compose.foundation.layout.fillMaxHeight
|
import androidx.compose.foundation.layout.fillMaxHeight
|
||||||
import androidx.compose.foundation.layout.fillMaxWidth
|
import androidx.compose.foundation.layout.fillMaxWidth
|
||||||
import androidx.compose.foundation.layout.padding
|
import androidx.compose.foundation.layout.padding
|
||||||
|
import androidx.compose.foundation.layout.statusBarsPadding
|
||||||
import androidx.compose.foundation.lazy.LazyColumn
|
import androidx.compose.foundation.lazy.LazyColumn
|
||||||
import androidx.compose.foundation.lazy.LazyListState
|
import androidx.compose.foundation.lazy.LazyListState
|
||||||
import androidx.compose.foundation.lazy.itemsIndexed
|
import androidx.compose.foundation.lazy.itemsIndexed
|
||||||
import androidx.compose.foundation.lazy.rememberLazyListState
|
import androidx.compose.foundation.lazy.rememberLazyListState
|
||||||
import androidx.compose.foundation.shape.RoundedCornerShape
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
||||||
import androidx.compose.foundation.text.KeyboardOptions
|
import androidx.compose.foundation.text.KeyboardOptions
|
||||||
|
import androidx.compose.material3.ExperimentalMaterial3Api
|
||||||
import androidx.compose.material3.HorizontalDivider
|
import androidx.compose.material3.HorizontalDivider
|
||||||
import androidx.compose.material3.IconButton
|
import androidx.compose.material3.IconButton
|
||||||
import androidx.compose.material3.MaterialTheme
|
import androidx.compose.material3.MaterialTheme
|
||||||
@@ -45,10 +46,7 @@ import androidx.compose.material3.TextFieldDefaults
|
|||||||
import androidx.compose.runtime.Composable
|
import androidx.compose.runtime.Composable
|
||||||
import androidx.compose.runtime.DisposableEffect
|
import androidx.compose.runtime.DisposableEffect
|
||||||
import androidx.compose.runtime.LaunchedEffect
|
import androidx.compose.runtime.LaunchedEffect
|
||||||
import androidx.compose.runtime.Stable
|
|
||||||
import androidx.compose.runtime.derivedStateOf
|
|
||||||
import androidx.compose.runtime.getValue
|
import androidx.compose.runtime.getValue
|
||||||
import androidx.compose.runtime.mutableStateOf
|
|
||||||
import androidx.compose.runtime.remember
|
import androidx.compose.runtime.remember
|
||||||
import androidx.compose.runtime.rememberCoroutineScope
|
import androidx.compose.runtime.rememberCoroutineScope
|
||||||
import androidx.compose.runtime.setValue
|
import androidx.compose.runtime.setValue
|
||||||
@@ -63,16 +61,11 @@ import androidx.compose.ui.text.input.KeyboardCapitalization
|
|||||||
import androidx.compose.ui.unit.dp
|
import androidx.compose.ui.unit.dp
|
||||||
import androidx.lifecycle.Lifecycle
|
import androidx.lifecycle.Lifecycle
|
||||||
import androidx.lifecycle.LifecycleEventObserver
|
import androidx.lifecycle.LifecycleEventObserver
|
||||||
import androidx.lifecycle.ViewModel
|
|
||||||
import androidx.lifecycle.ViewModelProvider
|
|
||||||
import androidx.lifecycle.compose.collectAsStateWithLifecycle
|
import androidx.lifecycle.compose.collectAsStateWithLifecycle
|
||||||
import androidx.lifecycle.viewmodel.compose.viewModel
|
import androidx.lifecycle.viewmodel.compose.viewModel
|
||||||
import com.vitorpamplona.amethyst.R
|
import com.vitorpamplona.amethyst.R
|
||||||
import com.vitorpamplona.amethyst.model.Account
|
|
||||||
import com.vitorpamplona.amethyst.model.Channel
|
|
||||||
import com.vitorpamplona.amethyst.model.FeatureSetType
|
import com.vitorpamplona.amethyst.model.FeatureSetType
|
||||||
import com.vitorpamplona.amethyst.model.LocalCache
|
import com.vitorpamplona.amethyst.model.LocalCache
|
||||||
import com.vitorpamplona.amethyst.model.Note
|
|
||||||
import com.vitorpamplona.amethyst.model.User
|
import com.vitorpamplona.amethyst.model.User
|
||||||
import com.vitorpamplona.amethyst.service.NostrSearchEventOrUserDataSource
|
import com.vitorpamplona.amethyst.service.NostrSearchEventOrUserDataSource
|
||||||
import com.vitorpamplona.amethyst.service.checkNotInMainThread
|
import com.vitorpamplona.amethyst.service.checkNotInMainThread
|
||||||
@@ -96,13 +89,9 @@ import com.vitorpamplona.amethyst.ui.theme.FeedPadding
|
|||||||
import com.vitorpamplona.amethyst.ui.theme.Size20Modifier
|
import com.vitorpamplona.amethyst.ui.theme.Size20Modifier
|
||||||
import com.vitorpamplona.amethyst.ui.theme.StdTopPadding
|
import com.vitorpamplona.amethyst.ui.theme.StdTopPadding
|
||||||
import com.vitorpamplona.amethyst.ui.theme.placeholderText
|
import com.vitorpamplona.amethyst.ui.theme.placeholderText
|
||||||
import com.vitorpamplona.ammolite.relays.BundledUpdate
|
|
||||||
import com.vitorpamplona.quartz.events.findHashtags
|
|
||||||
import kotlinx.coroutines.Dispatchers
|
import kotlinx.coroutines.Dispatchers
|
||||||
import kotlinx.coroutines.FlowPreview
|
import kotlinx.coroutines.FlowPreview
|
||||||
import kotlinx.coroutines.delay
|
import kotlinx.coroutines.delay
|
||||||
import kotlinx.coroutines.flow.MutableStateFlow
|
|
||||||
import kotlinx.coroutines.flow.asStateFlow
|
|
||||||
import kotlinx.coroutines.flow.collectLatest
|
import kotlinx.coroutines.flow.collectLatest
|
||||||
import kotlinx.coroutines.flow.debounce
|
import kotlinx.coroutines.flow.debounce
|
||||||
import kotlinx.coroutines.flow.distinctUntilChanged
|
import kotlinx.coroutines.flow.distinctUntilChanged
|
||||||
@@ -162,7 +151,7 @@ fun SearchScreen(
|
|||||||
DisappearingScaffold(
|
DisappearingScaffold(
|
||||||
isInvertedLayout = false,
|
isInvertedLayout = false,
|
||||||
topBar = {
|
topBar = {
|
||||||
SearchBar(searchBarViewModel, listState)
|
SearchBar(searchBarViewModel, listState, nav)
|
||||||
},
|
},
|
||||||
bottomBar = {
|
bottomBar = {
|
||||||
AppBottomBar(Route.Search, accountViewModel) { route, _ ->
|
AppBottomBar(Route.Search, accountViewModel) { route, _ ->
|
||||||
@@ -187,91 +176,12 @@ fun WatchAccountForSearchScreen(accountViewModel: AccountViewModel) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@Stable
|
@OptIn(FlowPreview::class, ExperimentalMaterial3Api::class)
|
||||||
class SearchBarViewModel(
|
|
||||||
val account: Account,
|
|
||||||
) : ViewModel() {
|
|
||||||
var searchValue by mutableStateOf("")
|
|
||||||
|
|
||||||
private var _searchResultsUsers = MutableStateFlow<List<User>>(emptyList())
|
|
||||||
private var _searchResultsNotes = MutableStateFlow<List<Note>>(emptyList())
|
|
||||||
private var _searchResultsChannels = MutableStateFlow<List<Channel>>(emptyList())
|
|
||||||
private var _hashtagResults = MutableStateFlow<List<String>>(emptyList())
|
|
||||||
|
|
||||||
val searchResultsUsers = _searchResultsUsers.asStateFlow()
|
|
||||||
val searchResultsNotes = _searchResultsNotes.asStateFlow()
|
|
||||||
val searchResultsChannels = _searchResultsChannels.asStateFlow()
|
|
||||||
val hashtagResults = _hashtagResults.asStateFlow()
|
|
||||||
|
|
||||||
val isSearching by derivedStateOf { searchValue.isNotBlank() }
|
|
||||||
|
|
||||||
fun updateSearchValue(newValue: String) {
|
|
||||||
searchValue = newValue
|
|
||||||
}
|
|
||||||
|
|
||||||
private suspend fun runSearch() {
|
|
||||||
if (searchValue.isBlank()) {
|
|
||||||
_hashtagResults.value = emptyList()
|
|
||||||
_searchResultsUsers.value = emptyList()
|
|
||||||
_searchResultsChannels.value = emptyList()
|
|
||||||
_searchResultsNotes.value = emptyList()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
_hashtagResults.emit(findHashtags(searchValue))
|
|
||||||
_searchResultsUsers.emit(
|
|
||||||
LocalCache
|
|
||||||
.findUsersStartingWith(searchValue)
|
|
||||||
.sortedWith(compareBy({ account.isFollowing(it) }, { it.toBestDisplayName() }))
|
|
||||||
.reversed(),
|
|
||||||
)
|
|
||||||
_searchResultsNotes.emit(
|
|
||||||
LocalCache
|
|
||||||
.findNotesStartingWith(searchValue)
|
|
||||||
.sortedWith(compareBy({ it.createdAt() }, { it.idHex }))
|
|
||||||
.reversed(),
|
|
||||||
)
|
|
||||||
_searchResultsChannels.emit(LocalCache.findChannelsStartingWith(searchValue))
|
|
||||||
}
|
|
||||||
|
|
||||||
fun clear() {
|
|
||||||
searchValue = ""
|
|
||||||
_searchResultsUsers.value = emptyList()
|
|
||||||
_searchResultsChannels.value = emptyList()
|
|
||||||
_searchResultsNotes.value = emptyList()
|
|
||||||
_searchResultsChannels.value = emptyList()
|
|
||||||
}
|
|
||||||
|
|
||||||
private val bundler = BundledUpdate(250, Dispatchers.IO)
|
|
||||||
|
|
||||||
fun invalidateData() {
|
|
||||||
bundler.invalidate {
|
|
||||||
// adds the time to perform the refresh into this delay
|
|
||||||
// holding off new updates in case of heavy refresh routines.
|
|
||||||
runSearch()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
override fun onCleared() {
|
|
||||||
bundler.cancel()
|
|
||||||
Log.d("Init", "OnCleared: ${this.javaClass.simpleName}")
|
|
||||||
super.onCleared()
|
|
||||||
}
|
|
||||||
|
|
||||||
fun isSearchingFun() = searchValue.isNotBlank()
|
|
||||||
|
|
||||||
class Factory(
|
|
||||||
val account: Account,
|
|
||||||
) : ViewModelProvider.Factory {
|
|
||||||
override fun <SearchBarViewModel : ViewModel> create(modelClass: Class<SearchBarViewModel>): SearchBarViewModel = SearchBarViewModel(account) as SearchBarViewModel
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@OptIn(FlowPreview::class)
|
|
||||||
@Composable
|
@Composable
|
||||||
private fun SearchBar(
|
private fun SearchBar(
|
||||||
searchBarViewModel: SearchBarViewModel,
|
searchBarViewModel: SearchBarViewModel,
|
||||||
listState: LazyListState,
|
listState: LazyListState,
|
||||||
|
nav: INav,
|
||||||
) {
|
) {
|
||||||
val scope = rememberCoroutineScope()
|
val scope = rememberCoroutineScope()
|
||||||
|
|
||||||
@@ -313,8 +223,7 @@ private fun SearchBar(
|
|||||||
|
|
||||||
DisposableEffect(Unit) { onDispose { NostrSearchEventOrUserDataSource.clear() } }
|
DisposableEffect(Unit) { onDispose { NostrSearchEventOrUserDataSource.clear() } }
|
||||||
|
|
||||||
// LAST ROW
|
SearchTextField(searchBarViewModel, modifier = Modifier.statusBarsPadding()) {
|
||||||
SearchTextField(searchBarViewModel) {
|
|
||||||
scope.launch(Dispatchers.IO) { searchTextChanges.trySend(it) }
|
scope.launch(Dispatchers.IO) { searchTextChanges.trySend(it) }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -322,6 +231,7 @@ private fun SearchBar(
|
|||||||
@Composable
|
@Composable
|
||||||
private fun SearchTextField(
|
private fun SearchTextField(
|
||||||
searchBarViewModel: SearchBarViewModel,
|
searchBarViewModel: SearchBarViewModel,
|
||||||
|
modifier: Modifier,
|
||||||
onTextChanges: (String) -> Unit,
|
onTextChanges: (String) -> Unit,
|
||||||
) {
|
) {
|
||||||
val focusRequester = remember { FocusRequester() }
|
val focusRequester = remember { FocusRequester() }
|
||||||
@@ -334,7 +244,7 @@ private fun SearchTextField(
|
|||||||
}
|
}
|
||||||
|
|
||||||
Row(
|
Row(
|
||||||
modifier = Modifier.padding(10.dp).fillMaxWidth(),
|
modifier = modifier.padding(10.dp).fillMaxWidth(),
|
||||||
horizontalArrangement = Arrangement.SpaceBetween,
|
horizontalArrangement = Arrangement.SpaceBetween,
|
||||||
verticalAlignment = Alignment.CenterVertically,
|
verticalAlignment = Alignment.CenterVertically,
|
||||||
) {
|
) {
|
||||||
|
|||||||
Reference in New Issue
Block a user