pinafore/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 uploadedMedia = store.get('uploadedMedia')
    uploadedMedia[instanceName] = uploadedMedia[instanceName] || {}
    uploadedMedia[instanceName][realm] = uploadedMedia[instanceName][realm] || []
    uploadedMedia[instanceName][realm].push({
      data: response,
      file: {
        name: file.name
      }
    })
    let rawComposeText = store.get('rawComposeText') || ''
    rawComposeText += ' ' + response.text_url
    store.set({
      uploadedMedia,
      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 uploadedMedia = store.get('uploadedMedia')
  let instanceName = store.get('currentInstance')
  let uploadedMediaArray = uploadedMedia[instanceName][realm]
  let deletedMedia = uploadedMediaArray.splice(i, 1)[0]

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

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

  store.set({
    uploadedMedia,
    rawComposeText
  })
  scheduleIdleTask(() => store.save())
}