npm - monaco-languageclient-examples - Versions diffs - 2025.9.1-next.0 → 2025.9.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/ghp_langium_extended.html CHANGED Viewed

@@ -6,16 +6,14 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="./resources/styles/views.editorOnly.css">
 </head>
 <body>
     <div class="exampleHeadelineDiv">
         <b class="exampleHeadeline">Langium Grammar DSL (Extended Mode)</b> - [<a href="./index.html">Back to Index</a>]
         <br>
-        <button type="button" id="button-start">Start</button>
-        <button type="button" id="button-dispose">Dispose</button>
     </div>
-    <div id="monaco-editor-root" style="height: 80vh; border: 1px solid grey"></div>
     <script type="module">
         import { runLangiumGrammarDsl } from './src/langium/langium-dsl/main.ts';

package/ghp_react_statemachine.html CHANGED Viewed

@@ -12,15 +12,12 @@
     <div class="exampleHeadelineDiv">
         <b class="exampleHeadeline">React: Langium Statemachine Language Client & Language Server (Worker)</b> - [<a href="./index.html">Back to Index</a>]
         <br>
-        <button type="button" id="button-start">Start</button>
-        <label>Enable Strict mode:</label><input type="checkbox" id="checkbox-strictmode" />
-        <button type="button" id="button-dispose">Dispose</button>
     </div>
     <div id="react-root"></div>
     <script type="module">
         import { runStatemachineReact } from './src/langium/statemachine/main-react.tsx';
-        runStatemachineReact();
+        runStatemachineReact(true);
     </script>
 </body>

package/ghp_tsExtHost.html CHANGED Viewed

@@ -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/index.html CHANGED Viewed

@@ -14,15 +14,13 @@
         This page contains all examples not requiring a backend.
-        <h2>Monaco Editor Wrapper</h2>
         <h3>Langium</h3>
-        <a href="./ghp_langium_extended.html">Langium Grammar DSL</a>
+        Langium Grammar DSL (Language Server in Worker): [ <a href="./ghp_langium_extended.html">Example Page</a> ]
         <br>
-        <a href="./ghp_statemachine.html">Langium Statemachine Client & Language Server (Worker)</a>
+        Langium Statemachine (Language Server in Worker): [ <a href="./ghp_statemachine.html">Example Page | <a href="./ghp_react_statemachine.html">React Example Page</a> ]
         <br>
-        Localizations:
+        &nbsp;&nbsp;->&nbsp;&nbsp;Localized Versions: [
         <a href="./ghp_statemachine.html?locale=cs">cs</a> -
         <a href="./ghp_statemachine.html?locale=de">de</a> -
         <a href="./ghp_statemachine.html?locale=es">es</a> -
@@ -36,30 +34,20 @@
         <a href="./ghp_statemachine.html?locale=ru">ru</a> -
         <a href="./ghp_statemachine.html?locale=tr">tr</a> -
         <a href="./ghp_statemachine.html?locale=zh-hans">zh-hans</a> -
-        <a href="./ghp_statemachine.html?locale=zh-hant">zh-hant</a>
+        <a href="./ghp_statemachine.html?locale=zh-hant">zh-hant</a> ]
         <br>
+        <h3>JSON</h3>
+        Pure Browser Implementation: [ <a href="./ghp_browser.html">Example Page</a> ]
         <h3>Cpp / Clangd</h3>
-        <a href="./ghp_clangd.html">Cpp Language Client & Clangd Language Server (Worker/Wasm)</a>
-        <br>
+        Cpp (Language Server in Worker/Wasm): [ <a href="./ghp_clangd.html">Example Page</a> ]
         <h3>Application Playground</h3>
-        <a href="./ghp_appPlayground.html">Application Playground</a>
-        <br>
-        <h3>JSON</h3>
-        <a href="./ghp_browser.html">Language Client Pure Browser Example</a>
-        <br>
+        Application Playground (incl. Open Collaboration Tools): [ <a href="./ghp_appPlayground.html">Example Page</a> | <a href="./ghp_react_appPlayground.html">React Example Page</a> ]
         <h3>TypeScript</h3>
-        <a href="./ghp_tsExtHost.html">TypeScript Extension Host Worker</a>
-        <br>
-        <h2>Monaco Editor React</h2>
-        <a href="./ghp_react_appPlayground.html">React: Application Playground</a>
-        <br>
-        <a href="./ghp_react_statemachine.html">React: Langium Statemachine Language Client & Language Server (Worker)</a>
-        <br>
+        TypeScript Extension Host Worker: [ <a href="./ghp_tsExtHost.html">Example Page</a> ]
     </div>
 </body>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "monaco-languageclient-examples",
