vscode extension marketplace

[JoJ3o]

Is it possible to add vscode extension marketplace functionality? This means an "Extensions" button that shows a list of all extensions that you can search and install, just like in vscode.

[CGNonofr]

Yes

[JoJ3o]

I realize that monaco-editor and monaco-vscode-api have a high entry barrier for a beginner that hasn't used either before, so I'll go through this as slowly as I need to and document my experience and questions.

So first off, the main goal, as stated above, is to use monaco-editor and integrate vscode extensions just like in the real vscode.

Apparently this is possible but I have my doubts, which I will address later.

Monaco Editor

The first step is to have a barebones instance of monaco-editor. The wiki shows step-by-step instructions using bun. I follow the instructions and running bun run dev, I receive the problem "Could not create web worker(s)".

No big problem, the wiki mentions exactly this in the next section.
I update the code, and there it is. I see an editor.

Monaco vscode API

Now I need to get the same editor running with the monaco-vscode-api dependencies installed.
The wiki has a "New Beginning" section for this. I follow the steps exactly, but when running, I get a "Unsupported" error.

This is odd, since its telling me I need to register a service override, but it appears that none of the packages in the instructions contain a "service-override" package. Maybe it's a worker issue like previously, so let me update the code.

Updated the code, but same issue. There is one more code block in the wiki regarding the vite.config.ts, but when updated, the same issue persists.

I will try looking at the 3 links I spotted previously in the wiki regarding adding monaco-vscode-api to your project.

The 1st, #444:
Here the first import is 'vscode/services'.
I assume the import comes from the alias at the top of the readme: npm install vscode@npm:@codingame/monaco-vscode-api, but when installed, there's no "services" to be found. With these exports in the vscode package.json:

I believe the import is referring to a services.js file in the module, which is not there. Neither can I find a version that does: https://www.npmjs.com/package/@codingame/monaco-vscode-extension-api/v/23.2.2?activeTab=code

Okay maybe it's outdated, I'll move onto the 2nd link, #465:

This also contains the "vscode/services" import. Same issue. Let's continue to the 3rd and last link, #510:
I spot the same import, this time only importing a log class, but it still doesn't makes sense. Plus this example is even further away from being minimal/barebones than the first two.

Now even if I were to get the basic editor working. I still have a few more concerns about my next steps:

• Can I fetch all extensions from microsoft extensions marketplace or do I need to use the open vsx registry instead?
• Will any .vsix file load correctly or are some extensions incompatible with monaco. If so, are they inherently incompatible with monaco or can I add stuff to make them work. And how do I know which extensions are inherently incompatible and which are not.

Could you help me with my editor issues and address my concerns?

[CGNonofr]

I follow the steps exactly, but when running, I get a "Unsupported" error.
This is odd, since its telling me I need to register a service override, but it appears that none of the packages in the instructions contain a "service-override" package.

That service override is a default one, but for it to be used, you need to initialize the services using the exported initialize function before doing anything else

The 1st, #444:
Here the first import is 'vscode/services'.
I assume the import comes from the alias at the top of the readme: npm install vscode@npm:@codingame/monaco-vscode-api, but when installed, there's no "services" to be found. With these exports in the vscode package.json:

It has changed a bit since then, vscode/services is now just @codingame/monaco-vscode-api

Can I fetch all extensions from microsoft extensions marketplace or do I need to use the open vsx registry instead?

the Microsoft extensions marketplace only allows their origins, so it won't work in web mode. It's not allowed but their term or services anyway

Will any .vsix file load correctly or are some extensions incompatible with monaco. If so, are they inherently incompatible with monaco or can I add stuff to make them work. And how do I know which extensions are inherently incompatible and which are not.

The lib has the exact same restrictions as VSCode itself: in web only mode, only web-compatible extensions can run.
If you want to be able to run any extension, your need a remote extension host (the vscode reh) and connect to it using the remote agent service override

[JoJ3o]

Thank you for your response.
I'm looking into REH at the moment. I noticed something called vscode-ext-host-server is that still a thing or do I have to run vscode server directly? I also assume I can't have REH without a vscode server.

[CGNonofr]

The whole point is that those extensions need node, processes and a real filesystem to work, so yes, you need a server