@codingame/monaco-vscode-api 4.1.0 → 4.1.2

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

@@ -1,1171 +0,0 @@
-import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { append, $, addDisposableListener, setParentFlowTo } from '../../../../base/browser/dom.js';
-import { ActionBar } from '../../../../base/browser/ui/actionbar/actionbar.js';
-import { getDefaultHoverDelegate } from '../../../../base/browser/ui/hover/hoverDelegateFactory.js';
-import { setupCustomHover } from '../../../../base/browser/ui/hover/updatableHoverWidget.js';
-import { DomScrollableElement } from '../../../../base/browser/ui/scrollbar/scrollableElement.js';
-import { CheckboxActionViewItem } from '../../../../base/browser/ui/toggle/toggle.js';
-import { Action } from '../../../../base/common/actions.js';
-import { insert, isFalsyOrEmpty } from '../../../../base/common/arrays.js';
-import { Cache } from '../../../../base/common/cache.js';
-import { CancellationToken, CancellationTokenSource } from '../../../../base/common/cancellation.js';
-import { isCancellationError } from '../../../../base/common/errors.js';
-import { Event, Emitter } from '../../../../base/common/event.js';
-import { MutableDisposable, DisposableStore, toDisposable, Disposable, dispose } from '../../../../base/common/lifecycle.js';
-import { matchesScheme, Schemas } from '../../../../base/common/network.js';
-import { language } from '../../../../base/common/platform.js';
-import { semverExports } from '../../../../../../../external/vscode-semver/semver.js';
-import { isUndefined } from '../../../../base/common/types.js';
-import { URI } from '../../../../base/common/uri.js';
-import { generateUuid } from '../../../../base/common/uuid.js';
-import './media/extensionEditor.css.js';
-import { EditorContextKeys } from '../../../../editor/common/editorContextKeys.js';
-import { TokenizationRegistry } from '../../../../editor/common/languages.js';
-import { ILanguageService } from '../../../../editor/common/languages/language.js';
-import { generateTokensCSSForColorMap } from '../../../../editor/common/languages/supports/tokenization.js';
-import { localizeWithPath } from '../../../../nls.js';
-import { registerAction2, Action2 } from '../../../../platform/actions/common/actions.js';
-import { RawContextKey, IContextKeyService, ContextKeyExpr } from '../../../../platform/contextkey/common/contextkey.js';
-import { IContextMenuService } from '../../../../platform/contextview/browser/contextView.js';
-import { IExtensionGalleryService } from '../../../../platform/extensionManagement/common/extensionManagement.js';
-import { areSameExtensions } from '../../../../platform/extensionManagement/common/extensionManagementUtil.js';
-import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
-import { INotificationService } from '../../../../platform/notification/common/notification.js';
-import { IOpenerService } from '../../../../platform/opener/common/opener.js';
-import { IStorageService } from '../../../../platform/storage/common/storage.js';
-import { ITelemetryService } from '../../../../platform/telemetry/common/telemetry.js';
-import { defaultCheckboxStyles } from '../../../../platform/theme/browser/defaultStyles.js';
-import '../../../../platform/theme/common/colorUtils.js';
-import { textLinkForeground, textLinkActiveForeground } from '../../../../platform/theme/common/colors/baseColors.js';
-import '../../../../platform/theme/common/colors/chartsColors.js';
-import { editorBackground } from '../../../../platform/theme/common/colors/editorColors.js';
-import { buttonHoverBackground, buttonForeground } from '../../../../platform/theme/common/colors/inputColors.js';
-import '../../../../platform/theme/common/colors/listColors.js';
-import '../../../../platform/theme/common/colors/menuColors.js';
-import '../../../../platform/theme/common/colors/minimapColors.js';
-import '../../../../platform/theme/common/colors/miscColors.js';
-import '../../../../platform/theme/common/colors/quickpickColors.js';
-import '../../../../platform/theme/common/colors/searchColors.js';
-import { registerThemingParticipant, IThemeService } from '../../../../platform/theme/common/themeService.js';
-import { IWorkspaceContextService } from '../../../../platform/workspace/common/workspace.js';
-import { EditorPane } from '../../../browser/parts/editor/editorPane.js';
-import { ExtensionFeaturesTab } from './extensionFeaturesTab.js';
-import { InstallDropdownAction, ExtensionRuntimeStateAction, ExtensionStatusLabelAction, ActionWithDropDownAction, UpdateAction, ToggleAutoUpdateForExtensionAction, SetColorThemeAction, SetFileIconThemeAction, SetProductIconThemeAction, SetLanguageAction, ClearLanguageAction, EnableDropDownAction, DisableDropDownAction, RemoteInstallAction, LocalInstallAction, WebInstallAction, InstallingLabelAction, UninstallAction, MigrateDeprecatedExtensionAction, InstallAnotherVersionAction, TogglePreReleaseExtensionAction, ExtensionEditorManageExtensionAction, ExtensionDropDownAction, ExtensionActionWithDropdownActionViewItem, ExtensionStatusAction } from './extensionsActions.js';
-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';
-import { ExtensionContainers, VIEWLET_ID, IExtensionsWorkbenchService } from '../common/extensions.js';
-import { IExplorerService } from '../../files/browser/files.js';
-import { renderMarkdownDocument, DEFAULT_MARKDOWN_STYLES } from '../../markdown/browser/markdownDocumentRenderer.js';
-import { ShowCurrentReleaseNotesActionId } from '../../update/common/update.js';
-import { IWebviewService, KEYBINDING_CONTEXT_WEBVIEW_FIND_WIDGET_FOCUSED } from '../../webview/browser/webview.js';
-import { IEditorService } from '../../../services/editor/common/editorService.js';
-import { IExtensionRecommendationsService } from '../../../services/extensionRecommendations/common/extensionRecommendations.js';
-import { IExtensionService } from '../../../services/extensions/common/extensions.js';
-import { IPaneCompositePartService } from '../../../services/panecomposite/browser/panecomposite.js';
-import { IViewsService } from '../../../services/views/common/viewsService.js';
-import { VIEW_ID } from '../../files/common/files.js';
-import { IUriIdentityService } from '../../../../platform/uriIdentity/common/uriIdentity.js';
-var ExtensionEditor_1;
-class NavBar extends Disposable {
-    get onChange() { return this._onChange.event; }
-    get currentId() { return this._currentId; }
-    constructor(container) {
-        super();
-        this._onChange = this._register(( new Emitter()));
-        this._currentId = null;
-        const element = append(container, $('.navbar'));
-        this.actions = [];
-        this.actionbar = this._register(( new ActionBar(element)));
-    }
-    push(id, label, tooltip) {
-        const action = ( new Action(id, label, undefined, true, () => this.update(id, true)));
-        action.tooltip = tooltip;
-        this.actions.push(action);
-        this.actionbar.push(action);
-        if (this.actions.length === 1) {
-            this.update(id);
-        }
-    }
-    clear() {
-        this.actions = dispose(this.actions);
-        this.actionbar.clear();
-    }
-    switch(id) {
-        const action = this.actions.find(action => action.id === id);
-        if (action) {
-            action.run();
-            return true;
-        }
-        return false;
-    }
-    update(id, focus) {
-        this._currentId = id;
-        this._onChange.fire({ id, focus: !!focus });
-        this.actions.forEach(a => a.checked = a.id === id);
-    }
-}
-const CONTEXT_SHOW_PRE_RELEASE_VERSION = ( new RawContextKey('showPreReleaseVersion', false));
-class ExtensionWithDifferentGalleryVersionWidget extends ExtensionWidget {
-    constructor() {
-        super(...arguments);
-        this._gallery = null;
-    }
-    get gallery() { return this._gallery; }
-    set gallery(gallery) {
-        if (this.extension && gallery && !areSameExtensions(this.extension.identifier, gallery.identifier)) {
-            return;
-        }
-        this._gallery = gallery;
-        this.update();
-    }
-}
-class VersionWidget extends ExtensionWithDifferentGalleryVersionWidget {
-    constructor(container) {
-        super();
-        this.element = append(container, $('code.version'));
-        this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), this.element, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'extension version',
-            "Extension Version"
-        ))));
-        this.render();
-    }
-    render() {
-        if (!this.extension || !semverExports.valid(this.extension.version)) {
-            return;
-        }
-        this.element.textContent = `v${this.gallery?.version ?? this.extension.version}${this.extension.isPreReleaseVersion ? ' (pre-release)' : ''}`;
-    }
-}
-let ExtensionEditor = class ExtensionEditor extends EditorPane {
-    static { ExtensionEditor_1 = this; }
-    static { this.ID = 'workbench.editor.extension'; }
-    constructor(group, telemetryService, instantiationService, paneCompositeService, extensionsWorkbenchService, extensionGalleryService, themeService, notificationService, openerService, extensionRecommendationsService, storageService, extensionService, webviewService, languageService, contextMenuService, contextKeyService, contextService, explorerService, viewsService, uriIdentityService) {
-        super(ExtensionEditor_1.ID, group, telemetryService, themeService, storageService);
-        this.instantiationService = instantiationService;
-        this.paneCompositeService = paneCompositeService;
-        this.extensionsWorkbenchService = extensionsWorkbenchService;
-        this.extensionGalleryService = extensionGalleryService;
-        this.notificationService = notificationService;
-        this.openerService = openerService;
-        this.extensionRecommendationsService = extensionRecommendationsService;
-        this.extensionService = extensionService;
-        this.webviewService = webviewService;
-        this.languageService = languageService;
-        this.contextMenuService = contextMenuService;
-        this.contextKeyService = contextKeyService;
-        this.contextService = contextService;
-        this.explorerService = explorerService;
-        this.viewsService = viewsService;
-        this.uriIdentityService = uriIdentityService;
-        this._scopedContextKeyService = this._register(( new MutableDisposable()));
-        this.initialScrollProgress = ( new Map());
-        this.currentIdentifier = '';
-        this.layoutParticipants = [];
-        this.contentDisposables = this._register(( new DisposableStore()));
-        this.transientDisposables = this._register(( new DisposableStore()));
-        this.activeElement = null;
-        this.extensionReadme = null;
-        this.extensionChangelog = null;
-        this.extensionManifest = null;
-    }
-    get scopedContextKeyService() {
-        return this._scopedContextKeyService.value;
-    }
-    createEditor(parent) {
-        const root = append(parent, $('.extension-editor'));
-        this._scopedContextKeyService.value = this.contextKeyService.createScoped(root);
-        this._scopedContextKeyService.value.createKey('inExtensionEditor', true);
-        this.showPreReleaseVersionContextKey = CONTEXT_SHOW_PRE_RELEASE_VERSION.bindTo(this._scopedContextKeyService.value);
-        root.tabIndex = 0;
-        root.style.outline = 'none';
-        root.setAttribute('role', 'document');
-        const header = append(root, $('.header'));
-        const iconContainer = append(header, $('.icon-container'));
-        const icon = append(iconContainer, $('img.icon', { draggable: false, alt: '' }));
-        const remoteBadge = this.instantiationService.createInstance(RemoteBadgeWidget, iconContainer, true);
-        const details = append(header, $('.details'));
-        const title = append(details, $('.title'));
-        const name = append(title, $('span.name.clickable', { role: 'heading', tabIndex: 0 }));
-        this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), name, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'name',
-            "Extension name"
-        ))));
-        const versionWidget = ( new VersionWidget(title));
-        const preview = append(title, $('span.preview'));
-        this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), preview, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'preview',
-            "Preview"
-        ))));
-        preview.textContent = ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'preview',
-            "Preview"
-        ));
-        const builtin = append(title, $('span.builtin'));
-        builtin.textContent = ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'builtin',
-            "Built-in"
-        ));
-        const subtitle = append(details, $('.subtitle'));
-        const publisher = append(append(subtitle, $('.subtitle-entry')), $('.publisher.clickable', { tabIndex: 0 }));
-        this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), publisher, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'publisher',
-            "Publisher"
-        ))));
-        publisher.setAttribute('role', 'button');
-        const publisherDisplayName = append(publisher, $('.publisher-name'));
-        const verifiedPublisherWidget = this.instantiationService.createInstance(VerifiedPublisherWidget, append(publisher, $('.verified-publisher')), false);
-        const resource = append(append(subtitle, $('.subtitle-entry.resource')), $('', { tabIndex: 0 }));
-        resource.setAttribute('role', 'button');
-        const installCount = append(append(subtitle, $('.subtitle-entry')), $('span.install', { tabIndex: 0 }));
-        this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), installCount, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'install count',
-            "Install count"
-        ))));
-        const installCountWidget = this.instantiationService.createInstance(InstallCountWidget, installCount, false);
-        const rating = append(append(subtitle, $('.subtitle-entry')), $('span.rating.clickable', { tabIndex: 0 }));
-        this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), rating, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'rating',
-            "Rating"
-        ))));
-        rating.setAttribute('role', 'link');
-        const ratingsWidget = this.instantiationService.createInstance(RatingsWidget, rating, false);
-        const sponsorWidget = this.instantiationService.createInstance(SponsorWidget, append(subtitle, $('.subtitle-entry')));
-        const widgets = [
-            remoteBadge,
-            versionWidget,
-            verifiedPublisherWidget,
-            installCountWidget,
-            ratingsWidget,
-            sponsorWidget,
-        ];
-        const description = append(details, $('.description'));
-        const installAction = this.instantiationService.createInstance(InstallDropdownAction);
-        const actions = [
-            this.instantiationService.createInstance(ExtensionRuntimeStateAction),
-            this.instantiationService.createInstance(ExtensionStatusLabelAction),
-            this.instantiationService.createInstance(ActionWithDropDownAction, 'extensions.updateActions', '', [[this.instantiationService.createInstance(UpdateAction, true)], [this.instantiationService.createInstance(ToggleAutoUpdateForExtensionAction, true, [true, 'onlyEnabledExtensions'])]]),
-            this.instantiationService.createInstance(SetColorThemeAction),
-            this.instantiationService.createInstance(SetFileIconThemeAction),
-            this.instantiationService.createInstance(SetProductIconThemeAction),
-            this.instantiationService.createInstance(SetLanguageAction),
-            this.instantiationService.createInstance(ClearLanguageAction),
-            this.instantiationService.createInstance(EnableDropDownAction),
-            this.instantiationService.createInstance(DisableDropDownAction),
-            this.instantiationService.createInstance(RemoteInstallAction, false),
-            this.instantiationService.createInstance(LocalInstallAction),
-            this.instantiationService.createInstance(WebInstallAction),
-            installAction,
-            this.instantiationService.createInstance(InstallingLabelAction),
-            this.instantiationService.createInstance(ActionWithDropDownAction, 'extensions.uninstall', UninstallAction.UninstallLabel, [
-                [
-                    this.instantiationService.createInstance(MigrateDeprecatedExtensionAction, false),
-                    this.instantiationService.createInstance(UninstallAction),
-                    this.instantiationService.createInstance(InstallAnotherVersionAction),
-                ]
-            ]),
-            this.instantiationService.createInstance(TogglePreReleaseExtensionAction),
-            this.instantiationService.createInstance(ToggleAutoUpdateForExtensionAction, false, [false, 'onlySelectedExtensions']),
-            ( new ExtensionEditorManageExtensionAction(
-                this.scopedContextKeyService || this.contextKeyService,
-                this.instantiationService
-            )),
-        ];
-        const actionsAndStatusContainer = append(details, $('.actions-status-container'));
-        const extensionActionBar = this._register(( new ActionBar(actionsAndStatusContainer, {
-            actionViewItemProvider: (action, options) => {
-                if (action instanceof ExtensionDropDownAction) {
-                    return action.createActionViewItem(options);
-                }
-                if (action instanceof ActionWithDropDownAction) {
-                    return ( new ExtensionActionWithDropdownActionViewItem(
-                        action,
-                        { ...options, icon: true, label: true, menuActionsOrProvider: { getActions: () => action.menuActions }, menuActionClassNames: (action.class || '').split(' ') },
-                        this.contextMenuService
-                    ));
-                }
-                if (action instanceof ToggleAutoUpdateForExtensionAction) {
-                    return ( new CheckboxActionViewItem(
-                        undefined,
-                        action,
-                        { ...options, icon: true, label: true, checkboxStyles: defaultCheckboxStyles }
-                    ));
-                }
-                return undefined;
-            },
-            focusOnlyEnabledItems: true
-        })));
-        extensionActionBar.push(actions, { icon: true, label: true });
-        extensionActionBar.setFocusable(true);
-        this._register(Event.any(...( actions.map(a => Event.filter(a.onDidChange, e => e.enabled !== undefined))))(() => {
-            extensionActionBar.setFocusable(false);
-            extensionActionBar.setFocusable(true);
-        }));
-        const otherExtensionContainers = [];
-        const extensionStatusAction = this.instantiationService.createInstance(ExtensionStatusAction);
-        const extensionStatusWidget = this._register(this.instantiationService.createInstance(ExtensionStatusWidget, append(actionsAndStatusContainer, $('.status')), extensionStatusAction));
-        otherExtensionContainers.push(extensionStatusAction, new (class extends ExtensionWidget {
-            render() {
-                actionsAndStatusContainer.classList.toggle('list-layout', this.extension?.state === 1 );
-            }
-        })());
-        const recommendationWidget = this.instantiationService.createInstance(ExtensionRecommendationWidget, append(details, $('.recommendation')));
-        widgets.push(recommendationWidget);
-        this._register(Event.any(extensionStatusWidget.onDidRender, recommendationWidget.onDidRender)(() => {
-            if (this.dimension) {
-                this.layout(this.dimension);
-            }
-        }));
-        const extensionContainers = this.instantiationService.createInstance(ExtensionContainers, [...actions, ...widgets, ...otherExtensionContainers]);
-        for (const disposable of [...actions, ...widgets, ...otherExtensionContainers, extensionContainers]) {
-            this._register(disposable);
-        }
-        const onError = Event.chain(extensionActionBar.onDidRun, $ => ( $.map(({ error }) => error))
-            .filter(error => !!error));
-        this._register(onError(this.onError, this));
-        const body = append(root, $('.body'));
-        const navbar = ( new NavBar(body));
-        const content = append(body, $('.content'));
-        content.id = generateUuid();
-        this.template = {
-            builtin,
-            content,
-            description,
-            header,
-            icon,
-            iconContainer,
-            installCount,
-            name,
-            navbar,
-            preview,
-            publisher,
-            publisherDisplayName,
-            resource,
-            rating,
-            actionsAndStatusContainer,
-            extensionActionBar,
-            set extension(extension) {
-                extensionContainers.extension = extension;
-            },
-            set gallery(gallery) {
-                versionWidget.gallery = gallery;
-            },
-            set manifest(manifest) {
-                installAction.manifest = manifest;
-            }
-        };
-    }
-    async setInput(input, options, context, token) {
-        await super.setInput(input, options, context, token);
-        this.updatePreReleaseVersionContext();
-        if (this.template) {
-            await this.render(input.extension, this.template, !!options?.preserveFocus);
-        }
-    }
-    setOptions(options) {
-        const currentOptions = this.options;
-        super.setOptions(options);
-        this.updatePreReleaseVersionContext();
-        if (this.input && this.template && currentOptions?.showPreReleaseVersion !== options?.showPreReleaseVersion) {
-            this.render(this.input.extension, this.template, !!options?.preserveFocus);
-        }
-    }
-    updatePreReleaseVersionContext() {
-        let showPreReleaseVersion = this.options?.showPreReleaseVersion;
-        if (isUndefined(showPreReleaseVersion)) {
-            showPreReleaseVersion = !!this.input.extension.gallery?.properties.isPreReleaseVersion;
-        }
-        this.showPreReleaseVersionContextKey?.set(showPreReleaseVersion);
-    }
-    async openTab(tab) {
-        if (!this.input || !this.template) {
-            return;
-        }
-        if (this.template.navbar.switch(tab)) {
-            return;
-        }
-        if (tab === "extensionPack" ) {
-            this.template.navbar.switch("readme" );
-        }
-    }
-    async getGalleryVersionToShow(extension, preRelease) {
-        if (extension.resourceExtension) {
-            return null;
-        }
-        if (extension.local?.source === 'resource') {
-            return null;
-        }
-        if (isUndefined(preRelease)) {
-            return null;
-        }
-        if (preRelease === extension.gallery?.properties.isPreReleaseVersion) {
-            return null;
-        }
-        if (preRelease && !extension.hasPreReleaseVersion) {
-            return null;
-        }
-        if (!preRelease && !extension.hasReleaseVersion) {
-            return null;
-        }
-        return (await this.extensionGalleryService.getExtensions([{ ...extension.identifier, preRelease, hasPreRelease: extension.hasPreReleaseVersion }], CancellationToken.None))[0] || null;
-    }
-    async render(extension, template, preserveFocus) {
-        this.activeElement = null;
-        this.transientDisposables.clear();
-        const token = this.transientDisposables.add(( new CancellationTokenSource())).token;
-        const gallery = await this.getGalleryVersionToShow(extension, this.options?.showPreReleaseVersion);
-        if (token.isCancellationRequested) {
-            return;
-        }
-        this.extensionReadme = ( new Cache(
-            () => gallery ? this.extensionGalleryService.getReadme(gallery, token) : extension.getReadme(token)
-        ));
-        this.extensionChangelog = ( new Cache(
-            () => gallery ? this.extensionGalleryService.getChangelog(gallery, token) : extension.getChangelog(token)
-        ));
-        this.extensionManifest = ( new Cache(
-            () => gallery ? this.extensionGalleryService.getManifest(gallery, token) : extension.getManifest(token)
-        ));
-        template.extension = extension;
-        template.gallery = gallery;
-        template.manifest = null;
-        this.transientDisposables.add(addDisposableListener(template.icon, 'error', () => template.icon.src = extension.iconUrlFallback, { once: true }));
-        template.icon.src = extension.iconUrl;
-        template.name.textContent = extension.displayName;
-        template.name.classList.toggle('clickable', !!extension.url);
-        template.name.classList.toggle('deprecated', !!extension.deprecationInfo);
-        template.preview.style.display = extension.preview ? 'inherit' : 'none';
-        template.builtin.style.display = extension.isBuiltin ? 'inherit' : 'none';
-        template.description.textContent = extension.description;
-        template.publisher.classList.toggle('clickable', !!extension.url);
-        template.publisherDisplayName.textContent = extension.publisherDisplayName;
-        template.publisher.parentElement?.classList.toggle('hide', !!extension.resourceExtension || extension.local?.source === 'resource');
-        const location = extension.resourceExtension?.location ?? (extension.local?.source === 'resource' ? extension.local?.location : undefined);
-        template.resource.parentElement?.classList.toggle('hide', !location);
-        if (location) {
-            const workspaceFolder = this.contextService.getWorkspaceFolder(location);
-            if (workspaceFolder && extension.isWorkspaceScoped) {
-                template.resource.parentElement?.classList.add('clickable');
-                this.transientDisposables.add(setupCustomHover(getDefaultHoverDelegate('mouse'), template.resource, this.uriIdentityService.extUri.relativePath(workspaceFolder.uri, location)));
-                template.resource.textContent = ( localizeWithPath(
-                    'vs/workbench/contrib/extensions/browser/extensionEditor',
-                    'workspace extension',
-                    "Workspace Extension"
-                ));
-                this.transientDisposables.add(onClick(template.resource, () => {
-                    this.viewsService.openView(VIEW_ID, true).then(() => this.explorerService.select(location, true));
-                }));
-            }
-            else {
-                template.resource.parentElement?.classList.remove('clickable');
-                this.transientDisposables.add(setupCustomHover(getDefaultHoverDelegate('mouse'), template.resource, location.path));
-                template.resource.textContent = ( localizeWithPath(
-                    'vs/workbench/contrib/extensions/browser/extensionEditor',
-                    'local extension',
-                    "Local Extension"
-                ));
-            }
-        }
-        template.installCount.parentElement?.classList.toggle('hide', !extension.url);
-        template.rating.parentElement?.classList.toggle('hide', !extension.url);
-        template.rating.classList.toggle('clickable', !!extension.url);
-        if (extension.url) {
-            this.transientDisposables.add(onClick(template.name, () => this.openerService.open(( URI.parse(extension.url)))));
-            this.transientDisposables.add(onClick(template.rating, () => this.openerService.open(( URI.parse(`${extension.url}&ssr=false#review-details`)))));
-            this.transientDisposables.add(onClick(template.publisher, () => {
-                this.paneCompositeService.openPaneComposite(VIEWLET_ID, 0 , true)
-                    .then(viewlet => viewlet?.getViewPaneContainer())
-                    .then(viewlet => viewlet.search(`publisher:"${extension.publisherDisplayName}"`));
-            }));
-        }
-        const manifest = await this.extensionManifest.get().promise;
-        if (token.isCancellationRequested) {
-            return;
-        }
-        if (manifest) {
-            template.manifest = manifest;
-        }
-        this.renderNavbar(extension, manifest, template, preserveFocus);
-        const extRecommendations = this.extensionRecommendationsService.getAllRecommendationsWithReason();
-        let recommendationsData = {};
-        if (extRecommendations[extension.identifier.id.toLowerCase()]) {
-            recommendationsData = { recommendationReason: extRecommendations[extension.identifier.id.toLowerCase()].reasonId };
-        }
-        this.telemetryService.publicLog('extensionGallery:openExtension', { ...extension.telemetryData, ...recommendationsData });
-    }
-    renderNavbar(extension, manifest, template, preserveFocus) {
-        template.content.innerText = '';
-        template.navbar.clear();
-        if (this.currentIdentifier !== extension.identifier.id) {
-            this.initialScrollProgress.clear();
-            this.currentIdentifier = extension.identifier.id;
-        }
-        template.navbar.push("readme" , ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'details',
-            "Details"
-        )), ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'detailstooltip',
-            "Extension details, rendered from the extension's 'README.md' file"
-        )));
-        if (manifest) {
-            template.navbar.push("features" , ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'features',
-                "Features"
-            )), ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'featurestooltip',
-                "Lists features contributed by this extension"
-            )));
-        }
-        if (extension.hasChangelog()) {
-            template.navbar.push("changelog" , ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'changelog',
-                "Changelog"
-            )), ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'changelogtooltip',
-                "Extension update history, rendered from the extension's 'CHANGELOG.md' file"
-            )));
-        }
-        if (extension.dependencies.length) {
-            template.navbar.push("dependencies" , ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'dependencies',
-                "Dependencies"
-            )), ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'dependenciestooltip',
-                "Lists extensions this extension depends on"
-            )));
-        }
-        if (manifest && manifest.extensionPack?.length && !this.shallRenderAsExtensionPack(manifest)) {
-            template.navbar.push("extensionPack" , ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'extensionpack',
-                "Extension Pack"
-            )), ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'extensionpacktooltip',
-                "Lists extensions those will be installed together with this extension"
-            )));
-        }
-        if (this.options?.tab) {
-            template.navbar.switch(this.options.tab);
-        }
-        if (template.navbar.currentId) {
-            this.onNavbarChange(extension, { id: template.navbar.currentId, focus: !preserveFocus }, template);
-        }
-        template.navbar.onChange(e => this.onNavbarChange(extension, e, template), this, this.transientDisposables);
-    }
-    clearInput() {
-        this.contentDisposables.clear();
-        this.transientDisposables.clear();
-        super.clearInput();
-    }
-    focus() {
-        super.focus();
-        this.activeElement?.focus();
-    }
-    showFind() {
-        this.activeWebview?.showFind();
-    }
-    runFindAction(previous) {
-        this.activeWebview?.runFindAction(previous);
-    }
-    get activeWebview() {
-        if (!this.activeElement || !this.activeElement.runFindAction) {
-            return undefined;
-        }
-        return this.activeElement;
-    }
-    onNavbarChange(extension, { id, focus }, template) {
-        this.contentDisposables.clear();
-        template.content.innerText = '';
-        this.activeElement = null;
-        if (id) {
-            const cts = ( new CancellationTokenSource());
-            this.contentDisposables.add(toDisposable(() => cts.dispose(true)));
-            this.open(id, extension, template, cts.token)
-                .then(activeElement => {
-                if (cts.token.isCancellationRequested) {
-                    return;
-                }
-                this.activeElement = activeElement;
-                if (focus) {
-                    this.focus();
-                }
-            });
-        }
-    }
-    open(id, extension, template, token) {
-        switch (id) {
-            case "readme" : return this.openDetails(extension, 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);
-        }
-        return Promise.resolve(null);
-    }
-    async openMarkdown(cacheResult, noContentCopy, container, webviewIndex, title, token) {
-        try {
-            const body = await this.renderMarkdown(cacheResult, container, token);
-            if (token.isCancellationRequested) {
-                return Promise.resolve(null);
-            }
-            const webview = this.contentDisposables.add(this.webviewService.createWebviewOverlay({
-                title,
-                options: {
-                    enableFindWidget: true,
-                    tryRestoreScrollPosition: true,
-                    disableServiceWorker: true,
-                },
-                contentOptions: {},
-                extension: undefined,
-            }));
-            webview.initialScrollProgress = this.initialScrollProgress.get(webviewIndex) || 0;
-            webview.claim(this, this.window, this.scopedContextKeyService);
-            setParentFlowTo(webview.container, container);
-            webview.layoutWebviewOverElement(container);
-            webview.setHtml(body);
-            webview.claim(this, this.window, undefined);
-            this.contentDisposables.add(webview.onDidFocus(() => this._onDidFocus?.fire()));
-            this.contentDisposables.add(webview.onDidScroll(() => this.initialScrollProgress.set(webviewIndex, webview.initialScrollProgress)));
-            const removeLayoutParticipant = insert(this.layoutParticipants, {
-                layout: () => {
-                    webview.layoutWebviewOverElement(container);
-                }
-            });
-            this.contentDisposables.add(toDisposable(removeLayoutParticipant));
-            let isDisposed = false;
-            this.contentDisposables.add(toDisposable(() => { isDisposed = true; }));
-            this.contentDisposables.add(this.themeService.onDidColorThemeChange(async () => {
-                const body = await this.renderMarkdown(cacheResult, container);
-                if (!isDisposed) {
-                    webview.setHtml(body);
-                }
-            }));
-            this.contentDisposables.add(webview.onDidClickLink(link => {
-                if (!link) {
-                    return;
-                }
-                if (matchesScheme(link, Schemas.http) || matchesScheme(link, Schemas.https) || matchesScheme(link, Schemas.mailto)) {
-                    this.openerService.open(link);
-                }
-                if (matchesScheme(link, Schemas.command) && ( URI.parse(link)).path === ShowCurrentReleaseNotesActionId) {
-                    this.openerService.open(link, { allowCommands: true });
-                }
-            }));
-            return webview;
-        }
-        catch (e) {
-            const p = append(container, $('p.nocontent'));
-            p.textContent = noContentCopy;
-            return p;
-        }
-    }
-    async renderMarkdown(cacheResult, container, token) {
-        const contents = await this.loadContents(() => cacheResult, container);
-        if (token?.isCancellationRequested) {
-            return '';
-        }
-        const content = await renderMarkdownDocument(contents, this.extensionService, this.languageService, true, false, token);
-        if (token?.isCancellationRequested) {
-            return '';
-        }
-        return this.renderBody(content);
-    }
-    renderBody(body) {
-        const nonce = generateUuid();
-        const colorMap = TokenizationRegistry.getColorMap();
-        const css = colorMap ? generateTokensCSSForColorMap(colorMap) : '';
-        return `<!DOCTYPE html>
-		<html>
-			<head>
-				<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-				<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src https: data:; media-src https:; script-src 'none'; style-src 'nonce-${nonce}';">
-				<style nonce="${nonce}">
-					${DEFAULT_MARKDOWN_STYLES}
-
-					/* prevent scroll-to-top button from blocking the body text */
-					body {
-						padding-bottom: 75px;
-					}
-
-					#scroll-to-top {
-						position: fixed;
-						width: 32px;
-						height: 32px;
-						right: 25px;
-						bottom: 25px;
-						background-color: var(--vscode-button-secondaryBackground);
-						border-color: var(--vscode-button-border);
-						border-radius: 50%;
-						cursor: pointer;
-						box-shadow: 1px 1px 1px rgba(0,0,0,.25);
-						outline: none;
-						display: flex;
-						justify-content: center;
-						align-items: center;
-					}
-
-					#scroll-to-top:hover {
-						background-color: var(--vscode-button-secondaryHoverBackground);
-						box-shadow: 2px 2px 2px rgba(0,0,0,.25);
-					}
-
-					body.vscode-high-contrast #scroll-to-top {
-						border-width: 2px;
-						border-style: solid;
-						box-shadow: none;
-					}
-
-					#scroll-to-top span.icon::before {
-						content: "";
-						display: block;
-						background: var(--vscode-button-secondaryForeground);
-						/* Chevron up icon */
-						webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
-						-webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
-						width: 16px;
-						height: 16px;
-					}
-					${css}
-				</style>
-			</head>
-			<body>
-				<a id="scroll-to-top" role="button" aria-label="scroll to top" href="#"><span class="icon"></span></a>
-				${body}
-			</body>
-		</html>`;
-    }
-    async openDetails(extension, template, token) {
-        const details = append(template.content, $('.details'));
-        const readmeContainer = append(details, $('.readme-container'));
-        const additionalDetailsContainer = append(details, $('.additional-details-container'));
-        const layout = () => details.classList.toggle('narrow', this.dimension && this.dimension.width < 500);
-        layout();
-        this.contentDisposables.add(toDisposable(insert(this.layoutParticipants, { layout })));
-        let activeElement = null;
-        const manifest = await this.extensionManifest.get().promise;
-        if (manifest && manifest.extensionPack?.length && this.shallRenderAsExtensionPack(manifest)) {
-            activeElement = await this.openExtensionPackReadme(manifest, readmeContainer, token);
-        }
-        else {
-            activeElement = await this.openMarkdown(this.extensionReadme.get(), ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'noReadme',
-                "No README available."
-            )), readmeContainer, 0 , ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'Readme title',
-                "Readme"
-            )), token);
-        }
-        this.renderAdditionalDetails(additionalDetailsContainer, extension);
-        return activeElement;
-    }
-    shallRenderAsExtensionPack(manifest) {
-        return !!(manifest.categories?.some(category => category.toLowerCase() === 'extension packs'));
-    }
-    async openExtensionPackReadme(manifest, container, token) {
-        if (token.isCancellationRequested) {
-            return Promise.resolve(null);
-        }
-        const extensionPackReadme = append(container, $('div', { class: 'extension-pack-readme' }));
-        extensionPackReadme.style.margin = '0 auto';
-        extensionPackReadme.style.maxWidth = '882px';
-        const extensionPack = append(extensionPackReadme, $('div', { class: 'extension-pack' }));
-        if (manifest.extensionPack.length <= 3) {
-            extensionPackReadme.classList.add('one-row');
-        }
-        else if (manifest.extensionPack.length <= 6) {
-            extensionPackReadme.classList.add('two-rows');
-        }
-        else if (manifest.extensionPack.length <= 9) {
-            extensionPackReadme.classList.add('three-rows');
-        }
-        else {
-            extensionPackReadme.classList.add('more-rows');
-        }
-        const extensionPackHeader = append(extensionPack, $('div.header'));
-        extensionPackHeader.textContent = ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'extension pack',
-            "Extension Pack ({0})",
-            manifest.extensionPack.length
-        ));
-        const extensionPackContent = append(extensionPack, $('div', { class: 'extension-pack-content' }));
-        extensionPackContent.setAttribute('tabindex', '0');
-        append(extensionPack, $('div.footer'));
-        const readmeContent = append(extensionPackReadme, $('div.readme-content'));
-        await Promise.all([
-            this.renderExtensionPack(manifest, extensionPackContent, token),
-            this.openMarkdown(this.extensionReadme.get(), ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'noReadme',
-                "No README available."
-            )), readmeContent, 0 , ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'Readme title',
-                "Readme"
-            )), token),
-        ]);
-        return { focus: () => extensionPackContent.focus() };
-    }
-    renderAdditionalDetails(container, extension) {
-        const content = $('div', { class: 'additional-details-content', tabindex: '0' });
-        const scrollableContent = ( new DomScrollableElement(content, {}));
-        const layout = () => scrollableContent.scanDomNode();
-        const removeLayoutParticipant = insert(this.layoutParticipants, { layout });
-        this.contentDisposables.add(toDisposable(removeLayoutParticipant));
-        this.contentDisposables.add(scrollableContent);
-        this.renderCategories(content, extension);
-        this.renderExtensionResources(content, extension);
-        this.renderMoreInfo(content, extension);
-        append(container, scrollableContent.getDomNode());
-        scrollableContent.scanDomNode();
-    }
-    renderCategories(container, extension) {
-        if (extension.categories.length) {
-            const categoriesContainer = append(container, $('.categories-container.additional-details-element'));
-            append(categoriesContainer, $('.additional-details-title', undefined, ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'categories',
-                "Categories"
-            ))));
-            const categoriesElement = append(categoriesContainer, $('.categories'));
-            for (const category of extension.categories) {
-                this.transientDisposables.add(onClick(append(categoriesElement, $('span.category', { tabindex: '0' }, category)), () => {
-                    this.paneCompositeService.openPaneComposite(VIEWLET_ID, 0 , true)
-                        .then(viewlet => viewlet?.getViewPaneContainer())
-                        .then(viewlet => viewlet.search(`@category:"${category}"`));
-                }));
-            }
-        }
-    }
-    renderExtensionResources(container, extension) {
-        const resources = [];
-        if (extension.url) {
-            resources.push([( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'Marketplace',
-                "Marketplace"
-            )), ( URI.parse(extension.url))]);
-        }
-        if (extension.url && extension.supportUrl) {
-            try {
-                resources.push([( localizeWithPath(
-                    'vs/workbench/contrib/extensions/browser/extensionEditor',
-                    'issues',
-                    "Issues"
-                )), ( URI.parse(extension.supportUrl))]);
-            }
-            catch (error) {  }
-        }
-        if (extension.repository) {
-            try {
-                resources.push([( localizeWithPath(
-                    'vs/workbench/contrib/extensions/browser/extensionEditor',
-                    'repository',
-                    "Repository"
-                )), ( URI.parse(extension.repository))]);
-            }
-            catch (error) {  }
-        }
-        if (extension.url && extension.licenseUrl) {
-            try {
-                resources.push([( localizeWithPath(
-                    'vs/workbench/contrib/extensions/browser/extensionEditor',
-                    'license',
-                    "License"
-                )), ( URI.parse(extension.licenseUrl))]);
-            }
-            catch (error) {  }
-        }
-        if (extension.publisherUrl) {
-            resources.push([extension.publisherDisplayName, extension.publisherUrl]);
-        }
-        if (resources.length || extension.publisherSponsorLink) {
-            const extensionResourcesContainer = append(container, $('.resources-container.additional-details-element'));
-            append(extensionResourcesContainer, $('.additional-details-title', undefined, ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'resources',
-                "Resources"
-            ))));
-            const resourcesElement = append(extensionResourcesContainer, $('.resources'));
-            for (const [label, uri] of resources) {
-                const resource = append(resourcesElement, $('a.resource', { tabindex: '0' }, label));
-                this.transientDisposables.add(onClick(resource, () => this.openerService.open(uri)));
-                this.transientDisposables.add(setupCustomHover(getDefaultHoverDelegate('mouse'), resource, ( uri.toString())));
-            }
-        }
-    }
-    renderMoreInfo(container, extension) {
-        const gallery = extension.gallery;
-        const moreInfoContainer = append(container, $('.more-info-container.additional-details-element'));
-        append(moreInfoContainer, $('.additional-details-title', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'Marketplace Info',
-            "More Info"
-        ))));
-        const moreInfo = append(moreInfoContainer, $('.more-info'));
-        const toDateString = (date) => `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}, ${date.toLocaleTimeString(language, { hourCycle: 'h23' })}`;
-        if (gallery) {
-            append(moreInfo, $('.more-info-entry', undefined, $('div', undefined, ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'published',
-                "Published"
-            ))), $('div', undefined, toDateString(( new Date(gallery.releaseDate))))), $('.more-info-entry', undefined, $('div', undefined, ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'last released',
-                "Last released"
-            ))), $('div', undefined, toDateString(( new Date(gallery.lastUpdated))))));
-        }
-        if (extension.local && extension.local.installedTimestamp) {
-            append(moreInfo, $('.more-info-entry', undefined, $('div', undefined, ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'last updated',
-                "Last updated"
-            ))), $('div', undefined, toDateString(( new Date(extension.local.installedTimestamp))))));
-        }
-        append(moreInfo, $('.more-info-entry', undefined, $('div', undefined, ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'id',
-            "Identifier"
-        ))), $('code', undefined, extension.identifier.id)));
-    }
-    openChangelog(template, token) {
-        return this.openMarkdown(this.extensionChangelog.get(), ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'noChangelog',
-            "No Changelog available."
-        )), template.content, 1 , ( localizeWithPath(
-            'vs/workbench/contrib/extensions/browser/extensionEditor',
-            'Changelog title',
-            "Changelog"
-        )), token);
-    }
-    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) {
-            return Promise.resolve(null);
-        }
-        if (isFalsyOrEmpty(extension.dependencies)) {
-            append(template.content, $('p.nocontent')).textContent = ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'noDependencies',
-                "No Dependencies"
-            ));
-            return Promise.resolve(template.content);
-        }
-        const content = $('div', { class: 'subcontent' });
-        const scrollableContent = ( new DomScrollableElement(content, {}));
-        append(template.content, scrollableContent.getDomNode());
-        this.contentDisposables.add(scrollableContent);
-        const dependenciesTree = this.instantiationService.createInstance(ExtensionsTree, ( new ExtensionData(
-            extension,
-            null,
-            extension => extension.dependencies || [],
-            this.extensionsWorkbenchService
-        )), content, {
-            listBackground: editorBackground
-        });
-        const layout = () => {
-            scrollableContent.scanDomNode();
-            const scrollDimensions = scrollableContent.getScrollDimensions();
-            dependenciesTree.layout(scrollDimensions.height);
-        };
-        const removeLayoutParticipant = insert(this.layoutParticipants, { layout });
-        this.contentDisposables.add(toDisposable(removeLayoutParticipant));
-        this.contentDisposables.add(dependenciesTree);
-        scrollableContent.scanDomNode();
-        return Promise.resolve({ focus() { dependenciesTree.domFocus(); } });
-    }
-    async openExtensionPack(extension, template, token) {
-        if (token.isCancellationRequested) {
-            return Promise.resolve(null);
-        }
-        const manifest = await this.loadContents(() => this.extensionManifest.get(), template.content);
-        if (token.isCancellationRequested) {
-            return null;
-        }
-        if (!manifest) {
-            return null;
-        }
-        return this.renderExtensionPack(manifest, template.content, token);
-    }
-    async renderExtensionPack(manifest, parent, token) {
-        if (token.isCancellationRequested) {
-            return null;
-        }
-        const content = $('div', { class: 'subcontent' });
-        const scrollableContent = ( new DomScrollableElement(content, { useShadows: false }));
-        append(parent, scrollableContent.getDomNode());
-        const extensionsGridView = this.instantiationService.createInstance(ExtensionsGridView, content, ( new Delegate()));
-        const extensions = await getExtensions(manifest.extensionPack, this.extensionsWorkbenchService);
-        extensionsGridView.setExtensions(extensions);
-        scrollableContent.scanDomNode();
-        this.contentDisposables.add(scrollableContent);
-        this.contentDisposables.add(extensionsGridView);
-        this.contentDisposables.add(toDisposable(insert(this.layoutParticipants, { layout: () => scrollableContent.scanDomNode() })));
-        return content;
-    }
-    loadContents(loadingTask, container) {
-        container.classList.add('loading');
-        const result = this.contentDisposables.add(loadingTask());
-        const onDone = () => container.classList.remove('loading');
-        result.promise.then(onDone, onDone);
-        return result.promise;
-    }
-    layout(dimension) {
-        this.dimension = dimension;
-        this.layoutParticipants.forEach(p => p.layout());
-    }
-    onError(err) {
-        if (isCancellationError(err)) {
-            return;
-        }
-        this.notificationService.error(err);
-    }
-};
-ExtensionEditor = ExtensionEditor_1 = ( __decorate([
-    ( __param(1, ITelemetryService)),
-    ( __param(2, IInstantiationService)),
-    ( __param(3, IPaneCompositePartService)),
-    ( __param(4, IExtensionsWorkbenchService)),
-    ( __param(5, IExtensionGalleryService)),
-    ( __param(6, IThemeService)),
-    ( __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(16, IWorkspaceContextService)),
-    ( __param(17, IExplorerService)),
-    ( __param(18, IViewsService)),
-    ( __param(19, IUriIdentityService))
-], ExtensionEditor));
-const contextKeyExpr = ( ContextKeyExpr.and(( ContextKeyExpr.equals('activeEditor', ExtensionEditor.ID)), ( EditorContextKeys.focus.toNegated())));
-registerAction2(class ShowExtensionEditorFindAction extends Action2 {
-    constructor() {
-        super({
-            id: 'editor.action.extensioneditor.showfind',
-            title: ( localizeWithPath('vs/workbench/contrib/extensions/browser/extensionEditor', 'find', "Find")),
-            keybinding: {
-                when: contextKeyExpr,
-                weight: 100 ,
-                primary: 2048  | 36 ,
-            }
-        });
-    }
-    run(accessor) {
-        const extensionEditor = getExtensionEditor(accessor);
-        extensionEditor?.showFind();
-    }
-});
-registerAction2(class StartExtensionEditorFindNextAction extends Action2 {
-    constructor() {
-        super({
-            id: 'editor.action.extensioneditor.findNext',
-            title: ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'find next',
-                "Find Next"
-            )),
-            keybinding: {
-                when: ( ContextKeyExpr.and(contextKeyExpr, KEYBINDING_CONTEXT_WEBVIEW_FIND_WIDGET_FOCUSED)),
-                primary: 3 ,
-                weight: 100
-            }
-        });
-    }
-    run(accessor) {
-        const extensionEditor = getExtensionEditor(accessor);
-        extensionEditor?.runFindAction(false);
-    }
-});
-registerAction2(class StartExtensionEditorFindPreviousAction extends Action2 {
-    constructor() {
-        super({
-            id: 'editor.action.extensioneditor.findPrevious',
-            title: ( localizeWithPath(
-                'vs/workbench/contrib/extensions/browser/extensionEditor',
-                'find previous',
-                "Find Previous"
-            )),
-            keybinding: {
-                when: ( ContextKeyExpr.and(contextKeyExpr, KEYBINDING_CONTEXT_WEBVIEW_FIND_WIDGET_FOCUSED)),
-                primary: 1024  | 3 ,
-                weight: 100
-            }
-        });
-    }
-    run(accessor) {
-        const extensionEditor = getExtensionEditor(accessor);
-        extensionEditor?.runFindAction(true);
-    }
-});
-registerThemingParticipant((theme, collector) => {
-    const link = theme.getColor(textLinkForeground);
-    if (link) {
-        collector.addRule(`.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource { color: ${link}; }`);
-        collector.addRule(`.monaco-workbench .extension-editor .content .feature-contributions a { color: ${link}; }`);
-    }
-    const activeLink = theme.getColor(textLinkActiveForeground);
-    if (activeLink) {
-        collector.addRule(`.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource:hover,
-			.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource:active { color: ${activeLink}; }`);
-        collector.addRule(`.monaco-workbench .extension-editor .content .feature-contributions a:hover,
-			.monaco-workbench .extension-editor .content .feature-contributions a:active { color: ${activeLink}; }`);
-    }
-    const buttonHoverBackgroundColor = theme.getColor(buttonHoverBackground);
-    if (buttonHoverBackgroundColor) {
-        collector.addRule(`.monaco-workbench .extension-editor .content > .details > .additional-details-container .categories-container > .categories > .category:hover { background-color: ${buttonHoverBackgroundColor}; border-color: ${buttonHoverBackgroundColor}; }`);
-        collector.addRule(`.monaco-workbench .extension-editor .content > .details > .additional-details-container .tags-container > .tags > .tag:hover { background-color: ${buttonHoverBackgroundColor}; border-color: ${buttonHoverBackgroundColor}; }`);
-    }
-    const buttonForegroundColor = theme.getColor(buttonForeground);
-    if (buttonForegroundColor) {
-        collector.addRule(`.monaco-workbench .extension-editor .content > .details > .additional-details-container .categories-container > .categories > .category:hover { color: ${buttonForegroundColor}; }`);
-        collector.addRule(`.monaco-workbench .extension-editor .content > .details > .additional-details-container .tags-container > .tags > .tag:hover { color: ${buttonForegroundColor}; }`);
-    }
-});
-function getExtensionEditor(accessor) {
-    const activeEditorPane = accessor.get(IEditorService).activeEditorPane;
-    if (activeEditorPane instanceof ExtensionEditor) {
-        return activeEditorPane;
-    }
-    return null;
-}
-export { ExtensionEditor };