@codingame/monaco-vscode-extension-gallery-service-override 2.2.2 → 3.0.0

package/vscode/src/vs/workbench/contrib/extensions/browser/extensionEditor.js

@@ -1,23 +1,18 @@
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { append, $, addDisposableListener, setParentFlowTo, join, reset } from 'vscode/vscode/vs/base/browser/dom';
-import { renderMarkdown } from 'vscode/vscode/vs/base/browser/markdownRenderer';
+import { append, $, addDisposableListener, setParentFlowTo } from 'vscode/vscode/vs/base/browser/dom';
 import { ActionBar } from 'vscode/vscode/vs/base/browser/ui/actionbar/actionbar';
-import { KeybindingLabel } from 'vscode/vscode/vs/base/browser/ui/keybindingLabel/keybindingLabel';
 import { DomScrollableElement } from 'vscode/vscode/vs/base/browser/ui/scrollbar/scrollableElement';
 import { CheckboxActionViewItem } from 'vscode/vscode/vs/base/browser/ui/toggle/toggle';
 import { Action } from 'vscode/vscode/vs/base/common/actions';
-import { insert, isFalsyOrEmpty, coalesce, flatten, index } from 'vscode/vscode/vs/base/common/arrays';
+import { insert, isFalsyOrEmpty } from 'vscode/vscode/vs/base/common/arrays';
 import { Cache } from 'vscode/vscode/vs/base/common/cache';
 import { CancellationToken, CancellationTokenSource } from 'vscode/vscode/vs/base/common/cancellation';
-import { Color } from 'vscode/vscode/vs/base/common/color';
-import { getErrorMessage, onUnexpectedError, isCancellationError } from 'vscode/vscode/vs/base/common/errors';
+import { isCancellationError } from 'vscode/vscode/vs/base/common/errors';
 import { Event, Emitter } from 'vscode/vscode/vs/base/common/event';
 import { MutableDisposable, DisposableStore, toDisposable, Disposable, dispose } from 'vscode/vscode/vs/base/common/lifecycle';
 import { matchesScheme, Schemas } from 'vscode/vscode/vs/base/common/network';
-import { language, OS } from 'vscode/vscode/vs/base/common/platform';
-import { platform } from 'vscode/vscode/vs/base/common/process';
+import { language } from 'vscode/vscode/vs/base/common/platform';
 import { valid } from 'vscode-semver';
-import { ThemeIcon } from 'vscode/vscode/vs/base/common/themables';
 import { isUndefined } from 'vscode/vscode/vs/base/common/types';
 import { URI } from 'vscode/vscode/vs/base/common/uri';
 import { generateUuid } from 'vscode/vscode/vs/base/common/uuid';
@@ -28,24 +23,21 @@ import { ILanguageService } from 'vscode/vscode/vs/editor/common/languages/langu
 import { generateTokensCSSForColorMap } from 'vscode/vscode/vs/editor/common/languages/supports/tokenization';
 import { localizeWithPath } from 'vscode/vscode/vs/nls';
 import { registerAction2, Action2 } from 'vscode/vscode/vs/platform/actions/common/actions';
-import { getDefaultValue } from 'vscode/vscode/vs/platform/configuration/common/configurationRegistry';
 import { RawContextKey, ContextKeyExpr, IContextKeyService } from 'vscode/vscode/vs/platform/contextkey/common/contextkey';
 import { IContextMenuService } from 'vscode/vscode/vs/platform/contextview/browser/contextView';
 import { IExtensionGalleryService } from 'vscode/vscode/vs/platform/extensionManagement/common/extensionManagement';
 import { areSameExtensions } from 'vscode/vscode/vs/platform/extensionManagement/common/extensionManagementUtil';
-import { ExtensionIdentifier } from 'vscode/vscode/vs/platform/extensions/common/extensions';
 import { IInstantiationService } from 'vscode/vscode/vs/platform/instantiation/common/instantiation';
-import { IKeybindingService } from 'vscode/vscode/vs/platform/keybinding/common/keybinding';
-import { Severity, INotificationService } from 'vscode/vscode/vs/platform/notification/common/notification';
+import { INotificationService } from 'vscode/vscode/vs/platform/notification/common/notification';
 import { IOpenerService } from 'vscode/vscode/vs/platform/opener/common/opener';
 import { IStorageService } from 'vscode/vscode/vs/platform/storage/common/storage';
 import { ITelemetryService } from 'vscode/vscode/vs/platform/telemetry/common/telemetry';
