tooot/src/screens/Compose/utils/types.d.ts

import { RefObject } from 'react';
import { Asset } from 'react-native-image-picker'

export type ExtendedAttachment = {
  remote?: Mastodon.Attachment
  local?: Asset & { thumbnail?: string; hash: string }
  uploading?: boolean
}

export type ComposeStateDraft = {
  timestamp: number
  spoiler?: string
  text?: string
  poll?: ComposeState['poll']
  attachments?: ComposeState['attachments']
  visibility: ComposeState['visibility']
  visibilityLock: ComposeState['visibilityLock']
  replyToStatus?: ComposeState['replyToStatus']
}

export type ComposeState = {
  dirty: boolean
  timestamp: number
  posting: boolean
  spoiler: {
    active: boolean
    count: number
    raw: string
    formatted: ReactNode
    selection: { start: number; end?: number }
  }
  text: {
    count: number
    raw: string
    formatted: ReactNode
    selection: { start: number; end?: number }
  }
  tag?: {
    schema: '@' | '#' | ':' | string
    index: number
    lastIndex: number
    raw: string
  }
  poll: {
    active: boolean
    total: number
    options: {
      [key: string]: string | undefined
    }
    multiple: boolean
    expire: '300' | '1800' | '3600' | '21600' | '86400' | '259200' | '604800'
  }
  attachments: {
    sensitive: boolean
    uploads: ExtendedAttachment[]
  }
  visibility: 'public' | 'unlisted' | 'private' | 'direct'
  visibilityLock: boolean
  replyToStatus?: Mastodon.Status
  textInputFocus: {
    current: 'text' | 'spoiler'
    refs: { text: RefObject<TextInput>, spoiler: RefObject<TextInput> }
    isFocused: { text: MutableRefObject<boolean>, spoiler: MutableRefObject<boolean> }
  }
}

export type ComposeAction =
  | {
    type: 'loadDraft'
    payload: ComposeStateDraft
  }
  | {
    type: 'dirty'
    payload: ComposeState['dirty']
  }
  | {
    type: 'posting'
    payload: ComposeState['posting']
  }
  | {
    type: 'spoiler'
    payload: Partial<ComposeState['spoiler']>
  }
  | {
    type: 'text'
    payload: Partial<ComposeState['text']>
  }
  | {
    type: 'tag'
    payload: ComposeState['tag']
  }
  | {
    type: 'poll'
    payload: Partial<ComposeState['poll']>
  }
  | {
    type: 'attachments/sensitive'
    payload: Pick<ComposeState['attachments'], 'sensitive'>
  }
  | {
    type: 'attachment/upload/start'
    payload: Pick<ExtendedAttachment, 'local' | 'uploading'>
  }
  | {
    type: 'attachment/upload/end'
    payload: { remote: Mastodon.Attachment; local: Asset }
  }
  | {
    type: 'attachment/upload/fail'
    payload: ExtendedAttachment['local']['hash']
  }
  | {
    type: 'attachment/delete'
    payload: NonNullable<ExtendedAttachment['remote']>['id']
  }
  | {
    type: 'attachment/edit'
    payload: ExtendedAttachment['remote']
  }
  | {
    type: 'visibility'
    payload: ComposeState['visibility']
  }
  | {
    type: 'textInputFocus'
    payload: Partial<ComposeState['textInputFocus']>
  }
  | {
    type: 'removeReply'
  }