66 lines
2.0 KiB
TypeScript
66 lines
2.0 KiB
TypeScript
import type { StatusEdit } from 'masto'
|
|
import type { Draft } from './statusDrafts'
|
|
import { STORAGE_KEY_FIRST_VISIT, STORAGE_KEY_ZEN_MODE } from '~/constants'
|
|
|
|
export const imagePreview = ref({ src: '', alt: '' })
|
|
export const statusEdit = ref<StatusEdit>()
|
|
export const dialogDraftKey = ref<string>()
|
|
export const isFirstVisit = useLocalStorage(STORAGE_KEY_FIRST_VISIT, true)
|
|
export const isZenMode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
|
|
export const toggleZenMode = useToggle(isZenMode)
|
|
|
|
export const isSigninDialogOpen = ref(false)
|
|
export const isPublishDialogOpen = ref(false)
|
|
export const isImagePreviewDialogOpen = ref(false)
|
|
export const isEditHistoryDialogOpen = ref(false)
|
|
export const isPreviewHelpOpen = ref(isFirstVisit.value)
|
|
|
|
export function openSigninDialog() {
|
|
isSigninDialogOpen.value = true
|
|
}
|
|
|
|
export function openPublishDialog(draftKey = 'dialog', draft?: Draft, overwrite = false): void {
|
|
dialogDraftKey.value = draftKey
|
|
|
|
if (draft) {
|
|
if (overwrite && !isEmptyDraft(currentUserDrafts.value[draftKey])) {
|
|
// TODO overwrite warning
|
|
// TODO don't overwrite, have a draft list
|
|
if (process.dev) {
|
|
// eslint-disable-next-line no-alert
|
|
const result = confirm('[DEV] Are you sure you overwrite draft content?')
|
|
if (!result)
|
|
return
|
|
}
|
|
}
|
|
|
|
if (overwrite || !currentUserDrafts.value[draftKey])
|
|
currentUserDrafts.value[draftKey] = draft
|
|
}
|
|
isPublishDialogOpen.value = true
|
|
}
|
|
|
|
if (isPreviewHelpOpen.value) {
|
|
watch(isPreviewHelpOpen, () => {
|
|
isFirstVisit.value = false
|
|
})
|
|
}
|
|
|
|
export function openImagePreviewDialog(image: { src: string; alt: string }) {
|
|
imagePreview.value = image
|
|
isImagePreviewDialogOpen.value = true
|
|
}
|
|
|
|
export function openEditHistoryDialog(edit: StatusEdit) {
|
|
statusEdit.value = edit
|
|
isEditHistoryDialogOpen.value = true
|
|
}
|
|
|
|
export function openPreviewHelp() {
|
|
isPreviewHelpOpen.value = true
|
|
}
|
|
|
|
export function closePreviewHelp() {
|
|
isPreviewHelpOpen.value = false
|
|
}
|