var h = require('hyperscript')
var human = require('human-time')
var avatar = require('./avatar')
var ref = require('ssb-ref')

var ssbKeys = require('ssb-keys')

var pull = require('pull-stream')

var sbot = require('./scuttlebot')

var config = require('./config')()

var id = require('./keys').id


module.exports.getBlocks = function (src) {
  var blocks = h('div.blocks', 'Blocking: ')

  pull(
    sbot.query({query: [{$filter: { value: { author: src, content: {type: 'contact'}}}}], live: true}),
    pull.drain(function (msg) {
      if (msg.value) {
        if (msg.value.content.blocking == true) {
          console.log(msg.value)
          var gotIt = document.getElementById('blocks:' + msg.value.content.contact.substring(0, 44))
          if (gotIt == null) {
            blocks.appendChild(h('a#blocks:'+ msg.value.content.contact.substring(0, 44), {title: avatar.cachedName(msg.value.content.contact).textContent, href: '#' + msg.value.content.contact}, h('span.avatar--small', avatar.cachedImage(msg.value.content.contact))))
          }
        }
        if (msg.value.content.blocking == false) {
          var gotIt = document.getElementById('blocks:' + msg.value.content.contact.substring(0, 44))
          if (gotIt != null) {
            gotIt.outerHTML = ''
          }
        }
      }
    })
  )

  return blocks 

}

module.exports.getBlocked = function (src) {
  var blocked = h('div.blocked', 'Blocked by: ')

  pull(
    sbot.query({query: [{$filter: { value: { content: {type: 'contact', contact: src}}}}], live: true}),
    pull.drain(function (msg) {
      if (msg.value) {
        if (msg.value.content.blocking == true) {
          console.log(msg.value)
          var gotIt = document.getElementById('blocked:' + msg.value.content.contact.substring(0, 44))
          if (gotIt == null) {
            blocked.appendChild(h('a#blocked:'+ msg.value.author.substring(0, 44), {title: avatar.cachedName(msg.value.author).textContent, href: '#' + msg.value.author}, h('span.avatar--small', avatar.cachedImage(msg.value.author))))
          }
        }
        if (msg.value.content.blocking == false) {
          var gotIt = document.getElementById('blocked:' + msg.value.author.substring(0, 44))
          if (gotIt != null) {
            gotIt.outerHTML = ''
          }
        }
      }
    })
  )

  return blocked 

}





module.exports.getFollowing = function (src) {
  var followingCount = 0

  var following = h('div.following', 'Following: ')

  following.appendChild(h('span#followingcount', '0'))
  following.appendChild(h('br'))

  pull(
    sbot.query({query: [{$filter: { value: { author: src, content: {type: 'contact'}}}}], live: true}),
    pull.drain(function (msg) {
      if (msg.value) {
        if (msg.value.content.following == true) {
          followingcount = document.getElementById('followingcount')
          followingCount++
          followingcount.textContent = followingCount
          var gotIt = document.getElementById('following:' + msg.value.content.contact.substring(0, 44))
          if (gotIt == null) {
            following.appendChild(h('a#following:'+ msg.value.content.contact.substring(0, 44), {title: avatar.cachedName(msg.value.content.contact).textContent, href: '#' + msg.value.content.contact}, h('span.avatar--small', avatar.cachedImage(msg.value.content.contact))))
          }
        }
        if (msg.value.content.following == false) {
          followingcount = document.getElementById('followingcount')
          followingCount--
          followingcount.textContent = followingCount
          var gotIt = document.getElementById('following:' + msg.value.content.contact.substring(0, 44))
          if (gotIt != null) {
            gotIt.outerHTML = ''
          }
        }
      }
    })
  )
  return following
}
module.exports.getFollowers = function (src) {
  var followerCount = 0

  var followers = h('div.followers', 'Followers: ')

  followers.appendChild(h('span#followercount', '0'))
  followers.appendChild(h('br'))

  pull(
    sbot.query({query: [{$filter: { value: { content: {type: 'contact', contact: src}}}}], live: true}),
    pull.drain(function (msg) {
      if (msg.value) {
        if (msg.value.content.following == true) {
          followcount = document.getElementById('followercount')
          followerCount++
          followcount.textContent = followerCount
          var gotIt = document.getElementById('followers:' + msg.value.author.substring(0, 44))
          if (gotIt == null) {
            followers.appendChild(h('a#followers:'+ msg.value.author.substring(0, 44), {title: avatar.cachedName(msg.value.author).textContent, href: '#' + msg.value.author}, h('span.avatar--small', avatar.cachedImage(msg.value.author))))
          }
        }
        if (msg.value.content.following == false) {
          followcount = document.getElementById('followercount')
          followerCount--
          followcount.textContent = followerCount
          var gotIt = document.getElementById('followers:' + msg.value.author.substring(0, 44))
          if (gotIt != null) {
            gotIt.outerHTML = ''
          }
        }
      }
    })
  )

  return followers
}

