pinafore/routes/_actions/emoji.js

import { cacheFirstUpdateAfter } from '../_utils/sync'
import {
  getCustomEmoji as getCustomEmojiFromDatabase,
  setCustomEmoji as setCustomEmojiInDatabase
} from '../_database/meta'
import { getCustomEmoji } from '../_api/emoji'
import { store } from '../_store/store'

export async function updateCustomEmojiForInstance (instanceName) {
  await cacheFirstUpdateAfter(
    () => getCustomEmoji(instanceName),
    () => getCustomEmojiFromDatabase(instanceName),
    emoji => setCustomEmojiInDatabase(instanceName, emoji),
    emoji => {
      let { customEmoji } = store.get()
      customEmoji[instanceName] = emoji
      store.set({customEmoji: customEmoji})
    }
  )
}

export function insertEmoji (realm, emoji) {
  let { composeSelectionStart } = store.get()
  let idx = composeSelectionStart || 0
  let oldText = store.getComposeData(realm, 'text') || ''
  let pre = oldText.substring(0, idx)
  let post = oldText.substring(idx)
  let newText = `${pre}:${emoji.shortcode}: ${post}`
  store.setComposeData(realm, {text: newText})
}

export function insertEmojiAtPosition (realm, emoji, startIndex, endIndex) {
  let oldText = store.getComposeData(realm, 'text') || ''
  let pre = oldText.substring(0, startIndex)
  let post = oldText.substring(endIndex)
  let newText = `${pre}:${emoji.shortcode}: ${post}`
  store.setComposeData(realm, {text: newText})
}

export async function clickSelectedAutosuggestionEmoji (realm) {
  let {
    composeSelectionStart,
    composeAutosuggestionSearchText,
    composeAutosuggestionSelected,
    composeAutosuggestionSearchResults
  } = store.get()
  composeAutosuggestionSelected = composeAutosuggestionSelected || 0
  let emoji = composeAutosuggestionSearchResults[composeAutosuggestionSelected]
  let startIndex = composeSelectionStart - composeAutosuggestionSearchText.length
  let endIndex = composeSelectionStart
  await insertEmojiAtPosition(realm, emoji, startIndex, endIndex)
}