Monacoeditor wrapper for easy/one-line integration with anyReactapplication without needing to usewebpack(or any other module bundler) configuration files / plugins. It can be used with apps generated bycreate-react-app,create-snowpack-app,vite,Next.jsor any other app generators -you don't need...
If you use Vite, you need to do this:import { loader } from '@monaco-editor/react'; import * as monaco from 'monaco-editor'; import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'; import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'; ...
Package version: 0.53.0 Bundler: Vite You can reproduce the issue in my sandbox: https://codesandbox.io/p/sandbox/goofy-hooks-czy94d?file=%2Fsrc%2FApp.tsx%3A14%2C34 It seems that your package does not work with Vite properly. I tried the same code on Webpack, and the context menu...
The root cause issue seemed to stem from the fact that we were usingviteandvite-plugin-monaco-editorto load in our workers. I ended up completely removingvite-plugin-monaco-editorand implemented worker loading manually: // src/monaco.tsximport*asmonacofrom"monaco-editor"importMonacoEditor,{DiffEd...
If you have node.js LTS available, then from the root of the project run: npm i npm run build Afterwards launch the Vite.js development mode: npm run dev You find examples (manual human testing) in the root of the repositoryindex.html. They can be used once Vite is running. ...
Monacoeditor wrapper for easy/one-line integration with anyReactapplication without needing to usewebpack(or any other module bundler) configuration files / plugins. It can be used with apps generated bycreate-react-app,create-snowpack-app,vite,Next.jsor any other app generators -you don't need...
"vite": "~4.4.11" }, "dependencies": { "@codingame/monaco-vscode-keybindings-service-override": "~1.83.2", "@typefox/monaco-editor-react": "2.3.0", "monaco-editor": "~0.44.0", "monaco-editor-workers": "~0.44.0", "monaco-editor-wrapper": "~3.3.0", "monaco-languageclient"...
"vite:build:worker/statemachine": "vite --config vite.showcase-worker.ts build", "build:worker/monaco-editor-react": "vite --config vite.bundle-monaco-editor-react.ts build", "build:worker/arithmetics": "esbuild ../node_modules/langium-arithmetics-dsl/out/language-server/main-browser.js...
Afterwards, launch the Vite development server: npm run dev If you want to change dependent code in the examples (monaco-editor-wrapperand@typefox/monaco-editor-react), you have to watch code changes in parallel: npm run watch You can find examples (manual human testing) hereindex.html. The...
@tr3ysmith (Trey Smith): Fix possible duplicate of editors in vite sample PR #3390[0.34.1]Adds API to register global actions, commands, or keybinding rules [0.34.0]Introduction of IEditor.createDecorationsCollection API New function removeAllMarkers to remove all markers Support for light high...