mirror of
https://github.com/elk-zone/elk.git
synced 2024-09-06 20:29:08 +01:00
50 lines
1.6 KiB
TypeScript
50 lines
1.6 KiB
TypeScript
import type { Ref } from 'vue'
|
|
import type { Account, Relationship, Status } from 'masto'
|
|
|
|
export function getDisplayName(account: Account) {
|
|
return account.displayName || account.username
|
|
}
|
|
|
|
export function getAccountHandle(account: Account) {
|
|
return `@${account.acct}`
|
|
}
|
|
|
|
export function getAccountPath(account: Account) {
|
|
return `/${getAccountHandle(account)}`
|
|
}
|
|
|
|
export function getStatusPath(status: Status) {
|
|
return `${getAccountPath(status.account)}/${status.id}`
|
|
}
|
|
|
|
// Batch requests for relationships when used in the UI
|
|
// We don't want to hold to old values, so every time a Relationship is needed it
|
|
// is requested again from the server to show the latest state
|
|
|
|
const requestedRelationships = new Map<string, Ref<Relationship | undefined>>()
|
|
let timeoutHandle: NodeJS.Timeout | undefined
|
|
|
|
export function useRelationship(account: Account): Ref<Relationship | undefined> {
|
|
let relationship = requestedRelationships.get(account.id)
|
|
if (relationship)
|
|
return relationship
|
|
relationship = ref<Relationship | undefined>()
|
|
requestedRelationships.set(account.id, relationship)
|
|
if (timeoutHandle)
|
|
clearTimeout(timeoutHandle)
|
|
timeoutHandle = setTimeout(() => {
|
|
timeoutHandle = undefined
|
|
fetchRelationships()
|
|
}, 100)
|
|
return relationship
|
|
}
|
|
|
|
async function fetchRelationships() {
|
|
const requested = Array.from(requestedRelationships.entries())
|
|
requestedRelationships.clear()
|
|
|
|
const relationships = await masto.accounts.fetchRelationships(requested.map(([id]) => id))
|
|
for (let i = 0; i < requested.length; i++)
|
|
requested[i][1].value = relationships[i]
|
|
}
|