-  "version": "2025.9.1-next.0",
+  "version": "2025.9.1",
   "description": "Monaco Language client examples",
   "author": {
     "name": "TypeFox GmbH",
@@ -82,48 +82,48 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@codingame/monaco-vscode-configuration-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-cpp-default-extension": "^21.0.1",
-    "@codingame/monaco-vscode-debug-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-editor-api": "^21.0.1",
-    "@codingame/monaco-vscode-environment-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-explorer-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-files-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-groovy-default-extension": "^21.0.1",
-    "@codingame/monaco-vscode-java-default-extension": "^21.0.1",
-    "@codingame/monaco-vscode-javascript-default-extension": "^21.0.1",
-    "@codingame/monaco-vscode-json-default-extension": "^21.0.1",
-    "@codingame/monaco-vscode-keybindings-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-lifecycle-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-localization-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-preferences-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-python-default-extension": "^21.0.1",
-    "@codingame/monaco-vscode-remote-agent-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-search-result-default-extension": "^21.0.1",
-    "@codingame/monaco-vscode-search-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-secret-storage-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-standalone-json-language-features": "^21.0.1",
-    "@codingame/monaco-vscode-standalone-typescript-language-features": "^21.0.1",
-    "@codingame/monaco-vscode-testing-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-storage-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-textmate-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-theme-defaults-default-extension": "^21.0.1",
-    "@codingame/monaco-vscode-theme-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-typescript-basics-default-extension": "^21.0.1",
-    "@codingame/monaco-vscode-typescript-language-features-default-extension": "^21.0.1",
-    "@codingame/monaco-vscode-views-service-override": "^21.0.1",
-    "@codingame/monaco-vscode-outline-service-override": "^21.0.1",
-    "@typefox/monaco-editor-react": "~7.0.0-next.2",
+    "@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.3",
-    "monaco-languageclient": "~10.0.0-next.2",
+    "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@^21.0.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",

package/src/appPlayground/common.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -27,7 +27,6 @@ import '@codingame/monaco-vscode-typescript-language-features-default-extension'
 import '../../resources/vsix/open-collaboration-tools.vsix';
-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';
@@ -37,7 +36,6 @@ import { createDefaultWorkspaceContent } from '../common/client/utils.js';
 export type ConfigResult = {
     vscodeApiConfig: MonacoVscodeApiConfig;
-    editorAppConfig: EditorAppConfig
     workspaceFileUri: vscode.Uri;
     helloTsUri: vscode.Uri;
     testerTsUri: vscode.Uri;
@@ -103,7 +101,7 @@ export const configure = async (htmlContainer: HtmlContainerConfig): Promise<Con
                 '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,10 +120,6 @@ export const configure = async (htmlContainer: HtmlContainerConfig): Promise<Con
         monacoWorkerFactory: configureDefaultWorkerFactory
     };
-    const editorAppConfig: EditorAppConfig = {
-        id: 'AAP'
-    };
     const workspaceUri = vscode.Uri.file('/workspace');
     const helloTsUri = vscode.Uri.file('/workspace/hello.ts');
     const testerTsUri = vscode.Uri.file('/workspace/tester.ts');
@@ -146,7 +140,6 @@ export const configure = async (htmlContainer: HtmlContainerConfig): Promise<Con
     return {
         vscodeApiConfig,
-        editorAppConfig,
         workspaceFileUri,
         helloTsUri,
         testerTsUri

package/src/appPlayground/reactMain.tsx CHANGED Viewed

@@ -18,7 +18,6 @@ export const runApplicationPlaygroundReact = async () => {
             <div style={{ 'backgroundColor': '#1f1f1f' }}>
                 <MonacoEditorReactComp
                     vscodeApiConfig={configResult.vscodeApiConfig}
-                    editorAppConfig={configResult.editorAppConfig}
                     onVscodeApiInitDone={async (apiWrapper) => {
                         await configurePostStart(apiWrapper, configResult);
                     }}

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

@@ -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/launcher.ts CHANGED Viewed

@@ -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/main-react.tsx CHANGED Viewed

@@ -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);
@@ -31,60 +31,57 @@ export const runStatemachineReact = async () => {
         htmlContainer: 'ReactPlaceholder'
     });
     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 CHANGED Viewed

@@ -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';
@@ -119,7 +119,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/ts/clientTs.ts ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 DELETED Viewed

	@@ -1 +0,0 @@
1	- {"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"}