samhuri.net/assets/js/blog.js

;(function() {
  if (typeof console === 'undefined')
      window.console = {}
  if (typeof console.log !== 'function')
      window.console.log = function(){}
  if (typeof console.dir !== 'function')
      window.console.dir = function(){}

  var server = 'http://bohodev.net:8000/'
    , getCommentsURL = function(post) { return server + 'comments/' + post }
    , postCommentURL = function() { return server + 'comment' }
    , countCommentsURL = function(post) { return server + 'count/' + post }

  function getComments(cb) {
    SJS.request({uri: getCommentsURL(SJS.filename)}, function(err, request, body) {
      if (err) {
        if (typeof cb === 'function') cb(err)
        return
      }
      var data
        , comments
        , h = ''
      try {
        data = JSON.parse(body)
      }
      catch (e) {
        console.log('not json -> ' + body)
        return
      }
      comments = data.comments
      if (comments && comments.length) {
        h = data.comments.map(function(c) {
          return tmpl('comment_tmpl', c)
        }).join('')
        $('#comments').html(h)
      }
      if (typeof cb === 'function') cb()
    })
  }

  function showComments(cb) {
    $('#sd-container').remove()
    getComments(function(err) {
      $('#comments-spinner').hide()
      if (err) {
        $('#comments').text('derp')
        if (typeof cb === 'function') cb(err)
      }
      else {
        $('#comment-stuff').slideDown(1.5, function() {
          if (typeof cb === 'function') cb()
          else this.scrollIntoView(true)
        })
      }
    })
  }

  jQuery(function($) {

    $('#need-js').remove()

    SJS.request({uri: countCommentsURL(SJS.filename)}, function(err, request, body) {
      if (err) return
      var data
        , n
      try {
        data = JSON.parse(body)
      }
      catch (e) {
        console.log('not json -> ' + body)
        return
      }
      n = data.count
      $('#sd').text(n > 0 ? 'show the discussion (' + n + ')' : 'start the discussion')
    })

    // jump to comment if linked directly
    var hash = window.location.hash || ''
    if (/^#comment-\d+/.test(hash)) {
      showComments(function (err) {
        if (!err) {
          window.location.hash = ''
          window.location.hash = hash
        }
      })
    }

    $('#sd').click(showComments)

    var showdown = new Showdown.converter()
      , tzOffset = -new Date().getTimezoneOffset() * 60 * 1000

    $('#comment-form').submit(function() {
      var comment = $(this).serializeObject()
      comment.name = (comment.name || '').trim() || 'anonymous'
      comment.url = (comment.url || '').trim()
      if (comment.url && !comment.url.match(/^https?:\/\//)) {
          comment.url = 'http://' + comment.url
      }
      comment.body = comment.body || ''
      if (!comment.body) {
          alert("is that all you have to say?")
          document.getElementById('thoughts').focus()
          return false
      }
      comment.timestamp = +new Date() + tzOffset

      var options = { method: 'POST'
                    , uri: postCommentURL()
                    , body: JSON.stringify(comment)
                    }
      SJS.request(options, function(err, request, body) {
        if (err) {
          console.dir(err)
          alert('derp')
          return false
        }

        $('#comment-form').get(0).reset()

        comment.timestamp = +new Date()
        comment.html = showdown.makeHtml(comment.body)
        comment.name = (comment.name || '').trim() || 'anonymous'
        comment.url = (comment.url || '').trim()
        if (comment.url && !comment.url.match(/^https?:\/\//)) {
            comment.url = 'http://' + comment.url
        }
        $('#comments').append(tmpl('comment_tmpl', comment))
      })
      return false
    })
  })
}());