chore(frontend): upgrade frontend to monaco-languageclient v10

frontend/LICENSE-binary

@@ -211,6 +211,7 @@ Dependencies under the Apache License, Version 2.0
 --------------------------------------------------------------------------------
 
 Angular / npm packages:
+  - dompurify@3.3.1
   - fuse.js@6.5.3
   - jschardet@3.1.3
   - rxjs@7.8.1
@@ -247,30 +248,40 @@ Angular / npm packages:
   - @ant-design/icons-angular@21.0.0
   - @auth0/angular-jwt@5.1.0
   - @babel/runtime@7.29.2
-  - @codingame/monaco-vscode-api@8.0.4
-  - @codingame/monaco-vscode-base-service-override@8.0.4
-  - @codingame/monaco-vscode-configuration-service-override@8.0.4
-  - @codingame/monaco-vscode-editor-api@8.0.4
-  - @codingame/monaco-vscode-environment-service-override@8.0.4
-  - @codingame/monaco-vscode-extensions-service-override@8.0.4
-  - @codingame/monaco-vscode-files-service-override@8.0.4
-  - @codingame/monaco-vscode-host-service-override@8.0.4
-  - @codingame/monaco-vscode-java-default-extension@8.0.4
-  - @codingame/monaco-vscode-languages-service-override@8.0.4
-  - @codingame/monaco-vscode-layout-service-override@8.0.4
-  - @codingame/monaco-vscode-model-service-override@8.0.4
-  - @codingame/monaco-vscode-monarch-service-override@8.0.4
-  - @codingame/monaco-vscode-python-default-extension@8.0.4
-  - @codingame/monaco-vscode-quickaccess-service-override@8.0.4
-  - @codingame/monaco-vscode-r-default-extension@8.0.4
-  - @codingame/monaco-vscode-textmate-service-override@8.0.4
-  - @codingame/monaco-vscode-theme-defaults-default-extension@8.0.4
-  - @codingame/monaco-vscode-theme-service-override@8.0.4
+  - @codingame/monaco-vscode-api@25.1.2
+  - @codingame/monaco-vscode-base-service-override@25.1.2
+  - @codingame/monaco-vscode-bulk-edit-service-override@25.1.2
+  - @codingame/monaco-vscode-configuration-service-override@25.1.2
+  - @codingame/monaco-vscode-editor-api@25.1.2
+  - @codingame/monaco-vscode-editor-service-override@25.1.2
+  - @codingame/monaco-vscode-environment-service-override@25.1.2
+  - @codingame/monaco-vscode-extension-api@25.1.2
+  - @codingame/monaco-vscode-extensions-service-override@25.1.2
+  - @codingame/monaco-vscode-files-service-override@25.1.2
+  - @codingame/monaco-vscode-host-service-override@25.1.2
+  - @codingame/monaco-vscode-java-default-extension@25.1.2
+  - @codingame/monaco-vscode-keybindings-service-override@25.1.2
+  - @codingame/monaco-vscode-languages-service-override@25.1.2
+  - @codingame/monaco-vscode-layout-service-override@25.1.2
+  - @codingame/monaco-vscode-log-service-override@25.1.2
+  - @codingame/monaco-vscode-model-service-override@25.1.2
+  - @codingame/monaco-vscode-monarch-service-override@25.1.2
+  - @codingame/monaco-vscode-python-default-extension@25.1.2
+  - @codingame/monaco-vscode-quickaccess-service-override@25.1.2
+  - @codingame/monaco-vscode-textmate-service-override@25.1.2
+  - @codingame/monaco-vscode-theme-defaults-default-extension@25.1.2
+  - @codingame/monaco-vscode-theme-service-override@25.1.2
+  - @codingame/monaco-vscode-view-banner-service-override@25.1.2
+  - @codingame/monaco-vscode-view-common-service-override@25.1.2
+  - @codingame/monaco-vscode-view-status-bar-service-override@25.1.2
+  - @codingame/monaco-vscode-view-title-bar-service-override@25.1.2
+  - @codingame/monaco-vscode-views-service-override@25.1.2
+  - @codingame/monaco-vscode-workbench-service-override@25.1.2
   - @ctrl/tinycolor@3.6.1
   - @ngneat/until-destroy@8.1.4
   - @ngx-formly/core@6.3.12
   - @ngx-formly/ng-zorro-antd@6.3.12
