json-logic-vue
A collection of web components for viewing and evaluating JsonLogic expressions written in vue3 and bootstrap5 with a "sandbox" demo.
Notes
Skeleton created with Vue CLI (v4.5.13).
Useful:
- https://stackoverflow.com/questions/65547199/using-bootstrap-5-with-vue-3
- https://github.com/CarterLi/vue3-ace-editor
- https://stackoverflow.com/questions/62023604/where-to-find-or-how-to-set-htmlwebpackplugin-options-title-in-project-created-w
TODO
- mock up demo
- ignore context variables not used in the expression
- edit context values
- sortable evaluation table
- new expression button
- share with url
- deploy to github pages
- autocomplete in the text editor
- validation in the json editor
- autocomplete in the json editor
- visual editor (frame-based?)
Frame based editors
Getting the usability of a visual expression editor right is tricky, especially one that can support beginners and experts. Some interesting ideas are here: