Make a component playground about vugu

[bradleypeabody]

Not sure if this is going to be too much effort for a first attempt at this, but it would be really cool to have a code editor with syntax highlighting. Doing this is a big jump in complexity because it means moving from a simple <textarea> to a custom component that manually processes every key, click and tap.

Documenting some ideas here of features that could make this worth the effort if attempted:

• Regular basic editor features like: blinking cursor, text selection, typing text, deleting text, copy, paste.
• Auto-indentation.
• Shift+Enter or some such key combo should run. Probably short cuts for formatting when avail and share.
• Line numbers
• Syntax highlighting. Ideally some existing highlighter could be used, like the thing I hacked in here, only preferably less hacky. Should be a way to plug in different syntaxes. Possibly "vugu" is a syntax that is just a thin wrapper around html, css and go syntaxes from Chroma (or maybe contribute a "vugu" syntax to the Chroma project - that'd probably be better).
• When you click an HTML tag, it should highlight the other part of the tag (open or closed).
• Multiple cursors? (talk about fancy!)
• "Select next one like this" Ctrl+d.
• Mind as well make it it's own re-usable vugu component if the effort is gone through to make all this work.
• Must be unicode-friendly with proper handling of utf-8 chars.

Also, #9 (vugufmt) could be used to format the output. Which would be on par with or in some ways better than what you get from jsfiddle.net and similar sites.

Overall this would give a very fancy, developer-friendly feel to the interface.

Sounds really fun and like it will require way more time than I have. I will probably just leave this here and go with a textarea for now until some of the more vital features for Vugu are done.

[bradleypeabody]

First pass is done. Copying the notes on future features to a new issue.