xxuejie/mruby-web-irb — pull request #7 by joshnuss (2013-04-30 01:01:47+00:00)
Title: UI Updates

This still a WIP in progress

Being that IRB is the workhorse of any ruby toolchain, though it would be good to put some work into the UI. It is inspired by the chrome/safari web inspector tool which splits command mode and edit mode into a 2 column view.

The command view is IRB, type command and hit to see result. Use / arrows to navigate history. History is stored in browser locale storage :D

In the editor view the user can click to run entire listing.

The jist of it is there, so please give it a try and let me know what you think

Here are some todos I am still working

- [] splitter view. ability to popup multiline editor (like chrome web inspector)
- [] remember splitter dimensions preferences in local storage
- [] remember splitter dimensions preferences in local storage
- [] remove "Clear editor after submitting options" use reset command instead (gives more control). in addition they can hit F5 and refresh the page since we store command history in localStorage
- [x] user can hit shift-enter to submit code listing
- [] show welcome info on first visit with overview and "try it now/start now" button
- [] remember that the user saw welcome popup in local storage
- [] add "help" command, should popup with list of keystrokes and examples
- [x] add fork me on github logo
- [x] update font
- [x] clicking anywhere in shell should focus input
- [] handle recalling multiline commands
- [x] store history in browser local storage
- [] store edits made in ace code editor in local storage