lit-markdown

es6 literal markdown parser

Code

function markdown(strings, ...values) {
  function para(text, line) {
    const trimmed = line.trim()
    if (/^<\/?(ul|ol|li|h|p|bl)/i.test(trimmed)) {
      return `\n${line}\n`
    }
    return `\n<p>${trimmed}</p>\n`
  }

  function ulList(text, item) {
    return `\n<ul>\n\t<li>${item.trim()}</li>\n</ul>`
  }

  function olList(text, item) {
    return `\n<ol>\n\t<li>${item.trim()}</li>\n</ol>`
  }

  function blockquote(text, tmp, item) {
    return `\n<blockquote>${item.trim()}</blockquote>`
  }

  function header(text, chars, content) {
    const level = chars.length
    return `<h${level}>${content.trim()}</h${level}>`
  }

  return [
    { regex: /(#+)(.*)/g, replacement: header }, // headers
    { regex: /!\[([^\[]+)\]\(([^\)]+)\)/g, replacement: "<img src='$2' alt='$1'>" }, // image
    { regex: /\[([^\[]+)\]\(([^\)]+)\)/g, replacement: "<a href='$2'>$1</a>" }, // hyperlink
    { regex: /(\*\*|__)(.*?)\1/g, replacement: '<strong>$2</strong>' }, // bold
    { regex: /(\*|_)(.*?)\1/g, replacement: '<em>$2</em>' }, // emphasis
    { regex: /\~\~(.*?)\~\~/g, replacement: '<del>$1</del>' }, // del
    { regex: /\:\"(.*?)\"\:/g, replacement: '<q>$1</q>' }, // quote
    { regex: /`(.*?)`/g, replacement: '<code>$1</code>' }, // inline code
    { regex: /\n\*(.*)/g, replacement: ulList }, // ul lists
    { regex: /\n[0-9]+\.(.*)/g, replacement: olList }, // ol lists
    { regex: /\n(&gt;|\>)(.*)/g, replacement: blockquote }, // blockquotes
    { regex: /\n-{5,}/g, replacement: '\n<hr />' }, // horizontal rule
    { regex: /\n([^\n]+)\n/g, replacement: para }, // add paragraphs
    { regex: /<\/ul>\s?<ul>/g, replacement: '' }, // fix extra ul
    { regex: /<\/ol>\s?<ol>/g, replacement: '' }, // fix extra ol
    { regex: /<\/blockquote><blockquote>/g, replacement: '\n' } // fix extra blockquote
  ].reduce((text, rule) => text.replace(rule.regex, rule.replacement),
    
    (Array.isArray(strings) ? strings : [strings])
      .map((part, index) => `${part}${values[index] ? values[index] : ''}`)
      .join(''))
}

usage

markdown`
# Header

This is a test.`