import type { Ref } from 'vue' import type { Account, Relationship, Status } from 'masto' import { withoutProtocol } from 'ufo' import type { ElkMasto, UserLogin } from '~/types' export const useMasto = () => useNuxtApp().$masto as ElkMasto export const isMastoInitialised = computed(() => process.client && useMasto().loggedIn.value) export const onMastoInit = (cb: () => unknown) => { watchOnce(isMastoInitialised, () => { cb() }, { immediate: isMastoInitialised.value }) } export function getDisplayName(account?: Account, options?: { rich?: boolean }) { const displayName = account?.displayName || account?.username || '' if (options?.rich) return displayName return displayName.replace(/:([\w-]+?):/g, '') } export function getShortHandle({ acct }: Account) { if (!acct) return '' return `@${acct.includes('@') ? acct.split('@')[0] : acct}` } export function getServerName(account: Account) { if (account.acct?.includes('@')) return account.acct.split('@')[1] // We should only lack the server name if we're on the same server as the account return currentInstance.value?.uri || '' } export function getFullHandle(_account: Account | UserLogin) { if ('guest' in _account && _account.guest) return `[anonymous]@${_account.server}` const account = 'server' in _account ? _account.account : _account const handle = `@${account.acct}` if (!currentUser.value || account.acct.includes('@')) return handle return `${handle}@${getServerName(account)}` } export function toShortHandle(fullHandle: string) { if (!currentUser.value) return fullHandle const server = currentUser.value.server if (fullHandle.endsWith(`@${server}`)) return fullHandle.slice(0, -server.length - 1) return fullHandle } export function extractAccountHandle(account: Account) { let handle = getFullHandle(account).slice(1) const uri = currentInstance.value?.uri ?? currentServer.value if (currentInstance.value && handle.endsWith(`@${uri}`)) handle = handle.slice(0, -uri.length - 1) return handle } export function getAccountRoute(account: Account) { return useRouter().resolve({ name: 'account-index', params: { server: currentServer.value, account: extractAccountHandle(account), }, }) } export function getAccountFollowingRoute(account: Account) { return useRouter().resolve({ name: 'account-following', params: { server: currentServer.value, account: extractAccountHandle(account), }, }) } export function getAccountFollowersRoute(account: Account) { return useRouter().resolve({ name: 'account-followers', params: { server: currentServer.value, account: extractAccountHandle(account), }, }) } export function getStatusRoute(status: Status) { return useRouter().resolve({ name: 'status', params: { server: currentServer.value, account: extractAccountHandle(status.account), status: status.id, }, }) } export function getTagRoute(tag: string) { return useRouter().resolve({ name: 'tag', params: { server: currentServer.value, tag, }, }) } export function getStatusPermalinkRoute(status: Status) { return status.url ? withoutProtocol(status.url) : null } export function getStatusInReplyToRoute(status: Status) { return useRouter().resolve({ name: 'status-by-id', params: { server: currentServer.value, status: status.inReplyToId, }, }) } export function useAccountHandle(account: Account, fullServer = true) { return computed(() => fullServer ? getFullHandle(account) : getShortHandle(account), ) } // 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>() let timeoutHandle: NodeJS.Timeout | undefined export function useRelationship(account: Account): Ref { if (!currentUser.value) return ref() let relationship = requestedRelationships.get(account.id) if (relationship) return relationship relationship = ref() 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()).filter(([, r]) => !r.value) const relationships = await useMasto().accounts.fetchRelationships(requested.map(([id]) => id)) for (let i = 0; i < requested.length; i++) requested[i][1].value = relationships[i] }