update @theia/monaco-editor-core to 1.108.201 and adapt to API changes

Resolves GH-16401

- Bump @theia/monaco-editor-core from 1.96.302 to 1.108.201
- Replace editor.experimental.preferTreeSitter array preference with
  per-language boolean preferences (css, typescript, ini, regex)
- Update MonacoContextMenuService to expose onDidShowContextMenu and
  onDidHideContextMenu as property initializers matching the updated
  IContextMenuService interface
- Add onDidShowContextMenu/onDidHideContextMenu Event.None stubs to
  the inline IContextMenuService override in createInline(), fixing
  ContentHoverController crash
- Fix focus/blur for Monaco 1.108 EditContext API by querying
  .native-edit-context before falling back to textarea
- Add stageForPreview/unstagePreview to MonacoEditor and EditorWidget
  so visual tab previews render correctly when editors are hidden
  (model is set to null)
- Add MonacoLayoutService override so Monaco UI elements position
  relative to the Theia application shell
- Add MonacoWorkspaceContextService override
- Display Monaco editor version in About dialog
- Remove the focus/blur workaround that manually targeted the textarea
  or native-edit-context element, this.editor.focus() works correctly
  with modern Monaco
- Remove the now-unused blur() method from TextEditor interface and
  MonacoEditor
- Add console.warn when StandaloneServices overrides had to be
  patched in after premature initialization, and console.error when
  services were already instantiated and cannot be overridden

Contributed on behalf of STMicroelectronics

Author: ndoschek

dev-packages/application-manager/src/generator/webpack-generator.ts

@@ -114,7 +114,6 @@ module.exports = [{
     devtool: 'source-map',
     entry: {
         bundle: path.resolve(__dirname, 'src-gen/frontend/index.js'),
-        ${this.ifMonaco(() => "'editor.worker': '@theia/monaco-editor-core/esm/vs/editor/editor.worker.js'")}
     },
     output: {
         filename: '[name].js',
@@ -221,6 +220,15 @@ module.exports = [{
             'os': false,
             'timers': false
         },
+        ${this.ifMonaco(() => `alias: {
+            // Replace Monaco's nls module with Theia's localization-aware version.
+            // ESM exports are immutable so we cannot override localize/localize2 at runtime.
+            // Using the resolved absolute path ensures that both external imports
+            // (e.g. '@theia/monaco-editor-core/esm/vs/nls') and internal relative
+            // imports within Monaco (e.g. '../nls.js') are redirected.
+            [path.join(resolvePackagePath('@theia/monaco-editor-core', __dirname), '..', 'esm', 'vs', 'nls.js')]:
+                path.join(resolvePackagePath('@theia/monaco', __dirname), '..', 'lib', 'browser', 'monaco-nls.js')
+        },`)}
         extensions: ['.js']
     },
     stats: {
@@ -237,6 +245,33 @@ module.exports = [{
         }
     ]
 },
+${this.ifMonaco(() => `{
+    // The Monaco editor worker must be built separately without the NLS alias.
+    // The NLS alias redirects to monaco-nls.ts which imports from @theia/core,
+    // and those modules are not available in the web worker context.
+    mode,
+    devtool: 'source-map',
+    entry: {
+        'editor.worker': '@theia/monaco-editor-core/esm/vs/editor/common/services/editorWebWorkerMain.js'
+    },
+    output: {
+        filename: '[name].js',
+        path: outputPath,
+        devtoolModuleFilenameTemplate: 'webpack:///[resource-path]?[loaders]',
+        globalObject: 'self'
+    },
+    target: 'webworker',
+    cache: staticCompression,
+    resolve: {
+        extensions: ['.js']
+    },
+    ignoreWarnings: [
+        {
+            module: /@theia\\/monaco-editor-core/,
+            message: /require function is used in a way in which dependencies cannot be statically extracted/
+        }
+    ]
+},`)}
 {
     mode,
     plugins: [
@@ -282,6 +317,15 @@ module.exports = [{
             'os': false,
             'timers': false
         },
+        ${this.ifMonaco(() => `alias: {
+            // Replace Monaco's nls module with Theia's localization-aware version.
+            // ESM exports are immutable so we cannot override localize/localize2 at runtime.
+            // Using the resolved absolute path ensures that both external imports
+            // (e.g. '@theia/monaco-editor-core/esm/vs/nls') and internal relative
+            // imports within Monaco (e.g. '../nls.js') are redirected.
+            [path.join(resolvePackagePath('@theia/monaco-editor-core', __dirname), '..', 'esm', 'vs', 'nls.js')]:
+                path.join(resolvePackagePath('@theia/monaco', __dirname), '..', 'lib', 'browser', 'monaco-nls.js')
+        },`)}
         extensions: ['.js']
     },
     stats: {

examples/api-samples/package.json

@@ -15,7 +15,7 @@
     "@theia/file-search": "1.69.0",
     "@theia/filesystem": "1.69.0",
     "@theia/monaco": "1.69.0",
-    "@theia/monaco-editor-core": "1.96.302",
+    "@theia/monaco-editor-core": "1.108.201",
     "@theia/output": "1.69.0",
     "@theia/ovsx-client": "1.69.0",
     "@theia/search-in-workspace": "1.69.0",

package-lock.json

@@ -10,7 +10,7 @@
     "@theia/editor-preview": "1.69.0",
     "@theia/filesystem": "1.69.0",
     "@theia/monaco": "1.69.0",
-    "@theia/monaco-editor-core": "1.96.302",
+    "@theia/monaco-editor-core": "1.108.201",
     "@theia/preferences": "1.69.0",
     "@theia/workspace": "1.69.0",
     "tslib": "^2.6.2",

packages/ai-chat-ui/package.json

@@ -1347,7 +1347,7 @@ const ChatInput: React.FunctionComponent<ChatInputProperties> = (props: ChatInpu
                 // Disable code lens and inlay hints to avoid console errors from other contributions
                 codeLens: false,
                 inlayHints: { enabled: 'off' },
-                hover: { enabled: true },
+                hover: { enabled: 'on' },
                 autoSizing: false, // we handle the sizing ourselves
                 scrollBeyondLastLine: false,
                 scrollBeyondLastColumn: 0,

packages/ai-chat-ui/src/browser/chat-input-widget.tsx

@@ -244,7 +244,7 @@ export const CodeWrapper = (props: {
             wordWrap: 'off',
             codeLens: false,
             inlayHints: { enabled: 'off' },
-            hover: { enabled: false }
+            hover: { enabled: 'off' }
         });
         editor.document.textEditorModel.setValue(props.content);
         editor.getControl().onContextMenu(e => props.contextMenuCallback(e.event));