This repository started as a Lit component for Monaco Editor, but it has transformed into a wrapper for monaco-editor, monaco-languageclient and monaco-vscode-api and now features a react component (@typefox/monaco-editor-react) that encapsulates the monaco-editor-wrapper.
There are three npm packages generated from this repository:
- Monaco Editor Wrapper + Language Client: Wrapped monaco-editor with the capability to plug-in monaco-languageclient to connect to languages servers locally running (web worker) or remotely running (web socket).
- Monaco Editor React Component: Monaco Editor React Component enclosing the Monaco Editor Wrapper
- Monaco Editor Workers: Bundles the editor and language workers of monaco as module and classic worker. It supplies a function that eases loading them in an application context.
Additionally you can find a private examples packages containing all examples that are served by Vite (see next chapter).
We recommend using Volta to ensure your node & npm are on known good versions.
If you have node.js LTS available, then from the root of the project run:
npm i
npm run buildIf you get an error with npm i regarding tree-mending, you can run npm ci to clean things up from previous installations and continue.
Afterwards, launch the Vite development server:
npm run devIf you want to change dependent code in the examples, you have to watch code changes in parallel:
npm run watchYou can find examples (manual human testing) here index.html. They can be used once Vite is running. You can reach it once started on http://localhost:20001.