monaco-languageclient-examples 2025.6.1 → 2025.6.3

package/src/python/client/config.ts

@@ -3,37 +3,38 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
-import * as vscode from 'vscode';
+import { LogLevel } from '@codingame/monaco-vscode-api';
+import getDebugServiceOverride from '@codingame/monaco-vscode-debug-service-override';
+import getEnvironmentServiceOverride from '@codingame/monaco-vscode-environment-service-override';
+import getExplorerServiceOverride from '@codingame/monaco-vscode-explorer-service-override';
+import { RegisteredFileSystemProvider, RegisteredMemoryFile, registerFileSystemOverlay } from '@codingame/monaco-vscode-files-service-override';
 import getKeybindingsServiceOverride from '@codingame/monaco-vscode-keybindings-service-override';
 import getLifecycleServiceOverride from '@codingame/monaco-vscode-lifecycle-service-override';
 import getLocalizationServiceOverride from '@codingame/monaco-vscode-localization-service-override';
-import getBannerServiceOverride from '@codingame/monaco-vscode-view-banner-service-override';
-import getStatusBarServiceOverride from '@codingame/monaco-vscode-view-status-bar-service-override';
-import getTitleBarServiceOverride from '@codingame/monaco-vscode-view-title-bar-service-override';
-import getExplorerServiceOverride from '@codingame/monaco-vscode-explorer-service-override';
+import getPreferencesServiceOverride from '@codingame/monaco-vscode-preferences-service-override';
+import '@codingame/monaco-vscode-python-default-extension';
 import getRemoteAgentServiceOverride from '@codingame/monaco-vscode-remote-agent-service-override';
-import getEnvironmentServiceOverride from '@codingame/monaco-vscode-environment-service-override';
+import getSearchServiceOverride from '@codingame/monaco-vscode-search-service-override';
 import getSecretStorageServiceOverride from '@codingame/monaco-vscode-secret-storage-service-override';
 import getStorageServiceOverride from '@codingame/monaco-vscode-storage-service-override';
-import getSearchServiceOverride from '@codingame/monaco-vscode-search-service-override';
-import getDebugServiceOverride from '@codingame/monaco-vscode-debug-service-override';
 import getTestingServiceOverride from '@codingame/monaco-vscode-testing-service-override';
-import getPreferencesServiceOverride from '@codingame/monaco-vscode-preferences-service-override';
-import { RegisteredFileSystemProvider, RegisteredMemoryFile, registerFileSystemOverlay } from '@codingame/monaco-vscode-files-service-override';
-import '@codingame/monaco-vscode-python-default-extension';
-import { LogLevel } from '@codingame/monaco-vscode-api';
-import { MonacoLanguageClient } from 'monaco-languageclient';
-import { createUrl } from 'monaco-languageclient/tools';
-import { createDefaultLocaleConfiguration } from 'monaco-languageclient/vscode/services';
+import getBannerServiceOverride from '@codingame/monaco-vscode-view-banner-service-override';
+import getStatusBarServiceOverride from '@codingame/monaco-vscode-view-status-bar-service-override';
+import getTitleBarServiceOverride from '@codingame/monaco-vscode-view-title-bar-service-override';
+import type { EditorAppConfig } from 'monaco-languageclient/editorApp';
+import { createUrl } from 'monaco-languageclient/common';
+import type { LanguageClientConfig } from 'monaco-languageclient/lcwrapper';
+import { createDefaultLocaleConfiguration } from 'monaco-languageclient/vscodeApiLocales';
+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';
 import { toSocket, WebSocketMessageReader, WebSocketMessageWriter } from 'vscode-ws-jsonrpc';
-import type { WrapperConfig } from 'monaco-editor-wrapper';
-import { defaultHtmlAugmentationInstructions, defaultViewsInit } from 'monaco-editor-wrapper/vscode/services';
-import { configureDefaultWorkerFactory } from 'monaco-editor-wrapper/workers/workerLoaders';
-import { createDefaultWorkspaceFile } from '../../common/client/utils.js';
-import { provideDebuggerExtensionConfig } from '../../debugger/client/debugger.js';
+import badPyCode from '../../../resources/python/bad.py?raw';
 import helloPyCode from '../../../resources/python/hello.py?raw';
 import hello2PyCode from '../../../resources/python/hello2.py?raw';
