written 0.0.2

data/lib/written/app/assets/javascripts/written/core/content.coffee

@@ -0,0 +1,106 @@
+class @Written
+  constructor: (el) ->
+    el.instance = this
+    el.dataset.editor = "written"
+    @element = ->
+      return el
+
+    @observer = new Written.Observer(@element(), @changed)
+    @observer.pause @initialize
+
+    @element().addEventListener('keypress', @linefeed)
+
+    cursor = new Written.Cursor(@element(), window.getSelection())
+    cursor.focus(0, @element())
+
+  initialize: =>
+    if @parsers?
+      return
+
+    Written.Parsers.freeze()
+
+    @history = new Written.History(new Written.Document(@toString(), Written.Parsers))
+    
+    node = @history.current().head
+
+    @element().textContent = ''
+
+    while node
+      @element().appendChild(node)
+      node = node.nextDocumentNode
+
+
+  changed: (e) =>
+    oldDocument = @history.current()
+    newDocument = new Written.Document(@toString())
+    if oldDocument.toString().localeCompare(newDocument.toString()) == 0
+      return
+
+    @update(newDocument, new Written.Cursor(@element(), window.getSelection()))
+    @history.push(newDocument)
+
+  update: (document, cursor) =>
+    node = document.head
+    current = @element().firstElementChild
+
+    while node 
+      if !current?
+        @element().appendChild(node.cloneNode(true))
+      else if node.outerHTML.localeCompare(current.outerHTML) != 0
+        clonedNodeDocument = node.cloneNode(true)
+        @element().replaceChild(clonedNodeDocument, current)
+        current = clonedNodeDocument
+
+      node = node.nextDocumentNode
+      if current?
+        current = current.nextElementSibling
+
+    if current?
+      node = current.nextElementSibling
+      while node
+        nextNode = node.nextElementSibling
+        node.remove()
+        node = nextNode
+
+    cursor.focus()
+
+
+  linefeed: (e) =>
+    return unless e.which == 13
+    e.preventDefault()
+    e.stopPropagation()
+
+    cursor = new Written.Cursor(@element(), window.getSelection())
+    @observer.pause =>
+
+      offset = cursor.offset
+      lines = @history.current().toString().split('\n').map (line) ->
+        if line.length < offset
+          offset -= line.length
+        else if offset >= 0
+          line = [line.slice(0, offset), '\n', line.slice(offset)].join('')
+          offset -= line.length
+        offset -= 1
+        line
+
+      if offset == 0
+        lines.push('')
+        cursor.offset += 1
+
+      document = new Written.Document(lines.join('\n'))
+      if cursor.offset < document.toString().length
+        cursor.offset += 1
+
+      @update(document, cursor)
+      @history.push(document)
+
+
+  toString: =>
+    texts = []
+    for node in @element().childNodes
+      content = node.toString().split('\n')
+      texts.push content.join('\n')
+
+    texts.join '\n'
+
+

data/lib/written/app/assets/javascripts/written/core/cursor.coffee

@@ -0,0 +1,59 @@
+class Written.Cursor
+  constructor: (element, selection) ->
+    @element = ->
+      element
+    @selection = selection
+    children = Array.prototype.slice.call(@element().children, 0)
+    @offset = selection.focusOffset
+
+    node = selection.focusNode
+
+    while node && !children.includes(node)
+      parent = node.parentElement
+
+      if parent
+        for child in (parent.childNodes || [])
+          if child == node
+            break
+          else
+            @offset += child.textContent.length
+
+      node = parent
+
+
+    for child in @element().children
+      if child == node
+        break
+      @offset += child.textContent.length
+      @offset += 1
+
+    @currentNode = ->
+      node
+
+
+  offsetAt: (node) ->
+    offset = @offset
+
+    element = @element().firstElementChild
+    while element && element != node
+      offset -= element.textContent.length
+      element = element.nextElementSibling
+
+    offset
+
+  focus: (offset, node) =>
+    if offset is undefined
+      offset = @offset
+
+    if node is undefined
+      node = @element().firstElementChild
+
+    while node.nextElementSibling && node.toString().length < offset
+      offset -= node.textContent.length + 1
+      node = node.nextElementSibling
+
+
+    range = node.getRange(offset, document.createTreeWalker(node, NodeFilter.SHOW_TEXT))
+    @selection.removeAllRanges()
+    @selection.addRange(range)
+

