written 0.0.5 → 0.1.1

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

@@ -1,10 +1,68 @@
 class Paragraph
+  multiline: false
+
   constructor: (match) ->
     @match = match
-    @node = "<p>".toHTML()
 
-  render: (str) =>
-    @node.textContent = str
-    @node
+  processContent: (callback) =>
+    if @content?
+      throw "Content Error: The content was already processed"
+      return
+
+    @content = callback(@match[0])
+
+  identical: (current, rendered) ->
+    current.outerHTML == rendered.outerHTML
+
+  markdown: =>
+    node = "<p is='written-p'>".toHTML()
+    for text in @content
+      if text.markdown?
+        node.appendChild(text.markdown())
+      else
+        node.appendChild(document.createTextNode(text))
+
+    node
+
+  html: =>
+    node = "<p>".toHTML()
+    for text in @content
+      if text.html?
+        node.appendChild(text.html())
+      else
+        node.appendChild(document.createTextNode(text))
+
+    node
+
+
+
+Paragraph.rule = /.*/i
+
+Written.Parsers.Block.register Paragraph, true
+
+prototype = Object.create(HTMLParagraphElement.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 Paragraph, /.*/i, true
+document.registerElement('written-p', {
+  prototype: prototype
+  extends: 'p'
+})

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

@@ -0,0 +1,92 @@
+class Quote
+  multiline: true
+
+  constructor: (match) ->
+    @matches = [match]
+    @opened = true
+
+  accepts: (text) ->
+    @opened = Quote.rule.test(text)
+
+  append: (text) ->
+    @matches.push(Quote.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 = "<blockquote is='written-blockquote'></blockquote>".toHTML()
+    for line, index in @content
+      p = "<p>".toHTML()
+      p.appendChild(document.createTextNode(@matches[index][1]))
+
+      for text in line
+        if text.markdown?
+          p.appendChild(text.markdown())
+        else
+          p.appendChild(document.createTextNode(text.toString()))
+
+      if index < @content.length - 1
+        p.insertAdjacentHTML('beforeend', '\n')
+      node.appendChild(p)
+
+    node
+
+  html: =>
+    node = "<blockquote></blockquote>".toHTML()
+    for line, index in @content
+      p = "<p>".toHTML()
+
+      for text in line
+        if text.html?
+          p.appendChild(text.html())
+        else
+          p.appendChild(document.createTextNode(text.toString()))
+
+      if index < @content.length - 1
+        p.insertAdjacentHTML('beforeend', '\n')
+      node.appendChild(p)
+
+    node
+
+
+Quote.rule = /^(>\s)(.*)/i
+
+Written.Parsers.Block.register Quote
+
+prototype = Object.create(HTMLQuoteElement.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
+
+document.registerElement('written-blockquote', {
+  prototype: prototype
+  extends: 'blockquote'
+})

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

@@ -1,17 +1,98 @@
 class UList
-  rule: /^(-\s)(.+)/i
+  multiline: true
+
   constructor: (match) ->
-    @match = match
-    @node = "<ul data-status='opened'></ul>".toHTML()
+    @matches = [match]
+
+  accepts: (text) ->
+    @opened = UList.rule.test(text)
+
+    @opened
+
+  append: (text) ->
+    @matches.push(UList.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 = "<ul is='written-ul'></ul>".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 = "<ul></ul>".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
+
+UList.rule = /^(-\s)(.*)/i
+
+Written.Parsers.Block.register UList
+
+prototype = Object.create(HTMLUListElement.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
+
+  while walker.nextNode()
+    if !li.contains(walker.currentNode)
+      newList = walker.currentNode
+      while newList? && !(newList instanceof HTMLLIElement)
+        newList = newList.parentElement
+      li = newList
+      offset--
 
-  valid: (text) ->
-    valid = UList::rule.test(text)
-    if !valid
-      @node.dataset.status = false
-    valid
+    if walker.currentNode.length < offset
+      offset -= walker.currentNode.length
+      continue
+    range.setStart(walker.currentNode, offset)
+    break
 
-  render: (text) =>
-    @node.appendChild("<li>#{text}</li>".toHTML())
-    @node
+  range.collapse(true)
+  range
 
-Written.Parsers.Block.register UList, UList::rule
+document.registerElement('written-ul', {
+  prototype: prototype
+  extends: 'ul'
+})

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

@@ -0,0 +1,81 @@
+class @Written.Parsers.Inline
+  constructor: ->
+    @parsers = []
+
+  freeze: ->
+    Object.freeze(this)
+    Object.freeze(@parsers)
+
+  use: (names) ->
+    if typeof names == 'string' && names == 'all'
+      @parsers = Written.Parsers.Inline.parsers.available.slice()
+      return this
+
+    if typeof names == 'string'
+      names = names.split(',').map (name) ->
+        name.trim()
+
+    parser = Written.Parsers.Inline.parsers.available.find (parser) ->
+      names.contains(parser.name)
+
+    if !parser?
+      throw "Couldn't find parser #{name}."
+      return this
+
+    @parsers.push parser
+    return this
+
+  parse: (text) =>
+    if Array.isArray(text)
+      return text.map(@parse)
+
+    parsers = []
+    for p in @parsers
+      if text.length is 0
+        break
+
+      p.rule.lastIndex = 0
+
+      while match = p.rule.exec(text)
+        parser = new p(match)
+        parsers[parser.index()] = parser
+
+    @merge(parsers, text)
+
+
+  merge: (parsers, text) ->
+    content = []
+    buffer = ''
+    index = 0
+
+    while text[index]?
+      if parser = parsers[index]
+        content.push buffer.slice(0)
+        content.push parser
+        buffer = ''
+        index += parser.length()
+      else
+        buffer += text[index]
+        index += 1
+
+    if buffer.length > 0
+      content.push buffer
+
+    content
+
+  splice: (text, parser) ->
+    start = parser.index()
+    end = start + parser.length()
+    text.slice(0, start) + text.slice(end, text.length)
+
+
+@Written.Parsers.Inline.get = (name) ->
+  Written.Parsers.Inline.parsers.available.find (p) ->
+    p.name.localeCompare(name) == 0
+
+@Written.Parsers.Inline.parsers = {
+  available: []
+}
+
+@Written.Parsers.Inline.register = (parser) ->
+  Written.Parsers.Inline.parsers.available.push(parser)

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

@@ -0,0 +1,57 @@
+class Code
+  constructor: (match) ->
+    @match = match
+
+  index: =>
+    @match.index
+
+  length: =>
+    @match[0].length
+
+  markdown: =>
+    node = "<code is='written-code'>#{this.match[0]}</code>".toHTML()
+    if @match[3]?
+      node.classList.add("language-#{@match[3]}")
+
+    if @highlight?
+      @highlight(node)
+    node
+
+  html: =>
+    node = "<code>#{this.match[4]}</code>".toHTML()
+    if @match[3]?
+      node.classList.add("language-#{@match[3]}")
+
+    node
+
+
+Code.rule = /((~{3})([a-z]+)?)\s(.+)?(~{3})/gi
+
+Written.Parsers.Inline.register Code
+
+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 = ->
+  @textContent
+
+document.registerElement('written-code', {
+  prototype: prototype
+  extends: 'code'
+})

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

@@ -1,13 +1,46 @@
 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)
+  index: =>
+    @match.index
 
-Written.Parsers.Inline.register Italic, /(\s|^|\d)(\*{1}([^\*]+)\*{1})/gi
+  length: =>
+    @match[0].length
 
+  markdown: =>
+    "<em is='written-em'>#{this.match[1]}</em>".toHTML()
+
+  html: ->
+    "<em>#{this.match[3]}</em>".toHTML()
+
+Italic.rule = /((_{1})([^_]+)(_{1}))/gi
+
+Written.Parsers.Inline.register Italic
+
+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 = ->
+  @textContent
+
+document.registerElement('written-em', {
+  prototype: prototype
+  extends: 'em'
+})