Remapper playground refinements
Description
!3426 (merged) adds a new remapper playground, with some refinements left.
Requirements
-
fix: Monaco Editor JSON language contribution errors -
Consider adding the playground to the top level routes for easier access. -
Consider adding shareable snippets like with, jsfiddle, stackblitz, codepen, and other playgrounds. -
Consider lazy loading editors in playground (if possible). -
test: all examples -
Requires custom context -
Requires custom history
-
-
feat: add full-screen feature to show playground in -
refactor: share common Monaco Editor hooks between code editor and playground -
Allow scrolling page when mouse over editors (do not event.preventDefault) -
Reuse YAML validation from MonacoEditor and move YAML dep back to dev-dependencies. -
Use matching JSON themes between code snippets and playground editors. -
Consider making it more mobile friendly, perhaps combine with full-screen feature. -
Match keybinds closer to VSCode, such as: -
Working ctrl+delete -
Ctrl+arrow-key -
etc.
-
The following discussion from !3426 (merged) should be addressed:
-
@Ekhorn started a discussion: -
fix remapper validation -
fix styling -
add custom yaml syntax example -
handle JSON errors -
handle YAML errors -
resolve Monaco Editor JSON language contribution errors -
share examples between playground, definitions and tests -
verify all examples -
add fullscreen feature -
refactor share Monaco Editor hooks -
handle Monaco editorsetModel
error when value undefined -
?better editor? > https://github.com/antonmedv/codejar
-
Edited by Koen Schellingerhout