monaco-languageclient-examples 2025.8.6 → 2025.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monaco-languageclient-examples",
-  "version": "2025.8.6",
+  "version": "2025.9.1",
   "description": "Monaco Language client examples",
   "author": {
     "name": "TypeFox GmbH",
@@ -29,8 +29,8 @@
       "default": "./dist/node.js"
     },
     "./json-client": {
-      "types": "./dist/json/client/client.d.ts",
-      "default": "./dist/json/client/client.js"
+      "types": "./dist/json/client/extended.d.ts",
+      "default": "./dist/json/client/extended.js"
     },
     "./python-client": {
       "types": "./dist/python/client/main.d.ts",
@@ -54,7 +54,7 @@
         "dist/node"
       ],
       "json-client": [
-        "dist/json/client/client"
+        "dist/json/client/extended"
       ],
       "worker/langium": [
         "dist/langium/langium-dsl/worker/langium-server"
@@ -69,7 +69,7 @@
     "npm": ">=10.2.3"
   },
   "volta": {
-    "node": "22.18.0",
+    "node": "22.19.0",
     "npm": "10.9.3"
   },
   "files": [
@@ -82,48 +82,48 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@codingame/monaco-vscode-configuration-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-cpp-default-extension": "~20.2.1",
-    "@codingame/monaco-vscode-debug-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-editor-api": "~20.2.1",
-    "@codingame/monaco-vscode-environment-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-explorer-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-files-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-groovy-default-extension": "~20.2.1",
-    "@codingame/monaco-vscode-java-default-extension": "~20.2.1",
-    "@codingame/monaco-vscode-javascript-default-extension": "~20.2.1",
-    "@codingame/monaco-vscode-json-default-extension": "~20.2.1",
-    "@codingame/monaco-vscode-keybindings-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-lifecycle-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-localization-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-preferences-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-python-default-extension": "~20.2.1",
-    "@codingame/monaco-vscode-remote-agent-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-search-result-default-extension": "~20.2.1",
-    "@codingame/monaco-vscode-search-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-secret-storage-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-standalone-json-language-features": "~20.2.1",
-    "@codingame/monaco-vscode-standalone-typescript-language-features": "~20.2.1",
-    "@codingame/monaco-vscode-testing-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-storage-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-textmate-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-theme-defaults-default-extension": "~20.2.1",
-    "@codingame/monaco-vscode-theme-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-typescript-basics-default-extension": "~20.2.1",
-    "@codingame/monaco-vscode-typescript-language-features-default-extension": "~20.2.1",
-    "@codingame/monaco-vscode-views-service-override": "~20.2.1",
-    "@codingame/monaco-vscode-outline-service-override": "~20.2.1",
-    "@typefox/monaco-editor-react": "~7.0.0-next.1",
+    "@codingame/monaco-vscode-configuration-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-cpp-default-extension": "^21.1.0",
+    "@codingame/monaco-vscode-debug-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-editor-api": "^21.1.0",
+    "@codingame/monaco-vscode-environment-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-explorer-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-files-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-groovy-default-extension": "^21.1.0",
+    "@codingame/monaco-vscode-java-default-extension": "^21.1.0",
+    "@codingame/monaco-vscode-javascript-default-extension": "^21.1.0",
+    "@codingame/monaco-vscode-json-default-extension": "^21.1.0",
+    "@codingame/monaco-vscode-keybindings-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-lifecycle-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-localization-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-preferences-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-python-default-extension": "^21.1.0",
+    "@codingame/monaco-vscode-remote-agent-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-search-result-default-extension": "^21.1.0",
+    "@codingame/monaco-vscode-search-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-secret-storage-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-standalone-json-language-features": "^21.1.0",
+    "@codingame/monaco-vscode-standalone-typescript-language-features": "^21.1.0",
+    "@codingame/monaco-vscode-testing-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-storage-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-textmate-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-theme-defaults-default-extension": "^21.1.0",
+    "@codingame/monaco-vscode-theme-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-typescript-basics-default-extension": "^21.1.0",
+    "@codingame/monaco-vscode-typescript-language-features-default-extension": "^21.1.0",
+    "@codingame/monaco-vscode-views-service-override": "^21.1.0",
+    "@codingame/monaco-vscode-outline-service-override": "^21.1.0",
+    "@typefox/monaco-editor-react": "~7.0.0",
     "cors": "~2.8.5",
     "express": "~5.1.0",
     "jszip": "~3.10.1",
-    "langium": "~4.0.0",
-    "monaco-languageclient": "~10.0.0-next.1",
+    "langium": "~4.0.3",
+    "monaco-languageclient": "~10.0.0",
     "pyright": "~1.1.404",
     "react": "~19.1.1",
     "react-dom": "~19.1.1",
     "request-light": "~0.8.0",
-    "vscode": "npm:@codingame/monaco-vscode-extension-api@~20.2.1",
+    "vscode": "npm:@codingame/monaco-vscode-extension-api@^21.1.0",
     "vscode-json-languageservice": "~5.6.1",
     "vscode-languageclient": "~9.0.1",
     "vscode-languageserver": "~9.0.1",
@@ -134,7 +134,7 @@
   },
   "devDependencies": {
     "@types/cors": "~2.8.19",
-    "@types/emscripten": "~1.40.1",
+    "@types/emscripten": "~1.41.2",
     "@types/express": "~5.0.3",
     "@types/ws": "~8.18.1",
     "langium-cli": "~4.0.0",

package/src/appPlayground/common.ts

@@ -12,9 +12,6 @@ export const configurePostStart = async (apiWrapper: MonacoVscodeApiWrapper, con
     const result = apiWrapper.getExtensionRegisterResult('mlc-app-playground') as RegisterLocalProcessExtensionResult;
     result.setAsDefaultApi();
 
-    // WA: Force show explorer and not search
-    await vscode.commands.executeCommand('workbench.view.explorer');
-
     await Promise.all([
         await vscode.workspace.openTextDocument(configResult.helloTsUri),
         await vscode.workspace.openTextDocument(configResult.testerTsUri)

package/src/appPlayground/config.ts

@@ -27,9 +27,8 @@ import '@codingame/monaco-vscode-typescript-language-features-default-extension'
 
 import '../../resources/vsix/open-collaboration-tools.vsix';
 
-import { defaultHtmlAugmentationInstructions, defaultViewsInit, type MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
-import type { EditorAppConfig } from 'monaco-languageclient/editorApp';
 import { createDefaultLocaleConfiguration } from 'monaco-languageclient/vscodeApiLocales';
+import { defaultHtmlAugmentationInstructions, defaultViewsInit, type HtmlContainerConfig, type MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
 import { configureDefaultWorkerFactory } from 'monaco-languageclient/workerFactory';
 import helloTsCode from '../../resources/appPlayground/hello.ts?raw';
 import testerTsCode from '../../resources/appPlayground/tester.ts?raw';
@@ -37,19 +36,17 @@ import { createDefaultWorkspaceContent } from '../common/client/utils.js';
 
 export type ConfigResult = {
     vscodeApiConfig: MonacoVscodeApiConfig;
-    editorAppConfig: EditorAppConfig
     workspaceFileUri: vscode.Uri;
     helloTsUri: vscode.Uri;
     testerTsUri: vscode.Uri;
 };
 
-export const configure = async (htmlContainer?: HTMLElement): Promise<ConfigResult> => {
+export const configure = async (htmlContainer: HtmlContainerConfig): Promise<ConfigResult> => {
     const workspaceFileUri = vscode.Uri.file('/workspace.code-workspace');
 
     const vscodeApiConfig: MonacoVscodeApiConfig = {
         $type: 'extended',
         logLevel: LogLevel.Debug,
-        htmlContainer,
         serviceOverrides: {
             ...getKeybindingsServiceOverride(),
             ...getLifecycleServiceOverride(),
@@ -66,7 +63,8 @@ export const configure = async (htmlContainer?: HTMLElement): Promise<ConfigResu
             ...getOutlineServiceOverride()
         },
         viewsConfig: {
-            viewServiceType: 'ViewsService',
+            $type: 'ViewsService',
+            htmlContainer,
             htmlAugmentationInstructions: defaultHtmlAugmentationInstructions,
             viewsInitFunc: defaultViewsInit
         },
@@ -103,7 +101,7 @@ export const configure = async (htmlContainer?: HTMLElement): Promise<ConfigResu
                 'typescript.tsserver.web.projectWideIntellisense.suppressSemanticErrors': false,
                 'editor.guides.bracketPairsHorizontal': true,
                 'oct.serverUrl': 'https://api.open-collab.tools/',
-                'editor.experimental.asyncTokenization': false
+                'editor.experimental.asyncTokenization': true
             })
         },
         extensions: [{
@@ -122,11 +120,6 @@ export const configure = async (htmlContainer?: HTMLElement): Promise<ConfigResu
         monacoWorkerFactory: configureDefaultWorkerFactory
     };
 
-    const editorAppConfig: EditorAppConfig = {
-        $type: vscodeApiConfig.$type,
-        id: 'AAP',
-    };
-
     const workspaceUri = vscode.Uri.file('/workspace');
     const helloTsUri = vscode.Uri.file('/workspace/hello.ts');
     const testerTsUri = vscode.Uri.file('/workspace/tester.ts');
@@ -147,7 +140,6 @@ export const configure = async (htmlContainer?: HTMLElement): Promise<ConfigResu
 
     return {
         vscodeApiConfig,
-        editorAppConfig,
         workspaceFileUri,
         helloTsUri,
         testerTsUri

package/src/appPlayground/main.ts

@@ -15,7 +15,7 @@ export const runApplicationPlayground = async () => {
 
     // perform global init
     const apiWrapper = new MonacoVscodeApiWrapper(configResult.vscodeApiConfig);
-    await apiWrapper.init();
+    await apiWrapper.start();
 
     await configurePostStart(apiWrapper, configResult);
 };

package/src/appPlayground/reactMain.tsx

@@ -11,14 +11,13 @@ import { configurePostStart } from './common.js';
 
 export const runApplicationPlaygroundReact = async () => {
 
-    const configResult = await configure();
+    const configResult = await configure('ReactPlaceholder');
     const root = ReactDOM.createRoot(document.getElementById('react-root')!);
     const App = () => {
         return (
             <div style={{ 'backgroundColor': '#1f1f1f' }}>
                 <MonacoEditorReactComp
                     vscodeApiConfig={configResult.vscodeApiConfig}
-                    editorAppConfig={configResult.editorAppConfig}
                     onVscodeApiInitDone={async (apiWrapper) => {
                         await configurePostStart(apiWrapper, configResult);
                     }}

package/src/browser/main.ts

@@ -21,7 +21,6 @@ export const runBrowserEditor = async () => {
     const protocolConverter = createProtocolConverter(undefined, true, true);
 
     let mainVscodeDocument: vscode.TextDocument | undefined;
-    const htmlContainer = document.getElementById('monaco-editor-root')!;
     const languageId = 'json';
     const code = `{
     "$schema": "http://json.schemastore.org/coffeelint",
@@ -31,7 +30,10 @@ export const runBrowserEditor = async () => {
 
     const vscodeApiConfig: MonacoVscodeApiConfig = {
         $type: 'extended',
-        htmlContainer,
+        viewsConfig: {
+            $type: 'EditorService',
+            htmlContainer: document.getElementById('monaco-editor-root')!
+        },
         logLevel: LogLevel.Debug,
         serviceOverrides: {
             ...getKeybindingsServiceOverride(),
@@ -47,7 +49,6 @@ export const runBrowserEditor = async () => {
         monacoWorkerFactory: configureDefaultWorkerFactory
     };
     const editorAppConfig: EditorAppConfig = {
-        $type: vscodeApiConfig.$type,
         codeResources: {
             modified: {
                 text: code,
@@ -56,7 +57,7 @@ export const runBrowserEditor = async () => {
         }
     };
     const apiWrapper = new MonacoVscodeApiWrapper(vscodeApiConfig);
-    await apiWrapper.init();
+    await apiWrapper.start();
 
     const editorApp = new EditorApp(editorAppConfig);
 
@@ -158,7 +159,7 @@ export const runBrowserEditor = async () => {
         diagnosticCollection.clear();
     };
 
-    await editorApp.start(htmlContainer);
+    await editorApp.start(apiWrapper.getHtmlContainer());
 
     editorApp.getTextModels().modified?.onDidChangeContent(() => {
         validate();

package/src/clangd/client/config.ts

@@ -35,7 +35,6 @@ export const createClangdAppConfig = async (config: {
 }): Promise<ClangdAppConfig> => {
     const vscodeApiConfig: MonacoVscodeApiConfig = {
         $type: 'extended',
-        htmlContainer: config.htmlContainer,
         logLevel: LogLevel.Debug,
         serviceOverrides: {
             ...getKeybindingsServiceOverride(),
@@ -49,7 +48,8 @@ export const createClangdAppConfig = async (config: {
             ...getSecretStorageServiceOverride()
         },
         viewsConfig: {
-            viewServiceType: 'ViewsService',
+            $type: 'ViewsService',
+            htmlContainer: config.htmlContainer,
             htmlAugmentationInstructions: defaultHtmlAugmentationInstructions,
             viewsInitFunc: defaultViewsInit
         },
@@ -102,7 +102,7 @@ export const createClangdAppConfig = async (config: {
     };
 
     const languageClientConfig: LanguageClientConfig = {
-        name: 'Clangd WASM Language Server',
+        languageId: 'cpp',
         connection: {
             options: {
                 $type: 'WorkerDirect',
@@ -125,9 +125,7 @@ export const createClangdAppConfig = async (config: {
         }
     };
 
-    const editorAppConfig: EditorAppConfig = {
-        $type: vscodeApiConfig.$type
-    };
+    const editorAppConfig: EditorAppConfig = {};
 
     return {
         vscodeApiConfig,

package/src/clangd/client/main.ts

@@ -41,7 +41,7 @@ export const runClangdWrapper = async () => {
 
     // perform global init
     const apiWrapper = new MonacoVscodeApiWrapper(appConfig.vscodeApiConfig);
-    await apiWrapper.init();
+    await apiWrapper.start();
 
     const lcWrapper = new LanguageClientWrapper(appConfig.languageClientConfig);
 

package/src/common/client/extendedClient.ts

@@ -13,9 +13,10 @@ import { EditorApp, type EditorAppConfig } from 'monaco-languageclient/editorApp
 import { configureDefaultWorkerFactory } from 'monaco-languageclient/workerFactory';
 import { LanguageClientWrapper, type LanguageClientConfig } from 'monaco-languageclient/lcwrapper';
 import { MonacoVscodeApiWrapper, type MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
+import { LangiumMonarchContent } from '../../langium/langium-dsl/config/langium.monarch.js';
 
 export const runExtendedClient = async (lsConfig: ExampleLsConfig, helloCode: string) => {
-    const helloUri = vscode.Uri.file(`${lsConfig.basePath}/workspace/hello.${lsConfig.documentSelector}`);
+    const helloUri = vscode.Uri.file(`${lsConfig.basePath}/workspace/hello.${lsConfig.languageId}`);
     const fileSystemProvider = new RegisteredFileSystemProvider(false);
     fileSystemProvider.registerFile(new RegisteredMemoryFile(helloUri, helloCode));
     registerFileSystemOverlay(1, fileSystemProvider);
@@ -23,7 +24,10 @@ export const runExtendedClient = async (lsConfig: ExampleLsConfig, helloCode: st
     const htmlContainer = document.getElementById('monaco-editor-root')!;
     const vscodeApiConfig: MonacoVscodeApiConfig = {
         $type: 'extended',
-        htmlContainer,
+        viewsConfig: {
+            $type: 'EditorService',
+            htmlContainer
+        },
         logLevel: LogLevel.Debug,
         serviceOverrides: {
             ...getKeybindingsServiceOverride(),
@@ -41,6 +45,7 @@ export const runExtendedClient = async (lsConfig: ExampleLsConfig, helloCode: st
     };
 
     const languageClientConfig: LanguageClientConfig = {
+        languageId: lsConfig.languageId,
         connection: {
             options: {
                 $type: 'WebSocketUrl',
@@ -60,7 +65,7 @@ export const runExtendedClient = async (lsConfig: ExampleLsConfig, helloCode: st
             },
         },
         clientOptions: {
-            documentSelector: [lsConfig.documentSelector],
+            documentSelector: [lsConfig.languageId],
             workspaceFolder: {
                 index: 0,
                 name: 'workspace',
@@ -70,25 +75,28 @@ export const runExtendedClient = async (lsConfig: ExampleLsConfig, helloCode: st
     };
 
     const editorAppConfig: EditorAppConfig = {
-        $type: vscodeApiConfig.$type,
         codeResources: {
             modified: {
                 text: helloCode,
                 uri: helloUri.path
             }
+        },
+        languageDef: {
+            monarchLanguage: LangiumMonarchContent,
+            languageExtensionConfig: { id: 'langium' }
         }
     };
 
     // perform global init
     const apiWrapper = new MonacoVscodeApiWrapper(vscodeApiConfig);
-    await apiWrapper.init();
+    await apiWrapper.start();
 
     const lcWrapper = new LanguageClientWrapper(languageClientConfig, apiWrapper.getLogger());
     const editorApp = new EditorApp(editorAppConfig);
 
     try {
         document.querySelector('#button-start')?.addEventListener('click', async () => {
-            await editorApp.start(htmlContainer);
+            await editorApp.start(apiWrapper.getHtmlContainer());
             await lcWrapper.start();
 
             // open files, so the LS can pick it up
@@ -107,5 +115,5 @@ export type ExampleLsConfig = {
     port: number;
     path: string;
     basePath: string;
-    documentSelector: string;
+    languageId: string;
 };

package/src/debugger/common/definitions.ts

@@ -4,6 +4,7 @@
  * ------------------------------------------------------------------------------------------ */
 
 import { RegisteredMemoryFile } from '@codingame/monaco-vscode-files-service-override';
+import type { HtmlContainerConfig } from 'monaco-languageclient/vscodeApiWrapper';
 import { Uri } from 'vscode';
 
 export type FileDefinition = {
@@ -26,7 +27,7 @@ export type ConfigParams = {
     homeDir: string;
     workspaceRoot: string;
     workspaceFile: Uri;
-    htmlContainer?: HTMLElement;
+    htmlContainer: HtmlContainerConfig;
     protocol: 'ws' | 'wss';
     hostname: string;
     port: number;

package/src/eclipse.jdt.ls/config.ts

@@ -9,5 +9,5 @@ export const eclipseJdtLsConfig: ExampleLsConfig = {
     port: 30003,
     path: '/jdtls',
     basePath: '/home/mlc/packages/examples/resources/eclipse.jdt.ls',
-    documentSelector: 'java'
+    languageId: 'java'
 };

package/src/groovy/config.ts

@@ -9,5 +9,5 @@ export const groovyConfig: ExampleLsConfig = {
     port: 30002,
     path: '/groovy',
     basePath: '/home/gradle/mlc/packages/examples/resources/groovy',
-    documentSelector: 'groovy'
+    languageId: 'groovy'
 };

package/src/{bare/client.ts → json/client/classic.ts}

@@ -4,58 +4,61 @@
  * ------------------------------------------------------------------------------------------ */
 
 import { LogLevel } from '@codingame/monaco-vscode-api';
-import * as monaco from '@codingame/monaco-vscode-editor-api';
-import getTextmateServiceOverride from '@codingame/monaco-vscode-textmate-service-override';
-import getThemeServiceOverride from '@codingame/monaco-vscode-theme-service-override';
-import { MonacoVscodeApiWrapper, type MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
-// monaco-editor does not supply json highlighting with the json worker,
-// that's why we use the textmate extension from VSCode
-import '@codingame/monaco-vscode-json-default-extension';
-import { configureDefaultWorkerFactory } from 'monaco-languageclient/workerFactory';
+import type { Logger } from 'monaco-languageclient/common';
+import { EditorApp, type EditorAppConfig } from 'monaco-languageclient/editorApp';
 import { LanguageClientWrapper, type LanguageClientConfig } from 'monaco-languageclient/lcwrapper';
+import { MonacoVscodeApiWrapper, type MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
+import { defineDefaultWorkerLoaders, useWorkerFactory } from 'monaco-languageclient/workerFactory';
 
 export const runClient = async () => {
     const htmlContainer = document.getElementById('monaco-editor-root')!;
     const vscodeApiConfig: MonacoVscodeApiConfig = {
         $type: 'classic',
-        logLevel: LogLevel.Debug,
-        serviceOverrides: {
-            ...getTextmateServiceOverride(),
-            ...getThemeServiceOverride()
+        viewsConfig: {
+            $type: 'EditorService',
+            htmlContainer
         },
+        logLevel: LogLevel.Debug,
         userConfiguration: {
             json: JSON.stringify({
                 'editor.experimental.asyncTokenization': true
             })
         },
-        monacoWorkerFactory: configureDefaultWorkerFactory
+        monacoWorkerFactory: configureClassicWorkerFactory
     };
 
     const apiWrapper = new MonacoVscodeApiWrapper(vscodeApiConfig);
-    await apiWrapper.init();
+    await apiWrapper.start();
 
-    // register the JSON language with Monaco
-    monaco.languages.register({
-        id: 'json',
-        extensions: ['.json', '.jsonc'],
-        aliases: ['JSON', 'json'],
-        mimetypes: ['application/json']
-    });
-
-    // create monaco editor
-    monaco.editor.create(htmlContainer, {
-        value: `{
+    const languageId = 'json';
+    const code = `{
     "$schema": "http://json.schemastore.org/coffeelint",
     "line_endings": "unix"
-}`,
-        language: 'json',
-        automaticLayout: true,
-        wordBasedSuggestions: 'off'
-    });
+}`;
+    const codeUri = '/workspace/model.json';
+    const editorAppConfig: EditorAppConfig = {
+        codeResources: {
+            modified: {
+                text: code,
+                uri: codeUri
+            }
+        },
+        languageDef: {
+            languageExtensionConfig: {
+                id: languageId,
+                extensions: ['.json', '.jsonc'],
+                aliases: ['JSON', 'json'],
+                mimetypes: ['application/json']
+            }
+        }
+    };
+    const editorApp = new EditorApp(editorAppConfig);
+    await editorApp.start(apiWrapper.getHtmlContainer());
 
     const languageClientConfig: LanguageClientConfig = {
+        languageId,
         clientOptions: {
-            documentSelector: ['json']
+            documentSelector: [languageId]
         },
         connection: {
             options: {
@@ -70,3 +73,13 @@ export const runClient = async () => {
     );
     await languageClientWrapper.start();
 };
+
+export const configureClassicWorkerFactory = (logger?: Logger) => {
+    const defaultworkerLoaders = defineDefaultWorkerLoaders();
+    // remove textmate worker as it is not compatible with classic mode
+    defaultworkerLoaders.TextMateWorker = undefined;
+    useWorkerFactory({
+        workerLoaders: defaultworkerLoaders,
+        logger
+    });
+};

package/src/json/client/config.ts

@@ -9,5 +9,5 @@ export const jsontLsConfig: ExampleLsConfig = {
     port: 30000,
     path: '/sampleServer',
     basePath: '/home/mlc/packages/examples/resources/json',
-    documentSelector: 'json'
+    languageId: 'json'
 };

package/src/langium/langium-dsl/config/{extendedConfig.ts → langiumDslConfig.ts}

@@ -59,9 +59,7 @@ export const setupLangiumClientExtended = async (): Promise<ExampleAppConfig> =>
     await fileSystemProvider.writeFile(langiumTypesLangiumUri, textEncoder.encode(langiumTypesLangium), options);
     registerFileSystemOverlay(1, fileSystemProvider);
 
-    const editorAppConfig: EditorAppConfig = {
-        $type: overallConfigType
-    };
+    const editorAppConfig: EditorAppConfig = {};
 
     const innerHtml = `<div id="editorsDiv">
     <div id="editors"></div>
@@ -86,12 +84,12 @@ export const setupLangiumClientExtended = async (): Promise<ExampleAppConfig> =>
     const vscodeApiConfig: MonacoVscodeApiConfig = {
         $type: overallConfigType,
         logLevel: LogLevel.Debug,
-        htmlContainer: document.body,
         serviceOverrides: {
             ...getKeybindingsServiceOverride()
         },
         viewsConfig: {
-            viewServiceType: 'ViewsService',
+            $type: 'ViewsService',
+            htmlContainer: document.body,
             htmlAugmentationInstructions: (htmlElement: HTMLElement | null | undefined) => {
                 const htmlContainer = document.createElement('div', { is: 'app' });
                 htmlContainer.innerHTML = innerHtml;
@@ -136,6 +134,7 @@ export const setupLangiumClientExtended = async (): Promise<ExampleAppConfig> =>
     };
 
     const languageClientConfig: LanguageClientConfig = {
+        languageId: 'langium',
         clientOptions: {
             documentSelector: ['langium']
         },

package/src/langium/langium-dsl/main.ts

@@ -7,7 +7,7 @@ import { LanguageClientWrapper } from 'monaco-languageclient/lcwrapper';
 import { MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
 import * as vscode from 'vscode';
 import type { ExampleAppConfig } from '../../common/client/utils.js';
-import { setupLangiumClientExtended } from './config/extendedConfig.js';
+import { setupLangiumClientExtended } from './config/langiumDslConfig.js';
 
 export const runLangiumGrammarDsl = async () => {
     try {
@@ -15,7 +15,7 @@ export const runLangiumGrammarDsl = async () => {
 
         // perform global init
         const apiWrapper = new MonacoVscodeApiWrapper(appConfig.vscodeApiConfig);
-        await apiWrapper.init();
+        await apiWrapper.start();
 
         // init language client
         const lcWrapper = new LanguageClientWrapper(appConfig.languageClientConfig);