How to build the file system of monaco editor?

[newfish-cmyk]

I created 2 model, the index2.ts with code below,

and in index.ts, I can auto import like picture below

but with error

when I use import "./", it shows options below, which are the local files

So my problem is how can I change the "./" options from local files to virtual model files?
Thank you for all the help! 🌹

Demo

[CGNonofr]

The language server runs on the real filesystem, so you either need a way to access the server filesystem from the client, or synchronize the client changes on the filesystem

There is multiple way of doing it:

• just watching the model change and writing them to the disk (not recommended)
• implement and registering a filesystem overlay (using registerFileSystemOverlay from codingame/monaco-vscode-files-service-override) (nice but not trivial to implement, requires a channel and a protocol)
• use the vscode ext-host server (fully automatic, but has some downside: it requires its own websocket, it needs to be up and running from the beginning, you can't disconnect/reconnect to it...)

[CGNonofr]

Do not use RegisteredFileSystemProvider but implement your own filesystem provider (interface IFileSystemProviderWithFileReadWriteCapability) that reads and writes from/to the disk using any mean you want

[CGNonofr]

depending on your use-case, you can maybe use the HTMLFileSystemProvider as well. it uses the javascript filesystem api to access the filesystem of the machine where the browser runs (it ask for user permissions though, and not supported on Firefox and Safari)

[newfish-cmyk]

Thanks so much for your kind help!
I finally managed to get it work properly (using registerFileSystemOverlay from codingame/monaco-vscode-files-service-override)

[kaisalmen]

@newfish-cmyk superb! 🎉 Are you interested to add this as another example to this repo and create a PR for it? It could be a nice addition to the python LS example. @CGNonofr WDYT?

[CGNonofr]

Totally agree!