Lexical differential highlighting instead of syntax highlighting

In 2013 I was working in nuclear power plant automation. Can't talk much since I still haven't figured out which part of it was classified. But I probably wouldn't get arrested for mentioning that the job required reading a lot of assembly code.

Reading assembly is not as hard as it might occur to an untrained person. In fact, everyone can read a bit of assembly. But in large quantities, it's not too easy either. The mnemonics like RCR, SHRD, WBINVD, and CMPXCHG8B are fun to write, but hell to read.

What's worse, the standard approach to syntax highlighting doesn't help at all. It's fine that mov doesn't look like eax, but I'd rather prefer pmulhw and pmulhuw to be shown as differently as possible.

So I employed another kind of highlighting. It's not sytnax but lexical differential highlighting. “Lexical” since it doesn't need true syntax analysis, primitive tokenization and filtering are enough. And it's “differential” because it aims to highlight the difference between lexemes. Ideally, the smaller the lexical difference, the greater the color difference should be.

It works like this.

movq %rax, %r14 .align 16, 0x90 .LBB0_6: # =>This Inner Loop Header: Depth=1 movl -12(%r12,%rbx,4), %eax addl $-1, %eax imull %eax, %eax movl -8(%r12,%rbx,4), %ecx addl $-1, %ecx imull %ecx, %ecx addl %eax, %ecx movl -4(%r12,%rbx,4), %eax addl $-1, %eax imull %eax, %eax addl %ecx, %eax movl (%r12,%rbx,4), %ecx movl $1, %edx subl %ecx, %edx addl $-1, %ecx imull %edx, %ecx cmpl %ecx, %eax jne .LBB0_7 # BB#17: # in Loop: Header=BB0_6 Depth=1 incl 4(%rsp) .LBB0_7: # %.backedge # in Loop: Header=BB0_6 Depth=1 addq $1, %rbx cmpq $160000000, %rbx jne .LBB0_6

It's 2019, and I'm getting back to this idea. I'm using lexical differential highlighting not only for assembly but for most of the code published on Words and Buttons. There are two reasons to do so. First, it works with other languages too. And second, it saves your traffic. Yes, including right now.

Even considering quotes and comments, the tokenizer itself can be implemented in about 30 lines of code. And the painting function is even smaller. So instead of doing syntax highlighting statically or dragging a third-party library as a dependency, I simply rewrite the coloring code specifically for every page.

This way I can highlight code for any assembly dialect or any language including the most obscure and outdated ones. And it only takes a few KB per instance.

But, of course, rewriting the highlighter by hand would be extravagant, so I made this generator to do it for me.

Highlighter generator

Separators:

['

', ' ', '\t', '.', ',', ':', '=', '[', ']']



Quotes

['\'', '"']



Comments





Function name:





Regenerate the highlighter



... here will be the highlighter code...

Testing area: .data /* some sample strings */ ClassName db "SimpleWinClass", 0 AppName db " ", 0 .code /* some sample code */ ; increment counter .elseif wParam=='I' mov esi, offset counter_values mov ecx, i mov eax, [esi + ecx*4] inc eax mov [esi + ecx*4], eax ; decrement counter .elseif wParam=='D' mov esi, offset counter_values mov ecx, i mov eax, [esi + ecx*4] dec eax mov [esi + ecx*4], eax

Feel free to use it however you like. Just as every other piece of code on Words and Buttons, it's properly unlicensed.

P. S.

After a very fruitful discussion on Reddit, I've tried to emulate a bit of syntax highlighting to work together with the lexical highlighting. And it worked! Here's a quasi-sytnax-differential highlighter for JavaScript. It's highlighterd by itself.