Add file titles to code blocks

Author: akash-dsouza-3362

lib/markup.js

@@ -55,8 +55,18 @@ function highlight (description) {
     let element = $(el)
     let klass = element.attr('class')
     let lang = ''
+    let tableHeader = ''
     if (klass) {
-      lang = determineLanguage(klass.split('-').pop())
+      let type = klass.split('-').pop()
+      if (isFile(type)) {
+        tableHeader = `
+          <thead>
+            <tr>
+              <td colspan="2">${type}</td>
+            </tr>
+          </thead>`
+      }
+      lang = determineLanguage(type)
     }
     let lines = element.html().split('\n')
 
@@ -71,7 +81,7 @@ function highlight (description) {
     element.parent().after(`<div class="highlight ${lang}">
       <div class="ribbon"></div>
       <div class="scroller">
-        <table class="CodeRay">
+        <table class="CodeRay">${tableHeader}
           <tbody>
             <tr>
               <td class="line-numbers"><pre>${lineNumbers}</pre></td>
@@ -102,3 +112,7 @@ function determineLanguage (lang) {
 function removeHLJSPrefix (string) {
   return string.replace(/hljs-/g, '')
 }
+
+function isFile (string) {
+  return /\./.test(string)
+}