Registering Extensions for a Component Built on MonacoEditorReact

[pbrostean]

Hi everyone,

I'm currently working on a component that is built on top of monacoEditorReact, and I'm exploring ways to register extensions for it. Specifically, I'm interested in two approaches:

1. Bundling a language as a .vsix extension using the @codingame/monaco-vscode-rollup-vsix-plugin.
2. Registering a language built as an npm package.

So far, I've only managed to bundle an extension/language directly into the editor. However, it would be incredibly useful to have the ability to start with a base editor and extend it with languages as needed. My goal is to be able to pass languages into my built npm component dynamically, rather than bundling them directly.

Has anyone successfully registered extensions in this manner? Any guidance or examples would be greatly appreciated!

Thanks in advance for your help!

[CGNonofr]

I'm not sure you are trying to achieve exactly, but:

• if you want to register you add languages only when needed, you can use the @codingame/monaco-vscode-rollup-vsix-plugin with a dynamic import you only load when required? Note that it's pretty useless, VSCode is already only loading extension assets when it needs it
• You can add the extension gallery and let the user install language extensions?

[CGNonofr]

You need to configure vite to keep them as external dependencies. With rollup it's pretty straighforward, but I don't know about vite

[CGNonofr]

Btw I'm not sure why you need vite at all, a simple tsc if enough 90% of the time

[pbrostean]

Thanks for the Note, I'll look into it.

Vite is just the standard in our projects, so I didn't want to reinvent the wheel here and usually Vite keeps things pretty simple too with the given restrictions 😓

[CGNonofr]

vite or rollup or webpack are WAY MORE complicated than just running tsc though

[pbrostean]

WebDevelopment, everyone builds one abstraction layer on top of the next until no one understands what is actually happening on the lower levels. I'll definitely take a closer look at the equivalent config in tsc when the time comes 👐