Syntax Highlighting

[pablrod]

I can help adding syntax highlighting to hdb.

I already did a small attempt using highlight.js: pablrod@00a3dc1 But it need some work to get a good pull request (Solve CSS "dirty tricks" and remove CDN use).

If you think is a good idea, just let me know.

[brummett]

If you can get it working, I'd consider merging it in.

Javascript libs have just been dumped in lib/Devel/hdb/html/. For example, handlebars and jquery are already there. Whatever highlighting is used, it need to be readable even with the blue background of the current line, which it seems to,

Some complications you might need to be aware of. hdb parses the Perl code lines looking for things that look variable-like to support hovering the mouse over a variable to see its value. Simple vars like $a and @a get wrapped in a span. More complicated expressions like $a{b}, $a[2] and $a[$b] get wrapped in a couple of spans - if you mouse over the front part "$a", it'll show the whole hash, while mousing over the last part "{b}" just shows the value for that element. I tried your branch out on some simple expressions like those and it looks OK.

I also noticed that the highlighter does something with the line numbers on the left side of the code windows: some of them are green and some are black. Multiline strings also aren't highlighted properly. Both of these are probably because of how hdb breaks up each code line into its own div.

[pablrod]

The Javascript lib highlight.js is now in lib/Devel/hdb/html.
The issue with line numbers is also fixed, and hovering support is working.

pablrod@6f04cc4

But I'm still resolving the issue with multi line strings (and also here-docs)

Thanks for your comments and for pointing out multi line strings problem