mirror of
https://github.com/elk-zone/elk.git
synced 2024-09-06 12:19:08 +01:00
70 lines
1.9 KiB
TypeScript
70 lines
1.9 KiB
TypeScript
import type { MaybeRef } from '@vueuse/core'
|
|
import type { Account, Paginator, Results, SearchParams, Status } from 'masto'
|
|
|
|
export interface UseSearchOptions {
|
|
type?: MaybeRef<'accounts' | 'hashtags' | 'statuses'>
|
|
}
|
|
|
|
export function useSearch(query: MaybeRef<string>, options?: UseSearchOptions) {
|
|
const done = ref(false)
|
|
const loading = ref(false)
|
|
const statuses = ref<Status[]>([])
|
|
const accounts = ref<Account[]>([])
|
|
const hashtags = ref<any[]>([])
|
|
|
|
let paginator: Paginator<SearchParams, Results> | undefined
|
|
|
|
debouncedWatch(() => unref(query), async () => {
|
|
if (!unref(query) || !isMastoInitialised.value)
|
|
return
|
|
|
|
loading.value = true
|
|
|
|
/**
|
|
* Based on the source it seems like modifying the params when calling next would result in a new search,
|
|
* but that doesn't seem to be the case. So instead we just create a new paginator with the new params.
|
|
*/
|
|
paginator = useMasto().search({ q: unref(query), type: unref(options?.type) })
|
|
const nextResults = await paginator.next()
|
|
|
|
done.value = nextResults.done || false
|
|
|
|
statuses.value = nextResults.value?.statuses || []
|
|
accounts.value = nextResults.value?.accounts || []
|
|
hashtags.value = nextResults.value?.hashtags || []
|
|
|
|
loading.value = false
|
|
}, { debounce: 500 })
|
|
|
|
const next = async () => {
|
|
if (!unref(query) || !isMastoInitialised.value || !paginator)
|
|
return
|
|
|
|
loading.value = true
|
|
const nextResults = await paginator.next()
|
|
loading.value = false
|
|
|
|
done.value = nextResults.done || false
|
|
statuses.value = [
|
|
...statuses.value,
|
|
...(nextResults.value.statuses || []),
|
|
]
|
|
accounts.value = [
|
|
...statuses.value,
|
|
...(nextResults.value.accounts || []),
|
|
]
|
|
hashtags.value = [
|
|
...statuses.value,
|
|
...(nextResults.value.statuses || []),
|
|
]
|
|
}
|
|
|
|
return {
|
|
accounts,
|
|
hashtags,
|
|
statuses,
|
|
loading: readonly(loading),
|
|
next,
|
|
}
|
|
}
|