/*/
Type: file
Content-Type: application/javascript
Title: Fediverse script
Location: /fediverse.js
/**/

const SUBSCRIBE_LINK_REL = 'http://ostatus.org/schema/1.0/subscribe'
async function getSubscribeTemplate() {
  const input = prompt("Please enter your fediverse / mastodon handle (e.g. '@user@domain.social')", "@")
  let handle = input.trim().replace(/^@/,'')
  const split = handle.split('@')
  if(split.length == 2) {
    const resource = `acct:${handle}`
    const domain = split[1]
    
    // look up remote user via webfinger
    const url = `https://${domain}/.well-known/webfinger?resource=${resource}`
    return fetch(url, {headers: {
      'Content-Type': 'application/json'
    }}).then(async result => {
      const json = await result.json()
      const subscribe = json.links.find(link => link.rel && link.rel == SUBSCRIBE_LINK_REL)
      let template = subscribe.template
      return template
    })
    .catch(e => {
      console.error(e)
      alert(`Sorry, we couldn't find an uri for ${input}.\n\nTry searching for "${uri}" on ${domain} (or in your fediverse client of choice)`)
      return null
    })
  }
  else {
    alert('Please enter your fediverse address in @user@domain.social format')
    return null
  }
  return null
}

function linkToUrl(uri) {
  // window.open(uri, '_blank').focus()
  const link = document.createElement('a')
  link.href = uri
  link.target = "_blank"
  link.click()
}

function noDataCick(href) {
  return async (e) => {
    e.preventDefault()
    let subscribe_template = await getSubscribeTemplate()
    if(subscribe_template) {
      localStorage.setItem('subscribe_template', subscribe_template)
      const url = subscribe_template.replace("{uri}", href)
      linkToUrl(url)
      addSocialButtons(this, url)
    }
    else {
      linkToUrl(href)
    }
  }
}

function addSocialButtons(el, href) {
  // TODO: fetch the post from the fediverse to add in comment, like and retweet count
  // the following fetches the activitypub object but has no reference to the likes, etc
  // if I had the local id, I could use the mastodon API to get it, but friendica uses the diaspora:guid in the link
  // const url = new URL(href).searchParams.get("uri")
  // fetch(url, {
  //   headers: {
  //     'Accept': 'application/json'
  //   }
  // }).then(async result => {
  //   const json = await result.text()
  //   console.log(json)
  // })
  // .catch(e => {
  //   console.error(e)
  // })
  
  const innerHTML = `
    <a href='${href}' target="_blank"><i class="fa fa-comment"></i></a>
    <a href='${href}' target="_blank"><i class="fa fa-star"></i></a>
    <a href='${href}' target="_blank"><i class="fa fa-retweet"></i></a>
  `

  const span = document.createElement('span')
  span.classList.add('fediverse')
  span.innerHTML = innerHTML

  el.insertAdjacentElement('afterend', span)
  el.remove()
}

function fediverse() {
  let subscribe_template = localStorage.getItem('subscribe_template');
  
  document.querySelectorAll("a.external_url:not([href='{external_url}'])").forEach(el => {
    if(subscribe_template) {
      console.log(subscribe_template.replace("{uri}", el.href))
      addSocialButtons(el, subscribe_template.replace("{uri}", el.href))
    }
    else {
      el.addEventListener('click', noDataCick(el.href))
    }
  })
}