first steps in rendering related diagnostic information, #10271

src/vs/editor/contrib/gotoError/gotoErrorWidget.ts

@@ -22,6 +22,7 @@ import { editorErrorForeground, editorErrorBorder, editorWarningForeground, edit
 import { ScrollableElement } from 'vs/base/browser/ui/scrollbar/scrollableElement';
 import { ScrollbarVisibility } from 'vs/base/common/scrollable';
 import { ScrollType } from 'vs/editor/common/editorCommon';
+import { basename } from 'vs/base/common/paths';
 
 class MessageWidget {
 
@@ -57,7 +58,7 @@ class MessageWidget {
 		dispose(this._disposables);
 	}
 
-	update({ source, message }: IMarker): void {
+	update({ source, message, relatedInformation }: IMarker): void {
 
 		if (source) {
 			this.lines = 0;
@@ -79,6 +80,13 @@ class MessageWidget {
 			this.longestLineLength = message.length;
 		}
 
+		if (Array.isArray(relatedInformation)) {
+			for (const related of relatedInformation) {
+				this.lines += 1;
+				message += `\n${related.message} - ${basename(related.resource.path)}:${related.startLineNumber}`;
+			}
+		}
+
 		this._domNode.innerText = message;
 		this._editor.applyFontInfo(this._domNode);
 		const width = Math.floor(this._editor.getConfiguration().fontInfo.typicalFullwidthCharacterWidth * this.longestLineLength);