data/lib/written/app/assets/javascripts/written/core/document.coffee

@@ -0,0 +1,19 @@
+#= require ../parsers/parsers
+
+Written.Document = class
+  constructor: (textContent, parsers) ->
+    @texts = new Array()
+
+    @head = Written.Parsers.Block.parse(textContent.split('\n').reverse())
+
+    node = @head
+
+    while node
+      Written.Parsers.Inline.parse(node)
+      text = node.toString()
+      @texts.push(text)
+      node = node.nextDocumentNode
+
+
+  toString: =>
+    @texts.join('\n')

data/lib/written/app/assets/javascripts/written/core/ext.coffee

@@ -0,0 +1,109 @@
+String::toHTML = ->
+  el = document.createElement('div')
+  el.innerHTML = this
+  if el.children.length > 1
+    el.children
+  else
+    el.children[0]
+
+Text::toString = ->
+  @textContent
+
+HTMLOListElement::toString = HTMLUListElement::toString = ->
+  texts = Array.prototype.slice.call(@children).map (li) ->
+    li.textContent
+  texts.join("\n")
+
+HTMLDivElement::toString = ->
+  if @classList.contains('image')
+    @lastChild.textContent
+  else
+    @textContent
+
+HTMLPreElement::toString = ->
+  if @textContent[@textContent.length - 1] == '\n'
+    @textContent.substr(0, @textContent.length - 1)
+  else
+    @textContent
+
+HTMLElement::toString = ->
+  if @nodeName == 'FIGURE'
+    (@querySelector('figcaption') || this).textContent
+  else
+    @textContent
+
+HTMLHeadingElement::toString = HTMLParagraphElement::toString = ->
+  @textContent
+
+HTMLElement::offset = (node, walker) ->
+  offset = 0
+
+  while walker.nextNode()
+    if walker.currentNode != node
+      offset += walker.currentNode.length
+    else
+      break
+
+  offset
+
+HTMLOListElement::offset = HTMLUListElement::offset = (node, walker) ->
+  offset = 0
+  li = this.firstElementChild
+
+  while walker.nextNode()
+    if !li.contains(walker.currentNode)
+      newList = walker.currentNode
+      while newList? && !(newList instanceof HTMLLIElement)
+        newList = newList.parentElement
+      li = newList
+      offset++
+
+    if walker.currentNode != node
+      offset += walker.currentNode.length
+    else
+      break
+
+  offset
+
+HTMLElement::getRange = (offset, walker) ->
+  range = document.createRange()
+
+  if !@firstChild?
+    range.setStart(this, 0)
+  else
+    while walker.nextNode()
+      if walker.currentNode.length < offset
+        offset -= walker.currentNode.length
+        continue
+
+      range.setStart(walker.currentNode, offset)
+      break
+
+  range.collapse(true)
+  range
+
+
+HTMLOListElement::getRange = HTMLUListElement::getRange = (offset, walker) ->
+  range = document.createRange()
+  if !@firstChild?
+    range.setStart(this, 0)
+    return
+
+  li = this.firstElementChild
+
+  while walker.nextNode()
+    if !li.contains(walker.currentNode)
+      newList = walker.currentNode
+      while newList? && !(newList instanceof HTMLLIElement)
+        newList = newList.parentElement
+      li = newList
+      offset--
+
+    if walker.currentNode.length < offset
+      offset -= walker.currentNode.length
+      continue
+    range.setStart(walker.currentNode, offset)
+    break
+
+  range.collapse(true)
+  range

data/lib/written/app/assets/javascripts/written/core/extensions.coffee

@@ -0,0 +1,2 @@
+Written.Extensions = []
+

data/lib/written/app/assets/javascripts/written/core/history.coffee

@@ -0,0 +1,16 @@
+Written.History = class History
+  constructor: (currentDocument) ->
+    @documents = [currentDocument]
+
+  current: =>
+    @documents[0]
+
+  push: (document) =>
+    @documents.splice(0, 0, document)
+    while @documents.length > 50
+      @documents.pop()
+
+  pop: =>
+    documents.pop()
+
+

data/lib/written/app/assets/javascripts/written/core/observer.coffee

@@ -0,0 +1,29 @@
+class Written.Observer
+  constructor: (element, callback) ->
+    @element = ->
+      element
+
+    @settings = ->
+      {
+        childList: true
+        subtree: true
+        characterData: true
+      }
+
+
+    @mutations = new MutationObserver(@normalize.bind(this, callback))
+    @mutations.observe @element(), @settings()
+
+  normalize: (callback, events) =>
+    @pause =>
+      for event in events
+        if event.target instanceof HTMLElement
+          for br in event.target.querySelectorAll('br')
+            br.remove()
+
+    @pause(callback)
+
+  pause: (callback) =>
+    @mutations.disconnect()
+    callback()
+    @mutations.observe @element(), @settings()

data/lib/written/app/assets/javascripts/written/extensions/clipboard.coffee

@@ -0,0 +1,114 @@
+class ClipBoard
+  constructor: (editor, hooks) ->
+    @editor = editor
+    @editor.element().addEventListener 'paste', @paste
+
+  paste: (e) =>
+    e.preventDefault()
+    e.stopPropagation()
+
+    data = e.clipboardData.getData('text/plain')
+
+    texts = data.split('\n').map (text) ->
+      document.createTextNode(text)
+    return unless texts.length > 0
+
+    _sel = window.getSelection()
+    sel = {
+      type: _sel.type
+    }
+    position = _sel.anchorNode.compareDocumentPosition(_sel.extentNode)
+    if _sel.anchorOffset <= _sel.extentOffset || position == document.DOCUMENT_POSITION_PRECEDING
+      sel.anchorNode = _sel.anchorNode
+      sel.anchorOffset = _sel.anchorOffset
+      sel.extentNode = _sel.extentNode
+      sel.extentOffset = _sel.extentOffset
+    else
+      sel.anchorNode = _sel.extentNode
+      sel.anchorOffset = _sel.extentOffset
+      sel.extentNode = _sel.anchorNode
+      sel.extentOffset = _sel.anchorOffset
+
+    if sel.anchorNode == @editor.element()
+      line = @editor.line()
+      @editor.element().appendChild(line)
+      sel.anchorNode = sel.extentNode = line
+
+    @editor.observer.hold =>
+      if sel.type == 'Range'
+        @replace(texts, sel)
+      else
+        @insert(texts, sel)
+
+
+  replace: (texts, sel) =>
+
+    node = sel.extentNode
+    line = node
+    nodes = [node]
+
+    while line.parentElement != @editor.element()
+      line = line.parentElement
+
+    offsets = {
+      start: sel.anchorOffset
+      end: sel.extentOffset
+    }
+
+    offsets.start = @editor.lineOffset(line, sel.anchorNode, offsets.start)
+    offsets.end = @editor.lineOffset(line, sel.extentNode, offsets.end)
+
+    text = texts.map((t) ->
+      t.textContent
+    ).join()
+
+
+    line.textContent = line.textContent.substr(0, offsets.start) + text + line.textContent.substr(offsets.end)
+
+    fragment = @editor.parse(@editor.cloneNodesFrom(line))
+
+    @editor.updateDOM(line, fragment)
+
+    cursor = new Written.Cursor(offsets.start + text.length)
+    cursor.update(@editor.walker(cursor.focus(line)), true)
+
+
+  insert: (texts, sel) =>
+    node = sel.anchorNode
+    str = node.textContent
+    text = texts.map((t) ->
+      t.textContent
+    ).join("\n")
+
+    node.textContent = str.substr(0, sel.anchorOffset)
+    node.textContent += text
+    node.textContent += str.substr(sel.anchorOffset)
+
+    line = node
+    while line.parentElement != @editor.element()
+      line = line.parentElement
+
+    offset = sel.anchorOffset + text.length
+    if node != line
+      offset += @nodeOffset(node, line)
+
+    fragment = @editor.parse(@editor.cloneNodesFrom(line))
+
+    lines = @editor.updateDOM(line, fragment)
+
+    cursor = new Written.Cursor(offset)
+    cursor.update(@editor.walker(cursor.focus(lines[0])), true)
+
+  nodeOffset: (node, line) ->
+    offset = 0
+
+    for n in line.childNodes
+      if n == node
+        break
+      else if n.contains(node)
+        offset += @nodeOffset(node, n)
+        break
+      else
+        offset += n.textContent.length
+
+    offset

data/lib/written/app/assets/javascripts/written/extensions/image.coffee

@@ -0,0 +1,91 @@
+class
+  loaded: =>
+    @element().addEventListener 'dragover', @over
+    @element().addEventListener 'dragleave', @cancel
+    @element().addEventListener 'drop', @drop
+    @on 'click', @container(), @open
+    @on 'change', @element().querySelector('input'), @upload
+    if @element().querySelector('figcaption').hasAttribute('name')
+      @show()
+    else
+      @placehold()
+
+  over: (e) =>
+    e.preventDefault()
+    @element().classList.add 'dropping'
+
+  cancel: (e) =>
+    e.preventDefault()
+    @element().classList.remove 'dropping'
+
+  drop: (e) =>
+    e.preventDefault()
+    @element().classList.remove 'dropping'
+    e.file = e.dataTransfer.files[0]
+    @upload(e)
+
+  show: =>
+    img = @retrieve('img')
+    img.src = @element().querySelector('figcaption').getAttribute('name')
+    @container().appendChild(img)
+
+  placehold: =>
+    placeholder = @retrieve('.placeholder')
+    @container().appendChild(placeholder)
+
+  container: =>
+    @container.element ||= @element().querySelector('div[contenteditable=false]')
+
+  open: =>
+    @container().querySelector('input').click()
+
+  uploaded: (e) =>
+    xml = new DOMParser().parseFromString(e.target.response, 'text/xml')
+    url = xml.querySelector('Location').textContent
+    img = @retrieve('img')
+    img.src = url
+    progressBar = @retrieve('.progressbar')
+    @container().insertBefore(img, progressBar)
+    progressBar.remove()
+    @retrieve('.placeholder').remove()
+    @element().querySelector('figcaption').lastChild.textContent = "(#{url})"
+
+  upload: (e) =>
+    @container().appendChild(@retrieve('.progressbar'))
+    unless e.file?
+      e.file = e.target.files[0]
+    id = PostBody.getAttribute('postid')
+    policy = PostBody.getAttribute('policy')
+    signature = PostBody.getAttribute('signature')
+    bucket = PostBody.getAttribute('bucket')
+    namespace = PostBody.getAttribute('namespace')
+    access_key = PostBody.getAttribute('access_key')
+
+    url = "https://s3.amazonaws.com/#{bucket}/"
+    dir = [id]
+    if namespace?
+      dir.splice(0,0, namespace)
+
+    dir = dir.join '/'
+
+    data = new FormData()
+    data.append 'AWSAccessKeyId', access_key
+    data.append 'success_action_status', 201
+    data.append 'acl', 'private'
+    data.append 'policy', policy
+    data.append 'signature', signature
+    data.append 'key', "#{dir}/#{e.file.name}"
+    data.append 'Content-Type', e.file.type
+    data.append 'file', e.file
+
+    xhr = new XMLHttpRequest()
+    xhr.open('POST', url, true)
+    xhr.onload = @uploaded
+    xhr.onprogress = @progress
+    xhr.send(data)
+
+  progress: (e) =>
+    return unless e.lengthComputable
+    percentComplete = e.loaded / e.total * 100.0;
+    progressBar = @retrieve('.progressbar')
+    progressBar.firstElementChild.style.width = "#{percentComplete}%";

data/lib/written/app/assets/javascripts/written/parsers/block/code.coffee

@@ -0,0 +1,25 @@
+class Code
+  constructor: (match) ->
+    @match = match
+    @node = "<pre data-status='opened' data-multiline='true'><code as='Written.Code'></code></pre>".toHTML()
+
+
+  valid: ->
+    true
+
+  render: (text) =>
+    if @match[3]?
+      @node.querySelector('code').classList.add("language-#{@match[3]}")
+
+    code = @node.querySelector('code')
+    code.appendChild(document.createTextNode(text + "\n"))
+
+    if /(~{3})$/i.test(text)
+      @node.dataset.status = 'closed'
+
+    Prism.highlightElement(code, false)
+
+    @node
+
+
+Written.Parsers.Block.register Code, /((~{3})([a-z]+)?)(.+)?/i

