Improve type of editor

Author: lukas

projects/editor/src/lib/base-editor.ts

@@ -11,6 +11,9 @@ import {
 } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { MonacoOpts, NGX_MONACO_EDITOR_CONFIG, NgxMonacoEditorConfig } from './config';
+import type MonacoNamespace from 'monaco-editor';
+
+type IEditor = MonacoNamespace.editor.IEditor;
 
 let loadedMonaco = false;
 let loadPromise: Promise<void>;
@@ -37,7 +40,7 @@ export abstract class BaseEditor implements AfterViewInit, OnDestroy {
 
   @ViewChild('editorContainer', { static: true }) _editorContainer: ElementRef;
   @Output() onInit = new EventEmitter<any>();
-  protected _editor: any;
+  protected _editor: IEditor;
   protected _options: MonacoOpts;
   protected _windowResizeSubscription: Subscription;
   private _insideNg: boolean = false;

projects/editor/src/lib/diff-editor.component.ts

@@ -4,8 +4,12 @@ import { fromEvent } from 'rxjs';
 import { BaseEditor } from './base-editor';
 import { DiffEditorModel } from './types';
 import { MonacoOpts } from './config';
+import type MonacoNamespace from 'monaco-editor';
 
-declare var monaco: any;
+type IDiffEditor = MonacoNamespace.editor.IDiffEditor;
+
+type Monaco = typeof MonacoNamespace;
+declare var monaco: Monaco;
 
 @Component({
   standalone: true,
@@ -27,6 +31,8 @@ declare var monaco: any;
 export class DiffEditorComponent extends BaseEditor {
   private zone = inject(NgZone);
 
+  _editor: IDiffEditor;
+
   _originalModel: DiffEditorModel;
   _modifiedModel: DiffEditorModel;
 

projects/editor/src/lib/editor.component.ts

@@ -5,8 +5,12 @@ import { fromEvent } from 'rxjs';
 import { BaseEditor } from './base-editor';
 import { NgxEditorModel } from './types';
 import { MonacoOpts } from './config';
+import type MonacoNamespace from 'monaco-editor';
 
-declare var monaco: any;
+type Monaco = typeof MonacoNamespace;
+declare var monaco: Monaco;
+
+type ICodeEditor = MonacoNamespace.editor.ICodeEditor;
 
 @Component({
   standalone: true,
@@ -34,6 +38,8 @@ export class EditorComponent extends BaseEditor implements ControlValueAccessor
   private zone = inject(NgZone);
   private _value: string = '';
 
+  _editor: ICodeEditor;
+
   propagateChange = (_: any) => {};
   onTouched = () => {};