-import { defaultCheckboxStyles, defaultKeybindingLabelStyles } from 'vscode/vscode/vs/platform/theme/browser/defaultStyles';
+import { defaultCheckboxStyles } from 'vscode/vscode/vs/platform/theme/browser/defaultStyles';
 import { editorBackground, textLinkForeground, textLinkActiveForeground, buttonHoverBackground, buttonForeground } from 'vscode/vscode/vs/platform/theme/common/colorRegistry';
 import { registerThemingParticipant, IThemeService } from 'vscode/vscode/vs/platform/theme/common/themeService';
 import { EditorPane } from 'vscode/vscode/vs/workbench/browser/parts/editor/editorPane';
+import { ExtensionFeaturesTab } from './extensionFeaturesTab.js';
 import { InstallDropdownAction, ReloadAction, ExtensionStatusLabelAction, ActionWithDropDownAction, UpdateAction, ToggleAutoUpdateForExtensionAction, SetColorThemeAction, SetFileIconThemeAction, SetProductIconThemeAction, SetLanguageAction, ClearLanguageAction, EnableDropDownAction, DisableDropDownAction, RemoteInstallAction, LocalInstallAction, WebInstallAction, InstallingLabelAction, UninstallAction, MigrateDeprecatedExtensionAction, InstallAnotherVersionAction, TogglePreReleaseExtensionAction, ExtensionEditorManageExtensionAction, ExtensionDropDownAction, ExtensionActionWithDropdownActionViewItem, ExtensionStatusAction } from 'vscode/vscode/vs/workbench/contrib/extensions/browser/extensionsActions';
-import { errorIcon, warningIcon, infoIcon } from 'vscode/vscode/vs/workbench/contrib/extensions/browser/extensionsIcons';
 import { Delegate } from './extensionsList.js';
 import { ExtensionsTree, ExtensionData, ExtensionsGridView, getExtensions } from './extensionsViewer.js';
 import { RemoteBadgeWidget, VerifiedPublisherWidget, InstallCountWidget, RatingsWidget, SponsorWidget, ExtensionStatusWidget, ExtensionWidget, ExtensionRecommendationWidget, onClick } from './extensionsWidgets.js';
