Merge pull request #823 from TypeFox/react-views-init

@typefox/monaco-editor-react now works with views service

Author: kaisalmen

.gitignore

@@ -5,4 +5,4 @@ node_modules
 *.tsbuildinfo
 .angular
 __screenshots__
-.chrome/profile
+.chrome

docs/CHANGELOG.md

@@ -6,6 +6,7 @@ The following table describes which version of **monaco-languageclient** and **@
 
 | monaco-languageclient | monaco-editor-wrapper | monaco-editor-react | monaco-vscode-api / editor-api | vscode | monaco-editor | release date | comment |
 | :---- | :---- | :--- | :--- | :--- | :--- | :--- | :--- |
+| 9.1.0 | 6.1.0 | 6.1.0 | 11.1.2 | 1.95.3 | 0.52.0 | 2025-01-09 | |
 | 9.0.0 | 6.0.0 | 6.0.0 | 11.1.2 | 1.95.3 | 0.52.0 | 2024-12-18 | |
 | 8.8.3         | 5.5.3 | 4.5.3 | 8.0.4  | 1.92.2 | 0.51.0 | 2024-08-26 | |
 | 8.8.2         | 5.5.2 | 4.5.2 | 8.0.2  | 1.92.2 | 0.50.0 | 2024-08-21 | |

docs/versions-and-history.md

@@ -86,9 +86,10 @@ <h3>TypeScript</h3>
         <br>
 
         <h2>Monaco Editor React</h2>
-        <a href="./packages/examples/react_statemachine.html">React: Langium Statemachine Language Client & Language Server (Worker)</a>
-        <br>
+        <a href="./packages/examples/react_appPlayground.html">React: Application Playground</a>
         <br>
+        <a href="./packages/examples/react_statemachine.html">React: Langium Statemachine Language Client & Language Server (Worker)</a>
+        <br><br>
         Please execute  <b><code>npm run start:example:server:python</code></b> beforehand:<br>
         <a href="./packages/examples/react_python.html">React: Python Language Client & Language Server (Web Socket)</a>
         <br>

index.html

@@ -19,8 +19,8 @@
     "@stylistic/eslint-plugin": "~2.12.1",
     "@testing-library/react": "~16.1.0",
     "@types/node": "~22.10.5",
-    "@types/react": "~18.3.14",
-    "@types/react-dom": "~18.3.3",
+    "@types/react": "~19.0.4",
+    "@types/react-dom": "~19.0.2",
     "@types/vscode": "~1.95.0",
     "@typescript-eslint/eslint-plugin": "~8.19.1",
     "@typescript-eslint/parser": "~8.19.1",
@@ -36,7 +36,7 @@
     "http-server": "~14.1.1",
     "minimatch": "~10.0.1",
     "playwright": "~1.49.1",
-    "typescript": "~5.7.2",
+    "typescript": "~5.7.3",
     "vite": "~6.0.7",
     "vite-node": "~2.1.8",
     "vitest": "~2.1.8"

package-lock.json

@@ -2,7 +2,12 @@
 
 All notable changes to this npm module are documented in this file.
 
-## [9.0.0-next.14] - 2024-12-18
+## [9.1.0] - 2025-01-09
+
+- `@typefox/monaco-editor-react` now works with views service `initialize` [#823](https://github.com/TypeFox/monaco-languageclient/pull/823)
+- Ensure configuration is init before service init [#820](https://github.com/TypeFox/monaco-languageclient/pull/820)
+
+## [9.0.0] - 2024-12-18
 
 - Include all `@codingame/monaco-vscode` packages as peerDependencies. Mark only required ones as non-optional.
 - Updated engine engine requirements for node to (`>=18.19.0`) and for npm to (`>=10.2.3`)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "monaco-languageclient",
-  "version": "9.0.0",
+  "version": "9.1.0",
   "description": "Monaco Language client implementation",
   "author": {
     "name": "TypeFox GmbH",

packages/client/CHANGELOG.md

@@ -30,6 +30,7 @@ export interface UserConfiguration {
 export interface ViewsConfig {
     viewServiceType: 'EditorService' | 'ViewsService' | 'WorkspaceService';
     openEditorFunc?: OpenEditor;
+    htmlAugmentationInstructions?: (htmlContainer: HTMLElement | null | undefined) => void;
     viewsInitFunc?: () => void;
 }
 
@@ -110,6 +111,7 @@ export const initServices = async (vscodeApiConfig: VscodeApiConfig, instruction
             }
             await importAllServices(vscodeApiConfig, instructions);
 
+            vscodeApiConfig.viewsConfig?.htmlAugmentationInstructions?.(instructions?.htmlContainer);
             vscodeApiConfig.viewsConfig?.viewsInitFunc?.();
             instructions?.logger?.debug('Initialization of vscode services completed successfully.');
 

packages/client/package.json

@@ -2,6 +2,11 @@
 
 All notable changes to this npm module are documented in this file.
 
+## [2025.1.1] - 2025-01-09
+
+- Updated to `monaco-languageclient@9.1.0`, `monaco-editor-wrapper@6.1.0` and `@typefox/monaco-editor-react@6.1.0`.
+- Added a react version of the app playground to verify PR "`@typefox/monaco-editor-react` now works with views service" [#823](https://github.com/TypeFox/monaco-languageclient/pull/823)
+
 ## [2024.12.6] - 2024-12-18
 
 - Use final release of `monaco-languageclient@9.0.0`, `vscode-ws-jsonrpc@3.4.0`, `monaco-editor-wrapper@6.0.0` and `@typefox/monaco-editor-react@6.0.0`.