refactor: migrate to nuxt compatibilityVersion: 4 (#3298)

app/composables/dialog.ts

@@ -0,0 +1,155 @@
+import type { ConfirmDialogChoice, ConfirmDialogOptions, DraftItem, ErrorDialogData } from '#shared/types'
+import type { mastodon } from 'masto'
+
+export const confirmDialogChoice = ref<ConfirmDialogChoice>()
+export const confirmDialogLabel = ref<ConfirmDialogOptions>()
+export const errorDialogData = ref<ErrorDialogData>()
+
+export const mediaPreviewList = ref<mastodon.v1.MediaAttachment[]>([])
+export const mediaPreviewIndex = ref(0)
+
+export const statusEdit = ref<mastodon.v1.StatusEdit>()
+export const dialogDraftKey = ref<string>()
+
+export const reportAccount = ref<mastodon.v1.Account>()
+export const reportStatus = ref<mastodon.v1.Status>()
+
+export const commandPanelInput = ref('')
+
+export const isSigninDialogOpen = ref(false)
+export const isPublishDialogOpen = ref(false)
+export const isKeyboardShortcutsDialogOpen = ref(false)
+export const isMediaPreviewOpen = ref(false)
+export const isEditHistoryDialogOpen = ref(false)
+export const isPreviewHelpOpen = ref(false)
+export const isCommandPanelOpen = ref(false)
+export const isConfirmDialogOpen = ref(false)
+export const isErrorDialogOpen = ref(false)
+export const isFavouritedBoostedByDialogOpen = ref(false)
+export const isReportDialogOpen = ref(false)
+
+export const lastPublishDialogStatus = ref<mastodon.v1.Status | null>(null)
+
+export const favouritedBoostedByStatusId = ref<string | null>(null)
+
+export function openSigninDialog() {
+  isSigninDialogOpen.value = true
+}
+
+export async function openConfirmDialog(label: ConfirmDialogOptions | string): Promise<ConfirmDialogChoice> {
+  confirmDialogLabel.value = typeof label === 'string' ? { title: label } : label
+  confirmDialogChoice.value = undefined
+  isConfirmDialogOpen.value = true
+
+  await until(isConfirmDialogOpen).toBe(false)
+
+  return confirmDialogChoice.value!
+}
+
+export async function openPublishDialog(draftKey = 'dialog', draft?: DraftItem, overwrite = false): Promise<void> {
+  dialogDraftKey.value = draftKey
+
+  if (draft) {
+    if (overwrite && !isEmptyDraft(currentUserDrafts.value[draftKey])) {
+      // TODO overwrite warning
+      // TODO don't overwrite, have a draft list
+      if (import.meta.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
+
+  await until(isPublishDialogOpen).toBe(false)
+}
+
+export async function openFavoridedBoostedByDialog(statusId: string) {
+  isFavouritedBoostedByDialogOpen.value = true
+  favouritedBoostedByStatusId.value = statusId
+}
+
+function restoreMediaPreviewFromState() {
+  mediaPreviewList.value = JSON.parse(history.state?.mediaPreviewList ?? '[]')
+  mediaPreviewIndex.value = history.state?.mediaPreviewIndex ?? 0
+  isMediaPreviewOpen.value = history.state?.mediaPreview ?? false
+}
+
+if (import.meta.client) {
+  window.addEventListener('popstate', restoreMediaPreviewFromState)
+
+  restoreMediaPreviewFromState()
+}
+
+export function openMediaPreview(attachments: mastodon.v1.MediaAttachment[], index = 0) {
+  mediaPreviewList.value = attachments
+  mediaPreviewIndex.value = index
+  isMediaPreviewOpen.value = true
+
+  history.pushState({
+    ...history.state,
+    mediaPreview: true,
+    mediaPreviewList: JSON.stringify(attachments),
+    mediaPreviewIndex: index,
+  }, '')
+}
+
+export async function openErrorDialog(data: ErrorDialogData) {
+  errorDialogData.value = data
+  isErrorDialogOpen.value = true
+
+  await until(isErrorDialogOpen).toBe(false)
+}
+
+export function closeErrorDialog() {
+  isErrorDialogOpen.value = false
+}
+
+export function closeMediaPreview() {
+  history.back()
+}
+
+export function openEditHistoryDialog(edit: mastodon.v1.StatusEdit) {
+  statusEdit.value = edit
+  isEditHistoryDialogOpen.value = true
+}
+
+export function openPreviewHelp() {
+  isPreviewHelpOpen.value = true
+}
+
+export function closePreviewHelp() {
+  isPreviewHelpOpen.value = false
+}
+
+export function openCommandPanel(isCommandMode = false) {
+  commandPanelInput.value = isCommandMode ? '> ' : ''
+  isCommandPanelOpen.value = true
+}
+
+export function closeCommandPanel() {
+  isCommandPanelOpen.value = false
+}
+
+export function toggleKeyboardShortcuts() {
+  isKeyboardShortcutsDialogOpen.value = !isKeyboardShortcutsDialogOpen.value
+}
+
+export function closeKeyboardShortcuts() {
+  isKeyboardShortcutsDialogOpen.value = false
+}
+
+export function openReportDialog(account: mastodon.v1.Account, status?: mastodon.v1.Status) {
+  reportAccount.value = account
+  reportStatus.value = status
+  isReportDialogOpen.value = true
+}
+
+export function closeReportDialog() {
+  isReportDialogOpen.value = false
+}