window.MonacoEnvironment isn’t defined in types.

monaco-editor version: 0.26.1 Browser: N/A OS: N/A Playground code that reproduces the issue: N/A

The following TypeScript code:

window.MonacoEnvironment = {};

Yields:

Property 'MonacoEnvironment' does not exist on type 'Window & typeof globalThis'.

window.MonacoEnvironment isn’t defined by the type definitions, only the global MonacoEnvironment is.

[remcohaszing]

The types that have been added in https://github.com/microsoft/vscode/pull/128949 are incorrect. Due to how the types are processed, the global Window interface isn’t augmented.

/cc @alexdima

[remcohaszing]

Another approach I’d personally like even better, is to get rid of the global MonacoEnvironment altogether and configure this using a function.

import { setMonacoEnvironment } from 'monaco-editor/esm/vs/editor/editor.api';
// Both imports should work
// import { setMonacoEnvironment } from 'monaco-editor';

setMonacoEnvironment({
  getWorker(workerId, label) {
    switch (label) {
      case 'css':
        return new CssWorker();
      case 'editorWorkerService':
        return new MonacoWorker();
      case 'json':
        return new JsonWorker();
      case 'yaml':
        return new YamlWorker();
      default:
        throw new Error(`Unknown label ${label}`);
    }
  },
});