written 0.0.5 → 0.1.1

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

@@ -23,7 +23,11 @@ class Written.Observer
 
     @pause(callback)
 
+  resume: =>
+    @mutations.observe @element(), @settings()
+
   pause: (callback) =>
     @mutations.disconnect()
-    callback()
-    @mutations.observe @element(), @settings()
+    if callback?
+      callback()
+      @resume()

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

@@ -0,0 +1,15 @@
+ElementString = (node) ->
+  node.textContent
+
+CustomElementString = (node) ->
+  node.toString()
+
+TextNodeString = (node) ->
+  node.textContent
+
+Written.Stringify = (node) ->
+  switch
+    when node.nodeType == Node.TEXT_NODE then TextNodeString(node)
+    when node.hasAttribute('is') then CustomElementString(node)
+    else ElementString(node)
+  

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

@@ -0,0 +1,69 @@
+class @Written.Parsers.Block
+  constructor: ->
+    @parsers = []
+
+  freeze: ->
+    if Written.Parsers.Block.parsers.default?
+      @parsers.push Written.Parsers.Block.parsers.default
+
+    Object.freeze(this)
+    Object.freeze(@parsers)
+
+  use: (names) ->
+    if typeof names == 'string' && names == 'all'
+      @parsers = Written.Parsers.Block.parsers.available.slice()
+      return this
+
+    if typeof names == 'string'
+      names = names.split(',').map (name) ->
+        name.trim()
+
+    parser = Written.Parsers.Block.parsers.available.find (obj) ->
+      names.contains(obj.parser.name)
+
+    if !parser?
+      throw "Couldn't find parser #{names}."
+      return this
+
+    @parsers.push(parser)
+    return this
+
+  parse: (lines) =>
+    blocks = []
+    while (line = lines.pop()) != undefined
+      str = line.toString()
+      block = blocks[blocks.length - 1]
+
+      if block? && block.multiline && block.accepts(line)
+        block.append(line)
+        continue
+
+      blocks.push(@find(str))
+
+    blocks
+
+  find: (str) ->
+    parser = undefined
+    for p in @parsers
+      if match = p.rule.exec(str)
+        parser = new p(match)
+        break
+
+    return parser
+
+
+@Written.Parsers.Block.parsers = {
+  available: []
+  default: undefined
+}
+
+@Written.Parsers.Block.get = (name) ->
+  Written.Parsers.Block.parsers.available.find (p) ->
+    p.name.localeCompare(name) == 0
+
+@Written.Parsers.Block.register = (parser, defaultParser = false) ->
+  if defaultParser
+    Written.Parsers.Block.parsers.default = parser
+  else
+    Written.Parsers.Block.parsers.available.push parser
+

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

@@ -1,26 +1,90 @@
 class Code
+  multiline: true
+
   constructor: (match) ->
-    @match = match
-    @node = "<pre data-status='opened' data-multiline='true'><code></code></pre>".toHTML()
+    @matches = [match]
+    @content = "\n"
+    @opened = true
+
+
+  accepts: (text) ->
+    @opened
+
+  append: (text) ->
+    match = /(~{3})$/i.exec(text)
+    if match?
+      @matches.push(match)
+      @opened = false
+    else
+      @content += text + "\n"
+
+    @content
+
+  processContent: (callback) =>
+
+  identical: (current, rendered) ->
+    current.outerHTML == rendered.outerHTML
+
+  markdown: =>
+    node = "<pre is='written-pre'><code></code></pre>".toHTML()
+    code = node.querySelector('code')
+
+    if @matches[0][3]?
+      code.classList.add("language-#{@matches[0][3]}")
+
+    code.appendChild(document.createTextNode(@content))
+    if @highlight?
+      @highlight(code)
+
+    code.insertAdjacentHTML('afterbegin', @matches[0][0])
+    if !@opened
+      code.insertAdjacentHTML('beforeend', @matches[1][0])
+
+    node
+
+  html: =>
+    node = "<pre><code></code></pre>".toHTML()
+    code = node.querySelector('code')
+
+    if @matches[0][3]?
+      code.classList.add("language-#{@matches[0][3]}")
+
+    if @matches[0][4]?
+      code.insertAdjacentHTML('beforebegin', "<header>#{@matches[0][4]}</header>")
+
+    code.appendChild(document.createTextNode(@content))
 
+    node
 
-  valid: ->
-    true
+Code.rule = /^((~{3})([a-z]+)?)(?:\s(.*))?/i
 
