Language Client in Static Page

[leezetech]

Hi, I'm very much a newbie to this and would very much appreciate some help. I am currently running the vanilla monaco editor locally and statically in a webview2 control in .NET by simply navigating to the index.html file on the local drive that creates an instance of the editor. The interface is very simple and allows me to to run javascript to get data in/out of the editor between the browser and .NET.
I have been attempting to think about how I might use the language client in this scenario but it appears that the only way to do this would be to run the client wrapper in a node application on a server? Is this true or is there a way to run the language client in a static page?
Many thanks

[kaisalmen]

Hi @leezetech yes you can run the client in a static pages. JavaScript must be enabled/available, of course. The language server can either be run inside a web worker (not always possible) or as an externally process the client connects to via web socket. Our examples that don't require a backend are available via GitHub Pages here:
https://typefox.github.io/monaco-languageclient/index.html

An overview of all example you find here:
https://github.com/TypeFox/monaco-languageclient?tab=readme-ov-file#main-examples

[leezetech]

Thank you very much, I was using an older version which didn't have the production commands. I now have a production folder with an assets directory. However I've noticed that it appears that all the assets relating to the 'browser' example are there in the assets folder but everything still seems to be linked to the files on the internet as opposed to the local assets, so it won't run without an internet connection. Is there a way of pointing all of the links to the asset folder instead?
Also, there are approx 1500 files in the assets folder - is there a way to bundle these files into a smaller number of working files and update the internal dependency structure?
Many thanks

[kaisalmen]

@leezetech there is a local configuration for the production preview and the one that the production build is using. The local preview is build and started production:preview:buildand production:preview, see here:
https://github.com/TypeFox/monaco-languageclient/blob/main/packages/examples/package.json#L138-L139

Also, there are approx 1500 files in the assets folder - is there a way to bundle these files into a smaller number of working files and update the internal dependency structure?

You have to play around with vite/rollup setttigs

[leezetech]

Thanks very much for your quick replies, I will look into it.

[leezetech]

Hi thank you for your previous help, I've managed to get the browser example running locally. Ultimately I'm attempting to get a Python language client running locally so could I just ask why, at the moment, the Python client example is not considered to be able to run statically and locally?
Many thanks

[kaisalmen]

@leezetech yes, you can it run locally. The example on the GitHub Pages are limited to those that don't require a backend. The vite dev server "serves" all client statically. You can change the production config in your fork to include other example. You just need to specify a reachable language server address the client can use.