written 0.2.0 → 0.4.0

data/test/javascript/parsers/block/header.js

@@ -0,0 +1,40 @@
+let struct = undefined;
+
+window.Written = {
+  Parsers: {
+    Block: {},
+    register: function(s) {
+      if (struct == undefined) {
+        struct = s
+      }
+    }
+  }
+}
+
+require('../../../../lib/written/app/assets/javascripts/written/core/html')
+require('../../../../lib/written/app/assets/javascripts/written/parsers/block/heading')
+
+describe('header', () => {
+  it('detects a match', () => {
+    let match = struct.rule.exec('# Hello World')
+    expect(match).not.toBeNull()
+  })
+
+  it('returns the content for the editor', () => {
+    let match = struct.rule.exec('# Hello World!')
+    let html = Written.toHTML('<h1># Hello World!</h1>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toEditor().outerHTML).toBe(html.outerHTML)
+  })
+
+  it('HTML content should not include the markdown syntax', () => {
+    let match = struct.rule.exec('# Hello World!')
+    let html = Written.toHTML('<h1>Hello World!</h1>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toHTML().outerHTML).toBe(html.outerHTML)
+  })
+})

data/test/javascript/parsers/block/image.js

@@ -0,0 +1,39 @@
+let struct = undefined;
+
+window.Written = {
+  Parsers: {
+    Block: {},
+    register: function(s) {
+      struct = s
+    }
+  }
+}
+
+require('../../../../lib/written/app/assets/javascripts/written/core/html')
+require('../../../../lib/written/app/assets/javascripts/written/parsers/block/image')
+
+describe('image', () => {
+  it('detects a match', () => {
+    let match = struct.rule.exec('![an](img)')
+    expect(match).not.toBeNull()
+  })
+
+  it('returns the content for the editor', () => {
+    let match = struct.rule.exec('![an](img)')
+    let html = Written.toHTML('<figure><div contenteditable=false><img src="img" /></div><figcaption>![an](img)</figcaption></figure>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toEditor().outerHTML).toBe(html.outerHTML)
+  })
+
+  it('HTML content should not include the markdown syntax', () => {
+    let match = struct.rule.exec('![an](img)')
+    let html = Written.toHTML('<figure><img src="img" /><figcaption>an</figcaption></figure>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toHTML().outerHTML).toBe(html.outerHTML)
+  })
+})
+

data/test/javascript/parsers/block/olist.js

@@ -0,0 +1,41 @@
+let struct = undefined;
+
+window.Written = {
+  Parsers: {
+    Block: {},
+    register: function(s) {
+      struct = s
+    }
+  }
+}
+
+require('../../../../lib/written/app/assets/javascripts/written/core/html')
+require('../../../../lib/written/app/assets/javascripts/written/parsers/block/olist')
+
+describe('olist', () => {
+  it('detects a match', () => {
+    let match = struct.rule.exec('1. a list')
+    expect(match).not.toBeNull()
+  })
+
+  it('returns the content for the editor', () => {
+    let match = struct.rule.exec('1. a list')
+    let html = Written.toHTML('<ol><li>1. a list</li></ol>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toEditor().outerHTML).toBe(html.outerHTML)
+  })
+
+  it('HTML content should not include the markdown syntax', () => {
+    let match = struct.rule.exec('1. a list')
+    let html = Written.toHTML('<ol><li>a list</li></ol>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toHTML().outerHTML).toBe(html.outerHTML)
+  })
+})
+
+
+

data/test/javascript/parsers/block/paragraph.js

@@ -0,0 +1,42 @@
+let struct = undefined;
+
+window.Written = {
+  Parsers: {
+    Block: {},
+    register: function(s) {
+      struct = s
+    }
+  }
+}
+
+require('../../../../lib/written/app/assets/javascripts/written/core/html')
+require('../../../../lib/written/app/assets/javascripts/written/parsers/block/paragraph')
+
+describe('paragraph', () => {
+  it('detects a match', () => {
+    let match = struct.rule.exec('Anything, really.')
+    expect(match).not.toBeNull()
+  })
+
+  it('returns the content for the editor', () => {
+    let match = struct.rule.exec('Anything, really.')
+    let html = Written.toHTML('<p>Anything, really.</p>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toEditor().outerHTML).toBe(html.outerHTML)
+  })
+
+  it('HTML content should not include the markdown syntax', () => {
+    let match = struct.rule.exec('Anything, really.')
+    let html = Written.toHTML('<p>Anything, really.</p>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toHTML().outerHTML).toBe(html.outerHTML)
+  })
+})
+
+
+
+

data/test/javascript/parsers/block/quote.js

@@ -0,0 +1,41 @@
+let struct = undefined;
+
+window.Written = {
+  Parsers: {
+    Block: {},
+    register: function(s) {
+      struct = s
+    }
+  }
+}
+
+require('../../../../lib/written/app/assets/javascripts/written/core/html')
+require('../../../../lib/written/app/assets/javascripts/written/parsers/block/quote')
+
+describe('quote', () => {
+  it('detects a match', () => {
+    let match = struct.rule.exec('> a quote')
+    expect(match).not.toBeNull()
+  })
+
+  it('returns the content for the editor', () => {
+    let match = struct.rule.exec('> a quote')
+    let html = Written.toHTML('<blockquote><p>> a quote</p></blockquote>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toEditor().outerHTML).toBe(html.outerHTML)
+  })
+
+  it('HTML content should not include the markdown syntax', () => {
+    let match = struct.rule.exec('> a quote')
+    let html = Written.toHTML('<blockquote><p>a quote</p></blockquote>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toHTML().outerHTML).toBe(html.outerHTML)
+  })
+})
+
+
+

data/test/javascript/parsers/block/ulist.js

@@ -0,0 +1,40 @@
+let struct = undefined;
+
+window.Written = {
+  Parsers: {
+    Block: {},
+    register: function(s) {
+      struct = s
+    }
+  }
+}
+
+require('../../../../lib/written/app/assets/javascripts/written/core/html')
+require('../../../../lib/written/app/assets/javascripts/written/parsers/block/ulist')
+
+describe('ulist', () => {
+  it('detects a match', () => {
+    let match = struct.rule.exec('- a list')
+    expect(match).not.toBeNull()
+  })
+
+  it('returns the content for the editor', () => {
+    let match = struct.rule.exec('- a list')
+    let html = Written.toHTML('<ul><li>- a list</li></ul>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toEditor().outerHTML).toBe(html.outerHTML)
+  })
+
+  it('HTML content should not include the markdown syntax', () => {
+    let match = struct.rule.exec('- a list')
+    let html = Written.toHTML('<ul><li>a list</li></ul>')
+
+    let parser = new struct.parser(match)
+    parser.content = [parser.innerText()]
+    expect(parser.toHTML().outerHTML).toBe(html.outerHTML)
+  })
+})
+
+

data/test/javascript/parsers/inline/code.js

@@ -0,0 +1,41 @@
+let struct = undefined;
+
+window.Written = {
+  Parsers: {
+    Inline: {},
+    register: function(s) {
+      struct = s
+    }
+  }
+}
+
+require('../../../../lib/written/app/assets/javascripts/written/core/html')
+require('../../../../lib/written/app/assets/javascripts/written/parsers/inline/code')
+
+describe('code', () => {
+  it('detects a match', () => {
+    let match = struct.rule.exec('~~~ test~~~')
+    expect(match).not.toBeNull()
+  })
+
+  it('ignores text that do not match', () => {
+    let match = struct.rule.exec('test')
+    expect(match).toBeNull()
+  })
+
+  it('returns the content for the editor', () => {
+    struct.rule.lastIndex = 0
+    let match = struct.rule.exec('~~~ test~~~')
+    expect(match).toBeTruthy()
+    let parser = new struct.parser(match)
+    expect(parser.toEditor().outerHTML).toBe(Written.toHTML('<code>~~~ test~~~</code>').outerHTML)
+  })
+
+  it('HTML content should not include the markdown syntax', () => {
+    struct.rule.lastIndex = 0
+    let match = struct.rule.exec('~~~ test~~~')
+    expect(match).toBeTruthy()
+    let parser = new struct.parser(match)
+    expect(parser.toHTML().outerHTML).toBe(Written.toHTML('<code>test</code>').outerHTML)
+  })
+})

data/test/javascript/parsers/inline/italic.js

@@ -0,0 +1,42 @@
+let struct = undefined;
+
+window.Written = {
+  Parsers: {
+    Inline: {},
+    register: function(s) {
+      struct = s
+    }
+  }
+}
+
+require('../../../../lib/written/app/assets/javascripts/written/core/html')
+require('../../../../lib/written/app/assets/javascripts/written/parsers/inline/italic')
+
+describe('italic', () => {
+  it('detects a match', () => {
+    let match = struct.rule.exec('_test_')
+    expect(match).not.toBeNull()
+  })
+
+  it('ignores text that do not match', () => {
+    let match = struct.rule.exec('test_')
+    expect(match).toBeNull()
+  })
+
+  it('returns the content for the editor', () => {
+    struct.rule.lastIndex = 0
+    let match = struct.rule.exec('_test_')
+    expect(match).toBeTruthy()
+    let parser = new struct.parser(match)
+    expect(parser.toEditor().outerHTML).toBe(Written.toHTML('<em>_test_</em>').outerHTML)
+  })
+
+  it('HTML content should not include the markdown syntax', () => {
+    struct.rule.lastIndex = 0
+    let match = struct.rule.exec('_test_')
+    expect(match).toBeTruthy()
+    let parser = new struct.parser(match)
+    expect(parser.toHTML().outerHTML).toBe(Written.toHTML('<em>test</em>').outerHTML)
+  })
+})
+

data/test/javascript/parsers/inline/link.js

@@ -0,0 +1,42 @@
+let struct = undefined;
+
+window.Written = {
+  Parsers: {
+    Inline: {},
+    register: function(s) {
+      struct = s
+    }
+  }
+}
+
+require('../../../../lib/written/app/assets/javascripts/written/core/html')
+require('../../../../lib/written/app/assets/javascripts/written/parsers/inline/link')
+
+describe('link', () => {
+  it('detects a match', () => {
+    let match = struct.rule.exec('[test](a)')
+    expect(match).not.toBeNull()
+  })
+
+  it('ignores text that do not match', () => {
+    let match = struct.rule.exec('[test]')
+    expect(match).toBeNull()
+  })
+
+  it('returns the content for the editor', () => {
+    struct.rule.lastIndex = 0
+    let match = struct.rule.exec('[source](http://github.com/pothibo/written)')
+    expect(match).toBeTruthy()
+    let parser = new struct.parser(match)
+    expect(parser.toEditor().outerHTML).toBe(Written.toHTML('<a><strong>[source]</strong>(http://github.com/pothibo/written)</a>').outerHTML)
+  })
+
+  it('HTML content should not include the markdown syntax', () => {
+    struct.rule.lastIndex = 0
+    let match = struct.rule.exec('[source](http://github.com/pothibo/written)')
+    expect(match).toBeTruthy()
+    let parser = new struct.parser(match)
+    expect(parser.toHTML().outerHTML).toBe(Written.toHTML('<a href="http://github.com/pothibo/written">source</a>').outerHTML)
+  })
+})
+

data/test/javascript/parsers/inline/strong.js

@@ -0,0 +1,41 @@
+let struct = undefined;
+
+window.Written = {
+  Parsers: {
+    Inline: {},
+    register: function(s) {
+      struct = s
+    }
+  }
+}
+
+require('../../../../lib/written/app/assets/javascripts/written/core/html')
+require('../../../../lib/written/app/assets/javascripts/written/parsers/inline/strong')
+
+describe('strong', () => {
+  it('detects a match', () => {
+    let match = struct.rule.exec('*test*')
+    expect(match).not.toBeNull()
+  })
+
+  it('ignores text that do not match', () => {
+    let match = struct.rule.exec('test*')
+    expect(match).toBeNull()
+  })
+
+  it('returns the content for the editor', () => {
+    struct.rule.lastIndex = 0
+    let match = struct.rule.exec('*test*')
+    expect(match).toBeTruthy()
+    let parser = new struct.parser(match)
+    expect(parser.toEditor().outerHTML).toBe(Written.toHTML('<strong>*test*</strong>').outerHTML)
+  })
+
+  it('HTML content should not include the markdown syntax', () => {
+    struct.rule.lastIndex = 0
+    let match = struct.rule.exec('*test*')
+    expect(match).toBeTruthy()
+    let parser = new struct.parser(match)
+    expect(parser.toHTML().outerHTML).toBe(Written.toHTML('<strong>test</strong>').outerHTML)
+  })
+})

data/test/server/app/assets/javascripts/application.coffee

@@ -1,17 +1,16 @@
 #= require 'written'
-#= require 'written/attachments/image'
 #= require 'prism'
-#= require 'secret'
-
+#
 document.removeEventListener('DOMContentLoaded', Prism.highlightAll)
 
-Written.Parsers.get('pre').highlightWith (element) ->
-  Prism.highlightElement(element, false)
+parsers = new Written.Parsers({blocks: ['header', 'code', 'image', 'ulist', 'olist', 'quote'], inlines: ['bold', 'italic', 'code', 'link']})
 
-Written.Parsers.get('code').highlightWith (element) ->
+parsers.get('pre')?.highlightWith (element) ->
   Prism.highlightElement(element, false)
 
-editor = new Written(document.getElementById('Editor'))
-editor.initialize()
-
+parsers.get('code')?.highlightWith (element) ->
+  Prism.highlightElement(element, false)
 
+editor = new Written(document.getElementById('Editor'), {
+  parsers: parsers
+})