uploader.js - a helper method to support uploading the files to cloudinary

uploader.js

export const upload = (svgImage) => {
  var url = uploadFile(svgImage)
  console.log('Secure url is: ' + url)  
  return url.replace('.svg', '.png').replace('/upload/', '/upload/bo_3px_solid_rgb:00390b/b_white/l_cloudinary_icon,w_0.1,g_south_east,o_70/')
}

// *********** Upload file to Cloudinary ******************** //
function uploadFile (svgImage) {
  var url = 'https://api.cloudinary.com/v1_1/mermaid/upload'
  var xhr = new XMLHttpRequest() // eslint-disable-line
  var fd = new FormData() // eslint-disable-line
  xhr.open('POST', url, false)
  xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest')
  // fd.append('public_id', publicId)
  fd.append('upload_preset', 'mermaid')
  fd.append('tags', 'Mermaid') 
  fd.append('file', svgImage)
  xhr.send(fd)

  var cldUrl = ''

  if (xhr.status === 200) {
    // File uploaded successfully
    var response = JSON.parse(xhr.responseText)    
    cldUrl = response.secure_url
    console.log('File uploaded: ' + cldUrl)
  }

  return cldUrl
}