elk/composables/masto.ts

import type { Ref } from 'vue'
import type { Account, Relationship, Status } from 'masto'

// @unocss-include
export const STATUS_VISIBILITIES = [
  {
    value: 'public',
    label: 'Public',
    icon: 'i-ri:global-line',
    description: 'Visible for all',
  },
  {
    value: 'unlisted',
    label: 'Unlisted',
    icon: 'i-ri:lock-unlock-line',
    description: 'Visible for all, but opted-out of discovery features',
  },
  {
    value: 'private',
    label: 'Followers only',
    icon: 'i-ri:lock-line',
    description: 'Visible for followers only',
  },
  {
    value: 'direct',
    label: 'Mentioned people only',
    icon: 'i-ri:at-line',
    description: 'Visible for mentioned users only',
  },
] as const

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 `/status/${status.id}`
}

export function useAccountHandle(account: Account, fullServer = true) {
  return computed(() => fullServer && !account.acct.includes('@') ? `@${account.acct}@${account.url.match(UserLinkRE)?.[1]}` : getAccountHandle(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<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]
}