-import badPyCode from '../../../resources/python/bad.py?raw';
+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?: HTMLElement): ConfigParams => {
@@ -67,7 +68,7 @@ export const createDefaultConfigParams = (homeDir: string, htmlContainer?: HTMLE
     fileSystemProvider.registerFile(new RegisteredMemoryFile(files.get('hello.py')!.uri, helloPyCode));
     fileSystemProvider.registerFile(new RegisteredMemoryFile(files.get('hello2.py')!.uri, hello2PyCode));
     fileSystemProvider.registerFile(new RegisteredMemoryFile(files.get('bad.py')!.uri, badPyCode));
-    fileSystemProvider.registerFile(createDefaultWorkspaceFile(configParams.workspaceFile, workspaceRoot));
+    fileSystemProvider.registerFile(new RegisteredMemoryFile(configParams.workspaceFile, createDefaultWorkspaceContent(workspaceRoot)));
     fileSystemProvider.registerFile(createDebugLaunchConfigFile(workspaceRoot, configParams.languageId));
     registerFileSystemOverlay(1, fileSystemProvider);
 
@@ -75,11 +76,13 @@ export const createDefaultConfigParams = (homeDir: string, htmlContainer?: HTMLE
 };
 
 export type PythonAppConfig = {
-    wrapperConfig: WrapperConfig;
+    languageClientConfig: LanguageClientConfig;
+    vscodeApiConfig: MonacoVscodeApiConfig;
+    editorAppConfig: EditorAppConfig;
     configParams: ConfigParams;
 }
 
-export const createWrapperConfig = (): PythonAppConfig => {
+export const createPythonAppConfig = (): PythonAppConfig => {
     const configParams = createDefaultConfigParams('/home/mlc', document.body);
 
     const url = createUrl({
@@ -96,101 +99,65 @@ export const createWrapperConfig = (): PythonAppConfig => {
     const reader = new WebSocketMessageReader(iWebSocket);
     const writer = new WebSocketMessageWriter(iWebSocket);
 
-    const wrapperConfig: WrapperConfig = {
+    const vscodeApiConfig: MonacoVscodeApiConfig = {
         $type: 'extended',
         htmlContainer: configParams.htmlContainer,
         logLevel: LogLevel.Debug,
-        languageClientConfigs: {
-            configs: {
-                python: {
-                    name: 'Python Language Server Example',
-                    connection: {
-                        options: {
-                            $type: 'WebSocketDirect',
-                            webSocket: webSocket,
-                            startOptions: {
-                                onCall: (languageClient?: MonacoLanguageClient) => {
-                                    setTimeout(() => {
-                                        ['pyright.restartserver', 'pyright.organizeimports'].forEach((cmdName) => {
-                                            vscode.commands.registerCommand(cmdName, (...args: unknown[]) => {
-                                                languageClient?.sendRequest('workspace/executeCommand', { command: cmdName, arguments: args });
-                                            });
-                                        });
-                                    }, 250);
-                                },
-                                reportStatus: true,
-                            }
-                        },
-                        messageTransports: { reader, writer }
-                    },
-                    clientOptions: {
-                        documentSelector: [configParams.languageId],
-                        workspaceFolder: {
-                            index: 0,
-                            name: configParams.workspaceRoot,
-                            uri: vscode.Uri.parse(configParams.workspaceRoot)
-                        },
-                    }
-                }
-            }
+        serviceOverrides: {
+            ...getKeybindingsServiceOverride(),
+            ...getLifecycleServiceOverride(),
+            ...getLocalizationServiceOverride(createDefaultLocaleConfiguration()),
+            ...getBannerServiceOverride(),
+            ...getStatusBarServiceOverride(),
+            ...getTitleBarServiceOverride(),
+            ...getExplorerServiceOverride(),
+            ...getRemoteAgentServiceOverride(),
+            ...getEnvironmentServiceOverride(),
+            ...getSecretStorageServiceOverride(),
+            ...getStorageServiceOverride(),
+            ...getSearchServiceOverride(),
+            ...getDebugServiceOverride(),
+            ...getTestingServiceOverride(),
+            ...getPreferencesServiceOverride()
         },
-        vscodeApiConfig: {
-            serviceOverrides: {
-                ...getKeybindingsServiceOverride(),
-                ...getLifecycleServiceOverride(),
-                ...getLocalizationServiceOverride(createDefaultLocaleConfiguration()),
-                ...getBannerServiceOverride(),
-                ...getStatusBarServiceOverride(),
-                ...getTitleBarServiceOverride(),
-                ...getExplorerServiceOverride(),
-                ...getRemoteAgentServiceOverride(),
-                ...getEnvironmentServiceOverride(),
-                ...getSecretStorageServiceOverride(),
-                ...getStorageServiceOverride(),
-                ...getSearchServiceOverride(),
-                ...getDebugServiceOverride(),
-                ...getTestingServiceOverride(),
-                ...getPreferencesServiceOverride()
-            },
-            viewsConfig: {
-                viewServiceType: 'ViewsService',
-                htmlAugmentationInstructions: defaultHtmlAugmentationInstructions,
-                viewsInitFunc: defaultViewsInit
-            },
-            userConfiguration: {
-                json: JSON.stringify({
-                    'workbench.colorTheme': 'Default Dark Modern',
-                    'editor.guides.bracketPairsHorizontal': 'active',
-                    'editor.wordBasedSuggestions': 'off',
-                    'editor.experimental.asyncTokenization': true,
-                    'debug.toolBarLocation': 'docked'
-                })
+        viewsConfig: {
+            viewServiceType: 'ViewsService',
+            htmlAugmentationInstructions: defaultHtmlAugmentationInstructions,
+            viewsInitFunc: defaultViewsInit
+        },
+        userConfiguration: {
+            json: JSON.stringify({
+                'workbench.colorTheme': 'Default Dark Modern',
+                'editor.guides.bracketPairsHorizontal': 'active',
+                'editor.wordBasedSuggestions': 'off',
+                'editor.experimental.asyncTokenization': true,
+                'debug.toolBarLocation': 'docked'
+            })
+        },
+        workspaceConfig: {
+            enableWorkspaceTrust: true,
+            windowIndicator: {
+                label: 'mlc-python-example',
+                tooltip: '',
+                command: ''
             },
-            workspaceConfig: {
-                enableWorkspaceTrust: true,
-                windowIndicator: {
-                    label: 'mlc-python-example',
-                    tooltip: '',
-                    command: ''
-                },
-                workspaceProvider: {
-                    trusted: true,
-                    async open() {
-                        window.open(window.location.href);
-                        return true;
-                    },
-                    workspace: {
-                        workspaceUri: configParams.workspaceFile
-                    }
+            workspaceProvider: {
+                trusted: true,
+                async open() {
+                    window.open(window.location.href);
+                    return true;
                 },
-                configurationDefaults: {
-                    'window.title': 'mlc-python-example${separator}${dirty}${activeEditorShort}'
-                },
-                productConfiguration: {
-                    nameShort: 'mlc-python-example',
-                    nameLong: 'mlc-python-example'
+                workspace: {
+                    workspaceUri: configParams.workspaceFile
                 }
             },
+            configurationDefaults: {
+                'window.title': 'mlc-python-example${separator}${dirty}${activeEditorShort}'
+            },
+            productConfiguration: {
+                nameShort: 'mlc-python-example',
+                nameLong: 'mlc-python-example'
+            }
         },
         extensions: [
             {
@@ -205,13 +172,48 @@ export const createWrapperConfig = (): PythonAppConfig => {
             },
             provideDebuggerExtensionConfig(configParams)
         ],
-        editorAppConfig: {
-            monacoWorkerFactory: configureDefaultWorkerFactory
+        monacoWorkerFactory: configureDefaultWorkerFactory
+    };
+
+    const languageClientConfig: LanguageClientConfig = {
+        name: 'Python Language Server Example',
+        connection: {
+            options: {
+                $type: 'WebSocketDirect',
+                webSocket: webSocket,
+                startOptions: {
+                    onCall: (languageClient?: BaseLanguageClient) => {
+                        setTimeout(() => {
+                            ['pyright.restartserver', 'pyright.organizeimports'].forEach((cmdName) => {
+                                vscode.commands.registerCommand(cmdName, (...args: unknown[]) => {
+                                    languageClient?.sendRequest('workspace/executeCommand', { command: cmdName, arguments: args });
+                                });
+                            });
+                        }, 250);
+                    },
+                    reportStatus: true,
+                }
+            },
+            messageTransports: { reader, writer }
+        },
+        clientOptions: {
+            documentSelector: [configParams.languageId],
+            workspaceFolder: {
+                index: 0,
+                name: configParams.workspaceRoot,
+                uri: vscode.Uri.parse(configParams.workspaceRoot)
+            },
         }
     };
 
+    const editorAppConfig: EditorAppConfig = {
+        $type: vscodeApiConfig.$type
+    };
+
     return {
-        wrapperConfig,
+        vscodeApiConfig,
+        languageClientConfig,
+        editorAppConfig,
         configParams: configParams
     };
 };

package/src/python/client/main.ts

@@ -3,32 +3,41 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
-import * as vscode from 'vscode';
 import { type RegisterLocalProcessExtensionResult } from '@codingame/monaco-vscode-api/extensions';
-import { MonacoEditorLanguageClientWrapper } from 'monaco-editor-wrapper';
-import { createWrapperConfig } from './config.js';
+import { EditorApp } from 'monaco-languageclient/editorApp';
+import { LanguageClientWrapper } from 'monaco-languageclient/lcwrapper';
+import { MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
+import * as vscode from 'vscode';
 import { configureDebugging } from '../../debugger/client/debugger.js';
+import { createPythonAppConfig } from './config.js';
 
 export const runPythonWrapper = async () => {
-    const appConfig = createWrapperConfig();
-    const wrapper = new MonacoEditorLanguageClientWrapper();
+    const appConfig = createPythonAppConfig();
+
+    // perform global init
+    const apiWrapper = new MonacoVscodeApiWrapper(appConfig.vscodeApiConfig);
+    await apiWrapper.init();
+
+    const lcWrapper = new LanguageClientWrapper(appConfig.languageClientConfig);
 
-    if (wrapper.isStarted()) {
+    const editorApp = new EditorApp(appConfig.editorAppConfig);
+
+    if (editorApp.isStarted()) {
         console.warn('Editor was already started!');
     } else {
-        await wrapper.init(appConfig.wrapperConfig);
-
-        const result = wrapper.getExtensionRegisterResult('mlc-python-example') as RegisterLocalProcessExtensionResult;
+        const result = apiWrapper.getExtensionRegisterResult('mlc-python-example') as RegisterLocalProcessExtensionResult;
         result.setAsDefaultApi();
 
-        const initResult = wrapper.getExtensionRegisterResult('debugger-py-client') as RegisterLocalProcessExtensionResult | undefined;
+        const initResult = apiWrapper.getExtensionRegisterResult('debugger-py-client') as RegisterLocalProcessExtensionResult | undefined;
         if (initResult !== undefined) {
             configureDebugging(await initResult.getApi(), appConfig.configParams);
         }
 
+        await lcWrapper.start();
+
         await vscode.commands.executeCommand('workbench.view.explorer');
         await vscode.window.showTextDocument(appConfig.configParams.files.get('hello2.py')!.uri);
 
-        await wrapper.start();
+        await editorApp.start(appConfig.vscodeApiConfig.htmlContainer!);
     }
 };

package/src/python/client/reactPython.tsx

@@ -3,23 +3,23 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
 * ------------------------------------------------------------------------------------------ */
 
-import * as vscode from 'vscode';
 import { type RegisterLocalProcessExtensionResult } from '@codingame/monaco-vscode-api/extensions';
+import { MonacoEditorReactComp } from '@typefox/monaco-editor-react';
+import type { MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { MonacoEditorReactComp } from '@typefox/monaco-editor-react';
-import { MonacoEditorLanguageClientWrapper } from 'monaco-editor-wrapper';
-import { createWrapperConfig  } from './config.js';
+import * as vscode from 'vscode';
 import { configureDebugging } from '../../debugger/client/debugger.js';
+import { createPythonAppConfig } from './config.js';
 
 export const runPythonReact = async () => {
-    const appConfig = createWrapperConfig();
+    const appConfig = createPythonAppConfig();
 
-    const onLoad = async (wrapper: MonacoEditorLanguageClientWrapper) => {
-        const result = wrapper.getExtensionRegisterResult('mlc-python-example') as RegisterLocalProcessExtensionResult;
+    const onVscodeApiInitDone = async (apiWrapper: MonacoVscodeApiWrapper) => {
+        const result = apiWrapper.getExtensionRegisterResult('mlc-python-example') as RegisterLocalProcessExtensionResult;
         result.setAsDefaultApi();
 
-        const initResult = wrapper.getExtensionRegisterResult('debugger-py-client') as RegisterLocalProcessExtensionResult | undefined;
+        const initResult = apiWrapper.getExtensionRegisterResult('debugger-py-client') as RegisterLocalProcessExtensionResult | undefined;
         if (initResult !== undefined) {
             configureDebugging(await initResult.getApi(), appConfig.configParams);
         }
@@ -34,9 +34,10 @@ export const runPythonReact = async () => {
         return (
             <div style={{ 'backgroundColor': '#1f1f1f' }} >
                 <MonacoEditorReactComp
-                    wrapperConfig={appConfig.wrapperConfig}
+                    vscodeApiConfig={appConfig.vscodeApiConfig}
+                    editorAppConfig={appConfig.editorAppConfig}
                     style={{ 'height': '100%' }}
-                    onLoad={onLoad}
+                    onVscodeApiInitDone={onVscodeApiInitDone}
                     onError={(e) => {
                         console.error(e);
                     }} />

package/src/ts/wrapperTs.ts

@@ -3,14 +3,15 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
-import * as vscode from 'vscode';
-import getKeybindingsServiceOverride from '@codingame/monaco-vscode-keybindings-service-override';
+import { LogLevel } from '@codingame/monaco-vscode-api';
 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 { LogLevel } from '@codingame/monaco-vscode-api';
-import { MonacoEditorLanguageClientWrapper, type WrapperConfig } from 'monaco-editor-wrapper';
-import { configureDefaultWorkerFactory } from 'monaco-editor-wrapper/workers/workerLoaders';
+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 { disableElement } from '../common/client/utils.js';
 
 export const runTsWrapper = async () => {
@@ -24,49 +25,55 @@ export const runTsWrapper = async () => {
     return "Goodbye";
 };`;
 
-    const wrapperConfig: WrapperConfig = {
+    const htmlContainer = document.getElementById('monaco-editor-root')!;
+    const vscodeApiConfig: MonacoVscodeApiConfig = {
         $type: 'extended',
-        htmlContainer: document.getElementById('monaco-editor-root')!,
+        htmlContainer,
         logLevel: LogLevel.Debug,
-        vscodeApiConfig: {
-            serviceOverrides: {
-                ...getKeybindingsServiceOverride()
-            },
+        serviceOverrides: {
+            ...getKeybindingsServiceOverride()
+        },
+        advanced: {
             enableExtHostWorker: true,
-            userConfiguration: {
-                json: JSON.stringify({
-                    'workbench.colorTheme': 'Default Dark Modern',
-                    'typescript.tsserver.web.projectWideIntellisense.enabled': true,
-                    'typescript.tsserver.web.projectWideIntellisense.suppressSemanticErrors': false,
-                    'diffEditor.renderSideBySide': false,
-                    'editor.lightbulb.enabled': 'on',
-                    'editor.glyphMargin': true,
-                    'editor.guides.bracketPairsHorizontal': true,
-                    'editor.experimental.asyncTokenization': true
-                })
-            }
         },
-        editorAppConfig: {
-            codeResources: {
-                modified: {
-                    text: code,
-                    uri: codeUri
-                },
-                original: {
-                    text: codeOriginal,
-                    uri: codeOriginalUri,
-                }
+        userConfiguration: {
+            json: JSON.stringify({
+                'workbench.colorTheme': 'Default Dark Modern',
+                'typescript.tsserver.web.projectWideIntellisense.enabled': true,
+                'typescript.tsserver.web.projectWideIntellisense.suppressSemanticErrors': false,
+                'diffEditor.renderSideBySide': false,
+                'editor.lightbulb.enabled': 'on',
+                'editor.glyphMargin': true,
+                'editor.guides.bracketPairsHorizontal': true,
+                'editor.experimental.asyncTokenization': true
+            })
+        },
+        monacoWorkerFactory: configureDefaultWorkerFactory
+    };
+
+    const editorAppConfig: EditorAppConfig = {
+        $type: vscodeApiConfig.$type,
+        codeResources: {
+            modified: {
+                text: code,
+                uri: codeUri
             },
-            monacoWorkerFactory: configureDefaultWorkerFactory
+            original: {
+                text: codeOriginal,
+                uri: codeOriginalUri,
+            }
         }
     };
 
-    const wrapper = new MonacoEditorLanguageClientWrapper();
+    const apiWrapper = new MonacoVscodeApiWrapper(vscodeApiConfig);
+    await apiWrapper.init();
+
+    const editorApp = new EditorApp(editorAppConfig);
     disableElement('button-swap-code', true);
 
     try {
         document.querySelector('#button-start')?.addEventListener('click', async () => {
-            await wrapper.initAndStart(wrapperConfig);
+            await editorApp.start(htmlContainer);
 
             vscode.commands.getCommands().then((x) => {
                 console.log(`Found ${x.length} commands`);
@@ -74,13 +81,13 @@ export const runTsWrapper = async () => {
                 console.log(`Found command: ${finding}`);
             });
 
-            wrapper.getEditor()?.focus();
+            editorApp.getEditor()?.focus();
             await vscode.commands.executeCommand('actions.find');
         });
         document.querySelector('#button-swap-code')?.addEventListener('click', () => {
-            const codeResources = wrapper.getEditorApp()?.getConfig().codeResources;
+            const codeResources = editorApp.getConfig().codeResources;
             if (codeResources?.modified?.uri === codeUri) {
-                wrapper.updateCodeResources({
+                editorApp.updateCodeResources({
                     modified: {
                         text: codeOriginal,
                         uri: codeOriginalUri
@@ -91,7 +98,7 @@ export const runTsWrapper = async () => {
                     }
                 });
             } else {
-                wrapper.updateCodeResources({
+                editorApp.updateCodeResources({
                     modified: {
                         text: code,
                         uri: codeUri
@@ -105,14 +112,14 @@ export const runTsWrapper = async () => {
         });
         document.querySelector('#button-diff')?.addEventListener('click', async () => {
             // ensure it is boolean value and not undefined
-            const useDiffEditor = wrapperConfig.editorAppConfig!.useDiffEditor ?? false;
-            wrapperConfig.editorAppConfig!.useDiffEditor = !useDiffEditor;
-            disableElement('button-swap-code', !wrapperConfig.editorAppConfig!.useDiffEditor);
+            const useDiffEditor = editorAppConfig.useDiffEditor ?? false;
+            editorAppConfig.useDiffEditor = !useDiffEditor;
+            disableElement('button-swap-code', !editorAppConfig.useDiffEditor);
 
-            await wrapper.initAndStart(wrapperConfig);
+            await editorApp.start(htmlContainer);
         });
         document.querySelector('#button-dispose')?.addEventListener('click', async () => {
-            await wrapper.dispose();
+            await editorApp.dispose();
         });
     } catch (e) {
         console.error(e);

package/two_langauge_clients.html

@@ -15,7 +15,6 @@
         <button type="button" id="button-start">Start</button>
         <button type="button" id="button-dispose">Dispose</button>
         <button type="button" id="button-flip">Flip Content</button>
-        <label>External Lanuguage Clients:</label><input type="checkbox" id="checkbox-extlc" />
     </div>
     <div id="monaco-editor-root" style="width:800px;height:600px;border:1px solid grey"></div>
     <script type="module">

package/dist/json/client/wrapperWs.d.ts

@@ -1,5 +0,0 @@
-import '@codingame/monaco-vscode-json-default-extension';
-import { type WrapperConfig } from 'monaco-editor-wrapper';
-export declare const buildJsonClientUserConfig: (htmlContainer?: HTMLElement) => WrapperConfig;
-export declare const runJsonWrapper: () => void;
-//# sourceMappingURL=wrapperWs.d.ts.map

package/dist/json/client/wrapperWs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"wrapperWs.d.ts","sourceRoot":"","sources":["../../../src/json/client/wrapperWs.ts"],"names":[],"mappings":"AAOA,OAAO,iDAAiD,CAAC;AAEzD,OAAO,EAAqC,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAQ9F,eAAO,MAAM,yBAAyB,GAAI,gBAAgB,WAAW,KAAG,aAwDvE,CAAC;AAEF,eAAO,MAAM,cAAc,YAc1B,CAAC"}

package/dist/json/client/wrapperWs.js

@@ -1,87 +0,0 @@
-/* --------------------------------------------------------------------------------------------
- * Copyright (c) 2024 TypeFox and others.
- * Licensed under the MIT License. See LICENSE in the package root for license information.
- * ------------------------------------------------------------------------------------------ */
-import getKeybindingsServiceOverride from '@codingame/monaco-vscode-keybindings-service-override';
-// this is required syntax highlighting
-import '@codingame/monaco-vscode-json-default-extension';
-import { LogLevel } from '@codingame/monaco-vscode-api';
-import { MonacoEditorLanguageClientWrapper } from 'monaco-editor-wrapper';
-import { configureDefaultWorkerFactory } from 'monaco-editor-wrapper/workers/workerLoaders';
-const text = `{
-    "$schema": "http://json.schemastore.org/coffeelint",
-    "line_endings": {"value": "unix"}
-}`;
-export const buildJsonClientUserConfig = (htmlContainer) => {
-    return {
-        $type: 'extended',
-        htmlContainer,
-        logLevel: LogLevel.Debug,
-        vscodeApiConfig: {
-            serviceOverrides: {
-                ...getKeybindingsServiceOverride(),
-            },
-            userConfiguration: {
-                json: JSON.stringify({
-                    'workbench.colorTheme': 'Default Dark Modern',
-                    'editor.guides.bracketPairsHorizontal': 'active',
-                    'editor.lightbulb.enabled': 'On',
-                    'editor.wordBasedSuggestions': 'off',
-                    'editor.experimental.asyncTokenization': true
-                })
-            }
-        },
-        editorAppConfig: {
-            codeResources: {
-                modified: {
-                    text,
-                    uri: '/workspace/test.json',
-                }
-            },
-            monacoWorkerFactory: configureDefaultWorkerFactory
-        },
-        languageClientConfigs: {
-            configs: {
-                json: {
-                    clientOptions: {
-                        documentSelector: ['json']
-                    },
-                    connection: {
-                        options: {
-                            $type: 'WebSocketUrl',
-                            url: 'ws://localhost:30000/sampleServer',
-                            startOptions: {
-                                onCall: () => {
-                                    console.log('Connected to socket.');
-                                },
-                                reportStatus: true
-                            },
-                            stopOptions: {
-                                onCall: () => {
-                                    console.log('Disconnected from socket.');
-                                },
-                                reportStatus: true
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    };
-};
-export const runJsonWrapper = () => {
-    const wrapper = new MonacoEditorLanguageClientWrapper();
-    try {
-        document.querySelector('#button-start')?.addEventListener('click', async () => {
-            const config = buildJsonClientUserConfig(document.getElementById('monaco-editor-root'));
-            await wrapper.initAndStart(config);
-        });
-        document.querySelector('#button-dispose')?.addEventListener('click', async () => {
-            await wrapper.dispose();
-        });
-    }
-    catch (e) {
-        console.error(e);
-    }
-};
-//# sourceMappingURL=wrapperWs.js.map