updated the playground to support langium 4.1

Author: emilkrebs

hugo/content/playground/common.ts

@@ -14,7 +14,7 @@ import { render } from './Tree.js';
 import { overlay, throttle } from "./utils.js";
 import { addMonacoStyles, createUserConfig, MonacoEditorLanguageClientWrapper } from "langium-website-core/bundle";
 import { DocumentChangeResponse } from "langium-ast-helper";
-import { DefaultAstNodeLocator } from "langium";
+import { DefaultAstNodeLocator, LanguageMetaData } from "langium";
 import { createServicesForGrammar } from "langium/grammar";
 import { generateTextMate } from "langium-cli/textmate";
 export { share, overlay } from './utils.js';
@@ -209,8 +209,16 @@ async function getFreshDSLWrapper(
   code: string,
   grammarText: string
 ): Promise<MonacoEditorLanguageClientWrapper | undefined> {
+
+  const languageMetaData: LanguageMetaData =  {
+    caseInsensitive: false,
+    fileExtensions: [`.${languageId}`],
+    languageId: languageId,
+    mode: 'development'
+  };
+  
   // construct and set a new monarch syntax onto the editor
-  const { Grammar } = await createServicesForGrammar({ grammar: grammarText });
+  const { Grammar } = await createServicesForGrammar({ grammar: grammarText, languageMetaData });
   const worker = await getLSWorkerForGrammar(grammarText);
   const wrapper = new MonacoEditorLanguageClientWrapper();
   const textmateGrammar = JSON.parse(generateTextMate(Grammar, { id: languageId, grammar: 'UserGrammar' }));

hugo/content/playground/user-validator.ts

@@ -11,14 +11,15 @@ export class PlaygroundValidator extends DefaultDocumentValidator {
             const linkingError = reference.error;
             if (linkingError) {
                 const info: DiagnosticInfo<AstNode, string> = {
-                    node: linkingError.container,
-                    property: linkingError.property,
-                    index: linkingError.index,
+                    node: linkingError.info.container,
+                    range: reference.$refNode?.range,
+                    property: linkingError.info.property,
+                    index: linkingError.info.index,
                     data: {
                         code: DocumentValidator.LinkingError,
-                        containerType: linkingError.container.$type,
-                        property: linkingError.property,
-                        refText: linkingError.reference.$refText
+                        containerType: linkingError.info.container.$type,
+                        property: linkingError.info.property,
+                        refText: linkingError.info.reference.$refText
                     } satisfies LinkingErrorData
                 };
                 diagnostics.push(this.toDiagnostic('warning', `${linkingError.message}\nIn case you want to adjust the linking rules, please consult the learning section in the Langium documentation.`, info));

hugo/content/playground/user-worker.ts

@@ -6,9 +6,9 @@
 
 import { NotificationType } from 'vscode-languageserver/browser.js';
 import { DocumentChange, createServerConnection } from './worker-utils.js';
-import { LangiumServices, startLanguageServer } from 'langium/lsp';
-import { DocumentState } from 'langium';
-import { createServicesForGrammar } from 'langium/grammar';
+import { createDefaultModule, LangiumServices, startLanguageServer } from 'langium/lsp';
+import { DefaultServiceRegistry, DocumentState, inject } from 'langium';
+import { createServicesForGrammar, LangiumGrammarGeneratedModule } from 'langium/grammar';
 import { PlaygroundValidator } from './user-validator.js';
 
 // listen for messages to trigger starting the LS with a given grammar
@@ -34,21 +34,22 @@ async function startWithGrammar(grammarText: string): Promise<void> {
     // create a fresh connection for the LS
     const connection = createServerConnection();
 
-    // create shared services & serializer for the given grammar grammar
-    const { shared, serializer } = await createServicesForGrammar({
+    const module = {
         grammar: grammarText,
         module: {
             validation: {
                 DocumentValidator: (services: LangiumServices) => new PlaygroundValidator(services) 
             }
         },
         sharedModule: {
-    
             lsp: {
                 Connection: () => connection,
             }
         },
-    });
+    };
+
+    // create shared services & serializer for the given grammar grammar
+    const { shared, serializer } = await createServicesForGrammar(module);
 
     // listen for validated documents, and send the AST back to the language client
     shared.workspace.DocumentBuilder.onBuildPhase(DocumentState.Validated, documents => {
@@ -61,7 +62,7 @@ async function startWithGrammar(grammarText: string): Promise<void> {
             });
         }
     });
-
+    
     // start the LS
     startLanguageServer(shared);
 

hugo/package.json

@@ -39,14 +39,14 @@
     "clsx": "^1.2.1",
     "d3": "^7.8.5",
     "hugo-extended": "~0.89.4",
-    "langium": "^3.0.0",
-    "langium-arithmetics-dsl": "^3.0.0",
+    "langium": "^4.1.0",
+    "langium-arithmetics-dsl": "^4.1.0",
     "langium-ast-helper": "0.1.2",
-    "langium-cli": "^3.0.3",
-    "langium-domainmodel-dsl": "^3.0.0",
-    "langium-minilogo": "^3.0.0",
+    "langium-cli": "^4.1.0",
+    "langium-domainmodel-dsl": "^4.1.0",
+    "langium-minilogo": "^3.0.1",
     "langium-sql": "^0.3.2",
-    "langium-statemachine-dsl": "^3.0.0",
+    "langium-statemachine-dsl": "^4.1.0",
     "langium-website-core": "~1.0.0",
     "lz-string": "^1.4.4",
     "monaco-editor-workers": "~0.44.0",