monaco-languageclient-examples 2025.9.1-next.0 → 2025.9.2

package/src/common/client/utils.ts

@@ -3,7 +3,6 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
-import type { IStoredWorkspace } from '@codingame/monaco-vscode-configuration-service-override';
 import type { EditorAppConfig } from 'monaco-languageclient/editorApp';
 import type { LanguageClientConfig } from 'monaco-languageclient/lcwrapper';
 import type { MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
@@ -17,7 +16,7 @@ export const disableElement = (id: string, disabled: boolean) => {
 
 export const createDefaultWorkspaceContent = (workspacePath: string) => {
     return JSON.stringify(
-        <IStoredWorkspace>{
+        {
             folders: [
                 {
                     path: workspacePath

package/src/common/node/server-commons.ts

@@ -13,18 +13,11 @@ import { type IWebSocket, WebSocketMessageReader, WebSocketMessageWriter } from
 import { createConnection, createServerProcess, forward } from 'vscode-ws-jsonrpc/server';
 import { Message, InitializeRequest, type InitializeParams, type RequestMessage, type ResponseMessage } from 'vscode-languageserver-protocol';
 
-export enum LanguageName {
-    /** https://nodejs.org/api/cli.html  */
-    node = 'node',
-    /** https://docs.oracle.com/en/java/javase/21/docs/specs/man/java.html */
-    java = 'java'
-}
-
 export interface LanguageServerRunConfig {
     serverName: string;
     pathName: string;
     serverPort: number;
-    runCommand: LanguageName | string;
+    runCommand: string;
     runCommandArgs: string[];
     wsServerOptions: ServerOptions,
     spawnOptions?: cp.SpawnOptions;

package/src/debugger/common/definitions.ts

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

package/src/eclipse.jdt.ls/server/main.ts

@@ -4,7 +4,6 @@
  * ------------------------------------------------------------------------------------------ */
 
 import { runLanguageServer } from '../../common/node/language-server-runner.js';
-import { LanguageName } from '../../common/node/server-commons.js';
 import { eclipseJdtLsConfig } from '../config.js';
 
 export const runEclipseJdtLs = () => {
@@ -12,7 +11,7 @@ export const runEclipseJdtLs = () => {
         serverName: 'Eclipse JDT LS',
         pathName: eclipseJdtLsConfig.path,
         serverPort: eclipseJdtLsConfig.port,
-        runCommand: LanguageName.java,
+        runCommand: 'java',
         runCommandArgs: [
             '-Declipse.application=org.eclipse.jdt.ls.core.id1',
             '-Dosgi.bundles.defaultStartLevel=4',

package/src/groovy/server/main.ts

@@ -4,7 +4,6 @@
  * ------------------------------------------------------------------------------------------ */
 
 import { runLanguageServer } from '../../common/node/language-server-runner.js';
-import { LanguageName } from '../../common/node/server-commons.js';
 import { groovyConfig } from '../config.js';
 
 export const runGroovyLanguageServer = () => {
@@ -12,7 +11,7 @@ export const runGroovyLanguageServer = () => {
         serverName: 'GROOVY',
         pathName: groovyConfig.path,
         serverPort: groovyConfig.port,
-        runCommand: LanguageName.java,
+        runCommand: 'java',
         runCommandArgs: [
             '-jar',
             `${groovyConfig.basePath}/lib/groovy-language-server-all.jar`

package/src/json/client/classic.ts

@@ -53,7 +53,7 @@ export const runClient = async () => {
         }
     };
     const editorApp = new EditorApp(editorAppConfig);
-    await editorApp.start(apiWrapper.getHtmlContainer());
+    await editorApp.start(htmlContainer);
 
     const languageClientConfig: LanguageClientConfig = {
         languageId,

package/src/json/server/main.ts

@@ -3,19 +3,18 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
-import { resolve } from 'node:path';
 import cors from 'cors';
-
-import { runLanguageServer } from '../../common/node/language-server-runner.js';
-import { LanguageName } from '../../common/node/server-commons.js';
 import express from 'express';
+import { resolve } from 'node:path';
+import { runLanguageServer } from '../../common/node/language-server-runner.js';
+
 export const runJsonServer = (baseDir: string, relativeDir: string) => {
     const processRunPath = resolve(baseDir, relativeDir);
     runLanguageServer({
         serverName: 'JSON',
         pathName: '/sampleServer',
         serverPort: 30000,
-        runCommand: LanguageName.node,
+        runCommand: 'node',
         runCommandArgs: [
             processRunPath,
             '--stdio'

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 {

package/src/langium/statemachine/config/langium-config.json

@@ -13,4 +13,4 @@
       }
     }
   ]
-}
+}

package/src/langium/statemachine/config/{wrapperStatemachineConfig.ts → statemachineConfig.ts}

@@ -9,7 +9,7 @@ import getLocalizationServiceOverride from '@codingame/monaco-vscode-localizatio
 import { LogLevel } from '@codingame/monaco-vscode-api';
 import { MessageTransports } from 'vscode-languageclient';
 import { createDefaultLocaleConfiguration } from 'monaco-languageclient/vscodeApiLocales';
-import type { HtmlContainerConfig, MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
+import type { MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
 import type { LanguageClientConfig } from 'monaco-languageclient/lcwrapper';
 import { configureDefaultWorkerFactory } from 'monaco-languageclient/workerFactory';
 import type { CodeContent, EditorAppConfig } from 'monaco-languageclient/editorApp';
@@ -25,7 +25,7 @@ export const createLangiumGlobalConfig = (params: {
     worker: Worker,
     messagePort?: MessagePort,
     messageTransports?: MessageTransports,
-    htmlContainer: HtmlContainerConfig
+    htmlContainer?: HTMLElement
 }): ExampleAppConfig => {
     const extensionFilesOrContents = new Map<string, string | URL>();
     extensionFilesOrContents.set(`/${params.languageServerId}-statemachine-configuration.json`, statemachineLanguageConfig);

package/src/langium/statemachine/launcher.ts

@@ -6,5 +6,5 @@
 import { initLocaleLoader } from 'monaco-languageclient/vscodeApiLocales';
 await initLocaleLoader();
 
-const { runStatemachineWrapper } = await import('./main.js');
-runStatemachineWrapper();
+const { runStatemachine } = await import('./main.js');
+runStatemachine();

package/src/langium/statemachine/ls/generated/ast.ts

@@ -1,5 +1,5 @@
 /******************************************************************************
- * This file was generated by langium-cli 4.0.0.
+ * This file was generated by langium-cli 4.1.0.
  * DO NOT EDIT MANUALLY!
  ******************************************************************************/
 

package/src/langium/statemachine/ls/generated/grammar.ts

@@ -1,5 +1,5 @@
 /******************************************************************************
- * This file was generated by langium-cli 4.0.0.
+ * This file was generated by langium-cli 4.1.0.
  * DO NOT EDIT MANUALLY!
  ******************************************************************************/
 

package/src/langium/statemachine/ls/generated/module.ts

@@ -1,5 +1,5 @@
 /******************************************************************************
- * This file was generated by langium-cli 4.0.0.
+ * This file was generated by langium-cli 4.1.0.
  * DO NOT EDIT MANUALLY!
  ******************************************************************************/
 

package/src/langium/statemachine/main-react.tsx

@@ -3,17 +3,17 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
-import React, { StrictMode, useEffect, useState } from 'react';
+import React, { StrictMode, useState } from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserMessageReader, BrowserMessageWriter } from 'vscode-languageclient/browser.js';
 import type { TextContents } from 'monaco-languageclient/editorApp';
 import { MonacoEditorReactComp } from '@typefox/monaco-editor-react';
-import { createLangiumGlobalConfig } from './config/wrapperStatemachineConfig.js';
+import { createLangiumGlobalConfig } from './config/statemachineConfig.js';
 import { loadStatemachineWorkerRegular } from './main.js';
 import text from '../../../resources/langium/statemachine/example.statemachine?raw';
 import { disableElement } from '../../common/client/utils.js';
 
-export const runStatemachineReact = async () => {
+export const runStatemachineReact = async (noControls: boolean) => {
     const worker = loadStatemachineWorkerRegular();
     const reader = new BrowserMessageReader(worker);
     const writer = new BrowserMessageWriter(worker);
@@ -27,64 +27,60 @@ export const runStatemachineReact = async () => {
             uri: '/workspace/example.statemachine'
         },
         worker,
-        messageTransports: { reader, writer },
-        htmlContainer: 'ReactPlaceholder'
+        messageTransports: { reader, writer }
     });
     const root = ReactDOM.createRoot(document.getElementById('react-root')!);
+    const App = () => {
 
-    try {
-        document.querySelector('#button-start')?.addEventListener('click', async () => {
-            disableElement('button-start', true);
-            disableElement('button-dispose', false);
-
-            const App = () => {
+        const [testState, setTestState] = useState<string>('');
 
-                const [ height, setHeight ] = useState('80vh');
-                const [testState, setTestState] = useState<string>('');
+        const onTextChanged = (textChanges: TextContents) => {
+            console.log(`text: ${textChanges.modified}\ntextOriginal: ${textChanges.original}`);
+            setTestState(textChanges.modified as string);
+        };
 
-                const onTextChanged = (textChanges: TextContents) => {
-                    console.log(`text: ${textChanges.modified}\ntextOriginal: ${textChanges.original}`);
-                    setTestState(textChanges.modified as string);
-                };
+        return (
+            <>
+                <div>
+                    <MonacoEditorReactComp
+                        style={{ 'height': '50vh' }}
+                        vscodeApiConfig={appConfig.vscodeApiConfig}
+                        editorAppConfig={appConfig.editorAppConfig}
+                        languageClientConfig={appConfig.languageClientConfig}
+                        onTextChanged={onTextChanged}
+                    />
+                    <b>Debug:</b><br />{testState}
+                </div>
+            </>
+        );
+    };
 
-                useEffect(() => {
-                    const timer = setTimeout(() => {
-                        console.log('Updating styles');
-                        setHeight('50vh');
-                    }, 1000);
+    const renderApp = () => {
+        const strictMode = (document.getElementById('checkbox-strictmode')! as HTMLInputElement).checked;
+        if (strictMode) {
+            root.render(<StrictMode><App /></StrictMode>);
+        } else {
+            root.render(<App />);
+        }
+    };
 
-                    return () => clearTimeout(timer);
-                }, []);
-
-                return (
-                    <>
-                        <div style={{ 'height': height }} >
-                            <MonacoEditorReactComp
-                                style={{ 'height': '100%' }}
-                                vscodeApiConfig={appConfig.vscodeApiConfig}
-                                editorAppConfig={appConfig.editorAppConfig}
-                                languageClientConfig={appConfig.languageClientConfig}
-                                onTextChanged={onTextChanged}
-                            />
-                            <b>Debug:</b><br />{testState}
-                        </div>
-                    </>
-                );
-            };
-            const strictMode = (document.getElementById('checkbox-strictmode')! as HTMLInputElement).checked;
-            if (strictMode) {
-                root.render(<StrictMode><App /></StrictMode>);
-            } else {
-                root.render(<App />);
-            }
-            disableElement('checkbox-strictmode', true);
-        });
-        document.querySelector('#button-dispose')?.addEventListener('click', () => {
-            disableElement('button-start', false);
-            disableElement('button-dispose', true);
+    try {
+        if (noControls) {
+            renderApp();
+        } else {
+            document.querySelector('#button-start')?.addEventListener('click', async () => {
+                disableElement('button-start', true);
+                disableElement('button-dispose', false);
+                renderApp();
+                disableElement('checkbox-strictmode', true);
+            });
+            document.querySelector('#button-dispose')?.addEventListener('click', () => {
+                disableElement('button-start', false);
+                disableElement('button-dispose', true);
 
-            root.render([]);
-        });
+                root.render([]);
+            });
+        }
     } catch (e) {
         console.error(e);
     }

package/src/langium/statemachine/main.ts

@@ -6,7 +6,7 @@
 import * as vscode from 'vscode';
 import { BrowserMessageReader, BrowserMessageWriter } from 'vscode-languageclient/browser.js';
 import { EditorApp } from 'monaco-languageclient/editorApp';
-import { createLangiumGlobalConfig } from './config/wrapperStatemachineConfig.js';
+import { createLangiumGlobalConfig } from './config/statemachineConfig.js';
 import workerUrl from './worker/statemachine-server?worker&url';
 import workerPortUrl from './worker/statemachine-server-port?worker&url';
 import text from '../../../resources/langium/statemachine/example.statemachine?raw';
@@ -46,6 +46,7 @@ const startEditor = async () => {
         console.log('Received message from worker:', message);
     });
 
+    const htmlContainer = document.getElementById('monaco-editor-root')!;
     // the configuration does not contain any text content
     const appConfig = createLangiumGlobalConfig({
         languageServerId: 'first',
@@ -56,7 +57,7 @@ const startEditor = async () => {
         worker: stateMachineWorkerPort,
         messagePort: channel.port1,
         messageTransports: { reader, writer },
-        htmlContainer: document.getElementById('monaco-editor-root')!
+        htmlContainer
     });
     editorApp = new EditorApp(appConfig.editorAppConfig);
 
@@ -69,7 +70,7 @@ const startEditor = async () => {
     await lcWrapper.start();
 
     // run editorApp
-    await editorApp.start(apiWrapper.getHtmlContainer());
+    await editorApp.start(htmlContainer);
 
     editorApp.updateCodeResources({
         modified: {
@@ -119,7 +120,7 @@ const disposeEditor = async () => {
     console.log(editorApp2?.reportStatus().join('\n'));
 };
 
-export const runStatemachineWrapper = async () => {
+export const runStatemachine = async () => {
     try {
         document.querySelector('#button-start')?.addEventListener('click', startEditor);
         document.querySelector('#button-dispose')?.addEventListener('click', disposeEditor);

package/src/multi/twoLanguageClients.ts

@@ -33,11 +33,12 @@ print("Hello Moon!")
     let currentText = textJson;
     let currenFileExt = 'json';
 
+    const htmlContainer = document.getElementById('monaco-editor-root')!;
     const vscodeApiConfig: MonacoVscodeApiConfig = {
         $type: 'extended',
         viewsConfig: {
             $type: 'EditorService',
-            htmlContainer: document.getElementById('monaco-editor-root')!
+            htmlContainer
         },
         logLevel: LogLevel.Debug,
         serviceOverrides: {
@@ -82,7 +83,7 @@ print("Hello Moon!")
             disableElement('button-start', true);
             disableElement('button-flip', false);
 
-            await editorApp.start(apiWrapper.getHtmlContainer());
+            await editorApp.start(htmlContainer);
             if (editorAppConfig.codeResources?.modified !== undefined) {
                 editorAppConfig.codeResources.modified.text = currentText;
                 editorAppConfig.codeResources.modified.uri = `/workspace/example.${currenFileExt}`;

package/src/python/client/config.ts

@@ -25,7 +25,7 @@ import { createUrl } from 'monaco-languageclient/common';
 import type { EditorAppConfig } from 'monaco-languageclient/editorApp';
 import type { LanguageClientConfig } from 'monaco-languageclient/lcwrapper';
 import { createDefaultLocaleConfiguration } from 'monaco-languageclient/vscodeApiLocales';
-import { defaultHtmlAugmentationInstructions, defaultViewsInit, type HtmlContainerConfig, type MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
+import { defaultHtmlAugmentationInstructions, defaultViewsInit, type MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
 import { configureDefaultWorkerFactory } from 'monaco-languageclient/workerFactory';
 import * as vscode from 'vscode';
 import type { BaseLanguageClient } from 'vscode-languageclient/browser.js';
@@ -37,7 +37,7 @@ import { createDefaultWorkspaceContent } from '../../common/client/utils.js';
 import { provideDebuggerExtensionConfig } from '../../debugger/client/debugger.js';
 import { createDebugLaunchConfigFile, type ConfigParams, type FileDefinition } from '../../debugger/common/definitions.js';
 
-export const createDefaultConfigParams = (homeDir: string, htmlContainer: HtmlContainerConfig): ConfigParams => {
+export const createDefaultConfigParams = (homeDir: string, htmlContainer: HTMLElement): ConfigParams => {
     const files = new Map<string, FileDefinition>();
     const workspaceRoot = `${homeDir}/workspace`;
     const configParams: ConfigParams = {

package/src/python/server/main.ts

@@ -3,10 +3,9 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
-import { resolve } from 'node:path';
 import { IncomingMessage } from 'node:http';
+import { resolve } from 'node:path';
 import { runLanguageServer } from '../../common/node/language-server-runner.js';
-import { LanguageName } from '../../common/node/server-commons.js';
 
 export const runPythonServer = (baseDir: string, relativeDir: string) => {
     const processRunPath = resolve(baseDir, relativeDir);
@@ -14,7 +13,7 @@ export const runPythonServer = (baseDir: string, relativeDir: string) => {
         serverName: 'PYRIGHT',
         pathName: '/pyright',
         serverPort: 30001,
-        runCommand: LanguageName.node,
+        runCommand: 'node',
         runCommandArgs: [
             processRunPath,
             '--stdio'

package/src/ts/clientTs.ts

@@ -0,0 +1,196 @@
+/* --------------------------------------------------------------------------------------------
+ * Copyright (c) 2024 TypeFox and others.
+ * Licensed under the MIT License. See LICENSE in the package root for license information.
+ * ------------------------------------------------------------------------------------------ */
+
+import { LogLevel } from '@codingame/monaco-vscode-api';
+import { InMemoryFileSystemProvider, registerFileSystemOverlay, type IFileWriteOptions } from '@codingame/monaco-vscode-files-service-override';
+import '@codingame/monaco-vscode-javascript-default-extension';
+import getKeybindingsServiceOverride from '@codingame/monaco-vscode-keybindings-service-override';
+import '@codingame/monaco-vscode-typescript-basics-default-extension';
+import '@codingame/monaco-vscode-typescript-language-features-default-extension';
+import { EditorApp, type EditorAppConfig } from 'monaco-languageclient/editorApp';
+import { MonacoVscodeApiWrapper, type MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
+import { configureDefaultWorkerFactory } from 'monaco-languageclient/workerFactory';
+import * as vscode from 'vscode';
+import { createDefaultWorkspaceContent, disableElement } from '../common/client/utils.js';
+
+export const runTsWrapper = async () => {
+    disableElement('button-diff', true);
+
+    const code = `const takesString = (x: string) => {};
+
+// you should see an error marker in the next line
+takesString(0);`;
+
+    const codeOriginal = `const takesNumber = (x: number) => {};
+
+// you should see an error marker in the next line
+takesNumber(0);`;
+
+    const textEncoder = new TextEncoder();
+    const options: IFileWriteOptions = {
+        atomic: false,
+        unlock: false,
+        create: true,
+        overwrite: true
+    };
+    const workspaceUri = vscode.Uri.file('/workspace');
+    const workspaceFileUri = vscode.Uri.file('/workspace.code-workspace');
+    const codeUri = vscode.Uri.file('/workspace/hello.ts');
+    const codeOriginalUri = vscode.Uri.file('/workspace/goodbye.ts');
+    const fileSystemProvider = new InMemoryFileSystemProvider();
+    await fileSystemProvider.mkdir(workspaceUri);
+    await fileSystemProvider.writeFile(codeUri, textEncoder.encode(code), options);
+    await fileSystemProvider.writeFile(codeOriginalUri, textEncoder.encode(codeOriginal), options);
+    await fileSystemProvider.writeFile(workspaceFileUri, textEncoder.encode(createDefaultWorkspaceContent('/workspace')), options);
+    registerFileSystemOverlay(1, fileSystemProvider);
+
+    let currentOriginalCode = codeOriginal;
+    let currentOriginalCodeUri = codeOriginalUri;
+    let currentCode = code;
+    let currentCodeUri = codeUri;
+    let swapCode = false;
+    let diffEditor = false;
+
+    const htmlContainer = document.getElementById('monaco-editor-root')!;
+    const vscodeApiConfig: MonacoVscodeApiConfig = {
+        $type: 'extended',
+        viewsConfig: {
+            $type: 'EditorService',
+            htmlContainer
+        },
+        logLevel: LogLevel.Debug,
+        serviceOverrides: {
+            ...getKeybindingsServiceOverride()
+        },
+        advanced: {
+            enableExtHostWorker: true,
+        },
+        userConfiguration: {
+            json: JSON.stringify({
+                'workbench.colorTheme': 'Default Dark Modern',
+                'editor.wordBasedSuggestions': 'off',
+                'typescript.tsserver.web.projectWideIntellisense.enabled': true,
+                'typescript.tsserver.web.projectWideIntellisense.suppressSemanticErrors': false,
+                'diffEditor.renderSideBySide': false,
+                'editor.guides.bracketPairsHorizontal': true,
+                'editor.experimental.asyncTokenization': true
+            })
+        },
+        workspaceConfig: {
+            enableWorkspaceTrust: true,
+            workspaceProvider: {
+                trusted: true,
+                async open() {
+                    window.open(window.location.href);
+                    return true;
+                },
+                workspace: {
+                    workspaceUri: workspaceFileUri
+                }
+            }
+        },
+        monacoWorkerFactory: configureDefaultWorkerFactory
+    };
+
+    // perform global monaco-vscode-api init
+    const apiWrapper = new MonacoVscodeApiWrapper(vscodeApiConfig);
+    await apiWrapper.start();
+
+    let editorApp: EditorApp | undefined = undefined;
+
+    const createEditorAppConfig = (useDiffEditor: boolean): EditorAppConfig => {
+        return {
+            codeResources: {
+                modified: {
+                    text: currentCode,
+                    uri: currentCodeUri.path
+                },
+                original: {
+                    text: currentOriginalCode,
+                    uri: currentOriginalCodeUri.path,
+                }
+            },
+            useDiffEditor: useDiffEditor
+        };
+    };
+
+    const swapCurrentCode = () => {
+        swapCode = !swapCode;
+        if (swapCode) {
+            currentCode = codeOriginal;
+            currentCodeUri = codeOriginalUri;
+            currentOriginalCode = code;
+            currentOriginalCodeUri = codeUri;
+        } else {
+            currentCode = code;
+            currentCodeUri = codeUri;
+            currentOriginalCode = codeOriginal;
+            currentOriginalCodeUri = codeOriginalUri;
+        }
+    };
+
+    const updateEditorCodeResources = async (editorApp: EditorApp) => {
+        await editorApp.updateCodeResources({
+            modified: {
+                text: currentCode,
+                uri: currentCodeUri.path
+            },
+            original: {
+                text: currentOriginalCode,
+                uri: currentOriginalCodeUri.path
+            }
+        });
+    };
+
+    try {
+        document.querySelector('#button-start')?.addEventListener('click', async () => {
+            disableElement('button-start', true);
+            disableElement('button-diff', false);
+            editorApp = new EditorApp(createEditorAppConfig(diffEditor));
+            await editorApp.start(htmlContainer);
+
+            await vscode.workspace.openTextDocument(codeUri);
+            await vscode.workspace.openTextDocument(codeOriginalUri);
+
+            vscode.commands.getCommands().then((x) => {
+                console.log(`Found ${x.length} commands`);
+                const finding = x.find((elem) => elem === 'actions.find');
+                console.log(`Found command: ${finding}`);
+            });
+
+            editorApp.getEditor()?.focus();
+            await vscode.commands.executeCommand('actions.find');
+
+            await updateEditorCodeResources(editorApp);
+        });
+        document.querySelector('#button-swap-code')?.addEventListener('click', async () => {
+            swapCurrentCode();
+
+            if (editorApp !== undefined) {
+                await updateEditorCodeResources(editorApp);
+            }
+        });
+        document.querySelector('#button-diff')?.addEventListener('click', async () => {
+            diffEditor = !diffEditor;
+            const editorAppConfig = createEditorAppConfig(diffEditor);
+
+            if (editorApp !== undefined) {
+                await editorApp.dispose();
+            }
+            editorApp = new EditorApp(editorAppConfig);
+            await editorApp.start(htmlContainer);
+            await updateEditorCodeResources(editorApp);
+        });
+        document.querySelector('#button-dispose')?.addEventListener('click', async () => {
+            disableElement('button-start', false);
+            disableElement('button-diff', true);
+
+            await editorApp?.dispose();
+        });
+    } catch (e) {
+        console.error(e);
+    }
+};
+

package/tsExtHost.html

@@ -20,7 +20,7 @@
 
     <div id="monaco-editor-root" style="height: 80vh;"></div>
     <script type="module">
-        import { runTsWrapper } from './src/ts/wrapperTs.ts';
+        import { runTsWrapper } from './src/ts/clientTs.ts';
 
         runTsWrapper();
     </script>

package/dist/langium/langium-dsl/config/extendedConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extendedConfig.d.ts","sourceRoot":"","sources":["../../../../src/langium/langium-dsl/config/extendedConfig.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAKxE,eAAO,MAAM,0BAA0B,QAAa,OAAO,CAAC,gBAAgB,CAqI3E,CAAC"}