Problem with Monaco code Highlighting

[lazkany]

I have developed a small language with Languim. Everything works okay right now except for syntax highlighting on Monaco.

If I paste my monarch syntax on the Monarch editor online, it works. However, this is not the case when I run it on localhost.

Every other thing like validation, parsing, works fine. I guess I have a problem with my setup.js that I could not find so far.

My setup.js is below:

Thanks for the great work and efforts.

import { MonacoEditorLanguageClientWrapper } from './monaco-editor-wrapper/index.js';
import { buildWorkerDefinition } from "./monaco-editor-workers/index.js";
import monarchSyntax from "./syntaxes/syntm.monarch.js";

buildWorkerDefinition('./monaco-editor-workers/workers', new URL('', window.location.href).href, false);

MonacoEditorLanguageClientWrapper.addMonacoStyles('monaco-editor-styles');

const client = new MonacoEditorLanguageClientWrapper();
const editorConfig = client.getEditorConfig();
editorConfig.setMainLanguageId('syntm');

editorConfig.setMonarchTokensProvider(monarchSyntax);

editorConfig.setMainCode(`

SPEC S

In(r0,r1,r2) , Out(g0,g1,g2)

Agent A1 -> In(r0) , Out(g0)
Agent A2 -> In(r1) , Out(g1)
Agent A3 -> In(r2) , Out(g2)

Assume Env /*comments*/
true

Guarantee Sys
G (r2 -> F g2)
`);

editorConfig.theme = 'vs';
editorConfig.useLanguageClient = true;
editorConfig.useWebSocket = false;

const workerURL = new URL('./syntm-server-worker.js', import.meta.url);
console.log(workerURL.href);

const lsWorker = new Worker(workerURL.href, {
    type: 'classic',
    name: 'Syntm Language Server'
});
client.setWorker(lsWorker);

// keep a reference to a promise for when the editor is finished starting, we'll use this to setup the canvas on load
const startingPromise = client.startEditor(document.getElementById("monaco-editor-root"));

[msujew]

@lazkany Do you get any errors in the console when loading the monarch grammar? We could've accidentally generated an invalid grammar.

[cdietrich]

there is something broken how you copy the js file arround

[lazkany]

Hi,

Sorry I am not that experienced. I was only following the tutorial. Okay, I see that this is old, but can't figure out why it did not pick up my new file instead.

[cdietrich]

this is the import in your setup.js i assume

[cdietrich]

[lazkany]

This is how it looks on my laptop!

[lazkany]

Okay Thanks that helped a lot. I found the broken thing.

In package.json, there is a command that says: "copy:monarch-syntax": "shx cp -fr ./out/syntaxes ./public/syntaxes",(By the way this is autogenerated)

this creates another syntaxes folder inside and causes the problem.

I changed it to "copy:monarch-syntax": "shx cp -fr ./out/syntaxes ./public/", and it works

Many Thanks

[cdietrich]

if this is the case with the latest generator langium i consider this a bug
cc @kaisalmen

[Yokozuna59]

It should have been resolved in #1079.
@msujew I guess the review didn't resolve the issue.