module.exports.follow = function (src) {
   var button = h('span.button')

   var followButton = h('button.btn', 'Follow ', avatar.name(src), {
    onclick: function () {
      var content = {
        type: 'contact', 
        contact: src, 
        following: true
      }
      sbot.publish(content, function (err, publish) {
        if (err) throw err
        console.log(publish)
      }) 
    }
  })

  var unfollowButton = h('button.btn', 'Unfollow ', avatar.name(src), {
    onclick: function () {
      var content = {
        type: 'contact', 
        contact: src, 
        following: false
      }
      sbot.publish(content, function (err, publish) {
        if (err) throw err
        console.log(publish)
      }) 
    }
  })

  pull(
    sbot.query({query: [{$filter: { value: { author: id, content: {type: 'contact', contact: src}}}}], live: true}),
    pull.drain(function (msg) { 
      if (msg.value) {
        if (msg.value.content.following == true) {
            button.removeChild(button.firstChild)
            button.appendChild(unfollowButton) 
          } 
        if (msg.value.content.following == false) {
          button.removeChild(button.firstChild)
          button.appendChild(followButton) 
        }
      }
    })
  )

  button.appendChild(followButton)

  return button
}

module.exports.box = function (content) {
  return ssbKeys.box(content, content.recps.map(function (e) {
    return ref.isFeed(e) ? e : e.link
  }))
}

module.exports.publish = function (content, cb) {
  if(content.recps)
    content = exports.box(content)
  sbot.publish(content, function (err, msg) {
    if(err) throw err
    console.log('Published!', msg)
    if(cb) cb(err, msg)
  })
}

module.exports.mute = function (src) {
  if (!localStorage[src])
    var cache = {mute: false}
  else
    var cache = JSON.parse(localStorage[src])

  if (cache.mute == true) {
    var mute = h('button.btn', 'Unmute', {
      onclick: function () {
        cache.mute = false
        localStorage[src] = JSON.stringify(cache)
        location.hash = '#'
        location.hash = src
      }
    })
    return mute
  } else {
    var mute = h('button.btn', 'Mute', {
      onclick: function () {
        cache.mute = true
        localStorage[src] = JSON.stringify(cache)
        location.hash = '#'
        location.hash = src 
      }
    })
    return mute
  }
}

module.exports.star = function (msg) {
  var votebutton = h('span.star:' + msg.key.substring(0,44))

  var vote = {
    type: 'vote',
    vote: { link: msg.key, expression: 'Star' }
  }

  if (msg.value.content.recps) {
    vote.recps = msg.value.content.recps
  }

  var star = h('button.btn.right', 'Star ',
    h('img.emoji', {src: config.emojiUrl + 'star.png'}), {
      onclick: function () {
        vote.vote.value = 1
        if (vote.recps) {
          vote = exports.box(vote)
        }
        sbot.publish(vote, function (err, voted) {
          if(err) throw err
        })
      }
    }
  )
  
  var unstar = h('button.btn.right ', 'Unstar ',
    h('img.emoji', {src: config.emojiUrl + 'stars.png'}), {
      onclick: function () {
        vote.vote.value = -1
        sbot.publish(vote, function (err, voted) {
          if(err) throw err
        })
      }
    }
  )

  votebutton.appendChild(star) 

  pull(
    sbot.links({rel: 'vote', dest: msg.key, live: true}),
    pull.drain(function (link) {
      if (link.key) {
        sbot.get(link.key, function (err, data) {
          if (err) throw err
          if (data.content.vote) {
            if (data.author == id) {
              if (data.content.vote.value == 1)
                votebutton.replaceChild(unstar, star)
              if (data.content.vote.value == -1)
                votebutton.replaceChild(star, unstar)
            }
          }
        })
      }
    })
  )

  return votebutton
}

