[feature] Monaco Editor integration
itsnitinr opened this issue · comments
Is your feature request related to a problem? Please describe.
To make the website look more VSCode-esque, I could integrate the Monaco Editor, which powers Visual Studio Code. However, is it worth it? Or will it make the user experience harder?
Describe the solution you'd like
https://www.npmjs.com/package/@monaco-editor/react
This package can be used to easily integrate Monaco with Next.js and use it on read-only mode.
Describe alternatives you've considered
An alternative is to code a mock layout that mimics Visual Studio Code without the actual editor functionality. Special precautions can be taken to achieve a better user experience or I can ditch the whole layout idea itself and keep it simple.
Additional context
One of the major issues with integrating Monaco is to define a custom theme for Monaco. Might be too much effort just to get the UI to look consistent with the theme.