-  render: (text) =>
-    if @match[3]?
-      @node.querySelector('code').classList.add("language-#{@match[3]}")
+Written.Parsers.Block.register Code
 
-    code = @node.querySelector('code')
-    code.appendChild(document.createTextNode(text + "\n"))
+prototype = Object.create(HTMLPreElement.prototype)
 
-    if /(~{3})$/i.test(text)
-      @node.dataset.status = 'closed'
+prototype.getRange = (offset, walker) ->
+  range = document.createRange()
 
-    if Code.parseSyntax?
-      Code.parseSyntax(code)
+  if !@firstChild?
+    range.setStart(this, 0)
+  else
+    while walker.nextNode()
+      if walker.currentNode.length < offset
+        offset -= walker.currentNode.length
+        continue
 
-    @node
+      range.setStart(walker.currentNode, offset)
+      break
 
+  range.collapse(true)
+  range
+prototype.toString = ->
+  if @textContent[@textContent.length - 1] == '\n'
+    @textContent.substr(0, @textContent.length - 1)
+  else
+    @textContent
 
-Written.Parsers.Block.register Code, /((~{3})([a-z]+)?)(.+)?/i
+document.registerElement('written-pre', {
+  prototype: prototype
+  extends: 'pre'
+})

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

@@ -1,10 +1,65 @@
 class Header
+  multiline: false
+
   constructor: (match) ->
     @match = match
 
-  render: (text) =>
-    size = @match[1].length
-    return "<h#{size}>#{text}</h#{size}>".toHTML()
-    
+  processContent: (callback) =>
+    if @content?
+      throw "Content Error: The content was already processed"
+      return
+
+    @content = callback(@match[3])
+
+  identical: (current, rendered) ->
+    current.outerHTML == rendered.outerHTML
+
+  markdown: =>
+    node = "<h#{@match[2].length} is='written-h#{@match[2].length}'>".toHTML()
+    for text in @content
+      if text.markdown?
+        node.appendChild(text.markdown())
+      else
+        node.appendChild(document.createTextNode(text))
+
+    node.insertAdjacentHTML('afterbegin', @match[1])
+    node
+
+  html: =>
+    node = "<h#{@match[2].length}>".toHTML()
+    for text in @content
+      if text.html?
+        node.appendChild(text.html())
+      else
+        node.appendChild(document.createTextNode(text))
+    node
+
+Header.rule = /^((#{1,6})\s)(.*)$/i
+
+Written.Parsers.Block.register Header
+
+[1,2,3,4,5,6].forEach (size) ->
+  prototype = Object.create(HTMLHeadingElement.prototype)
+  prototype.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
+  prototype.toString = ->
+    @textContent
 
-Written.Parsers.Block.register Header, /^(#{1,6}) /i
+  document.registerElement("written-h#{size}", {
+    prototype: prototype
+    extends: "h#{size}"
+  })

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

@@ -1,18 +1,112 @@
 class Image
+  multiline: false
+
   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])
+  processContent: (callback) =>
+    if @content?
+      throw "Content Error: The content was already processed"
+      return
+
+    @content = callback(@match[2])
+
+  identical: (current, rendered) ->
+
+    sameNode = (current, rendered) ->
+      current.nodeName == rendered.nodeName
+
+    sameImages = (current, rendered) ->
+      (current? && current.dataset.image) == (rendered? && rendered.dataset.image)
+
+    sameTexts = (current, rendered) ->
+      (current? && current.innerHTML) == (rendered? && rendered.innerHTML)
+
+
+    sameNode(current, rendered) &&
+    sameImages(current.querySelector('img'), rendered.querySelector('img')) &&
+    sameTexts(current.querySelector('figcaption'), rendered.querySelector('figcaption'))
+
+
+  markdown: =>
+    figure = "<figure is='written-figure'><div contenteditable='false'><div class='progress'></div><input type='file' /><img/></div><figcaption /></figure>".toHTML()
+    caption = figure.querySelector('figcaption')
+    container = figure.querySelector('div')
+
+    for text in @content
+      if text.markdown?
+        caption.appendChild(text.markdown())
+      else
+        caption.appendChild(document.createTextNode(text))
+
+    caption.insertAdjacentHTML('afterbegin', '![')
+    caption.insertAdjacentHTML('beforeend', ']')
+    caption.insertAdjacentHTML('beforeend', @match[3])
+
+    img = figure.querySelector('img')
     if @match[4]?
-      caption.setAttribute('name', @match[4])
+      img.src = img.dataset.image = @match[4]
+      img.onerror = @placeholder.bind(this, img, true)
+    else
+      img.src = '/assets/written/placeholder.png'
+
+    if @configure?
+      @configure(figure)
+
+    figure
+
+  html: ->
+    figure = "<figure><div><img/></div><figcaption /></figure>".toHTML()
+    img = figure.querySelector('img')
+    caption = figure.querySelector('figcaption')
 
-    img = @figure.querySelector('img')
     img.src = @match[4]
 
-    @figure
+    for text in @content
+      if text.html?
+        caption.appendChild(text.html())
+      else
+        caption.appendChild(document.createTextNode(text))
+
+    figure
+
+  placeholder: (img, event, onerror = false) =>
+    img.src = '/assets/written/placeholder.png'
+    img.onerror = undefined
+    if onerror
+      img.classList.add 'error'
+
+Image.rule = /^(!{1}\[([^\]]*)\])(\(([^\s]*)?\))$/i
+
+Image.uploader = (uploader) ->
+  Image::configure = uploader.initialize
+
+Written.Parsers.Block.register Image
+
+prototype = Object.create(HTMLElement.prototype)
+
+prototype.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
+
+prototype.toString = ->
+  (@querySelector('figcaption') || this).textContent
+
+document.registerElement('written-figure', {
+  prototype: prototype
+  extends: 'figure'
+})
 
