commit cd5d4903938c44296564bafac57a9657bbd0506c
author Peter Johnston <peterjohnston@google.com> Tue Apr 28 15:32:58 2020 -0400
committer Peter Johnston <peterjohnston@google.com> Tue Apr 28 19:49:30 2020 +0000
tree d58bffd7ae4b58118b50b4864f467f36d90bc102
parent 731367a997b16c9718027c781ef0fb2ab6d82ec5

Add syntax highlighting to error output

The color is in this format:
  <bold>fidlbolt.fidl:4:15 </bold><invalid>error:</invalid>
  <bold> error message</bold>
                 error span
  <bold><keyword>^~~~~~~~~~</keyword><bold>

Where `invalid` and `keyword` are styles defined by Ace editor themes.

Change-Id: I26ebf699631b76773cbf24bb2b21e2196c15c8e6

frontend/src/ace-modes.js

diff --git a/frontend/src/ace-modes.js b/frontend/src/ace-modes.js
index 3b743d1..f78a298 100644
--- a/frontend/src/ace-modes.js
+++ b/frontend/src/ace-modes.js
@@ -20,6 +20,14 @@
             token: 'invalid',
             regex: /^(:?(:?Server|Network) )?Error:$/,
           },
+          {
+            token: ['markup.bold', 'invalid', 'markup.bold'],
+            regex: /^([\w\-\/.~]+:[0-9]*:[0-9]*: )(error:)( .+)$/
+          },
+          {
+            token: 'markup.bold.keyword',
+            regex: /~*\^~*$/,
+          },
         ],
       };
     }