1
0
mirror of https://github.com/elk-zone/elk synced 2024-12-13 14:18:05 +09:00
elk/composables/masto/statusDrafts.ts

136 lines
3.7 KiB
TypeScript
Raw Normal View History

2023-01-08 15:21:09 +09:00
import type { mastodon } from 'masto'
2022-11-24 15:54:54 +09:00
import { STORAGE_KEY_DRAFTS } from '~/constants'
2022-12-13 23:03:30 +09:00
import type { Draft, DraftMap } from '~/types'
2023-01-04 19:21:18 +09:00
import type { Mutable } from '~/types/utils'
2022-11-24 15:54:54 +09:00
export const currentUserDrafts = process.server ? computed<DraftMap>(() => ({})) : useUserLocalStorage<DraftMap>(STORAGE_KEY_DRAFTS, () => ({}))
2022-11-24 20:35:26 +09:00
2023-01-06 00:42:36 +09:00
export const builtinDraftKeys = [
'dialog',
'home',
]
2023-01-08 15:21:09 +09:00
export function getDefaultDraft(options: Partial<Mutable<mastodon.v1.CreateStatusParams> & Omit<Draft, 'params'>> = {}): Draft {
2022-11-30 05:45:20 +09:00
const {
attachments = [],
initialText = '',
2023-01-04 19:21:18 +09:00
status,
inReplyToId,
visibility,
sensitive,
spoilerText,
language,
2022-11-30 05:45:20 +09:00
} = options
2022-11-30 13:50:29 +09:00
2022-11-24 20:35:26 +09:00
return {
2023-01-04 19:21:18 +09:00
attachments,
initialText,
2022-11-24 23:32:20 +09:00
params: {
2023-01-04 19:21:18 +09:00
status: status || '',
2022-11-24 23:32:20 +09:00
inReplyToId,
2023-01-04 19:21:18 +09:00
visibility: visibility || 'public',
sensitive: sensitive ?? false,
spoilerText: spoilerText || '',
language: language || 'en',
2022-11-24 23:32:20 +09:00
},
2023-01-06 00:42:36 +09:00
lastUpdated: Date.now(),
2022-11-24 20:35:26 +09:00
}
}
2023-01-08 15:21:09 +09:00
export async function getDraftFromStatus(status: mastodon.v1.Status): Promise<Draft> {
return getDefaultDraft({
2023-01-02 00:30:21 +09:00
status: await convertMastodonHTML(status.content),
2022-11-24 20:35:26 +09:00
mediaIds: status.mediaAttachments.map(att => att.id),
visibility: status.visibility,
attachments: status.mediaAttachments,
sensitive: status.sensitive,
spoilerText: status.spoilerText,
language: status.language,
})
}
function mentionHTML(acct: string) {
return `<span data-type="mention" data-id="${acct}" contenteditable="false">@${acct}</span>`
}
2023-01-08 15:21:09 +09:00
export function getReplyDraft(status: mastodon.v1.Status) {
2022-12-13 22:49:22 +09:00
const accountsToMention: string[] = []
const userId = currentUser.value?.account.id
if (status.account.id !== userId)
2022-12-13 22:49:22 +09:00
accountsToMention.push(status.account.acct)
accountsToMention.push(...(status.mentions.filter(mention => mention.id !== userId).map(mention => mention.acct)))
return {
key: `reply-${status.id}`,
draft: () => {
return getDefaultDraft({
2022-12-13 22:49:22 +09:00
initialText: accountsToMention.map(acct => mentionHTML(acct)).join(' '),
inReplyToId: status!.id,
visibility: status.visibility,
})
},
2022-11-24 20:35:26 +09:00
}
}
2022-11-29 02:46:00 +09: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(
2023-01-06 00:42:36 +09:00
draftKey?: string,
2022-11-30 13:50:29 +09:00
initial: () => Draft = () => getDefaultDraft({}),
) {
2023-01-06 00:42:36 +09:00
const draft = draftKey
? computed({
get() {
if (!currentUserDrafts.value[draftKey])
currentUserDrafts.value[draftKey] = initial()
return currentUserDrafts.value[draftKey]
},
set(val) {
currentUserDrafts.value[draftKey] = val
},
})
: ref(initial())
2022-11-24 20:35:26 +09:00
const isEmpty = computed(() => isEmptyDraft(draft.value))
onUnmounted(async () => {
// Remove draft if it's empty
2023-01-06 00:42:36 +09:00
if (isEmpty.value && draftKey) {
await nextTick()
delete currentUserDrafts.value[draftKey]
}
2022-11-24 20:35:26 +09:00
})
return { draft, isEmpty }
}
2023-01-08 15:21:09 +09:00
export function mentionUser(account: mastodon.v1.Account) {
openPublishDialog('dialog', getDefaultDraft({
status: `@${account.acct} `,
}), true)
2022-11-25 20:39:21 +09:00
}
2023-01-08 15:21:09 +09:00
export function directMessageUser(account: mastodon.v1.Account) {
openPublishDialog('dialog', getDefaultDraft({
2022-11-25 20:39:21 +09:00
status: `@${account.acct} `,
visibility: 'direct',
}), true)
2022-11-25 20:39:21 +09:00
}
2023-01-06 00:42:36 +09:00
export function clearEmptyDrafts() {
for (const key in currentUserDrafts.value) {
if (builtinDraftKeys.includes(key))
continue
if (!currentUserDrafts.value[key].params || isEmptyDraft(currentUserDrafts.value[key]))
delete currentUserDrafts.value[key]
}
}