Pinafore-Web-Client-Frontend/routes/_actions/media.js

import { store } from '../_store/store'
import { uploadMedia } from '../_api/media'
import { toast } from '../_utils/toast'
import { scheduleIdleTask } from '../_utils/scheduleIdleTask'

export async function doMediaUpload (realm, file) {
  let instanceName = store.get('currentInstance')
  let accessToken = store.get('accessToken')
  store.set({uploadingMedia: true})
  try {
    let response = await uploadMedia(instanceName, accessToken, file)
    let composeMedia = store.getComposeData(realm, 'media') || []
    composeMedia.push({
      data: response,
      file: { name: file.name }
    })
    let rawComposeText = store.get('rawComposeText') || ''
    rawComposeText += ' ' + response.text_url
    store.setComposeData(realm, 'media', composeMedia)
    store.set({rawComposeText})
    scheduleIdleTask(() => store.save())
  } catch (e) {
    console.error(e)
    toast.say('Failed to upload media: ' + (e.message || ''))
  } finally {
    store.set({uploadingMedia: false})
  }
}

export function deleteMedia (realm, i) {
  let composeMedia = store.getComposeData(realm, 'media')
  let deletedMedia = composeMedia.splice(i, 1)[0]

  let rawComposeText = store.get('rawComposeText') || ''

  rawComposeText = rawComposeText.replace(' ' + deletedMedia.data.text_url, '')

  store.setComposeData(realm, 'media', composeMedia)
  store.set({rawComposeText})
  scheduleIdleTask(() => store.save())
}