extension editor: languages

src/vs/workbench/parts/extensions/electron-browser/extensionEditor.ts

@@ -286,6 +286,7 @@ export class ExtensionEditor extends BaseEditor {
 
 				ExtensionEditor.renderSettings(content, manifest);
 				this.renderCommands(content, manifest);
+				ExtensionEditor.renderLanguages(content, manifest);
 				ExtensionEditor.renderThemes(content, manifest);
 				ExtensionEditor.renderJSONValidation(content, manifest);
 				ExtensionEditor.renderDebuggers(content, manifest);
@@ -421,6 +422,33 @@ export class ExtensionEditor extends BaseEditor {
 		));
 	}
 
+	private static renderLanguages(container: HTMLElement, manifest: IExtensionManifest): void {
+		const rawLanguages = manifest.contributes.languages || [];
+		const languages = rawLanguages.map(l => ({
+			id: l.id,
+			name: l.aliases[0] || l.id,
+			extensions: l.extensions
+		}));
+
+		if (!languages.length) {
+			return;
+		}
+
+		append(container, $('details', { open: true },
+			$('summary', null, localize('languages', "Languages ({0})", languages.length)),
+			$('table', null,
+				$('tr', null,
+					$('th', null, localize('command name', "Name")),
+					$('th', null, localize('file extensions', "File Extensions"))
+				),
+				...languages.map(l => $('tr', null,
+					$('td', null, l.name),
+					$('td', null, ...join(l.extensions.map(ext => $('code', null, ext)), ' '))
+				))
+			)
+		));
+	}
+
 	private keybindingToLabel(rawKeyBinding: IKeyBinding): string {
 		let key: string;