Registering a new language causes initialization issue

[vivekburman]

Hi, I've a use case which is failing github demo repo link.

Usecase:

1. Use Monaco Editor as an Editor with Gopls server for go lang files.
2. Register a new language "plaintext-log" for log files.

In file editor.ts I've added getUserConfig method to get the Userconfig and then added the "plaintext-log" language. Now when I load the page it shows the error. If I comment out registering the new language all works fine. But I do have a requirement to add that language at the beginning.

How can I resolve this issue?

[kaisalmen]

Hi @vivekburman why do you use create react app? Just use vite. See here for project generators: https://github.com/vitejs/vite/tree/main/packages/create-vite

Do you use react strict mode and everything is done twice? That would explain the error message?

[vivekburman]

Hi @kaisalmen
so I see you moved the register code post wrapper.start. This would mean that I must start a connection even if I'm launching a readonly editor instance?

Example:

1. There can be two files golang and a log/text file
2. Golang file needs edit functionality to connect to LSP server etc. etc. so it must run wrapper.init and wrapper.start
3. But a read only file like log/text should not depend on step 2.
4. Imagine a case a user logs in just looks at read files and never opens a code editor to actually edit any code.

[kaisalmen]

Hi @vivekburman that was just before I figured out what was going wrong. You can do it however you want.

[vivekburman]

Hi @kaisalmen so here the issue with migrating from "extended" to "classic" type is, I don't see anymore code syntax highlighting. If I try below combos here the outputs

1. Extended - Gets me syntax highlighting of Golang, but then I cannot register my own theme for a custom language using either monaco.editor.defineTheme nor passing an object in WrapperConfig.editorAppConfig.languageDef. First raises error "Service is already initialized" and the Second one says "Language definition is not supported for extended editor apps where textmate is used."

2. Classic - The golang text now renders in only black text. But the theme for custom language is working fine.

What I need is Golang works with code syntax highlighting as it is, and I should be able to use monaco to register custom language and its custom theme too.

[kaisalmen]

@vivekburman for go syntax highlighting in classic mode you have to use:
import '@codingame/monaco-vscode-standalone-languages';
and install the corresponding package before, of course.

In extended you have to define your language as you do in VSCode. We have both configs available for our Langium grammar language examples, see here:
Langium classic
Langium extended