Allow for self-closing tags

src/compiler.js

   }
 
   compile() {
+    const selfClosingTags = [
+      'area',
+      'base',
+      'br',
+      'col',
+      'command',
+      'embed',
+      'hr',
+      'img',
+      'input',
+      'keygen',
+      'link',
+      'menuitem',
+      'meta',
+      'param',
+      'source',
+      'track',
+      'wbr',
+    ]
+
     this.tree.forEach(node => {
       if (node.type === 'functionCall') {
         const attributes = node.args.map(
         const content = compiler.compile()
         this.result += `<${node.functionName}${
           attributes.length ? ' ' : ''
-        }${attributes.join(' ')}>${content}</${node.functionName}>`
+        }${attributes.join(' ')}>`
+
+        if (content) {
+          this.result += content
+        }
+
+        if (!selfClosingTags.includes(node.functionName)) {
+          this.result += `</${node.functionName}>`
+        }
+
       } else if (node.type === 'string') {
         this.result += node.content
       } else if (node.type === 'identifier') {

test/compiler.js

     '<ul><li>one</li><li>two</li><li>three</li></ul>',
   )
 })
+
+test('self closing tags are respected', function(t) {
+  t.plan(1)
+  const lexer = new Lexer()
+  const tokenStream = lexer.scan(`
+    (meta :charset "UTF-8")
+    (img :src "test.png")
+  `)
+  const parser = new Parser(tokenStream)
+  const tree = parser.parse()
+  const compiler = new Compiler(tree)
+  const result = compiler.compile()
+  t.deepEqual(
+    result.replace(/\n/g, '').replace(/  +/g, ''),
+    '<meta charset="UTF-8"><img src="test.png">',
+  )
+})