@@ -68,7 +60,7 @@ class NavBar extends Disposable {
         this._currentId = null;
         const element = append(container, $('.navbar'));
         this.actions = [];
-        this.actionbar = this._register(( new ActionBar(element, { animated: false })));
+        this.actionbar = this._register(( new ActionBar(element)));
     }
     push(id, label, tooltip) {
         const action = ( new Action(id, label, undefined, true, () => this.update(id, true)));
@@ -132,13 +124,12 @@ class VersionWidget extends ExtensionWithDifferentGalleryVersionWidget {
 let ExtensionEditor = class ExtensionEditor extends EditorPane {
     static { ExtensionEditor_1 = this; }
     static { this.ID = 'workbench.editor.extension'; }
-    constructor(telemetryService, instantiationService, paneCompositeService, extensionsWorkbenchService, extensionGalleryService, themeService, keybindingService, notificationService, openerService, extensionRecommendationsService, storageService, extensionService, webviewService, languageService, contextMenuService, contextKeyService) {
+    constructor(telemetryService, instantiationService, paneCompositeService, extensionsWorkbenchService, extensionGalleryService, themeService, notificationService, openerService, extensionRecommendationsService, storageService, extensionService, webviewService, languageService, contextMenuService, contextKeyService) {
         super(ExtensionEditor_1.ID, telemetryService, themeService, storageService);
         this.instantiationService = instantiationService;
         this.paneCompositeService = paneCompositeService;
         this.extensionsWorkbenchService = extensionsWorkbenchService;
         this.extensionGalleryService = extensionGalleryService;
-        this.keybindingService = keybindingService;
         this.notificationService = notificationService;
         this.openerService = openerService;
         this.extensionRecommendationsService = extensionRecommendationsService;
@@ -262,7 +253,6 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         ];
         const actionsAndStatusContainer = append(details, $('.actions-status-container'));
         const extensionActionBar = this._register(( new ActionBar(actionsAndStatusContainer, {
-            animated: false,
             actionViewItemProvider: (action) => {
                 if (action instanceof ExtensionDropDownAction) {
                     return action.createActionViewItem();
@@ -465,15 +455,15 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
             'detailstooltip',
             "Extension details, rendered from the extension's 'README.md' file"
         )));
-        if (manifest && manifest.contributes) {
-            template.navbar.push("contributions" , ( localizeWithPath(
+        if (manifest) {
+            template.navbar.push("features" , ( localizeWithPath(
                 'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'contributions',
-                "Feature Contributions"
+                'features',
+                "Features"
             )), ( localizeWithPath(
                 'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'contributionstooltip',
-                "Lists contributions to VS Code by this extension"
+                'featurestooltip',
+                "Lists features contributed by this extension"
             )));
         }
         if (extension.hasChangelog()) {
@@ -509,27 +499,8 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
                 "Lists extensions those will be installed together with this extension"
             )));
         }
-        const addRuntimeStatusSection = () => template.navbar.push("runtimeStatus" , ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'runtimeStatus',
-            "Runtime Status"
-        )), ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'runtimeStatus description',
-            "Extension runtime status"
-        )));
-        if (this.extensionsWorkbenchService.getExtensionStatus(extension)) {
-            addRuntimeStatusSection();
-        }
-        else {
-            const disposable = this.extensionService.onDidChangeExtensionsStatus(e => {
-                if (( e.some(
-                    extensionIdentifier => areSameExtensions({ id: extensionIdentifier.value }, extension.identifier)
-                ))) {
-                    addRuntimeStatusSection();
-                    disposable.dispose();
-                }
-            }, this, this.transientDisposables);
+        if (this.options?.tab) {
+            template.navbar.switch(this.options.tab);
         }
         if (template.navbar.currentId) {
             this.onNavbarChange(extension, { id: template.navbar.currentId, focus: !preserveFocus }, template);
@@ -579,11 +550,10 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
     open(id, extension, template, token) {
         switch (id) {
             case "readme" : return this.openDetails(extension, template, token);
-            case "contributions" : return this.openContributions(template, token);
+            case "features" : return this.openFeatures(template, token);
             case "changelog" : return this.openChangelog(template, token);
             case "dependencies" : return this.openExtensionDependencies(extension, template, token);
             case "extensionPack" : return this.openExtensionPack(extension, template, token);
-            case "runtimeStatus" : return this.openRuntimeStatus(extension, template, token);
         }
         return Promise.resolve(null);
     }
@@ -871,7 +841,7 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
             append(extensionResourcesContainer, $('.additional-details-title', undefined, ( localizeWithPath(
                 'vs/workbench/contrib/extensions/browser/extensionEditor',
                 'resources',
-                "Extension Resources"
+                "Resources"
             ))));
             const resourcesElement = append(extensionResourcesContainer, $('.resources'));
             for (const [label, uri] of resources) {
@@ -924,67 +894,21 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
             "Changelog"
         )), token);
     }
-    openContributions(template, token) {
-        const content = $('div.subcontent.feature-contributions', { tabindex: '0' });
-        return this.loadContents(() => this.extensionManifest.get(), template.content)
-            .then(manifest => {
-            if (token.isCancellationRequested) {
-                return null;
-            }
-            if (!manifest) {
-                return content;
-            }
-            const scrollableContent = ( new DomScrollableElement(content, {}));
-            const layout = () => scrollableContent.scanDomNode();
-            const removeLayoutParticipant = insert(this.layoutParticipants, { layout });
-            this.contentDisposables.add(toDisposable(removeLayoutParticipant));
-            const renders = [
-                this.renderSettings(content, manifest, layout),
-                this.renderCommands(content, manifest, layout),
-                this.renderCodeActions(content, manifest, layout),
-                this.renderLanguages(content, manifest, layout),
-                this.renderColorThemes(content, manifest, layout),
-                this.renderIconThemes(content, manifest, layout),
-                this.renderProductIconThemes(content, manifest, layout),
-                this.renderColors(content, manifest, layout),
-                this.renderJSONValidation(content, manifest, layout),
-                this.renderDebuggers(content, manifest, layout),
-                this.renderViewContainers(content, manifest, layout),
-                this.renderViews(content, manifest, layout),
-                this.renderLocalizations(content, manifest, layout),
-                this.renderCustomEditors(content, manifest, layout),
-                this.renderNotebooks(content, manifest, layout),
-                this.renderNotebookRenderers(content, manifest, layout),
-                this.renderAuthentication(content, manifest, layout),
-                this.renderActivationEvents(content, manifest, layout),
-            ];
-            scrollableContent.scanDomNode();
-            const isEmpty = !( renders.some(x => x));
-            if (isEmpty) {
-                append(content, $('p.nocontent')).textContent = ( localizeWithPath(
-                    'vs/workbench/contrib/extensions/browser/extensionEditor',
-                    'noContributions',
-                    "No Contributions"
-                ));
-                append(template.content, content);
-            }
-            else {
-                append(template.content, scrollableContent.getDomNode());
-                this.contentDisposables.add(scrollableContent);
-            }
-            return content;
-        }, () => {
-            if (token.isCancellationRequested) {
-                return null;
-            }
-            append(content, $('p.nocontent')).textContent = ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'noContributions',
-                "No Contributions"
-            ));
-            append(template.content, content);
-            return content;
-        });
+    async openFeatures(template, token) {
+        const manifest = await this.loadContents(() => this.extensionManifest.get(), template.content);
+        if (token.isCancellationRequested) {
+            return null;
+        }
+        if (!manifest) {
+            return null;
+        }
+        const extensionFeaturesTab = this.contentDisposables.add(this.instantiationService.createInstance(ExtensionFeaturesTab, manifest, this.options?.feature));
+        const layout = () => extensionFeaturesTab.layout(template.content.clientHeight, template.content.clientWidth);
+        const removeLayoutParticipant = insert(this.layoutParticipants, { layout });
+        this.contentDisposables.add(toDisposable(removeLayoutParticipant));
+        append(template.content, extensionFeaturesTab.domNode);
+        layout();
+        return extensionFeaturesTab.domNode;
     }
     openExtensionDependencies(extension, template, token) {
         if (token.isCancellationRequested) {
@@ -1034,99 +958,6 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         }
         return this.renderExtensionPack(manifest, template.content, token);
     }
-    async openRuntimeStatus(extension, template, token) {
-        const content = $('div', { class: 'subcontent', tabindex: '0' });
-        const scrollableContent = ( new DomScrollableElement(content, {}));
-        const layout = () => scrollableContent.scanDomNode();
-        const removeLayoutParticipant = insert(this.layoutParticipants, { layout });
-        this.contentDisposables.add(toDisposable(removeLayoutParticipant));
-        const updateContent = () => {
-            scrollableContent.scanDomNode();
-            reset(content, this.renderRuntimeStatus(extension, layout));
-        };
-        updateContent();
-        this.extensionService.onDidChangeExtensionsStatus(e => {
-            if (( e.some(
-                extensionIdentifier => areSameExtensions({ id: extensionIdentifier.value }, extension.identifier)
-            ))) {
-                updateContent();
-            }
-        }, this, this.contentDisposables);
-        this.contentDisposables.add(scrollableContent);
-        append(template.content, scrollableContent.getDomNode());
-        return content;
-    }
-    renderRuntimeStatus(extension, onDetailsToggle) {
-        const extensionStatus = this.extensionsWorkbenchService.getExtensionStatus(extension);
-        const element = $('.runtime-status');
-        if (extensionStatus?.activationTimes) {
-            const activationTime = extensionStatus.activationTimes.codeLoadingTime + extensionStatus.activationTimes.activateCallTime;
-            const activationElement = append(element, $('div.activation-details'));
-            const activationReasonElement = append(activationElement, $('div.activation-element-entry'));
-            append(activationReasonElement, $('span.activation-message-title', undefined, ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'activation reason',
-                "Activation Event:"
-            ))));
-            append(activationReasonElement, $('code', undefined, extensionStatus.activationTimes.activationReason.startup ? ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'startup',
-                "Startup"
-            )) : extensionStatus.activationTimes.activationReason.activationEvent));
-            const activationTimeElement = append(activationElement, $('div.activation-element-entry'));
-            append(activationTimeElement, $('span.activation-message-title', undefined, ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'activation time',
-                "Activation Time:"
-            ))));
-            append(activationTimeElement, $('code', undefined, `${activationTime}ms`));
-            if (ExtensionIdentifier.toKey(extensionStatus.activationTimes.activationReason.extensionId) !== ExtensionIdentifier.toKey(extension.identifier.id)) {
-                const activatedByElement = append(activationElement, $('div.activation-element-entry'));
-                append(activatedByElement, $('span.activation-message-title', undefined, ( localizeWithPath(
-                    'vs/workbench/contrib/extensions/browser/extensionEditor',
-                    'activatedBy',
-                    "Activated By:"
-                ))));
-                append(activatedByElement, $('span', undefined, extensionStatus.activationTimes.activationReason.extensionId.value));
-            }
-        }
-        else if (extension.local && (extension.local.manifest.main || extension.local.manifest.browser)) {
-            append(element, $('div.activation-message', undefined, ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'not yet activated',
-                "Not yet activated."
-            ))));
-        }
-        if (extensionStatus?.runtimeErrors.length) {
-            append(element, $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'uncaught errors',
-                "Uncaught Errors ({0})",
-                extensionStatus.runtimeErrors.length
-            ))), $('div', undefined, ...( extensionStatus.runtimeErrors.map(
-                error => $('div.message-entry', undefined, $(`span${ThemeIcon.asCSSSelector(errorIcon)}`, undefined), $('span', undefined, getErrorMessage(error)))
-            )))));
-        }
-        if (extensionStatus?.messages.length) {
-            append(element, $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'messages',
-                "Messages ({0})",
-                extensionStatus?.messages.length
-            ))), $('div', undefined, ...( extensionStatus.messages.sort((a, b) => b.type - a.type)
-                .map(
-                message => $('div.message-entry', undefined, $(`span${ThemeIcon.asCSSSelector(message.type === Severity.Error ? errorIcon : message.type === Severity.Warning ? warningIcon : infoIcon)}`, undefined), $('span', undefined, message.message))
-            )))));
-        }
-        if (element.children.length === 0) {
-            append(element, $('div.no-status-message')).textContent = ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'noStatus',
-                "No status available."
-            ));
-        }
-        return element;
-    }
     async renderExtensionPack(manifest, parent, token) {
         if (token.isCancellationRequested) {
             return null;
@@ -1143,620 +974,6 @@ let ExtensionEditor = class ExtensionEditor extends EditorPane {
         this.contentDisposables.add(toDisposable(insert(this.layoutParticipants, { layout: () => scrollableContent.scanDomNode() })));
         return content;
     }
-    renderSettings(container, manifest, onDetailsToggle) {
-        const configuration = manifest.contributes?.configuration;
-        let properties = {};
-        if (Array.isArray(configuration)) {
-            configuration.forEach(config => {
-                properties = { ...properties, ...config.properties };
-            });
-        }
-        else if (configuration) {
-            properties = configuration.properties;
-        }
-        let contrib = properties ? ( Object.keys(properties)) : [];
-        contrib = contrib.filter(key => {
-            const config = properties[key];
-            return !config.deprecationMessage && !config.markdownDeprecationMessage;
-        });
-        if (!contrib.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'settings',
-            "Settings ({0})",
-            contrib.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'setting name',
-            "ID"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'description',
-            "Description"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'default',
-            "Default"
-        )))), ...( contrib
-            .sort((a, b) => a.localeCompare(b))
-            .map(key => {
-            let description = properties[key].description || '';
-            if (properties[key].markdownDescription) {
-                const { element, dispose } = renderMarkdown({ value: properties[key].markdownDescription }, { actionHandler: { callback: (content) => this.openerService.open(content).catch(onUnexpectedError), disposables: this.contentDisposables } });
-                description = element;
-                this.contentDisposables.add(toDisposable(dispose));
-            }
-            return $('tr', undefined, $('td', undefined, $('code', undefined, key)), $('td', undefined, description), $('td', undefined, $('code', undefined, `${isUndefined(properties[key].default) ? getDefaultValue(properties[key].type) : JSON.stringify(properties[key].default)}`)));
-        }))));
-        append(container, details);
-        return true;
-    }
-    renderDebuggers(container, manifest, onDetailsToggle) {
-        const contrib = manifest.contributes?.debuggers || [];
-        if (!contrib.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'debuggers',
-            "Debuggers ({0})",
-            contrib.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'debugger name',
-            "Name"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'debugger type',
-            "Type"
-        )))), ...( contrib
-            .sort((a, b) => a.label.localeCompare(b.label))
-            .map(
-            d => $('tr', undefined, $('td', undefined, d.label), $('td', undefined, d.type))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderViewContainers(container, manifest, onDetailsToggle) {
-        const contrib = manifest.contributes?.viewsContainers || {};
-        const viewContainers = ( Object.keys(contrib)).reduce((result, location) => {
-            const viewContainersForLocation = contrib[location];
-            result.push(...( viewContainersForLocation.map(viewContainer => ({ ...viewContainer, location }))));
-            return result;
-        }, []);
-        if (!viewContainers.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'viewContainers',
-            "View Containers ({0})",
-            viewContainers.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'view container id',
-            "ID"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'view container title',
-            "Title"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'view container location',
-            "Where"
-        )))), ...( viewContainers
-            .sort((a, b) => a.id.localeCompare(b.id))
-            .map(
-            viewContainer => $('tr', undefined, $('td', undefined, viewContainer.id), $('td', undefined, viewContainer.title), $('td', undefined, viewContainer.location))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderViews(container, manifest, onDetailsToggle) {
-        const contrib = manifest.contributes?.views || {};
-        const views = ( Object.keys(contrib)).reduce((result, location) => {
-            const viewsForLocation = contrib[location];
-            result.push(...( viewsForLocation.map(view => ({ ...view, location }))));
-            return result;
-        }, []);
-        if (!views.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'views',
-            "Views ({0})",
-            views.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath('vs/workbench/contrib/extensions/browser/extensionEditor', 'view id', "ID"))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'view name',
-            "Name"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'view location',
-            "Where"
-        )))), ...( views
-            .sort((a, b) => a.id.localeCompare(b.id))
-            .map(
-            view => $('tr', undefined, $('td', undefined, view.id), $('td', undefined, view.name), $('td', undefined, view.location))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderLocalizations(container, manifest, onDetailsToggle) {
-        const localizations = manifest.contributes?.localizations || [];
-        if (!localizations.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'localizations',
-            "Localizations ({0})",
-            localizations.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'localizations language id',
-            "Language ID"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'localizations language name',
-            "Language Name"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'localizations localized language name',
-            "Language Name (Localized)"
-        )))), ...( localizations
-            .sort((a, b) => a.languageId.localeCompare(b.languageId))
-            .map(
-            localization => $('tr', undefined, $('td', undefined, localization.languageId), $('td', undefined, localization.languageName || ''), $('td', undefined, localization.localizedLanguageName || ''))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderCustomEditors(container, manifest, onDetailsToggle) {
-        const webviewEditors = manifest.contributes?.customEditors || [];
-        if (!webviewEditors.length) {
-            return false;
-        }
-        const renderEditors = Array.from(webviewEditors).sort((a, b) => a.viewType.localeCompare(b.viewType));
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'customEditors',
-            "Custom Editors ({0})",
-            renderEditors.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'customEditors view type',
-            "View Type"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'customEditors priority',
-            "Priority"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'customEditors filenamePattern',
-            "Filename Pattern"
-        )))), ...( renderEditors.map(
-            webviewEditor => $('tr', undefined, $('td', undefined, webviewEditor.viewType), $('td', undefined, webviewEditor.priority), $('td', undefined, coalesce(( webviewEditor.selector.map(x => x.filenamePattern))).join(', ')))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderCodeActions(container, manifest, onDetailsToggle) {
-        const codeActions = manifest.contributes?.codeActions || [];
-        if (!codeActions.length) {
-            return false;
-        }
-        const flatActions = flatten(( codeActions.map(contribution => ( contribution.actions.map(action => ({ ...action, languages: contribution.languages }))))));
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'codeActions',
-            "Code Actions ({0})",
-            flatActions.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'codeActions.title',
-            "Title"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'codeActions.kind',
-            "Kind"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'codeActions.description',
-            "Description"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'codeActions.languages',
-            "Languages"
-        )))), ...( flatActions
-            .sort((a, b) => a.title.localeCompare(b.title))
-            .map(
-            action => $('tr', undefined, $('td', undefined, action.title), $('td', undefined, $('code', undefined, action.kind)), $('td', undefined, action.description ?? ''), $('td', undefined, ...( action.languages.map(language => $('code', undefined, language)))))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderAuthentication(container, manifest, onDetailsToggle) {
-        const authentication = manifest.contributes?.authentication || [];
-        if (!authentication.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'authentication',
-            "Authentication ({0})",
-            authentication.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'authentication.label',
-            "Label"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'authentication.id',
-            "ID"
-        )))), ...( authentication
-            .sort((a, b) => a.label.localeCompare(b.label))
-            .map(
-            action => $('tr', undefined, $('td', undefined, action.label), $('td', undefined, action.id))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderColorThemes(container, manifest, onDetailsToggle) {
-        const contrib = manifest.contributes?.themes || [];
-        if (!contrib.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'colorThemes',
-            "Color Themes ({0})",
-            contrib.length
-        ))), $('ul', undefined, ...( contrib
-            .sort((a, b) => a.label.localeCompare(b.label))
-            .map(theme => $('li', undefined, theme.label)))));
-        append(container, details);
-        return true;
-    }
-    renderIconThemes(container, manifest, onDetailsToggle) {
-        const contrib = manifest.contributes?.iconThemes || [];
-        if (!contrib.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'iconThemes',
-            "File Icon Themes ({0})",
-            contrib.length
-        ))), $('ul', undefined, ...( contrib
-            .sort((a, b) => a.label.localeCompare(b.label))
-            .map(theme => $('li', undefined, theme.label)))));
-        append(container, details);
-        return true;
-    }
-    renderProductIconThemes(container, manifest, onDetailsToggle) {
-        const contrib = manifest.contributes?.productIconThemes || [];
-        if (!contrib.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'productThemes',
-            "Product Icon Themes ({0})",
-            contrib.length
-        ))), $('ul', undefined, ...( contrib
-            .sort((a, b) => a.label.localeCompare(b.label))
-            .map(theme => $('li', undefined, theme.label)))));
-        append(container, details);
-        return true;
-    }
-    renderColors(container, manifest, onDetailsToggle) {
-        const colors = manifest.contributes?.colors || [];
-        if (!colors.length) {
-            return false;
-        }
-        function colorPreview(colorReference) {
-            const result = [];
-            if (colorReference && colorReference[0] === '#') {
-                const color = ( Color.fromHex(colorReference));
-                if (color) {
-                    result.push($('span', { class: 'colorBox', style: 'background-color: ' + Color.Format.CSS.format(color) }, ''));
-                }
-            }
-            result.push($('code', undefined, colorReference));
-            return result;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'colors',
-            "Colors ({0})",
-            colors.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath('vs/workbench/contrib/extensions/browser/extensionEditor', 'colorId', "ID"))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'description',
-            "Description"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'defaultDark',
-            "Dark Default"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'defaultLight',
-            "Light Default"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'defaultHC',
-            "High Contrast Default"
-        )))), ...( colors
-            .sort((a, b) => a.id.localeCompare(b.id))
-            .map(
-            color => $('tr', undefined, $('td', undefined, $('code', undefined, color.id)), $('td', undefined, color.description), $('td', undefined, ...colorPreview(color.defaults.dark)), $('td', undefined, ...colorPreview(color.defaults.light)), $('td', undefined, ...colorPreview(color.defaults.highContrast)))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderJSONValidation(container, manifest, onDetailsToggle) {
-        const contrib = manifest.contributes?.jsonValidation || [];
-        if (!contrib.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'JSON Validation',
-            "JSON Validation ({0})",
-            contrib.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'fileMatch',
-            "File Match"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'schema',
-            "Schema"
-        )))), ...( contrib.map(
-            v => $('tr', undefined, $('td', undefined, $('code', undefined, Array.isArray(v.fileMatch) ? v.fileMatch.join(', ') : v.fileMatch)), $('td', undefined, v.url))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderCommands(container, manifest, onDetailsToggle) {
-        const rawCommands = manifest.contributes?.commands || [];
-        const commands = ( rawCommands.map(c => ({
-            id: c.command,
-            title: c.title,
-            keybindings: [],
-            menus: []
-        })));
-        const byId = index(commands, c => c.id);
-        const menus = manifest.contributes?.menus || {};
-        for (const context in menus) {
-            for (const menu of menus[context]) {
-                if (menu.command) {
-                    let command = byId[menu.command];
-                    if (command) {
-                        command.menus.push(context);
-                    }
-                    else {
-                        command = { id: menu.command, title: '', keybindings: [], menus: [context] };
-                        byId[command.id] = command;
-                        commands.push(command);
-                    }
-                }
-            }
-        }
-        const rawKeybindings = manifest.contributes?.keybindings ? (Array.isArray(manifest.contributes.keybindings) ? manifest.contributes.keybindings : [manifest.contributes.keybindings]) : [];
-        rawKeybindings.forEach(rawKeybinding => {
-            const keybinding = this.resolveKeybinding(rawKeybinding);
-            if (!keybinding) {
-                return;
-            }
-            let command = byId[rawKeybinding.command];
-            if (command) {
-                command.keybindings.push(keybinding);
-            }
-            else {
-                command = { id: rawKeybinding.command, title: '', keybindings: [keybinding], menus: [] };
-                byId[command.id] = command;
-                commands.push(command);
-            }
-        });
-        if (!commands.length) {
-            return false;
-        }
-        const renderKeybinding = (keybinding) => {
-            const element = $('');
-            const kbl = ( new KeybindingLabel(element, OS, defaultKeybindingLabelStyles));
-            kbl.set(keybinding);
-            return element;
-        };
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'commands',
-            "Commands ({0})",
-            commands.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'command name',
-            "ID"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'command title',
-            "Title"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'keyboard shortcuts',
-            "Keyboard Shortcuts"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'menuContexts',
-            "Menu Contexts"
-        )))), ...( commands
-            .sort((a, b) => a.id.localeCompare(b.id))
-            .map(
-            c => $('tr', undefined, $('td', undefined, $('code', undefined, c.id)), $('td', undefined, typeof c.title === 'string' ? c.title : c.title.value), $('td', undefined, ...( c.keybindings.map(keybinding => renderKeybinding(keybinding)))), $('td', undefined, ...( c.menus.map(context => $('code', undefined, context)))))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderLanguages(container, manifest, onDetailsToggle) {
-        const contributes = manifest.contributes;
-        const rawLanguages = contributes?.languages || [];
-        const languages = ( rawLanguages.map(l => ({
-            id: l.id,
-            name: (l.aliases || [])[0] || l.id,
-            extensions: l.extensions || [],
-            hasGrammar: false,
-            hasSnippets: false
-        })));
-        const byId = index(languages, l => l.id);
-        const grammars = contributes?.grammars || [];
-        grammars.forEach(grammar => {
-            let language = byId[grammar.language];
-            if (language) {
-                language.hasGrammar = true;
-            }
-            else {
-                language = { id: grammar.language, name: grammar.language, extensions: [], hasGrammar: true, hasSnippets: false };
-                byId[language.id] = language;
-                languages.push(language);
-            }
-        });
-        const snippets = contributes?.snippets || [];
-        snippets.forEach(snippet => {
-            let language = byId[snippet.language];
-            if (language) {
-                language.hasSnippets = true;
-            }
-            else {
-                language = { id: snippet.language, name: snippet.language, extensions: [], hasGrammar: false, hasSnippets: true };
-                byId[language.id] = language;
-                languages.push(language);
-            }
-        });
-        if (!languages.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'languages',
-            "Languages ({0})",
-            languages.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'language id',
-            "ID"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'language name',
-            "Name"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'file extensions',
-            "File Extensions"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'grammar',
-            "Grammar"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'snippets',
-            "Snippets"
-        )))), ...( languages
-            .sort((a, b) => a.id.localeCompare(b.id))
-            .map(
-            l => $('tr', undefined, $('td', undefined, l.id), $('td', undefined, l.name), $('td', undefined, ...join(( l.extensions.map(ext => $('code', undefined, ext))), ' ')), $('td', undefined, document.createTextNode(l.hasGrammar ? '✔︎' : '\u2014')), $('td', undefined, document.createTextNode(l.hasSnippets ? '✔︎' : '\u2014')))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderActivationEvents(container, manifest, onDetailsToggle) {
-        const activationEvents = manifest.activationEvents || [];
-        if (!activationEvents.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'activation events',
-            "Activation Events ({0})",
-            activationEvents.length
-        ))), $('ul', undefined, ...( activationEvents
-            .sort((a, b) => a.localeCompare(b))
-            .map(
-            activationEvent => $('li', undefined, $('code', undefined, activationEvent))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderNotebooks(container, manifest, onDetailsToggle) {
-        const contrib = manifest.contributes?.notebooks || [];
-        if (!contrib.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'Notebooks',
-            "Notebooks ({0})",
-            contrib.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'Notebook id',
-            "ID"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'Notebook name',
-            "Name"
-        )))), ...( contrib
-            .sort((a, b) => a.type.localeCompare(b.type))
-            .map(
-            d => $('tr', undefined, $('td', undefined, d.type), $('td', undefined, d.displayName))
-        ))));
-        append(container, details);
-        return true;
-    }
-    renderNotebookRenderers(container, manifest, onDetailsToggle) {
-        const contrib = manifest.contributes?.notebookRenderer || [];
-        if (!contrib.length) {
-            return false;
-        }
-        const details = $('details', { open: true, ontoggle: onDetailsToggle }, $('summary', { tabindex: '0' }, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'NotebookRenderers',
-            "Notebook Renderers ({0})",
-            contrib.length
-        ))), $('table', undefined, $('tr', undefined, $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'Notebook renderer name',
-            "Name"
-        ))), $('th', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'Notebook mimetypes',
-            "Mimetypes"
-        )))), ...( contrib
-            .sort((a, b) => a.displayName.localeCompare(b.displayName))
-            .map(
-            d => $('tr', undefined, $('td', undefined, d.displayName), $('td', undefined, d.mimeTypes.join(',')))
-        ))));
-        append(container, details);
-        return true;
-    }
-    resolveKeybinding(rawKeyBinding) {
-        let key;
-        switch (platform) {
-            case 'win32':
-                key = rawKeyBinding.win;
-                break;
-            case 'linux':
-                key = rawKeyBinding.linux;
-                break;
-            case 'darwin':
-                key = rawKeyBinding.mac;
-                break;
-        }
-        return this.keybindingService.resolveUserBinding(key || rawKeyBinding.key)[0];
-    }
     loadContents(loadingTask, container) {
         container.classList.add('loading');
         const result = this.contentDisposables.add(loadingTask());
@@ -1782,16 +999,15 @@ ExtensionEditor = ExtensionEditor_1 = ( __decorate([
     ( __param(3, IExtensionsWorkbenchService)),
     ( __param(4, IExtensionGalleryService)),
     ( __param(5, IThemeService)),
-    ( __param(6, IKeybindingService)),
-    ( __param(7, INotificationService)),
-    ( __param(8, IOpenerService)),
-    ( __param(9, IExtensionRecommendationsService)),
-    ( __param(10, IStorageService)),
-    ( __param(11, IExtensionService)),
-    ( __param(12, IWebviewService)),
-    ( __param(13, ILanguageService)),
-    ( __param(14, IContextMenuService)),
-    ( __param(15, IContextKeyService))
+    ( __param(6, INotificationService)),
+    ( __param(7, IOpenerService)),
+    ( __param(8, IExtensionRecommendationsService)),
+    ( __param(9, IStorageService)),
+    ( __param(10, IExtensionService)),
+    ( __param(11, IWebviewService)),
+    ( __param(12, ILanguageService)),
+    ( __param(13, IContextMenuService)),
+    ( __param(14, IContextKeyService))
 ], ExtensionEditor));
 const contextKeyExpr = ( ContextKeyExpr.and(( ContextKeyExpr.equals('activeEditor', ExtensionEditor.ID)), ( EditorContextKeys.focus.toNegated())));
 registerAction2(class ShowExtensionEditorFindAction extends Action2 {