function votes (msg) {
  var votes = h('div.votes') 
  if (msg.key) {
    pull(
      sbot.links({rel: 'vote', dest: msg.key/*, live: true*/ }),
      pull.drain(function (link) {
        if (link.key) {
          sbot.get(link.key, function (err, data) {
            if (err) throw err
            if (data.content.vote) {
              if (data.content.vote.value == 1) {
                if (localStorage[data.author + 'name'])
                  name = localStorage[data.author + 'name']
                else
                  name = data.author
                votes.appendChild(h('a#vote:' + data.author.substring(0, 44), {href:'#' + data.author, title: name}, h('img.emoji', {src: config.emojiUrl + 'star.png'})))
              }
              else if (data.content.vote.value == -1) {
                var lookFor = 'vote:' + data.author.substring(0, 44)
                document.getElementById(lookFor, function (err, gotit) {
                  if (err) throw err
                  gotit.parentNode.removeChild(remove)
                })
              }
            }
          })
        }
      })
    )
  }
  return votes
}

module.exports.timestamp = function (msg, edited) {
  var timestamp
  if (edited)
    timestamp = h('span.timestamp', 'Edited by: ', h('a', {href: '#' +  msg.value.author}, h('span.avatar--small', avatar.cachedImage(msg.value.author))), h('a', {href: '#' + msg.key}, human(new Date(msg.value.timestamp))))
  else 
    timestamp = h('span.timestamp', h('a', {href: '#' + msg.key}, human(new Date(msg.value.timestamp))))
  return timestamp
}


module.exports.mini = function (msg, content) {
  var mini = h('div.mini')

  mini.appendChild(
    h('span.avatar',
      h('a', {href: '#' + msg.value.author},
        h('span.avatar--small', avatar.cachedImage(msg.value.author)),
        avatar.cachedName(msg.value.author)
      )
    )
  )
  var lock = h('span.right', h('img.emoji', {src: config.emojiUrl + 'lock.png'}))


  mini.appendChild(h('span', content))
  mini.appendChild(exports.timestamp(msg))

  if (msg.value.content.recps) {
    mini.appendChild(lock)
  }

  if (typeof msg.value.content === 'string') {
    mini.appendChild(lock)
  }

  return mini
}

module.exports.header = function (msg) {
  var header = h('div.header')

  header.appendChild(h('span.avatar',
      h('a', {href: '#' + msg.value.author},
        h('span.avatar--small', avatar.cachedImage(msg.value.author)),
        avatar.cachedName(msg.value.author)
      )
    )
  )
    
  header.appendChild(exports.timestamp(msg))
  header.appendChild(votes(msg))

  if (msg.value.private) {
    header.appendChild(h('span.right', ' ', h('img.emoji', {src: config.emojiUrl + 'lock.png'})))
  }
  if (msg.value.content.type == 'edit') {
    header.appendChild(h('span.right', ' Edited: ', h('a', {href: '#' + msg.value.content.original}, exports.messageLink(msg.value.content.original))))
  }
  return header
}




module.exports.messageName = function (id, cb) {
  // gets the first few characters of a message, for message-link
  function title (s) {
    var m = /^\n*([^\n]{0,40})/.exec(s)
    return m && (m[1].length == 40 ? m[1]+'...' : m[1])
  }

  sbot.get(id, function (err, value) {
    if(err && err.name == 'NotFoundError')
      return cb(null, id.substring(0, 10)+'...(missing)')
    if(value.content.type === 'post' && 'string' === typeof value.content.text)
      return cb(null, title(value.content.text))
    else if('string' === typeof value.content.text)
      return cb(null, value.content.type + ':'+title(value.content.text))
    else
      return cb(null, id.substring(0, 10)+'...')
  })
}

var messageName = exports.messageName

module.exports.messageLink = function (id) {
  if (ref.isMsg(id)) {
    var link = h('a', {href: '#'+id}, id.substring(0, 10)+'...')
    messageName(id, function (err, name) {
      if(err) console.error(err)
      else link.textContent = name
    })
  } else {
    var link = id
  }
  return link
}

module.exports.rawJSON = function (obj) {
  return JSON.stringify(obj, null, 2)
    .split(/([%@&][a-zA-Z0-9\/\+]{43}=*\.[\w]+)/)
    .map(function (e) {
      if(ref.isMsg(e) || ref.isFeed(e) || ref.isBlob(e)) {
        return h('a', {href: '#' + e}, e)
      }
      return e
    })
}

var markdown = require('ssb-markdown')
var config = require('./config')()

module.exports.markdown = function (msg, md) {
  return {innerHTML: markdown.block(msg, {toUrl: function (url, image) {
    if(url[0] == '%' || url[0] == '@' || url[0] == '#') return '#' + url
    if(url[0] !== '&') return url
    //if(url[0] == '&') return config.blobsUrl + url
    //if(!image) return url
    return config.blobsUrl + url
  }})}
}