@typefox/monaco-editor-react 7.0.0-next.0 → 7.0.0-next.2

package/CHANGELOG.md

@@ -2,10 +2,34 @@
 
 All notable changes to npm module [@typefox/monaco-editor-react](https://www.npmjs.com/package/@typefox/monaco-editor-react) are documented in this file.
 
-## [7.0.0-next.0] - 2025-0z-xy
+## [7.0.0] - unreleased
 
-- Updated to `monaco-languageclient@10.0.0-next.0` and `monaco-editor-wrapper@7.0.0-next.0`.
-- Updated all `@codingame/monaco-vscode` packages to `18.2.0`.
+- Merge `monaco-editor-wrapper` with `monaco-languageclient`:
+  - Updated to `monaco-languageclient@10.0.0`.
+  - Documentation update [#956](https://github.com/TypeFox/monaco-languageclient/pull/956).
+  - Lifecycle adjustments [#939](https://github.com/TypeFox/monaco-languageclient/pull/939).
+  - Move MonacoLanguageClientWrapper to monaco-languageclient [#920](https://github.com/TypeFox/monaco-languageclient/pull/920).
+  - Please see the [migration guide](https://github.com/TypeFox/monaco-languageclient/blob/main/docs/migration.md).
+  - Noteworthy updates and stability improvements:
+    - Fix React Stict Mode
+    - Only one language client can be used directly with the component
+    - Fixed rerendering issue by introducing an internal update queue
+- Updated all `@codingame/monaco-vscode` packages to `^21.0.1`.
+
+## [6.12.0] - 2025-08-21
+
+- Updated to `monaco-languageclient@9.11.0` and `monaco-editor-wrapper@6.12.0`.
+- Updated all `@codingame/monaco-vscode` packages to `20.2.1`.
+
+## [6.11.0] - 2025-08-14
+
+- Updated to `monaco-languageclient@9.10.0` and `monaco-editor-wrapper@6.11.0`.
+- Updated all `@codingame/monaco-vscode` packages to `20.1.1`.
+
+## [6.10.0] - 2025-08-11
+
+- Updated to `monaco-languageclient@9.9.0` and `monaco-editor-wrapper@6.10.0`.
+- Updated all `@codingame/monaco-vscode` packages to `19.1.4`.
 
 ## [6.9.0] - 2025-06-24
 

package/README.md

@@ -1,58 +1,110 @@
 # React component for Monaco-Editor and Monaco Languageclient
 
-This packages provides a React component that it based on the [monaco-editor-wrapper](https://www.npmjs.com/package/monaco-editor-wrapper). It behaves nearly the same way as the monaco editor, with the primary difference being that you interact with it through a React component.
-
-The [monaco-languageclient](https://github.com/TypeFox/monaco-languageclient) can be activated to connect to a language server either via jsonrpc over a websocket to an exernal server process, or via the Language Server Protocol for the browser where the language server runs in a web worker.
+This packages provides a React component that wraps the functionality of [monaco-languageclient](https://www.npmjs.com/package/monaco-languageclient) and all its tools.
 
 ## CHANGELOG
 
 All changes are noted in the [CHANGELOG](https://github.com/TypeFox/monaco-languageclient/blob/main/packages/wrapper-react/CHANGELOG.md).
 
-## Getting Started
+## Official documentation, quick start and examples
+
+This is npm package is part of the [monaco-languageclient mono repo](https://github.com/TypeFox/monaco-languageclient).
+
+You find detailed information in the [official documentation](https://github.com/TypeFox/monaco-languageclient/blob/main/docs/index.md).
 
-This is npm package is part of the [monaco-languageclient mono repo](https://github.com/TypeFox/monaco-languageclient). Please follow the main repositories [instructions](https://github.com/TypeFox/monaco-languageclient#getting-started) to get started with local development.
+If interested, check [quick start for local development]](<https://github.com/TypeFox/monaco-languageclient#getting-started>).
+
+A detailed list of examples is contained in the GitHub repository, please see [this listing](<https://github.com/TypeFox/monaco-languageclient#examples-overview>).
 
 ## Usage
 
-You can import the monaco react component for easy use in an existing React project. Below you can see a quick example of a fully functional implementation in TypeScript. The react component uses the same `UserConfig` approach which is then applied to `monaco-editor-wrapper`.
+You can import the monaco react component for easy use in an existing React project. Below you can see a quick example of a fully functional implementation in TypeScript. The react component uses the same configuration objects you using  `monaco-languageclient` directly with TypeScript/JavaScript.
+
+The language client on start can connect to a language server either via jsonrpc over a websocket to an exernal server process, or directly in the browser where the language server runs in a web worker. In both cases they use the Language Server Protocol to communicate. The react component is limited to one language client per component.
 
 ```tsx
+import * as vscode from 'vscode';
+// Import Monaco Language Client components
+import { configureDefaultWorkerFactory } from 'monaco-languageclient/workerFactory';
+import type { MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';
+import type { LanguageClientConfig } from 'monaco-languageclient/lcwrapper';
+import type { EditorAppConfig } from 'monaco-languageclient/editorApp';
+import { MonacoEditorReactComp } from '@typefox/monaco-editor-react';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import '@codingame/monaco-vscode-python-default-extension';
-import { WrapperConfig } from 'monaco-languageclient/editorApp';
-import { MonacoEditorReactComp } from '@typefox/monaco-editor-react';
-import { configureDefaultWorkerFactory } from 'monaco-editor-wrapper/workers/workerLoaders';
-
-const wrapperConfig: WrapperConfig = {
-  $type: 'extended',
-  htmlContainer: document.getElementById('monaco-editor-root')!,
-  editorAppConfig: {
-    codeResources: {
-      modified: {
-              uri: '/workspace/hello.py',
-              text: 'print("Hello, World!")'
-      }
-    },
-    monacoWorkerFactory: configureDefaultWorkerFactory
-  }
-};
-
-const comp = <MonacoEditorReactComp
-    wrapperConfig={wrapperConfig}
-    style={{ 'height': '100%' }}
-    onLoad={(wrapper: MonacoEditorLanguageClientWrapper) => {
-        // use the wrapper to get access to monaco-editor or the languageclient
-    }}
-/>;
-ReactDOM.createRoot(document.getElementById('react-root')!).render(comp);
 
+export const createEditorAndLanguageClient = async () => {
+    const languageId = 'mylang';
+    const code = '// initial editor content';
+    const codeUri = '/workspace/hello.mylang';
+
+    // Monaco VSCode API configuration
+    const vscodeApiConfig: MonacoVscodeApiConfig = {
+        $type: 'extended',
+        viewsConfig: {
+            $type: 'EditorService',
+            // the div to which monaco-editor is added
+            htmlContainer: document.getElementById('monaco-editor-root')!
+        },
+        userConfiguration: {
+            json: JSON.stringify({
+                'workbench.colorTheme': 'Default Dark Modern',
+                'editor.wordBasedSuggestions': 'off'
+            })
+        },
+        monacoWorkerFactory: configureDefaultWorkerFactory
+    };
+
+    // Language client configuration
+    const languageClientConfig: LanguageClientConfig = {
+        languageId,
+        connection: {
+            options: {
+                $type: 'WebSocketUrl',
+                // at this url the language server for myLang must be reachable
+                url: 'ws://localhost:30000/myLangLS'
+            }
+        },
+        clientOptions: {
+            documentSelector: [languageId],
+            orkspaceFolder: {
+                index: 0,
+                name: 'workspace',
+                uri: vscode.Uri.file('/workspace')
+            }
+        }
+    };
+
+    // editor app / monaco-editor configuration
+    const editorAppConfig: EditorAppConfig = {
+        codeResources: {
+            main: {
+                text: code,
+                uri: codeUri
+            }
+        }
+    };
+
+    const root = ReactDOM.createRoot(document.getElementById('react-root')!);
+    const App = () => {
+        return (
+            <div style={{ 'backgroundColor': '#1f1f1f' }} >
+                <MonacoEditorReactComp
+                    vscodeApiConfig={vscodeApiConfig}
+                    editorAppConfig={editorAppConfig}
+                    languageClientConfig={languageClientConfig}
+                    style={{ 'height': '100%' }}
+                    onError={(e) => {
+                        console.error(e);
+                    }} />
+            </div>
+        );
+    };
+    root.render(<App />);
+};
+createEditorAndLanguageClient();
 ```
 
-## Examples
-
-For a detailed list of examples please look at [this section](<https://github.com/TypeFox/monaco-languageclient#examples-overview>) in the main repository.
-
 ## License
 
 [MIT](https://github.com/TypeFox/monaco-languageclient/blob/main/packages/wrapper-react/LICENSE)

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 import { EditorApp, type EditorAppConfig, type TextContents } from 'monaco-languageclient/editorApp';
-import { type LanguageClientConfigs, LanguageClientsManager } from 'monaco-languageclient/lcwrapper';
+import { type LanguageClientConfig, LanguageClientsManager } from 'monaco-languageclient/lcwrapper';
 import { type MonacoVscodeApiConfig, MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
 import React, { type CSSProperties } from 'react';
 export type ResolveFc = (value: void | PromiseLike<void>) => void;
@@ -8,14 +8,14 @@ export type MonacoEditorProps = {
     className?: string;
     vscodeApiConfig: MonacoVscodeApiConfig;
     editorAppConfig?: EditorAppConfig;
-    languageClientConfigs?: LanguageClientConfigs;
+    languageClientConfig?: LanguageClientConfig;
     onVscodeApiInitDone?: (monacoVscodeApiManager: MonacoVscodeApiWrapper) => void;
     onEditorStartDone?: (editorApp?: EditorApp) => void;
-    onLanguagClientsStartDone?: (lcsManager?: LanguageClientsManager) => void;
+    onLanguageClientsStartDone?: (lcsManager?: LanguageClientsManager) => void;
     onTextChanged?: (textChanges: TextContents) => void;
     onError?: (error: Error) => void;
     onDisposeEditor?: () => void;
-    onDisposeLanguagaeClients?: () => void;
+    onDisposeLanguageClient?: () => void;
     modifiedTextValue?: string;
     originalTextValue?: string;
 };

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACrG,OAAO,EAAE,KAAK,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACrG,OAAO,EAAgC,KAAK,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAC1I,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAA+B,MAAM,OAAO,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,qBAAqB,CAAC;IACvC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,mBAAmB,CAAC,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC/E,iBAAiB,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACpD,yBAAyB,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC1E,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyL7D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACrG,OAAO,EAAE,KAAK,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpG,OAAO,EAAgC,KAAK,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAC1I,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAA+B,MAAM,OAAO,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,qBAAqB,CAAC;IACvC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,mBAAmB,CAAC,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC/E,iBAAiB,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACpD,0BAA0B,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC3E,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8N7D,CAAC"}

package/lib/index.js

@@ -7,7 +7,7 @@ import { LanguageClientsManager } from 'monaco-languageclient/lcwrapper';
 import { getEnhancedMonacoEnvironment, MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
 import React, { useEffect, useRef, useState } from 'react';
 export const MonacoEditorReactComp = (props) => {
-    const { style, className, vscodeApiConfig, editorAppConfig, languageClientConfigs, onVscodeApiInitDone, onEditorStartDone, onLanguagClientsStartDone, onTextChanged, onError, onDisposeEditor, onDisposeLanguagaeClients, modifiedTextValue, originalTextValue } = props;
+    const { style, className, vscodeApiConfig, editorAppConfig, languageClientConfig, onVscodeApiInitDone, onEditorStartDone, onLanguageClientsStartDone, onTextChanged, onError, onDisposeEditor, onDisposeLanguageClient, modifiedTextValue, originalTextValue } = props;
     const apiWrapperRef = useRef(new MonacoVscodeApiWrapper(vscodeApiConfig));
     const haveEditorService = useRef(true);
     const editorAppRef = useRef(null);
@@ -16,6 +16,31 @@ export const MonacoEditorReactComp = (props) => {
     const onTextChangedRef = useRef(onTextChanged);
     const [modifiedCode, setModifiedCode] = useState(modifiedTextValue);
     const [originalCode, setOriginalCode] = useState(originalTextValue);
+    const runQueue = useRef([]);
+    const executeQueue = (id, newfunc) => {
+        debugLogging(`Adding to queue: ${id}`);
+        debugLogging(`QUEUE SIZE before: ${runQueue.current.length}`);
+        runQueue.current.push(newfunc);
+        (async () => {
+            // always expect to need to await the global init
+            await awaitGlobal();
+            while (runQueue.current.length > 0) {
+                const func = runQueue.current.shift();
+                debugLogging('QUEUE FUNC start', true);
+                await func?.();
+                debugLogging('QUEUE FUNC end');
+            }
+            debugLogging(`QUEUE SIZE after: ${runQueue.current.length}`);
+        })();
+    };
+    const debugLogging = (id, useTime) => {
+        if (useTime === true) {
+            apiWrapperRef.current.getLogger().debug(`${id}: ${Date.now()}`);
+        }
+        else {
+            apiWrapperRef.current.getLogger().debug(id);
+        }
+    };
     const performErrorHandling = (error) => {
         if (onError) {
             onError(error);
@@ -41,7 +66,7 @@ export const MonacoEditorReactComp = (props) => {
     const awaitGlobal = async () => {
         // await global init if not completed before doing anything else
         const envEnhanced = getEnhancedMonacoEnvironment();
-        return (envEnhanced.vscodeApiGlobalInitAwait !== undefined) ? envEnhanced.vscodeApiGlobalInitAwait : Promise.resolve();
+        return envEnhanced.vscodeApiGlobalInitAwait ?? Promise.resolve();
     };
     const performGlobalInit = async () => {
         if (containerRef.current === null) {
@@ -49,26 +74,28 @@ export const MonacoEditorReactComp = (props) => {
         }
         const envEnhanced = getEnhancedMonacoEnvironment();
         // init will only performed once
-        if (!(envEnhanced.vscodeApiInitialising === true)) {
-            (async () => {
-                apiWrapperRef.current.getLogger().debug('GLOBAL INIT');
-                await apiWrapperRef.current.init({
-                    caller: className,
+        if (envEnhanced.vscodeApiInitialising !== true) {
+            const globalInitFunc = async () => {
+                debugLogging('GLOBAL INIT', true);
+                apiWrapperRef.current.overrideViewsConfig({
+                    $type: apiWrapperRef.current.getMonacoVscodeApiConfig().viewsConfig.$type,
                     htmlContainer: containerRef.current
                 });
+                await apiWrapperRef.current.start();
                 // set if editor mode is available, otherwise text bindings will not work
                 haveEditorService.current = envEnhanced.viewServiceType === 'EditorService';
                 onVscodeApiInitDone?.(apiWrapperRef.current);
-            })();
+                debugLogging('GLOBAL INIT DONE', true);
+            };
+            globalInitFunc();
         }
     };
     useEffect(() => {
-        // always try to perform kick global init
+        // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
-        (async () => {
+        const editorInitFunc = async () => {
             try {
-                apiWrapperRef.current.getLogger().debug('INIT');
-                await awaitGlobal();
+                debugLogging('INIT', true);
                 // it is possible to run without an editorApp, for example when using the ViewsService
                 if (haveEditorService.current) {
                     editorAppRef.current = new EditorApp(editorAppConfig);
@@ -97,55 +124,56 @@ export const MonacoEditorReactComp = (props) => {
                         modified: modifiedCode
                     });
                 }
-                apiWrapperRef.current.getLogger().debug('INIT DONE');
+                debugLogging('INIT DONE', true);
             }
             catch (error) {
                 performErrorHandling(error);
             }
-        })();
+        };
+        executeQueue('editorInit', editorInitFunc);
     }, [editorAppConfig]);
     useEffect(() => {
-        // always try to perform kick global init
+        // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
-        if (languageClientConfigs !== undefined) {
-            (async () => {
+        if (languageClientConfig !== undefined) {
+            const lcInitFunc = async () => {
                 try {
-                    apiWrapperRef.current.getLogger().debug('INIT LC');
-                    await awaitGlobal();
-                    if (lcsManagerRef.current === null) {
-                        lcsManagerRef.current = new LanguageClientsManager(apiWrapperRef.current.getLogger());
-                    }
-                    await lcsManagerRef.current.setConfigs(languageClientConfigs);
+                    debugLogging('INIT LC', true);
+                    lcsManagerRef.current = new LanguageClientsManager(apiWrapperRef.current.getLogger());
+                    await lcsManagerRef.current.setConfig(languageClientConfig);
                     await lcsManagerRef.current.start();
-                    onLanguagClientsStartDone?.(lcsManagerRef.current);
-                    apiWrapperRef.current.getLogger().debug('INIT LC DONE');
+                    onLanguageClientsStartDone?.(lcsManagerRef.current);
+                    debugLogging('INIT LC DONE', true);
                 }
                 catch (error) {
                     performErrorHandling(error);
                 }
-            })();
+            };
+            executeQueue('lcInit', lcInitFunc);
         }
-    }, [languageClientConfigs]);
+    }, [languageClientConfig]);
     useEffect(() => {
-        // always try to perform kick global init
+        // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
         return () => {
-            (async () => {
+            const disposeFunc = async () => {
                 // dispose editor id used and languageclient if enforced
                 try {
-                    apiWrapperRef.current.getLogger().debug('DISPOSE');
+                    debugLogging('DISPOSE', true);
                     await editorAppRef.current?.dispose();
                     onDisposeEditor?.();
-                    if (languageClientConfigs?.enforceDispose === true) {
+                    if (languageClientConfig?.enforceDispose === true) {
                         lcsManagerRef.current?.dispose();
-                        onDisposeLanguagaeClients?.();
+                        onDisposeLanguageClient?.();
                     }
+                    debugLogging('DISPOSE DONE', true);
                 }
                 catch (error) {
                     // The language client may throw an error during disposal, but we want to continue anyway
                     performErrorHandling(new Error(`Unexpected error occurred during disposal of the language client: ${error}`));
                 }
-            })();
+            };
+            executeQueue('dispose', disposeFunc);
         };
     }, []);
     return (React.createElement("div", { ref: containerRef, style: style, className: className }));

package/lib/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typefox/monaco-editor-react",
-  "version": "7.0.0-next.0",
+  "version": "7.0.0-next.2",
   "license": "MIT",
   "description": "React component for Monaco-Editor and Monaco Languageclient",
   "keywords": [
@@ -42,11 +42,11 @@
     "npm": ">=10.2.3"
   },
   "volta": {
-    "node": "22.16.0",
-    "npm": "10.9.2"
+    "node": "22.19.0",
+    "npm": "10.9.3"
   },
   "dependencies": {
-    "@codingame/monaco-vscode-editor-api": "~18.2.0",
+    "@codingame/monaco-vscode-editor-api": "^21.0.1",
     "react": ">=18.0.0 || <20.0.0"
   },
   "repository": {

package/src/index.tsx

@@ -4,7 +4,7 @@
 * ------------------------------------------------------------------------------------------ */
 
 import { EditorApp, type EditorAppConfig, type TextContents } from 'monaco-languageclient/editorApp';
-import { type LanguageClientConfigs, LanguageClientsManager } from 'monaco-languageclient/lcwrapper';
+import { type LanguageClientConfig, LanguageClientsManager } from 'monaco-languageclient/lcwrapper';
 import { getEnhancedMonacoEnvironment, type MonacoVscodeApiConfig, MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
 import React, { type CSSProperties, useEffect, useRef, useState } from 'react';
 
@@ -15,14 +15,14 @@ export type MonacoEditorProps = {
     className?: string;
     vscodeApiConfig: MonacoVscodeApiConfig;
     editorAppConfig?: EditorAppConfig;
-    languageClientConfigs?: LanguageClientConfigs;
+    languageClientConfig?: LanguageClientConfig;
     onVscodeApiInitDone?: (monacoVscodeApiManager: MonacoVscodeApiWrapper) => void;
     onEditorStartDone?: (editorApp?: EditorApp) => void;
-    onLanguagClientsStartDone?: (lcsManager?: LanguageClientsManager) => void;
+    onLanguageClientsStartDone?: (lcsManager?: LanguageClientsManager) => void;
     onTextChanged?: (textChanges: TextContents) => void;
     onError?: (error: Error) => void;
     onDisposeEditor?: () => void;
-    onDisposeLanguagaeClients?: () => void;
+    onDisposeLanguageClient?: () => void;
     modifiedTextValue?: string;
     originalTextValue?: string;
 }
@@ -33,14 +33,14 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
         className,
         vscodeApiConfig,
         editorAppConfig,
-        languageClientConfigs,
+        languageClientConfig,
         onVscodeApiInitDone,
         onEditorStartDone,
-        onLanguagClientsStartDone,
+        onLanguageClientsStartDone,
         onTextChanged,
         onError,
         onDisposeEditor,
-        onDisposeLanguagaeClients,
+        onDisposeLanguageClient,
         modifiedTextValue,
         originalTextValue
     } = props;
@@ -54,6 +54,34 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
     const [modifiedCode, setModifiedCode] = useState(modifiedTextValue);
     const [originalCode, setOriginalCode] = useState(originalTextValue);
 
+    const runQueue = useRef<Array<() => Promise<void>>>([]);
+
+    const executeQueue = (id: string, newfunc: () => Promise<void>) => {
+        debugLogging(`Adding to queue: ${id}`);
+        debugLogging(`QUEUE SIZE before: ${runQueue.current.length}`);
+        runQueue.current.push(newfunc);
+        (async () => {
+            // always expect to need to await the global init
+            await awaitGlobal();
+
+            while (runQueue.current.length > 0) {
+                const func = runQueue.current.shift();
+                debugLogging('QUEUE FUNC start', true);
+                await func?.();
+                debugLogging('QUEUE FUNC end');
+            }
+            debugLogging(`QUEUE SIZE after: ${runQueue.current.length}`);
+        })();
+    };
+
+    const debugLogging = (id: string, useTime?: boolean) => {
+        if (useTime === true) {
+            apiWrapperRef.current.getLogger().debug(`${id}: ${Date.now()}`);
+        } else {
+            apiWrapperRef.current.getLogger().debug(id);
+        }
+    };
+
     const performErrorHandling = (error: Error) => {
         if (onError) {
             onError(error);
@@ -81,7 +109,7 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
     const awaitGlobal = async () => {
         // await global init if not completed before doing anything else
         const envEnhanced = getEnhancedMonacoEnvironment();
-        return (envEnhanced.vscodeApiGlobalInitAwait !== undefined) ? envEnhanced.vscodeApiGlobalInitAwait : Promise.resolve();
+        return envEnhanced.vscodeApiGlobalInitAwait ?? Promise.resolve();
     };
 
     const performGlobalInit = async () => {
@@ -91,31 +119,35 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
         const envEnhanced = getEnhancedMonacoEnvironment();
 
         // init will only performed once
-        if (!(envEnhanced.vscodeApiInitialising === true)) {
+        if (envEnhanced.vscodeApiInitialising !== true) {
 
-            (async () => {
-                apiWrapperRef.current.getLogger().debug('GLOBAL INIT');
-                await apiWrapperRef.current.init({
-                    caller: className,
-                    htmlContainer: containerRef.current
+            const globalInitFunc = async () => {
+                debugLogging('GLOBAL INIT', true);
+
+                apiWrapperRef.current.overrideViewsConfig({
+                    $type: apiWrapperRef.current.getMonacoVscodeApiConfig().viewsConfig.$type,
+                    htmlContainer: containerRef.current!
                 });
+                await apiWrapperRef.current.start();
 
                 // set if editor mode is available, otherwise text bindings will not work
                 haveEditorService.current = envEnhanced.viewServiceType === 'EditorService';
 
                 onVscodeApiInitDone?.(apiWrapperRef.current);
-            })();
+
+                debugLogging('GLOBAL INIT DONE', true);
+            };
+            globalInitFunc();
         }
     };
 
     useEffect(() => {
-        // always try to perform kick global init
+        // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
 
-        (async () => {
+        const editorInitFunc = async () => {
             try {
-                apiWrapperRef.current.getLogger().debug('INIT');
-                await awaitGlobal();
+                debugLogging('INIT', true);
 
                 // it is possible to run without an editorApp, for example when using the ViewsService
                 if (haveEditorService.current) {
@@ -148,60 +180,65 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
                         modified: modifiedCode
                     });
                 }
-                apiWrapperRef.current.getLogger().debug('INIT DONE');
+
+                debugLogging('INIT DONE', true);
             } catch (error) {
                 performErrorHandling(error as Error);
             }
-        })();
+        };
+        executeQueue('editorInit', editorInitFunc);
     }, [editorAppConfig]);
 
     useEffect(() => {
-        // always try to perform kick global init
+        // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
 
-        if (languageClientConfigs !== undefined) {
-            (async () => {
+        if (languageClientConfig !== undefined) {
+            const lcInitFunc = async () => {
                 try {
-                    apiWrapperRef.current.getLogger().debug('INIT LC');
-                    await awaitGlobal();
+                    debugLogging('INIT LC', true);
 
-                    if (lcsManagerRef.current === null) {
-                        lcsManagerRef.current = new LanguageClientsManager(apiWrapperRef.current.getLogger());
-                    }
+                    lcsManagerRef.current = new LanguageClientsManager(apiWrapperRef.current.getLogger());
 
-                    await lcsManagerRef.current.setConfigs(languageClientConfigs);
+                    await lcsManagerRef.current.setConfig(languageClientConfig);
                     await lcsManagerRef.current.start();
 
-                    onLanguagClientsStartDone?.(lcsManagerRef.current);
-                    apiWrapperRef.current.getLogger().debug('INIT LC DONE');
+                    onLanguageClientsStartDone?.(lcsManagerRef.current);
+
+                    debugLogging('INIT LC DONE', true);
                 } catch (error) {
                     performErrorHandling(error as Error);
                 }
-            })();
+            };
+            executeQueue('lcInit', lcInitFunc);
         }
-    }, [languageClientConfigs]);
+    }, [languageClientConfig]);
 
     useEffect(() => {
-        // always try to perform kick global init
+        // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
 
         return () => {
-            (async () => {
+            const disposeFunc = async () => {
                 // dispose editor id used and languageclient if enforced
                 try {
-                    apiWrapperRef.current.getLogger().debug('DISPOSE');
+                    debugLogging('DISPOSE', true);
+
                     await editorAppRef.current?.dispose();
                     onDisposeEditor?.();
 
-                    if (languageClientConfigs?.enforceDispose === true) {
+                    if (languageClientConfig?.enforceDispose === true) {
                         lcsManagerRef.current?.dispose();
-                        onDisposeLanguagaeClients?.();
+                        onDisposeLanguageClient?.();
                     }
+
+                    debugLogging('DISPOSE DONE', true);
                 } catch (error) {
                     // The language client may throw an error during disposal, but we want to continue anyway
                     performErrorHandling(new Error(`Unexpected error occurred during disposal of the language client: ${error}`));
                 }
-            })();
+            };
+            executeQueue('dispose', disposeFunc);
         };
     }, []);