Preserve color on compiler output

modules/judge.js

@@ -67,6 +67,7 @@ app.get('/judge_detail/:id', async (req, res) => {
     if (!await judge.isAllowedSeeCodeBy(res.locals.user)) throw 'Permission denied';
 
     judge.code = syzoj.utils.highlight(judge.code, judge.language);
+    if (judge.result.compiler_output) judge.result.compiler_output = syzoj.utils.ansiToHTML(judge.result.compiler_output);
 
     res.render('judge_detail', {
       judge: judge

package.json

@@ -24,6 +24,7 @@
   "homepage": "https://github.com/syzoj/syzoj#readme",
   "dependencies": {
     "adm-zip": "^0.4.7",
+    "ansi-to-html": "^0.4.2",
     "babel-cli": "^6.18.0",
     "babel-preset-es2017": "^6.16.0",
     "body-parser": "^1.15.2",

utility.js

@@ -123,5 +123,10 @@ module.exports = {
     }
 
     return res.filter(x => x);
+  },
+  ansiToHTML(s) {
+    let Convert = require('ansi-to-html');
+    let convert = new Convert({ escapeXML: true });
+    return convert.toHtml(s);
   }
 };

views/judge_detail.ejs

@@ -28,7 +28,7 @@
     <div class="ui existing segment"><pre style="margin-top: 0; margin-bottom: 0; "><code><%- judge.code %></code></pre></div>
 <% if (judge.result.compiler_output && judge.result.status === 'Compile Error') { %>
   <h3 class="ui header">编译信息</h3>
-  <div class="ui existing segment"><pre style="margin-top: 0; margin-bottom: 0; "><code><%= judge.result.compiler_output %></code></pre></div>
+  <div class="ui existing segment"><pre style="margin-top: 0; margin-bottom: 0; "><code><%- judge.result.compiler_output %></code></pre></div>
 <% } else { %>
 <div class="ui styled fluid accordion">
   <% for (let i = 0; i < judge.result.case_num; i++) { %>