Render markdown files

Author: purplesyringa

main/dist/repo/file/css/file.css

@@ -35,6 +35,10 @@
 	white-space: pre;
 	overflow: auto;
 }
+.file-content.markdown {
+	font-family: Arial;
+	white-space: normal;
+}
 
 .edit {
 	display: none;

main/dist/repo/file/index.html

@@ -121,6 +121,7 @@ <h2 id="repo_name"></h2>
 		<script type="text/javascript" src="../../js/issues.js"></script>
 		<script type="text/javascript" src="../js/path_common.js"></script>
 		<script type="text/javascript" src="../js/common.js"></script>
+		<script type="text/javascript" src="../../marked/marked.js"></script>
 		<script type="text/javascript" src="../../hljs/highlight.min.js"></script>
 		<script type="text/javascript" src="js/main.js"></script>
 		<script type="text/javascript" src="../../js/root.js"></script>

main/dist/repo/file/js/main.js

@@ -57,6 +57,15 @@ repo.addMerger()
 		return repo.getFile(head, path)
 			.then(blob => {
 				let fileContent = document.getElementById("file_content");
+
+				// Maybe this is a markdown file?
+				if(path.endsWith(".md") || path.endsWith(".markdown")) {
+					fileContent.classList.add("markdown");
+					fileContent.innerHTML = repo.renderMarked(repo.vcs.decodeUTF8(blob));
+					return;
+				}
+
+
 				fileContent.textContent = repo.vcs.decodeUTF8(blob);
 				hljs.highlightBlock(fileContent);