elk/composables/statusDrafts.ts

128 lines
3.2 KiB
TypeScript
Raw Normal View History

import type { Account, Attachment, CreateStatusParams, Status } from 'masto'
2022-11-24 06:54:54 +00:00
import { STORAGE_KEY_DRAFTS } from '~/constants'
2022-11-24 09:15:58 +00:00
import type { Mutable } from '~/types/utils'
2022-11-24 06:54:54 +00:00
2022-11-24 14:32:20 +00:00
export interface Draft {
2022-11-24 11:35:26 +00:00
editingStatus?: Status
2022-11-24 14:32:20 +00:00
params: Omit<Mutable<CreateStatusParams>, 'status'> & {
status?: Exclude<CreateStatusParams['status'], null>
}
2022-11-24 06:54:54 +00:00
attachments: Attachment[]
placeholder: string
2022-11-24 14:32:20 +00:00
}
export type DraftMap = Record<string, Draft>
2022-11-24 06:54:54 +00:00
const allDrafts = useLocalStorage<Record<string, DraftMap>>(STORAGE_KEY_DRAFTS, {})
export const currentUserDrafts = computed(() => {
2022-11-24 15:48:52 +00:00
if (!currentUser.value?.account.id)
2022-11-24 06:54:54 +00:00
return {}
const id = `${currentUser.value.account.acct}@${currentUser.value.server}`
if (!allDrafts.value[id])
allDrafts.value[id] = {}
return allDrafts.value[id]
})
2022-11-24 11:35:26 +00:00
2022-11-25 11:39:21 +00:00
export function getDefaultDraft({
status = '',
inReplyToId,
visibility = 'public',
placeholder = 'What is on your mind?',
attachments = [],
}: Partial<Draft['params'] & Omit<Draft, 'params'>> = {}): Draft {
2022-11-24 11:35:26 +00:00
return {
2022-11-24 14:32:20 +00:00
params: {
2022-11-25 11:39:21 +00:00
status,
2022-11-24 14:32:20 +00:00
inReplyToId,
2022-11-25 11:39:21 +00:00
visibility,
2022-11-24 14:32:20 +00:00
},
attachments,
placeholder,
2022-11-24 11:35:26 +00:00
}
}
export function getDraftFromStatus(status: Status, text?: null | string): Draft {
return getDefaultDraft({
status: text || status.content,
2022-11-24 11:35:26 +00:00
mediaIds: status.mediaAttachments.map(att => att.id),
visibility: status.visibility,
attachments: status.mediaAttachments,
})
}
export function getReplyDraft(status: Status) {
return {
key: `reply-${status.id}`,
draft: () => getDefaultDraft({
inReplyToId: status!.id,
placeholder: `Reply to ${status?.account ? getDisplayName(status.account) : 'this thread'}`,
visibility: status.visibility,
}),
2022-11-24 11:35:26 +00:00
}
}
2022-11-28 17:46:00 +00:00
export const isEmptyDraft = (draft: Draft | null | undefined) => {
if (!draft)
return true
const { params, attachments } = draft
const status = params.status || ''
return (status.length === 0 || status === '<p></p>')
&& attachments.length === 0
&& (params.spoilerText || '').length === 0
}
export function useDraft(
draftKey: string,
initial: () => Draft = () => getDefaultDraft(),
) {
2022-11-24 11:35:26 +00:00
const draft = computed({
get() {
2022-11-24 14:32:20 +00:00
if (!currentUserDrafts.value[draftKey])
currentUserDrafts.value[draftKey] = initial()
2022-11-24 11:35:26 +00:00
return currentUserDrafts.value[draftKey]
},
set(val) {
currentUserDrafts.value[draftKey] = val
},
})
const isEmpty = computed(() => isEmptyDraft(draft.value))
onUnmounted(async () => {
// Remove draft if it's empty
if (isEmpty.value) {
await nextTick()
delete currentUserDrafts.value[draftKey]
}
2022-11-24 11:35:26 +00:00
})
return { draft, isEmpty }
}
2022-11-25 11:39:21 +00:00
export function mentionUser(account: Account) {
openPublishDialog('dialog', getDefaultDraft({
status: `@${account.acct} `,
}), true)
2022-11-25 11:39:21 +00:00
}
export function directMessageUser(account: Account) {
openPublishDialog('dialog', getDefaultDraft({
2022-11-25 11:39:21 +00:00
status: `@${account.acct} `,
visibility: 'direct',
}), true)
2022-11-25 11:39:21 +00:00
}
2022-11-26 19:33:36 +00:00
export function clearUserDrafts(account?: Account) {
if (!account)
account = currentUser.value?.account
if (!account)
return
const id = `${account.acct}@${currentUser.value?.server}`
if (!allDrafts.value[id])
return
delete allDrafts.value[id]
}