-  - @vscode/iconv-lite-umd@0.7.0
+  - @vscode/iconv-lite-umd@0.7.1
   - ajv@8.10.0
   - backbone@1.4.1
   - balanced-match@1.0.2
@@ -283,18 +294,16 @@ Angular / npm packages:
   - file-saver@2.0.5
   - graphlib@2.1.8
   - html2canvas@1.4.1
-  - java@1.0.0
   - jquery@3.6.4
   - json-schema-traverse@1.0.0
   - jszip@3.10.1
   - lib0@0.2.117
   - lodash@4.18.1
   - lodash-es@4.18.1
-  - marked@17.0.1
+  - marked@14.0.0
   - mobx@4.14.1
   - monaco-breakpoints@0.2.0
-  - monaco-editor-wrapper@5.5.3
-  - monaco-languageclient@8.8.3
+  - monaco-languageclient@10.7.0
   - ng-zorro-antd@21.2.2
   - ngx-color-picker@12.0.1
   - ngx-file-drop@16.0.0
@@ -303,23 +312,18 @@ Angular / npm packages:
   - papaparse@5.4.1
   - plotly.js-basic-dist-min@2.29.0
   - point-in-polygon@1.1.0
-  - python@1.0.0
   - quill-cursors@3.1.2
-  - r@1.0.0
   - rbush@4.0.1
   - read-excel-file@5.7.1
   - ring-buffer-ts@1.0.3
   - style-loader@3.3.4
-  - theme-defaults@1.0.0
   - underscore@1.13.8
   - uuid@8.3.2
   - vscode-jsonrpc@8.2.0
   - vscode-languageclient@9.0.1
   - vscode-languageserver-protocol@3.17.5
   - vscode-languageserver-types@3.17.5
-  - vscode-oniguruma@1.7.0
-  - vscode-textmate@9.0.0
-  - vscode-ws-jsonrpc@3.3.2
+  - vscode-ws-jsonrpc@3.5.0
   - y-monaco@0.1.5
   - y-protocols@1.0.7
   - y-quill@0.1.5

frontend/custom-webpack.config.js

@@ -17,46 +17,78 @@
  * under the License.
  */
 
+const path = require("path");
 const { LicenseWebpackPlugin } = require("license-webpack-plugin");
 
