monaco-languageclient-examples 2025.6.1 → 2025.6.3

package/dist/ts/wrapperTs.js

@@ -2,14 +2,15 @@
  * Copyright (c) 2024 TypeFox and others.
  * 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 } from 'monaco-editor-wrapper';
-import { configureDefaultWorkerFactory } from 'monaco-editor-wrapper/workers/workerLoaders';
+import { EditorApp } from 'monaco-languageclient/editorApp';
+import { MonacoVscodeApiWrapper } 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 () => {
     const codeUri = '/workspace/hello.ts';
@@ -20,59 +21,63 @@ export const runTsWrapper = async () => {
     const codeOriginal = `function sayGoodbye(): string {
     return "Goodbye";
 };`;
-    const wrapperConfig = {
+    const htmlContainer = document.getElementById('monaco-editor-root');
+    const vscodeApiConfig = {
         $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 = {
+        $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`);
                 const finding = x.find((elem) => elem === 'actions.find');
                 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
@@ -84,7 +89,7 @@ export const runTsWrapper = async () => {
                 });
             }
             else {
-                wrapper.updateCodeResources({
+                editorApp.updateCodeResources({
                     modified: {
                         text: code,
                         uri: codeUri
@@ -98,13 +103,13 @@ 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);
-            await wrapper.initAndStart(wrapperConfig);
+            const useDiffEditor = editorAppConfig.useDiffEditor ?? false;
+            editorAppConfig.useDiffEditor = !useDiffEditor;
+            disableElement('button-swap-code', !editorAppConfig.useDiffEditor);
+            await editorApp.start(htmlContainer);
         });
         document.querySelector('#button-dispose')?.addEventListener('click', async () => {
-            await wrapper.dispose();
+            await editorApp.dispose();
         });
     }
     catch (e) {

package/dist/ts/wrapperTs.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapperTs.js","sourceRoot":"","sources":["../../src/ts/wrapperTs.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"wrapperTs.js","sourceRoot":"","sources":["../../src/ts/wrapperTs.ts"],"names":[],"mappings":"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"}

package/json.html

@@ -17,7 +17,7 @@
     </div>
     <div id="monaco-editor-root" style="height: 80vh;"></div>
     <script type="module">
-        import { runJsonWrapper } from './src/json/client/wrapperWs.ts';
+        import { runJsonWrapper } from './src/json/client/client.ts';
 
         runJsonWrapper();
     </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monaco-languageclient-examples",
-  "version": "2025.6.1",
+  "version": "2025.6.3",
   "description": "Monaco Language client examples",
   "author": {
     "name": "TypeFox GmbH",
@@ -82,65 +82,65 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@codingame/monaco-vscode-configuration-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-cpp-default-extension": "~17.2.1",
-    "@codingame/monaco-vscode-debug-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-editor-api": "~17.2.1",
-    "@codingame/monaco-vscode-environment-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-explorer-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-files-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-groovy-default-extension": "~17.2.1",
-    "@codingame/monaco-vscode-java-default-extension": "~17.2.1",
-    "@codingame/monaco-vscode-javascript-default-extension": "~17.2.1",
-    "@codingame/monaco-vscode-json-default-extension": "~17.2.1",
-    "@codingame/monaco-vscode-keybindings-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-lifecycle-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-localization-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-preferences-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-python-default-extension": "~17.2.1",
-    "@codingame/monaco-vscode-remote-agent-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-search-result-default-extension": "~17.2.1",
-    "@codingame/monaco-vscode-search-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-secret-storage-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-standalone-json-language-features": "~17.2.1",
-    "@codingame/monaco-vscode-standalone-typescript-language-features": "~17.2.1",
-    "@codingame/monaco-vscode-testing-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-storage-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-textmate-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-theme-defaults-default-extension": "~17.2.1",
-    "@codingame/monaco-vscode-theme-service-override": "~17.2.1",
-    "@codingame/monaco-vscode-typescript-basics-default-extension": "~17.2.1",
-    "@codingame/monaco-vscode-typescript-language-features-default-extension": "~17.2.1",
-    "@codingame/monaco-vscode-views-service-override": "~17.2.1",
-    "@typefox/monaco-editor-react": "~6.8.1",
-    "cors": "^2.8.5",
+    "@codingame/monaco-vscode-configuration-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-cpp-default-extension": "~18.2.0",
+    "@codingame/monaco-vscode-debug-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-editor-api": "~18.2.0",
+    "@codingame/monaco-vscode-environment-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-explorer-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-files-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-groovy-default-extension": "~18.2.0",
+    "@codingame/monaco-vscode-java-default-extension": "~18.2.0",
+    "@codingame/monaco-vscode-javascript-default-extension": "~18.2.0",
+    "@codingame/monaco-vscode-json-default-extension": "~18.2.0",
+    "@codingame/monaco-vscode-keybindings-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-lifecycle-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-localization-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-preferences-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-python-default-extension": "~18.2.0",
+    "@codingame/monaco-vscode-remote-agent-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-search-result-default-extension": "~18.2.0",
+    "@codingame/monaco-vscode-search-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-secret-storage-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-standalone-json-language-features": "~18.2.0",
+    "@codingame/monaco-vscode-standalone-typescript-language-features": "~18.2.0",
+    "@codingame/monaco-vscode-testing-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-storage-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-textmate-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-theme-defaults-default-extension": "~18.2.0",
+    "@codingame/monaco-vscode-theme-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-typescript-basics-default-extension": "~18.2.0",
+    "@codingame/monaco-vscode-typescript-language-features-default-extension": "~18.2.0",
+    "@codingame/monaco-vscode-views-service-override": "~18.2.0",
+    "@codingame/monaco-vscode-outline-service-override": "~18.2.0",
+    "@typefox/monaco-editor-react": "~7.0.0-next.0",
+    "cors": "~2.8.5",
     "express": "~5.1.0",
     "jszip": "~3.10.1",
     "langium": "~3.5.0",
-    "monaco-editor-wrapper": "~6.8.1",
-    "monaco-languageclient": "~9.7.1",
+    "monaco-languageclient": "~10.0.0-next.0",
     "pyright": "~1.1.402",
     "react": "~19.1.0",
     "react-dom": "~19.1.0",
     "request-light": "~0.8.0",
-    "vscode": "npm:@codingame/monaco-vscode-extension-api@~17.2.1",
-    "vscode-json-languageservice": "~5.6.0",
+    "vscode": "npm:@codingame/monaco-vscode-extension-api@~18.2.0",
+    "vscode-json-languageservice": "~5.6.1",
     "vscode-languageclient": "~9.0.1",
     "vscode-languageserver": "~9.0.1",
     "vscode-uri": "~3.1.0",
     "vscode-ws-jsonrpc": "~3.4.0",
-    "ws": "~8.18.2",
+    "ws": "~8.18.3",
     "wtd-core": "~4.0.1"
   },
   "devDependencies": {
-    "@types/cors": "^2.8.19",
+    "@types/cors": "~2.8.19",
     "@types/emscripten": "~1.40.1",
     "@types/express": "~5.0.3",
     "@types/ws": "~8.18.1",
-    "langium-cli": "~3.5.0",
+    "langium-cli": "~3.5.2",
     "mini-coi": "~0.4.2",
     "ts-node": "~10.9.1",
-    "vite-plugin-static-copy": "~3.0.2",
+    "vite-plugin-static-copy": "~3.1.0",
     "vscode-languageserver-types": "~3.17.5"
   },
   "scripts": {

package/src/appPlayground/common.ts

@@ -5,11 +5,11 @@
 
 import * as vscode from 'vscode';
 import type { RegisterLocalProcessExtensionResult } from '@codingame/monaco-vscode-api/extensions';
-import { MonacoEditorLanguageClientWrapper } from 'monaco-editor-wrapper';
 import type { ConfigResult } from './config.js';
+import type { MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
 
-export const configurePostStart = async (wrapper: MonacoEditorLanguageClientWrapper, configResult: ConfigResult) => {
-    const result = wrapper.getExtensionRegisterResult('mlc-app-playground') as RegisterLocalProcessExtensionResult;
+export const configurePostStart = async (apiWrapper: MonacoVscodeApiWrapper, configResult: ConfigResult) => {
+    const result = apiWrapper.getExtensionRegisterResult('mlc-app-playground') as RegisterLocalProcessExtensionResult;
     result.setAsDefaultApi();
 
     // WA: Force show explorer and not search

package/src/appPlayground/config.ts

@@ -3,109 +3,108 @@
  * 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 { RegisteredFileSystemProvider, registerFileSystemOverlay, RegisteredMemoryFile } from '@codingame/monaco-vscode-files-service-override';
+import getEnvironmentServiceOverride from '@codingame/monaco-vscode-environment-service-override';
+import getExplorerServiceOverride from '@codingame/monaco-vscode-explorer-service-override';
+import { InMemoryFileSystemProvider, registerFileSystemOverlay, type IFileWriteOptions } 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 getOutlineServiceOverride from '@codingame/monaco-vscode-outline-service-override';
 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 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 * as vscode from 'vscode';
 
 // this is required syntax highlighting
+import '@codingame/monaco-vscode-search-result-default-extension';
 import '@codingame/monaco-vscode-typescript-basics-default-extension';
 import '@codingame/monaco-vscode-typescript-language-features-default-extension';
-import '@codingame/monaco-vscode-search-result-default-extension';
 
 import '../../resources/vsix/open-collaboration-tools.vsix';
 
-import { createDefaultLocaleConfiguration } from 'monaco-languageclient/vscode/services';
-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 { defaultHtmlAugmentationInstructions, defaultViewsInit, type MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
+import type { EditorAppConfig } from 'monaco-languageclient/editorApp';
+import { createDefaultLocaleConfiguration } from 'monaco-languageclient/vscodeApiLocales';
+import { configureDefaultWorkerFactory } from 'monaco-languageclient/workerFactory';
 import helloTsCode from '../../resources/appPlayground/hello.ts?raw';
 import testerTsCode from '../../resources/appPlayground/tester.ts?raw';
-import type { WrapperConfig } from 'monaco-editor-wrapper';
+import { createDefaultWorkspaceContent } from '../common/client/utils.js';
 
 export type ConfigResult = {
-    wrapperConfig: WrapperConfig
-    workspaceFile: vscode.Uri;
+    vscodeApiConfig: MonacoVscodeApiConfig;
+    editorAppConfig: EditorAppConfig
+    workspaceFileUri: vscode.Uri;
     helloTsUri: vscode.Uri;
     testerTsUri: vscode.Uri;
 };
 
-export const configure = (htmlContainer?: HTMLElement): ConfigResult => {
-    const workspaceFile = vscode.Uri.file('/workspace/.vscode/workspace.code-workspace');
+export const configure = async (htmlContainer?: HTMLElement): Promise<ConfigResult> => {
+    const workspaceFileUri = vscode.Uri.file('/workspace.code-workspace');
 
-    const wrapperConfig: WrapperConfig = {
+    const vscodeApiConfig: MonacoVscodeApiConfig = {
         $type: 'extended',
-        id: 'AAP',
         logLevel: LogLevel.Debug,
         htmlContainer,
-        vscodeApiConfig: {
-            serviceOverrides: {
-                ...getKeybindingsServiceOverride(),
-                ...getLifecycleServiceOverride(),
-                ...getLocalizationServiceOverride(createDefaultLocaleConfiguration()),
-                ...getBannerServiceOverride(),
-                ...getStatusBarServiceOverride(),
-                ...getTitleBarServiceOverride(),
-                ...getExplorerServiceOverride(),
-                ...getRemoteAgentServiceOverride(),
-                ...getEnvironmentServiceOverride(),
-                ...getSecretStorageServiceOverride(),
-                ...getStorageServiceOverride(),
-                ...getSearchServiceOverride()
-            },
-            enableExtHostWorker: true,
-            viewsConfig: {
-                viewServiceType: 'ViewsService',
-                htmlAugmentationInstructions: defaultHtmlAugmentationInstructions,
-                viewsInitFunc: defaultViewsInit
+        serviceOverrides: {
+            ...getKeybindingsServiceOverride(),
+            ...getLifecycleServiceOverride(),
+            ...getLocalizationServiceOverride(createDefaultLocaleConfiguration()),
+            ...getBannerServiceOverride(),
+            ...getStatusBarServiceOverride(),
+            ...getTitleBarServiceOverride(),
+            ...getExplorerServiceOverride(),
+            ...getRemoteAgentServiceOverride(),
+            ...getEnvironmentServiceOverride(),
+            ...getSecretStorageServiceOverride(),
+            ...getStorageServiceOverride(),
+            ...getSearchServiceOverride(),
+            ...getOutlineServiceOverride()
+        },
+        viewsConfig: {
+            viewServiceType: 'ViewsService',
+            htmlAugmentationInstructions: defaultHtmlAugmentationInstructions,
+            viewsInitFunc: defaultViewsInit
+        },
+        workspaceConfig: {
+            enableWorkspaceTrust: true,
+            windowIndicator: {
+                label: 'mlc-app-playground',
+                tooltip: '',
+                command: ''
             },
-            workspaceConfig: {
-                enableWorkspaceTrust: true,
-                windowIndicator: {
-                    label: 'mlc-app-playground',
-                    tooltip: '',
-                    command: ''
-                },
-                workspaceProvider: {
-                    trusted: true,
-                    async open() {
-                        window.open(window.location.href);
-                        return true;
-                    },
-                    workspace: {
-                        workspaceUri: workspaceFile
-                    }
+            workspaceProvider: {
+                trusted: true,
+                async open() {
+                    window.open(window.location.href);
+                    return true;
                 },
-                configurationDefaults: {
-                    'window.title': 'mlc-app-playground${separator}${dirty}${activeEditorShort}'
-                },
-                productConfiguration: {
-                    nameShort: 'mlc-app-playground',
-                    nameLong: 'mlc-app-playground'
+                workspace: {
+                    workspaceUri: workspaceFileUri
                 }
             },
-            userConfiguration: {
-                json: JSON.stringify({
-                    'workbench.colorTheme': 'Default Dark Modern',
-                    'editor.wordBasedSuggestions': 'off',
-                    'typescript.tsserver.web.projectWideIntellisense.enabled': true,
-                    'typescript.tsserver.web.projectWideIntellisense.suppressSemanticErrors': false,
-                    'editor.guides.bracketPairsHorizontal': true,
-                    'oct.serverUrl': 'https://api.open-collab.tools/',
-                    'editor.experimental.asyncTokenization': false
-                })
+            configurationDefaults: {
+                'window.title': 'mlc-app-playground${separator}${dirty}${activeEditorShort}'
             },
+            productConfiguration: {
+                nameShort: 'mlc-app-playground',
+                nameLong: 'mlc-app-playground'
+            }
+        },
+        userConfiguration: {
+            json: JSON.stringify({
+                'workbench.colorTheme': 'Default Dark Modern',
+                'editor.wordBasedSuggestions': 'off',
+                'typescript.tsserver.web.projectWideIntellisense.enabled': true,
+                'typescript.tsserver.web.projectWideIntellisense.suppressSemanticErrors': false,
+                'editor.guides.bracketPairsHorizontal': true,
+                'oct.serverUrl': 'https://api.open-collab.tools/',
+                'editor.experimental.asyncTokenization': false
+            })
         },
         extensions: [{
             config: {
@@ -117,22 +116,39 @@ export const configure = (htmlContainer?: HTMLElement): ConfigResult => {
                 }
             }
         }],
-        editorAppConfig: {
-            monacoWorkerFactory: configureDefaultWorkerFactory
-        }
+        advanced: {
+            enableExtHostWorker: true,
+        },
+        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');
-    const fileSystemProvider = new RegisteredFileSystemProvider(false);
-    fileSystemProvider.registerFile(new RegisteredMemoryFile(helloTsUri, helloTsCode));
-    fileSystemProvider.registerFile(new RegisteredMemoryFile(testerTsUri, testerTsCode));
-    fileSystemProvider.registerFile(createDefaultWorkspaceFile(workspaceFile, '/workspace'));
+    const fileSystemProvider = new InMemoryFileSystemProvider();
+    const textEncoder = new TextEncoder();
+
+    const options: IFileWriteOptions = {
+        atomic: false,
+        unlock: false,
+        create: true,
+        overwrite: true
+    };
+    await fileSystemProvider.mkdir(workspaceUri);
+    await fileSystemProvider.writeFile(helloTsUri, textEncoder.encode(helloTsCode), options);
+    await fileSystemProvider.writeFile(testerTsUri, textEncoder.encode(testerTsCode), options);
+    await fileSystemProvider.writeFile(workspaceFileUri, textEncoder.encode(createDefaultWorkspaceContent('/workspace')), options);
     registerFileSystemOverlay(1, fileSystemProvider);
 
     return {
-        wrapperConfig,
-        workspaceFile,
+        vscodeApiConfig,
+        editorAppConfig,
+        workspaceFileUri,
         helloTsUri,
         testerTsUri
     };

package/src/appPlayground/launcher.ts

@@ -3,7 +3,8 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
-import { initLocaleLoader } from 'monaco-editor-wrapper/vscode/locale';
+import { initLocaleLoader } from 'monaco-languageclient/vscodeApiLocales';
+
 await initLocaleLoader();
 
 const { runApplicationPlayground } = await import('./main.js');

package/src/appPlayground/main.ts

@@ -3,16 +3,19 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
-import { MonacoEditorLanguageClientWrapper } from 'monaco-editor-wrapper';
 import { configure } from './config.js';
 import { configurePostStart } from './common.js';
 import { disableElement } from '../common/client/utils.js';
-
-const wrapper = new MonacoEditorLanguageClientWrapper();
+import { MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
 
 export const runApplicationPlayground = async () => {
     disableElement('button-start', true);
-    const configResult = configure(document.body);
-    await wrapper.init(configResult.wrapperConfig);
-    await configurePostStart(wrapper, configResult);
+
+    const configResult = await configure(document.body);
+
+    // perform global init
+    const apiWrapper = new MonacoVscodeApiWrapper(configResult.vscodeApiConfig);
+    await apiWrapper.init();
+
+    await configurePostStart(apiWrapper, configResult);
 };

package/src/appPlayground/reactLauncher.ts

@@ -3,7 +3,8 @@
  * Licensed under the MIT License. See LICENSE in the package root for license information.
  * ------------------------------------------------------------------------------------------ */
 
-import { initLocaleLoader } from 'monaco-editor-wrapper/vscode/locale';
+import { initLocaleLoader } from 'monaco-languageclient/vscodeApiLocales';
+
 await initLocaleLoader();
 
 const { runApplicationPlaygroundReact } = await import('./reactMain.js');

package/src/appPlayground/reactMain.tsx

@@ -5,22 +5,22 @@
 
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { MonacoEditorLanguageClientWrapper } from 'monaco-editor-wrapper';
 import { MonacoEditorReactComp } from '@typefox/monaco-editor-react';
 import { configure } from './config.js';
 import { configurePostStart } from './common.js';
 
 export const runApplicationPlaygroundReact = async () => {
 
-    const configResult = configure();
+    const configResult = await configure();
     const root = ReactDOM.createRoot(document.getElementById('react-root')!);
     const App = () => {
         return (
             <div style={{ 'backgroundColor': '#1f1f1f' }}>
                 <MonacoEditorReactComp
-                    wrapperConfig={configResult.wrapperConfig}
-                    onLoad={async (wrapper: MonacoEditorLanguageClientWrapper) => {
-                        await configurePostStart(wrapper, configResult);
+                    vscodeApiConfig={configResult.vscodeApiConfig}
+                    editorAppConfig={configResult.editorAppConfig}
+                    onVscodeApiInitDone={async (apiWrapper) => {
+                        await configurePostStart(apiWrapper, configResult);
                     }}
                     onError={(e) => {
                         console.error(e);