You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Just launched the online Foi-Toy web tool. It's super rough and ugly. Here's a variety of ideas I have to improve it. There's more that's not on the list, too.
add a "code editor" widget (e.g., Ace, CodeMirror, etc) to the page for the entry of the code, instead of just a textarea
add github oauth to "login" so you can save snippets to your own gists and reload them and share (via shortlink) with others
pre-written "snippets" selector which shows a JS snippet side-by-side with a Foi snippet, so that you can select and auto-populate the tool with it (and perform the tokenization/syntax highlighting)
"screenshot" feature for the syntax highlighted code (export to SVG or PNG)
add feature where code in editor, syntax highlighter, and tokens list are scrolled/highlighted in "sync".
individual font-size selectors for code input box, syntax highlighting, and token list
make code input box, syntax highlighting iframe, and token list user-resizable (at least vertically)
offer some config options, like whether to validate or not, and save config settings in local storage
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Just launched the online Foi-Toy web tool. It's super rough and ugly. Here's a variety of ideas I have to improve it. There's more that's not on the list, too.
make it look cool/professional, like the Peg.js online tool looks.
add a "code editor" widget (e.g., Ace, CodeMirror, etc) to the page for the entry of the code, instead of just a
textarea
add github oauth to "login" so you can save snippets to your own gists and reload them and share (via shortlink) with others
pre-written "snippets" selector which shows a JS snippet side-by-side with a Foi snippet, so that you can select and auto-populate the tool with it (and perform the tokenization/syntax highlighting)
"screenshot" feature for the syntax highlighted code (export to SVG or PNG)
add feature where code in editor, syntax highlighter, and tokens list are scrolled/highlighted in "sync".
individual font-size selectors for code input box, syntax highlighting, and token list
make code input box, syntax highlighting iframe, and token list user-resizable (at least vertically)offer some config options, like whether to validate or not, and save config settings in local storage
etc
Beta Was this translation helpful? Give feedback.
All reactions