+const nodeModule = (...segments) => path.resolve(__dirname, "node_modules", ...segments);
+const codingameCssRe = /node_modules[\\/](?:@codingame[\\/]monaco-vscode-[^\\/]+|monaco-editor|vscode)[\\/].*\.css$/;
+
 module.exports = {
   module: {
     rules: [
+      {
+        // codingame monaco-vscode-* ships raw assets (svg/ttf/png/woff*) that
+        // webpack must emit as static files rather than try to parse as JS.
+        test: /\.(svg|ttf|woff2?|png|jpg|jpeg|gif)$/,
+        include: [nodeModule("@codingame")],
+        type: "asset/resource",
+      },
       {
         test: /\.css$/,
-        use: ["style-loader", "css-loader"],
-        include: [
-          require("path").resolve(__dirname, "node_modules/monaco-editor"),
-          require("path").resolve(__dirname, "node_modules/monaco-breakpoints")
+        oneOf: [
+          {
+            // codingame monaco-vscode-* CSS ships as Constructable Stylesheet
+            // imports — must skip style-loader and use css-loader's
+            // `exportType: 'css-style-sheet'`.
+            // https://github.com/CodinGame/monaco-vscode-api/wiki/Troubleshooting
+            test: codingameCssRe,
+            use: [
+              {
+                loader: "css-loader",
+                options: { esModule: false, exportType: "css-style-sheet", url: true, import: true },
+              },
+            ],
+          },
+          {
+            // monaco-breakpoints ships a plain stylesheet that needs
+            // style-loader so it injects at runtime.
+            include: [nodeModule("monaco-breakpoints")],
+            use: ["style-loader", "css-loader"],
+          },
         ],
       },
     ],
-    // Enable URL handling in webpack's JavaScript parser, required for loading .wasm files.
-    // See https://github.com/angular/angular-cli/issues/24617
-    parser: {
-      javascript: {
-        url: true,
-      },
+  },
+  resolve: {
+    // css-loader emits relative imports (e.g. '../../../../../../../css-loader/
+    // dist/runtime/api.js') computed from the source CSS location. The codingame
+    // monaco-vscode-* packages live one namespace level deeper (under
+    // `node_modules/@codingame/...`) than css-loader assumes, so the emitted
+    // path lands at `node_modules/@codingame/css-loader/...` instead of
+    // `node_modules/css-loader/...`. Alias the missing leg back to the real
+    // install so webpack can resolve the runtime files.
+    alias: {
+      [nodeModule("@codingame/css-loader")]: nodeModule("css-loader"),
+      [nodeModule("@codingame/style-loader")]: nodeModule("style-loader"),
     },
   },
   plugins: [
     new LicenseWebpackPlugin({
       perChunkOutput: false,
       outputFilename: "3rdpartylicenses.json",
+      // Some codingame monaco-vscode-* sub-modules don't expose a license file
+      // license-webpack-plugin can find; treat that as soft instead of fatal.
+      handleMissingLicenseText: () => null,
       renderLicenses: (modules) =>
         JSON.stringify(
           modules
+            .filter((m) => m.packageJson?.name && m.packageJson?.version)
             .map((m) => ({
-              name: m.packageJson && m.packageJson.name,
-              version: m.packageJson && m.packageJson.version,
+              name: m.packageJson.name,
+              version: m.packageJson.version,
               license: m.licenseId,
             }))
-            .filter((e) => e.name && e.version)
-            .sort((a, b) =>
-              a.name === b.name
-                ? a.version.localeCompare(b.version)
-                : a.name.localeCompare(b.name),
-            ),
+            .sort((a, b) => a.name.localeCompare(b.name) || a.version.localeCompare(b.version)),
           null,
           2,
         ),

frontend/package.json

@@ -9,7 +9,6 @@
     "start": "concurrently --kill-others \"npx y-websocket\" \"ng serve\"",
     "build": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng build --configuration=production --progress=false --source-map=false",
     "build:ci": "node --max-old-space-size=8192 ./node_modules/nx/dist/bin/nx.js build --configuration=production --progress=false --source-map=false",
-    "analyze": "ng build --configuration=production --stats-json && webpack-bundle-analyzer dist/stats.json",
     "test": "ng test --watch=false",
     "test:ci": "node --max-old-space-size=8192 ./node_modules/nx/dist/bin/nx.js test --watch=false --progress=false --coverage --coverage-reporters=lcovonly",
     "prettier:fix": "prettier --write ./src",
@@ -35,9 +34,8 @@
     "@angular/platform-browser-dynamic": "21.2.10",
     "@angular/router": "21.2.10",
     "@auth0/angular-jwt": "5.1.0",
-    "@codingame/monaco-vscode-java-default-extension": "8.0.4",
-    "@codingame/monaco-vscode-python-default-extension": "8.0.4",
-    "@codingame/monaco-vscode-r-default-extension": "8.0.4",
+    "@codingame/monaco-vscode-java-default-extension": "25.1.2",
+    "@codingame/monaco-vscode-python-default-extension": "25.1.2",
     "@lezer/python": "1.1.18",
     "@ngneat/until-destroy": "8.1.4",
     "@ngx-formly/core": "6.3.12",
@@ -55,9 +53,8 @@
     "lodash-es": "4.18.1",
     "marked": "17.0.1",
     "monaco-breakpoints": "0.2.0",
-    "monaco-editor": "npm:@codingame/monaco-vscode-editor-api@8.0.4",
-    "monaco-editor-wrapper": "5.5.3",
-    "monaco-languageclient": "8.8.3",
+    "monaco-editor": "npm:@codingame/monaco-vscode-editor-api@25.1.2",
+    "monaco-languageclient": "10.7.0",
     "ng-zorro-antd": "21.2.2",
     "ngx-color-picker": "12.0.1",
     "ngx-file-drop": "16.0.0",
@@ -74,7 +71,6 @@
     "tinyqueue": "2.0.3",
     "tslib": "2.3.1",
     "uuid": "8.3.2",
-    "vscode": "npm:@codingame/monaco-vscode-api@8.0.4",
     "y-monaco": "0.1.5",
     "y-protocols": "1.0.5",
     "y-quill": "0.1.5",
@@ -84,8 +80,7 @@
     "zone.js": "0.15.1"
   },
   "resolutions": {
-    "vscode": "npm:@codingame/monaco-vscode-api@8.0.4",
-    "monaco-editor": "npm:@codingame/monaco-vscode-editor-api@8.0.4",
+    "monaco-editor": "npm:@codingame/monaco-vscode-editor-api@25.1.2",
     "webpack": "5.104.1",
     "jschardet": "portal:./tools/jschardet-stub"
   },
@@ -138,8 +133,7 @@
     "sass": "1.71.1",
     "ts-proto": "2.2.0",
     "typescript": "5.9.3",
-    "vitest": "4.1.5",
-    "webpack-bundle-analyzer": "4.5.0"
+    "vitest": "4.1.5"
   },
   "browserslist": [
     "defaults",

frontend/src/app/workspace/component/code-editor-dialog/code-debugger.component.ts

@@ -20,9 +20,6 @@
 import { AfterViewInit, Component, Input, ViewChild } from "@angular/core";
 import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
 import { SafeStyle } from "@angular/platform-browser";
-import "@codingame/monaco-vscode-python-default-extension";
-import "@codingame/monaco-vscode-r-default-extension";
-import "@codingame/monaco-vscode-java-default-extension";
 import { isDefined } from "../../../common/util/predicate";
 import * as monaco from "monaco-editor";
 import { MonacoBreakpoint } from "monaco-breakpoints";

frontend/src/app/workspace/component/code-editor-dialog/code-editor.component.spec.ts

@@ -271,16 +271,16 @@ describe("CodeEditorComponent", () => {
       const fixture = makeFixture(mockJavaUDFPredicate);
       const c = fixture.componentInstance;
 
-      // The accept path reaches into the underlying MonacoEditorLanguageClientWrapper
-      // for `.getEditor()` and into the YText `.code` for `.insert()`. Both are
-      // private so we stub them through bracket access to a minimum that lets
-      // insertTypeAnnotations no-op cleanly. `dispose` is needed because
-      // ngOnDestroy fires at teardown and calls it.
-      (c as any).editorWrapper = {
+      // The accept path reaches into the underlying EditorApp for `.getEditor()`
+      // and into the YText `.code` for `.insert()`. Both are private so we stub
+      // them through bracket access to a minimum that lets insertTypeAnnotations
+      // no-op cleanly. `dispose` is needed because ngOnDestroy fires at teardown
+      // and calls it.
+      (c as any).editorApp = {
         getEditor: () => ({
           getModel: () => ({ getOffsetAt: () => 0 }),
         }),
-        dispose: vi.fn(),
+        dispose: vi.fn().mockResolvedValue(undefined),
       };
       (c as any).code = { insert: vi.fn() };