This web interface is divided by a slider and contains the Editor area to the left and a few tabs to the right, as you can see. The Editor component is powered by CodeMirror 6 and offers custom-made syntax highlighting, basic linting, autocompletion, and hover tooltips to aid you in writing your rules. Tab serves its traditional function of advancing the cursor to the next tab stop. The Editor supports all the common keybindings, such as Ctrl-Z, Ctrl-Shift-Right, Shift-Home, Ctrl-Backspace, as well as a few worth listing:
- Shift-Alt-Up — copy line up
- Shift-Alt-Down — copy line down
- Ctrl-L — select line
- Ctrl-I — select parent element
- Ctrl-Shift-K — delete line
- Ctrl-Shift-\ — move cursor to matching bracket
- Ctrl-/ — toggle comment (comment/uncomment selection/line)
- Ctrl-M — toggle tab-focus mode (allows you to use Tab to navigate out of the Editor
The Toolbar above the Editor has buttons to Open (upload) a file, Save (download) it, Parse the rules, Transform input text by applying the rules (see the Try tab), and Generate a JavaScript function, as described on the About tab. Parsing refers to the syntactic analysis of your rules by the computer to make them ready to be further applied or generate a function upon. To avoid the waste of resources, it is not done automatically, so make sure to press [Parse] every time you've done making some changes to the rules!
Finally, you can test your rules on a text by writing it (or pasting) in the Input field on the Try tab and pressing [Transform]. As the current version of Skrypt is still yet to be perfected, it may not be very performant with large inputs.