Re-activate angular verification example (#1001)

* Reintroduce Angular verification example
* The example now again contains the JSON client that is used in other examples as well.
* Implemented review comments

Author: kaisalmen

.gitignore

@@ -3,7 +3,6 @@ dist
 lib
 node_modules
 *.tsbuildinfo
-.angular
 __screenshots__
 .chrome
 

README.md

@@ -72,12 +72,12 @@ Important Project changes and notes about the project's history are found [here]
 
 These are the current versions of packages from this repository and their alignment with **@codingame/monaco-vscode-api** **monaco-editor** and **vscode**:
 
-- **monaco-languageclient**: `10.2.0` (release date: 2025-10-20)
-- **@typefox/monaco-editor-react**: `7.2.0` (release date: 2025-10-20)
+- **monaco-languageclient**: `10.4.0` (release date: 2025-11-26)
+- **@typefox/monaco-editor-react**: `7.4.0` (release date: 2025-11-26)
 - Aligned with:
-  - **@codingame/monaco-vscode-[editor]-api**: `22.1.0`
-  - **vscode**: `1.105.0`
-  - **monaco-editor**: `0.54.0`
+  - **@codingame/monaco-vscode-[editor]-api**: `23.2.2`
+  - **vscode**: `1.106.2`
+  - **monaco-editor**: `0.55.1`
 - **vscode-ws-jsonrpc**: `3.5.0` (release date: 2025-08-11)
 
 Check find the [full compatibility table](https://github.com/TypeFox/monaco-languageclient/blob/main/docs/versions-and-history.md#monaco-editor--codingamemonaco-vscode-api-compatibility-table) with all previous versions.
@@ -220,7 +220,7 @@ None of the verification examples is part of the npm workspace. Some bring subst
 
 - [Next.js verification example](./verify/next): demonstrates how to use `@typefox/monaco-editor-react` with Next.js, Please do: `cd verify/next && npm run verify`. It serves the client here: <http://localhost:8083>.
 
-- **Currently broken and not usable until repaired:** [Angular verification example](./verify/angular): Before March 2024 this was located in [a separate repository](https://github.com/TypeFox/monaco-languageclient-ng-example). If you want to test it, Please do: `cd verify/angular && npm run verify`. It serves the client here: <http://localhost:4200>.
+- [Angular verification example](./verify/angular): Before March 2024 this was located in [a separate repository](https://github.com/TypeFox/monaco-languageclient-ng-example). If you want to test it, Please do: `cd verify/angular && npm run verify`. It serves the client here: <http://localhost:8084>.
 
 ### VSCode integration
 

index.html

@@ -80,7 +80,8 @@ <h3>Next.js</h3>
         Beforehand, start: <b><code>cd verify/next && npm run verify</code></b><br>
         Langium DSL example (Next.js Dev Server): [ <a href="http://localhost:8083">Example Page</a> ]
         <h3>Angular</h2>
-        Currently broken and not usable until repaired.
+        Beforehand, start: <b><code>cd verify/angular && npm run verify</code></b><br>
+        JSON example (Angular/vite build): [ <a href="http://localhost:8084">Example Page</a> ]
         </div>
 </body>
 

packages/examples/src/common/client/extendedClient.ts

@@ -8,7 +8,6 @@ import getKeybindingsServiceOverride from '@codingame/monaco-vscode-keybindings-
 import * as vscode from 'vscode';
 // this is required syntax highlighting
 import { LogLevel } from '@codingame/monaco-vscode-api';
-import '@codingame/monaco-vscode-java-default-extension';
 import { EditorApp, type EditorAppConfig } from 'monaco-languageclient/editorApp';
 import { LanguageClientWrapper, type LanguageClientConfig } from 'monaco-languageclient/lcwrapper';
 import { MonacoVscodeApiWrapper, type MonacoVscodeApiConfig } from 'monaco-languageclient/vscodeApiWrapper';

tsconfig.json

@@ -27,7 +27,7 @@
     "noUnusedLocals": true,
     // Disable type checking of declaration files, enable in packages where it makes sense if any
     "skipLibCheck": true,
-     // Disallow inconsistently-cased references to the same file
+    // Disallow inconsistently-cased references to the same file
     "forceConsistentCasingInFileNames": true,
     "noImplicitOverride": true,
     "experimentalDecorators": true,

verify/angular/.gitignore

@@ -1,5 +1,7 @@
+.angular
 bundle
 dist
 lib
 node_modules
 *.tsbuildinfo
+production

verify/angular/README.md

@@ -1,5 +1,3 @@
 # Angular verification example
 
-**Currently broken and not usable until repaired.**
-
-It serves on the client here: <http://localhost:4200>.
+It serves on the client here: <http://localhost:8084>.

verify/angular/angular.json

@@ -1,6 +1,9 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
+  "cli": {
+    "packageManager": "npm"
+  },
   "newProjectRoot": "projects",
   "projects": {
     "ng-mlc": {
@@ -11,48 +14,34 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-builders/custom-esbuild:application",
+          "builder": "@angular/build:application",
           "options": {
-            "outputPath": "dist/ng-mlc",
-            "index": "src/index.html",
             "browser": "src/main.ts",
             "tsConfig": "tsconfig.json",
-            // "plugins": ["./node_modules/@codingame/esbuild-import-meta-url-plugin/dist/esbuildImportMetaUrlPlugin.js"],
             "polyfills": [
               "zone.js"
             ],
-            "assets": [],
-            "styles": [],
-            "scripts": [],
-            "aot": false,
-            "optimization": false,
-            "sourceMap": true,
-            "namedChunks": false,
-            "extractLicenses": false,
-            "allowedCommonJsDependencies": [
-              "vscode-languageclient",
-              "vscode-languageserver-protocol",
-              "vscode-jsonrpc",
-              "vscode-oniguruma",
-              "vscode-textmate",
-              "@vscode/iconv-lite-umd"
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
             ]
           },
           "configurations": {
             "production": {
-              "aot": true,
-              "optimization": true,
-              "sourceMap": false,
-              "namedChunks": false,
-              "extractLicenses": true
+              "outputHashing": "all"
             },
             "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
             }
           },
-          "defaultConfiguration": "development"
+          "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-builders/custom-esbuild:dev-server",
+          "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "ng-mlc:build:production"
@@ -63,13 +52,10 @@
           },
           "defaultConfiguration": "development"
         },
-        "extract-i18n": {
-          "builder": "@angular/build:extract-i18n"
+        "test": {
+          "builder": "@angular/build:unit-test"
         }
       }
     }
-  },
-  "cli": {
-    "analytics": false
   }
 }

verify/angular/src/index.html verify/angular/index.htmlverify/angular/src/index.html renamed to verify/angular/index.html

@@ -1,12 +1,16 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="utf-8">
-  <title>HelloWorld</title>
+  <title>Angular Example</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
+
 <body>
   <app-root></app-root>
+  <script type="module" src="/src/main.ts"></script>
 </body>
+
 </html>