data/lib/written/app/assets/javascripts/written/parsers/block/heading.coffee

@@ -0,0 +1,10 @@
+class Header
+  constructor: (match) ->
+    @match = match
+
+  render: (text) =>
+    size = @match[1].length
+    return "<h#{size}>#{text}</h#{size}>".toHTML()
+    
+
+Written.Parsers.Block.register Header, /^(#{1,6}) /i

data/lib/written/app/assets/javascripts/written/parsers/block/image.coffee

@@ -0,0 +1,18 @@
+class Image
+  constructor: (match) ->
+    @match = match
+    @figure = "<figure><div contenteditable='false'><img/></div><figcaption /></figure>".toHTML()
+
+  render: =>
+    caption = @figure.querySelector('figcaption')
+    caption.appendChild document.createTextNode(@match[1])
+    caption.appendChild document.createTextNode(@match[3])
+    if @match[4]?
+      caption.setAttribute('name', @match[4])
+
+    img = @figure.querySelector('img')
+    img.src = @match[4]
+
+    @figure
+
+Written.Parsers.Block.register Image, /^(!{1}\[([^\]]+)\])(\(([^\s]+)?\))$/i

data/lib/written/app/assets/javascripts/written/parsers/block/olist.coffee

@@ -0,0 +1,18 @@
+class OList
+  rule: /^(\d\.\s)(.+)/i
+  constructor: (match) ->
+    @match = match
+    @node = "<ol data-status='opened'></ol>".toHTML()
+
+  valid: (text) ->
+    valid = OList::rule.test(text)
+    if !valid
+      @node.dataset.status = false
+    valid
+
+  render: (text) =>
+    @node.appendChild("<li>#{text}</li>".toHTML())
+    @node
+
+Written.Parsers.Block.register OList, OList::rule
+

data/lib/written/app/assets/javascripts/written/parsers/block/paragraph.coffee

@@ -0,0 +1,10 @@
+class Paragraph
+  constructor: (match) ->
+    @match = match
+    @node = "<p>".toHTML()
+
+  render: (str) =>
+    @node.textContent = str
+    @node
+
+Written.Parsers.Block.register Paragraph, /.*/i, true

data/lib/written/app/assets/javascripts/written/parsers/block/ulist.coffee

@@ -0,0 +1,17 @@
+class UList
+  rule: /^(-\s)(.+)/i
+  constructor: (match) ->
+    @match = match
+    @node = "<ul data-status='opened'></ul>".toHTML()
+
+  valid: (text) ->
+    valid = UList::rule.test(text)
+    if !valid
+      @node.dataset.status = false
+    valid
+
+  render: (text) =>
+    @node.appendChild("<li>#{text}</li>".toHTML())
+    @node
+
+Written.Parsers.Block.register UList, UList::rule

data/lib/written/app/assets/javascripts/written/parsers/inline/italic.coffee

@@ -0,0 +1,13 @@
+class Italic
+  constructor: (match) ->
+    @match = match
+    @node = "<em>".toHTML()
+
+  render: (textNode) =>
+    italic = textNode.splitText(textNode.textContent.indexOf(@match[2]))
+    italic.splitText(@match[2].length)
+    @node.appendChild(document.createTextNode(@match[2]))
+    textNode.parentElement.replaceChild(@node, italic)
+
+Written.Parsers.Inline.register Italic, /(\s|^|\d)(\*{1}([^\*]+)\*{1})/gi
+

data/lib/written/app/assets/javascripts/written/parsers/inline/link.coffee

@@ -0,0 +1,16 @@
+class Link
+  constructor: (match) ->
+    @match = match
+    @node = "<a>".toHTML()
+
+  render: (textNode) =>
+    @node.href = @match[4]
+    name = "<strong>".toHTML()
+    anchor = textNode.splitText(textNode.textContent.indexOf(@match[0]))
+    anchor.splitText(@match[0].length)
+    name.textContent = @match[1]
+    @node.appendChild(name)
+    @node.appendChild(document.createTextNode(@match[3]))
+    textNode.parentElement.replaceChild(@node, anchor)
+
+Written.Parsers.Inline.register Link, /!{0}(\[([^\]]+)\])(\(([^\)]+)\))/gi