Fix #1198 Extension gallery doesn't show dashboard contributions in Contributions tab (#1200)

- Showing dashboard.tabs and dashboard.insights in Contributions
- Decided not to show dashboard.containers for now since these are logically just parts of the tabs, and dont' have user-facing benefit.

src/sql/parts/dashboard/widgets/insights/insightsWidget.contribution.ts

@@ -6,7 +6,7 @@ import { join } from 'path';
 
 import { registerDashboardWidget, registerNonCustomDashboardWidget } from 'sql/platform/dashboard/common/widgetRegistry';
 import { Extensions as InsightExtensions, IInsightRegistry } from 'sql/platform/dashboard/common/insightRegistry';
-import { IInsightsConfig } from './interfaces';
+import { IInsightsConfig, IInsightTypeContrib } from './interfaces';
 import { insightsContribution, insightsSchema } from 'sql/parts/dashboard/widgets/insights/insightsWidgetSchemas';
 
 import { IExtensionPointUser, ExtensionsRegistry } from 'vs/workbench/services/extensions/common/extensionsRegistry';
@@ -14,10 +14,6 @@ import { Registry } from 'vs/platform/registry/common/platform';
 
 const insightRegistry = Registry.as<IInsightRegistry>(InsightExtensions.InsightContribution);
 
-interface IInsightTypeContrib {
-	id: string;
-	contrib: IInsightsConfig;
-}
 
 registerDashboardWidget('insights-widget', '', insightsSchema);
 

src/sql/parts/dashboard/widgets/insights/interfaces.ts

@@ -57,4 +57,8 @@ export interface IInsightsConfig {
 	queryFile?: string;
 	details?: IInsightsConfigDetails;
 	autoRefreshInterval?: number;
+}
+export interface IInsightTypeContrib {
+	id: string;
+	contrib: IInsightsConfig;
 }

src/sql/parts/extensions/sqlExtensionsHelper.ts

@@ -0,0 +1,110 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+'use strict';
+
+import 'vs/css!vs/workbench/parts/extensions/browser/media/extensionEditor';
+
+
+import { IExtensionManifest } from 'vs/platform/extensionManagement/common/extensionManagement';
+import { Color } from 'vs/base/common/color';
+import { append, $, addClass, removeClass, finalHandler, join, toggleClass } from 'vs/base/browser/dom';
+import { IInsightTypeContrib } from 'sql/parts/dashboard/widgets/insights/interfaces';
+import { IDashboardTabContrib } from 'sql/parts/dashboard/common/dashboardTab.contribution';
+import { localize } from 'vs/nls';
+
+class ContributionReader {
+	constructor(private manifest: IExtensionManifest) { }
+
+	public dashboardInsights(): IInsightTypeContrib[] {
+		let contributes = this.manifest.contributes;
+		if (contributes) {
+			let insights: IInsightTypeContrib | IInsightTypeContrib[] = contributes['dashboard.insights'];
+			if (insights) {
+				if (!Array.isArray(insights)) {
+					return [insights];
+				}
+				return insights;
+			}
+		}
+		return undefined;
+	}
+
+	public dashboardTabs(): IDashboardTabContrib[] {
+		let contributes = this.manifest.contributes;
+		if (contributes) {
+			let tabs: IDashboardTabContrib | IDashboardTabContrib[] = contributes['dashboard.tabs'];
+			if (tabs) {
+				if (!Array.isArray(tabs)) {
+					return [tabs];
+				}
+				return tabs;
+			}
+		}
+		return undefined;
+	}
+}
+
+export function renderDashboardContributions(container: HTMLElement, manifest: IExtensionManifest, onDetailsToggle: Function): boolean {
+	let contributionReader = new ContributionReader(manifest);
+	renderDashboardTabs(onDetailsToggle, contributionReader, container);
+	renderDashboardInsights(onDetailsToggle, contributionReader, container);
+	return true;
+}
+
+function renderDashboardTabs(onDetailsToggle: Function, contributionReader: ContributionReader, container: HTMLElement): boolean {
+	let tabs = contributionReader.dashboardTabs();
+
+	if (!tabs || !tabs.length) {
+		return false;
+	}
+
+	const details = $('details', { open: true, ontoggle: onDetailsToggle },
+		$('summary', null, localize('tabs', "Dashboard Tabs ({0})", tabs.length)),
+		$('table', null,
+			$('tr', null,
+				$('th', null, localize('tabId', "Id")),
+				$('th', null, localize('tabTitle', "Title")),
+				$('th', null, localize('tabDescription', "Description"))
+			),
+			...tabs.map(tab => $('tr', null,
+				$('td', null, $('code', null, tab.id)),
+				$('td', null, tab.title ? tab.title : tab.id),
+				$('td', null, tab.description),
+			))
+		)
+	);
+
+	append(container, details);
+	return true;
+}
+
+function renderDashboardInsights(onDetailsToggle: Function, contributionReader: ContributionReader, container: HTMLElement): boolean {
+	let insights = contributionReader.dashboardInsights();
+
+	if (!insights || !insights.length) {
+		return false;
+	}
+
+	const details = $('details', { open: true, ontoggle: onDetailsToggle },
+		$('summary', null, localize('insights', "Dashboard Insights ({0})", insights.length)),
+		$('table', null,
+			$('tr', null,
+				$('th', null, localize('insightId', "Id")),
+				$('th', null, localize('name', "Name")),
+				$('th', null, localize('insight condition', "When"))
+			),
+			...insights.map(insight => $('tr', null,
+				$('td', null, $('code', null, insight.id)),
+				$('td', null, insight.contrib.name ? insight.contrib.name : insight.id),
+				$('td', null, insight.contrib.when),
+			))
+		)
+	);
+
+	append(container, details);
+	return true;
+}
+