carbon/lib/api.js

import axios from 'axios'
import debounce from 'lodash.debounce'
import ms from 'ms'

const DOMAIN = process.browser ? document.location.origin : ''
const RATE_LIMIT_CODE = 420

const gistClient = axios.create({
  baseURL: 'https://api.github.com',
  timeout: 5000,
  headers: {
    Accept: 'application/vnd.github.v3+json',
    'Content-Type': 'application/json'
  }
})

async function tweet(encodedImage) {
  const processedData = encodedImage.split(',')[1]

  return axios
    .post(`${DOMAIN}/twitter`, { data: processedData })
    .then(res => res.data.url)
    .then(url => encodeURIComponent(`Built with #Carbon, by @dawn_labs ${url}`))
    .then(uri => `https://twitter.com/intent/tweet?text=${uri}`)
    .then(openTwitterUrl)
    .catch(checkIfRateLimited)
}

async function image(url) {
  return axios.post(`${DOMAIN}/image`, { url }).then(res => res.data.dataUrl)
}

const getGist = uid => {
  return gistClient
    .get(`/gists/${uid}`)
    .then(res => res.data)
    .then(gist => gist.files)
    .then(files => files[Object.keys(files)[0]])
    .then(file => file.content)
}

// private
function openTwitterUrl(twitterUrl) {
  const width = 575,
    height = 400
  const left = (window.outerWidth - width) / 2
  const right = (window.outerHeight - height) / 2
  const opts = `status=1,width=${width},height=${height},top=${top},left=${left}`

  window.open(twitterUrl, 'twitter', opts)
}

function checkIfRateLimited(err) {
  if (err.response.status === RATE_LIMIT_CODE) {
    alert(
      "Oh no! Looks like to many people are trying to tweet right now and we've been rate limited. Try again soon or save and upload manually!"
    )
    return
  }

  throw err
}

export default {
  getGist,
  tweet: debounce(tweet, ms('5s'), { leading: true, trailing: true }),
  image: debounce(image, ms('5s'), { leading: true, trailing: true })
}