How to use the @theia/monaco/lib/browser/monaco-editor-zone-widget.MonacoEditorZoneWidget function in @theia/monaco
To help you get started, we’ve selected a few @theia/monaco examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
eclipse-theia / theia / packages / debug / src / browser / editor / debug-exception-widget.tsx View on Github 
protected async init(): Promise {
this.toDispose.push(this.zone = new MonacoEditorZoneWidget(this.editor.getControl()));
this.zone.containerNode.classList.add('theia-debug-exception-widget');
this.toDispose.push(Disposable.create(() => ReactDOM.unmountComponentAtNode(this.zone.containerNode)));
}protected async init(): Promise {
this.toDispose.push(this.zone = new MonacoEditorZoneWidget(this.editor.getControl()));
this.zone.containerNode.classList.add('theia-debug-breakpoint-widget');
const selectNode = this.selectNode = document.createElement('div');
selectNode.classList.add('theia-debug-breakpoint-select');
this.zone.containerNode.appendChild(selectNode);
const inputNode = document.createElement('div');
inputNode.classList.add('theia-debug-breakpoint-input');
this.zone.containerNode.appendChild(inputNode);
const input = this._input = await this.createInput(inputNode);
if (this.toDispose.disposed) {
input.dispose();
return;
}
this.toDispose.push(input);
