Need Docs and Integration Step By Step

[Mullayam]

I tried integrating everything manually, but I was not able to get it working properly.

However, I found a project called vscode-focus-demo, which already has everything preconfigured and working out of the box.

I would like something similar for my internal project — a modular and customizable setup where I can enable features based on my needs.

For example:

If I want to use the terminal, I should be able to enable just the terminal module.

If I only need extension support, I should be able to enable only the extension system.

If I want to add Git integration, I can plug in the Git module.

If I need filesystem support, I can add the filesystem module separately.

I found this reference:
https://monaco-vscode-api.netlify.app/

This looks very close to what I need — a preconfigured Monaco + VS Code API environment that can be customized.

I would like guidance on:

How to properly set this up for a production-grade internal project

How to modularize it so features like terminal, extensions, Git, and filesystem can be enabled or disabled independently

How to structure it cleanly instead of having everything tightly coupled

Basically, I need a customizable VS Code–like editor foundation built on Monaco that I can extend based on project requirements.

[CGNonofr]

However, I found a project called vscode-focus-demo, which already has everything preconfigured and working out of the box.

I'm not able to find this vscode-focus-demo, and I have no idea what it can be

monaco-editor-wrapper is a lib we use to configure the monaco-vscode-api libs the way we want for internal usage at CodinGame. If you do have special needs, I would recommend using monaco-vscode-api directly.

If I want to use the terminal, I should be able to enable just the terminal module.

If I only need extension support, I should be able to enable only the extension system.

If I want to add Git integration, I can plug in the Git module.

If I need filesystem support, I can add the filesystem module separately.

Each of those features are separate service-override you can chose to import. (by filesystem I assume you are mentionning the File Explorer)

I found this reference:
https://monaco-vscode-api.netlify.app/

That's the demo of the monaco-vscode-api libs

I would like guidance on:

How to properly set this up for a production-grade internal project

How to modularize it so features like terminal, extensions, Git, and filesystem can be enabled or disabled independently

How to structure it cleanly instead of having everything tightly coupled

Basically, I need a customizable VS Code–like editor foundation built on Monaco that I can extend based on project requirements.

Please have a look at the wiki of monaco-vscode-api. If you still have some questions, feel free to open a new discussion on the monaco-vscode-api side