Include Ansi for colored error messages

Author: wilzbach

css/ansi.css

@@ -0,0 +1,16 @@
+.ansi-black-fg { color: black; }
+.ansi-red-fg { color: red; }
+.ansi-green-fg { color: green; }
+.ansi-yellow-fg { color: yellow; }
+.ansi-blue-fg { color: blue; }
+.ansi-magenta-fg { color: magenta; }
+.ansi-cyan-fg { color: cyan; }
+.ansi-white-fg { color: white; }
+.ansi-bright-black-fg { color: black; }
+.ansi-bright-red-fg { color: red; }
+.ansi-bright-green-fg { color: green; }
+.ansi-bright-yellow-fg { color: yellow; }
+.ansi-bright-blue-fg { color: blue; }
+.ansi-bright-magenta-fg { color: magenta; }
+.ansi-bright-cyan-fg { color: cyan; }
+.ansi-bright-white-fg { color: black; }

dlang.org.ddoc

@@ -27,6 +27,7 @@ _=
 
 COMMON_HEADERS_DLANG=
 <link rel="stylesheet" href="$(STATIC css/codemirror.css)">
+<link rel="stylesheet" href="$(STATIC css/ansi.css)">
 _=
 COMMON_SCRIPTS =
     $(SCRIPTLOAD https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js)
@@ -36,6 +37,7 @@ COMMON_SCRIPTS =
 _=
 COMMON_SCRIPTS_DLANG =
     $(SCRIPTLOAD $(STATIC js/codemirror-compressed.js))
+    $(SCRIPTLOAD $(STATIC js/ansi_up.min.js))
     $(SCRIPTLOAD $(STATIC js/run.js))
 _=
 

js/run.js

@@ -47,6 +47,9 @@ var nl2br = function()
     return this.replace(/\n/g, "<br>");
 }
 
+var ansi_up = new AnsiUp;
+ansi_up.use_classes = true;
+
 function safeVar(data, path)
 {
     var p = path.split(".");
@@ -101,7 +104,8 @@ var backends = {
     requestTransform: function(data) {
         var req = {
             source: data.code,
-            compiler: dmdCompilerBranch
+            compiler: dmdCompilerBranch,
+            color: true
         }
         // only send set attributes
         if (data.stdin) {
@@ -150,7 +154,7 @@ function parseOutput(res, o, oTitle)
         if ($.browser.msie)
             o.html(nl2br(res.cout));
         else
-            o.text(res.cout);
+            o.html(ansi_up.ansi_to_html(res.cout));
 
         return;
     }

posix.mak

@@ -297,10 +297,10 @@ IMAGES=favicon.ico $(ORGS_USING_D) $(addprefix images/, \
 
 JAVASCRIPT=$(addsuffix .js, $(addprefix js/, \
 	codemirror-compressed dlang ddox listanchors platform-downloads run \
-	run_examples show_contributors jquery-1.7.2.min))
+	run_examples show_contributors jquery-1.7.2.min ansi_up.min))
 
 STYLES=$(addsuffix .css, $(addprefix css/, \
-	style print codemirror ddox))
+	style print codemirror ddox ansi))
 
 ################################################################################
 # HTML Files