import Vue from 'vue'
import axios from "axios"

const assetUrl = import.meta.env.VITE_VAPOR_ASSET_URL
  ? import.meta.env.VITE_VAPOR_ASSET_URL
  : ''

Vue.mixin({
  methods: {
    asset (path) {
      return assetUrl + '/' + path
    },

    /**
     * Store a file in S3 and return its UUID, key, and other information.
     */
    async storeFile (file, options = {}) {
      const response = await axios.post(options.signedStorageUrl ? options.signedStorageUrl : '/vapor/signed-storage-url', {
        bucket: options.bucket || '',
        content_type: options.contentType || file.type,
        expires: options.expires || '',
        visibility: options.visibility || '',
        ...options.data
      }, {
        baseURL: options.baseURL || null,
        headers: options.headers || {},
        ...options.options
      })

      const headers = response.data.headers

      if ('Host' in headers) {
        delete headers.Host
      }

      if (typeof options.progress === 'undefined') {
        options.progress = () => {}
      }

      const cancelToken = options.cancelToken || ''

      // Remove authorization headers
      const cleanAxios = axios.create()
      cleanAxios.defaults.headers.common = {}
      await cleanAxios.put(response.data.url, file, {
        cancelToken: cancelToken,
        headers: headers,
        onUploadProgress: (progressEvent) => {
          options.progress(progressEvent.loaded / progressEvent.total)
        }
      })

      response.data.extension = file.name.split('.').pop()

      return response.data
    }
  }
})