-Written.Parsers.Block.register Image, /^(!{1}\[([^\]]+)\])(\(([^\s]+)?\))$/i

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

@@ -1,18 +1,100 @@
 class OList
-  rule: /^(\d\.\s)(.+)/i
+  multiline: true
+
   constructor: (match) ->
-    @match = match
-    @node = "<ol data-status='opened'></ol>".toHTML()
+    @matches = [match]
+    @opened = true
+
+  accepts: (text) ->
+    @opened = OList.rule.test(text)
+
+    @opened
+
+  append: (text) ->
+    @matches.push(OList.rule.exec(text))
+
+  processContent: (callback) =>
+    if @content?
+      throw "Content Error: The content was already processed"
+      return
+
+    lines = @matches.map (match) ->
+      match[2]
+    
+    @content = callback(lines)
+
+  identical: (current, rendered) ->
+    current.outerHTML == rendered.outerHTML
+
+  markdown: =>
+    node = "<ol is='written-ol'></ol>".toHTML()
+    for line, index in @content
+      li = "<li is='written-li'>".toHTML()
+      li.appendChild(document.createTextNode(@matches[index][1]))
+
+      for text in line
+        if text.markdown?
+          li.appendChild(text.markdown())
+        else
+          li.appendChild(document.createTextNode(text.toString()))
+
+      node.appendChild(li)
+
+    node
+
+  html: =>
+    node = "<ol></ol>".toHTML()
+    for line, index in @content
+      li = "<li>".toHTML()
+
+      for text in line
+        if text.html?
+          li.appendChild(text.html())
+        else
+          li.appendChild(document.createTextNode(text.toString()))
+
+      node.appendChild(li)
+
+    node
+
+
+OList.rule = /^(\d+\.\s)(.*)/i
+
+Written.Parsers.Block.register OList
+
+prototype = Object.create(HTMLOListElement.prototype)
+
+prototype.toString = ->
+  texts = Array.prototype.slice.call(@children).map (li) ->
+    li.toString()
+  texts.join("\n")
+
+prototype.getRange = (offset, walker) ->
+  range = document.createRange()
+  if !@firstChild?
+    range.setStart(this, 0)
+    return
+
+  li = this.firstElementChild
 
-  valid: (text) ->
-    valid = OList::rule.test(text)
-    if !valid
-      @node.dataset.status = false
-    valid
+  while walker.nextNode()
+    if !li.contains(walker.currentNode)
+      newList = walker.currentNode
+      while newList? && !(newList instanceof HTMLLIElement)
+        newList = newList.parentElement
+      li = newList
+      offset--
 
-  render: (text) =>
-    @node.appendChild("<li>#{text}</li>".toHTML())
-    @node
+    if walker.currentNode.length < offset
+      offset -= walker.currentNode.length
+      continue
+    range.setStart(walker.currentNode, offset)
+    break
 
-Written.Parsers.Block.register OList, OList::rule
+  range.collapse(true)
+  range
 
+document.registerElement('written-ol', {
+  prototype: prototype
+  extends: 'ol'
+})