# browserify -t coffeeify browser.app.coffee > js/markdowntomla.js

console.log "hi"

window.markdowntomla     = require('./markdowntomla.coffee')
window.md                = require('markdown').markdown
window._                 = require('underscore')
window.extractMetadata   = markdowntomla.extractMetadata
window.createMLADocument = markdowntomla.createMLADocument
window.blobStream        = require('blob-stream')

window.editor = ace.edit("editor")
editor.setTheme("ace/theme/textmate")
editor.getSession().setMode("ace/mode/markdown")
editor.getSession().setUseWrapMode(true)
editor.renderer.setShowPrintMargin(false)

# do we have anything saved?
if essay = localStorage?.getItem('essay')
  editor.getSession().setValue(essay)

refreshTimer = null
editor.getSession().on 'change', ->
  clearTimeout(refreshTimer)
  refreshTimer = setTimeout(->
    refresh()
    localStorage?.setItem('essay', editor.getSession().getValue())
  , 1000)

window.refresh = ->
  stream   = blobStream()
  content  = editor.getSession().getValue()
  content  = extractMetadata(content)
  body     = content.body
  metadata = content.metadata
  createMLADocument(body, metadata, stream)
  stream.on 'finish', ->
    # get a blob you can do whatever you like with
    # blob = stream.toBlob('application/pdf')

    # or get a blob URL for display in the browser
    url = stream.toBlobURL('application/pdf')
    console.log url
    document.getElementById('preview').src = url

refresh()