@theia/preferences 1.34.1 → 1.34.3

package/src/browser/views/components/preference-file-input.ts

@@ -1,104 +1,104 @@
-// *****************************************************************************
-// Copyright (C) 2022 EclipseSource and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { isObject } from '@theia/core/lib/common';
-import { nls } from '@theia/core/lib/common/nls';
-import { inject, injectable, interfaces } from '@theia/core/shared/inversify';
-import { OpenFileDialogProps } from '@theia/filesystem/lib/browser';
-import { FileDialogService } from '@theia/filesystem/lib/browser/file-dialog/file-dialog-service';
-import { WorkspaceCommands } from '@theia/workspace/lib/browser';
-import { Preference } from '../../util/preference-types';
-import { PreferenceNodeRenderer } from './preference-node-renderer';
-import { PreferenceLeafNodeRendererContribution } from './preference-node-renderer-creator';
-import { PreferenceStringInputRenderer } from './preference-string-input';
-
-export interface FileNodeTypeDetails {
-    isFilepath: true;
-    selectionProps?: Partial<OpenFileDialogProps>;
-}
-
-export namespace FileNodeTypeDetails {
-    export function is(typeDetails: unknown): typeDetails is FileNodeTypeDetails {
-        return isObject<FileNodeTypeDetails>(typeDetails) && !!typeDetails.isFilepath;
-    }
-}
-
-@injectable()
-export class PreferenceSingleFilePathInputRendererContribution extends PreferenceLeafNodeRendererContribution {
-    static ID = 'preference-single-file-path-input-renderer';
-    id = PreferenceSingleFilePathInputRendererContribution.ID;
-
-    canHandleLeafNode(node: Preference.LeafNode): number {
-        const typeDetails = node.preference.data.typeDetails;
-        return FileNodeTypeDetails.is(typeDetails) && !typeDetails.selectionProps?.canSelectMany ? 5 : 0;
-    }
-
-    createLeafNodeRenderer(container: interfaces.Container): PreferenceNodeRenderer {
-        return container.get(PreferenceSingleFilePathInputRenderer);
-    }
-}
-
-@injectable()
-export class PreferenceSingleFilePathInputRenderer extends PreferenceStringInputRenderer {
-    @inject(FileDialogService) fileDialogService: FileDialogService;
-
-    get typeDetails(): FileNodeTypeDetails {
-        return this.preferenceNode.preference.data.typeDetails as FileNodeTypeDetails;
-    }
-
-    protected createInputWrapper(): HTMLElement {
-        const inputWrapper = document.createElement('div');
-        inputWrapper.classList.add('preference-file-container');
-        return inputWrapper;
-    }
-
-    protected override createInteractable(parent: HTMLElement): void {
-        const inputWrapper = this.createInputWrapper();
-
-        super.createInteractable(inputWrapper);
-        this.interactable.classList.add('preference-file-input');
-
-        this.createBrowseButton(inputWrapper);
-
-        parent.appendChild(inputWrapper);
-    }
-
-    protected createBrowseButton(parent: HTMLElement): void {
-        const button = document.createElement('button');
-        button.classList.add('theia-button', 'main', 'preference-file-button');
-        button.textContent = nls.localize('theia/core/file/browse', 'Browse');
-        const handler = this.browse.bind(this);
-        button.onclick = handler;
-        button.onkeydown = handler;
-        button.tabIndex = 0;
-        button.setAttribute('aria-label', 'Submit Preference Input');
-        parent.appendChild(button);
-    }
-
-    protected async browse(): Promise<void> {
-        const selectionProps = this.typeDetails.selectionProps;
-        const title = selectionProps?.title ?? selectionProps?.canSelectFolders ? WorkspaceCommands.OPEN_FOLDER.dialogLabel : WorkspaceCommands.OPEN_FILE.dialogLabel;
-        const selection = await this.fileDialogService.showOpenDialog({ title, ...selectionProps });
-        if (selection) {
-            this.setPreferenceImmediately(selection.path.fsPath());
-        }
-    }
-
-    protected override setPreferenceImmediately(value: string): Promise<void> {
-        this.interactable.value = value;
-        return super.setPreferenceImmediately(value);
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2022 EclipseSource and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { isObject } from '@theia/core/lib/common';
+import { nls } from '@theia/core/lib/common/nls';
+import { inject, injectable, interfaces } from '@theia/core/shared/inversify';
+import { OpenFileDialogProps } from '@theia/filesystem/lib/browser';
+import { FileDialogService } from '@theia/filesystem/lib/browser/file-dialog/file-dialog-service';
+import { WorkspaceCommands } from '@theia/workspace/lib/browser';
+import { Preference } from '../../util/preference-types';
+import { PreferenceNodeRenderer } from './preference-node-renderer';
+import { PreferenceLeafNodeRendererContribution } from './preference-node-renderer-creator';
+import { PreferenceStringInputRenderer } from './preference-string-input';
+
+export interface FileNodeTypeDetails {
+    isFilepath: true;
+    selectionProps?: Partial<OpenFileDialogProps>;
+}
+
+export namespace FileNodeTypeDetails {
+    export function is(typeDetails: unknown): typeDetails is FileNodeTypeDetails {
+        return isObject<FileNodeTypeDetails>(typeDetails) && !!typeDetails.isFilepath;
+    }
+}
+
+@injectable()
+export class PreferenceSingleFilePathInputRendererContribution extends PreferenceLeafNodeRendererContribution {
+    static ID = 'preference-single-file-path-input-renderer';
+    id = PreferenceSingleFilePathInputRendererContribution.ID;
+
+    canHandleLeafNode(node: Preference.LeafNode): number {
+        const typeDetails = node.preference.data.typeDetails;
+        return FileNodeTypeDetails.is(typeDetails) && !typeDetails.selectionProps?.canSelectMany ? 5 : 0;
+    }
+
+    createLeafNodeRenderer(container: interfaces.Container): PreferenceNodeRenderer {
+        return container.get(PreferenceSingleFilePathInputRenderer);
+    }
+}
+
+@injectable()
+export class PreferenceSingleFilePathInputRenderer extends PreferenceStringInputRenderer {
+    @inject(FileDialogService) fileDialogService: FileDialogService;
+
+    get typeDetails(): FileNodeTypeDetails {
+        return this.preferenceNode.preference.data.typeDetails as FileNodeTypeDetails;
+    }
+
+    protected createInputWrapper(): HTMLElement {
+        const inputWrapper = document.createElement('div');
+        inputWrapper.classList.add('preference-file-container');
+        return inputWrapper;
+    }
+
+    protected override createInteractable(parent: HTMLElement): void {
+        const inputWrapper = this.createInputWrapper();
+
+        super.createInteractable(inputWrapper);
+        this.interactable.classList.add('preference-file-input');
+
+        this.createBrowseButton(inputWrapper);
+
+        parent.appendChild(inputWrapper);
+    }
+
+    protected createBrowseButton(parent: HTMLElement): void {
+        const button = document.createElement('button');
+        button.classList.add('theia-button', 'main', 'preference-file-button');
+        button.textContent = nls.localize('theia/core/file/browse', 'Browse');
+        const handler = this.browse.bind(this);
+        button.onclick = handler;
+        button.onkeydown = handler;
+        button.tabIndex = 0;
+        button.setAttribute('aria-label', 'Submit Preference Input');
+        parent.appendChild(button);
+    }
+
+    protected async browse(): Promise<void> {
+        const selectionProps = this.typeDetails.selectionProps;
+        const title = selectionProps?.title ?? selectionProps?.canSelectFolders ? WorkspaceCommands.OPEN_FOLDER.dialogLabel : WorkspaceCommands.OPEN_FILE.dialogLabel;
+        const selection = await this.fileDialogService.showOpenDialog({ title, ...selectionProps });
+        if (selection) {
+            this.setPreferenceImmediately(selection.path.fsPath());
+        }
+    }
+
+    protected override setPreferenceImmediately(value: string): Promise<void> {
+        this.interactable.value = value;
+        return super.setPreferenceImmediately(value);
+    }
+}

package/src/browser/views/components/preference-json-input.ts

@@ -1,78 +1,78 @@
-// *****************************************************************************
-// Copyright (C) 2021 Ericsson and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { PreferenceLeafNodeRenderer, PreferenceNodeRenderer } from './preference-node-renderer';
-import { injectable, inject, interfaces } from '@theia/core/shared/inversify';
-import { CommandService, nls } from '@theia/core/lib/common';
-import { Preference, PreferencesCommands } from '../../util/preference-types';
-import { JSONValue } from '@theia/core/shared/@phosphor/coreutils';
-import { PreferenceLeafNodeRendererContribution } from './preference-node-renderer-creator';
-
-@injectable()
-export class PreferenceJSONLinkRenderer extends PreferenceLeafNodeRenderer<JSONValue, HTMLAnchorElement> {
-    @inject(CommandService) protected readonly commandService: CommandService;
-
-    protected createInteractable(parent: HTMLElement): void {
-        const message = nls.localizeByDefault('Edit in settings.json');
-        const interactable = document.createElement('a');
-        this.interactable = interactable;
-        interactable.classList.add('theia-json-input');
-        interactable.setAttribute('role', 'button');
-        interactable.title = message;
-        interactable.textContent = message;
-        interactable.onclick = this.handleUserInteraction.bind(this);
-        interactable.onkeydown = this.handleUserInteraction.bind(this);
-        parent.appendChild(interactable);
-    }
-
-    protected getFallbackValue(): JSONValue {
-        const node = this.preferenceNode;
-        const type = Array.isArray(node.preference.data.type) ? node.preference.data.type[0] : node.preference.data.type;
-        switch (type) {
-            case 'object':
-                return {};
-            case 'array':
-                return [];
-            case 'null':
-                return null; // eslint-disable-line no-null/no-null
-            default: // Should all be handled by other input types.
-                return '';
-        }
-    }
-
-    protected doHandleValueChange(): void {
-        this.updateInspection();
-        this.updateModificationStatus();
-    }
-
-    protected handleUserInteraction(): void {
-        this.commandService.executeCommand(PreferencesCommands.OPEN_PREFERENCES_JSON_TOOLBAR.id, this.id);
-    }
-}
-
-@injectable()
-export class PreferenceJSONLinkRendererContribution extends PreferenceLeafNodeRendererContribution {
-    static ID = 'preference-json-link-renderer';
-    id = PreferenceJSONLinkRendererContribution.ID;
-
-    canHandleLeafNode(_node: Preference.LeafNode): number {
-        return 1;
-    }
-
-    createLeafNodeRenderer(container: interfaces.Container): PreferenceNodeRenderer {
-        return container.get(PreferenceJSONLinkRenderer);
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2021 Ericsson and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { PreferenceLeafNodeRenderer, PreferenceNodeRenderer } from './preference-node-renderer';
+import { injectable, inject, interfaces } from '@theia/core/shared/inversify';
+import { CommandService, nls } from '@theia/core/lib/common';
+import { Preference, PreferencesCommands } from '../../util/preference-types';
+import { JSONValue } from '@theia/core/shared/@phosphor/coreutils';
+import { PreferenceLeafNodeRendererContribution } from './preference-node-renderer-creator';
+
+@injectable()
+export class PreferenceJSONLinkRenderer extends PreferenceLeafNodeRenderer<JSONValue, HTMLAnchorElement> {
+    @inject(CommandService) protected readonly commandService: CommandService;
+
+    protected createInteractable(parent: HTMLElement): void {
+        const message = nls.localizeByDefault('Edit in settings.json');
+        const interactable = document.createElement('a');
+        this.interactable = interactable;
+        interactable.classList.add('theia-json-input');
+        interactable.setAttribute('role', 'button');
+        interactable.title = message;
+        interactable.textContent = message;
+        interactable.onclick = this.handleUserInteraction.bind(this);
+        interactable.onkeydown = this.handleUserInteraction.bind(this);
+        parent.appendChild(interactable);
+    }
+
+    protected getFallbackValue(): JSONValue {
+        const node = this.preferenceNode;
+        const type = Array.isArray(node.preference.data.type) ? node.preference.data.type[0] : node.preference.data.type;
+        switch (type) {
+            case 'object':
+                return {};
+            case 'array':
+                return [];
+            case 'null':
+                return null; // eslint-disable-line no-null/no-null
+            default: // Should all be handled by other input types.
+                return '';
+        }
+    }
+
+    protected doHandleValueChange(): void {
+        this.updateInspection();
+        this.updateModificationStatus();
+    }
+
+    protected handleUserInteraction(): void {
+        this.commandService.executeCommand(PreferencesCommands.OPEN_PREFERENCES_JSON_TOOLBAR.id, this.id);
+    }
+}
+
+@injectable()
+export class PreferenceJSONLinkRendererContribution extends PreferenceLeafNodeRendererContribution {
+    static ID = 'preference-json-link-renderer';
+    id = PreferenceJSONLinkRendererContribution.ID;
+
+    canHandleLeafNode(_node: Preference.LeafNode): number {
+        return 1;
+    }
+
+    createLeafNodeRenderer(container: interfaces.Container): PreferenceNodeRenderer {
+        return container.get(PreferenceJSONLinkRenderer);
+    }
+}

package/src/browser/views/components/preference-node-renderer-creator.ts

@@ -1,141 +1,141 @@
-// *****************************************************************************
-// Copyright (C) 2022 EclipseSource and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { ContributionProvider, Disposable, Emitter, Event, Prioritizeable } from '@theia/core';
-import { inject, injectable, interfaces, named } from '@theia/core/shared/inversify';
-import { Preference } from '../../util/preference-types';
-import { PreferenceHeaderRenderer, PreferenceNodeRenderer } from './preference-node-renderer';
-
-export const PreferenceNodeRendererCreatorRegistry = Symbol('PreferenceNodeRendererCreatorRegistry');
-export interface PreferenceNodeRendererCreatorRegistry {
-    registerPreferenceNodeRendererCreator(creator: PreferenceNodeRendererCreator): Disposable;
-    unregisterPreferenceNodeRendererCreator(creator: PreferenceNodeRendererCreator): void;
-    getPreferenceNodeRendererCreator(node: Preference.TreeNode): PreferenceNodeRendererCreator;
-    onDidChange: Event<void>;
-}
-
-export const PreferenceNodeRendererContribution = Symbol('PreferenceNodeRendererContribution');
-export interface PreferenceNodeRendererContribution {
-    registerPreferenceNodeRendererCreator(registry: PreferenceNodeRendererCreatorRegistry): void;
-}
-
-export const PreferenceNodeRendererCreator = Symbol('PreferenceNodeRendererCreator');
-export interface PreferenceNodeRendererCreator {
-    id: string;
-    canHandle(node: Preference.TreeNode): number;
-    createRenderer(node: Preference.TreeNode, container: interfaces.Container): PreferenceNodeRenderer;
-}
-
-@injectable()
-export class DefaultPreferenceNodeRendererCreatorRegistry implements PreferenceNodeRendererCreatorRegistry {
-    protected readonly _creators: Map<string, PreferenceNodeRendererCreator> = new Map<string, PreferenceNodeRendererCreator>();
-    protected readonly onDidChangeEmitter = new Emitter<void>();
-    readonly onDidChange = this.onDidChangeEmitter.event;
-
-    constructor(
-        @inject(ContributionProvider) @named(PreferenceNodeRendererContribution)
-        protected readonly contributionProvider: ContributionProvider<PreferenceNodeRendererContribution>
-    ) {
-        const contributions = this.contributionProvider.getContributions();
-        for (const contrib of contributions) {
-            contrib.registerPreferenceNodeRendererCreator(this);
-        }
-    }
-
-    registerPreferenceNodeRendererCreator(creator: PreferenceNodeRendererCreator): Disposable {
-        if (this._creators.has(creator.id)) {
-            console.warn(`A preference node renderer creator ${creator.id} is already registered.`);
-            return Disposable.NULL;
-        }
-        this._creators.set(creator.id, creator);
-        this.fireDidChange();
-        return Disposable.create(() => this._creators.delete(creator.id));
-    }
-
-    unregisterPreferenceNodeRendererCreator(creator: PreferenceNodeRendererCreator | string): void {
-        const id = typeof creator === 'string' ? creator : creator.id;
-        if (this._creators.delete(id)) {
-            this.fireDidChange();
-        }
-    }
-
-    getPreferenceNodeRendererCreator(node: Preference.TreeNode): PreferenceNodeRendererCreator {
-        const contributions = this.prioritize(node);
-        if (contributions.length >= 1) {
-            return contributions[0];
-        }
-        // we already bind a default creator contribution so if that happens it was deliberate
-        throw new Error(`There is no contribution for ${node.id}.`);
-    }
-
-    protected fireDidChange(): void {
-        this.onDidChangeEmitter.fire(undefined);
-    }
-
-    protected prioritize(node: Preference.TreeNode): PreferenceNodeRendererCreator[] {
-        const prioritized = Prioritizeable.prioritizeAllSync(Array.from(this._creators.values()), creator => {
-            try {
-                return creator.canHandle(node);
-            } catch {
-                return 0;
-            }
-        });
-        return prioritized.map(p => p.value);
-    }
-}
-
-@injectable()
-export abstract class PreferenceLeafNodeRendererContribution implements PreferenceNodeRendererCreator, PreferenceNodeRendererContribution {
-    abstract id: string;
-
-    canHandle(node: Preference.TreeNode): number {
-        return Preference.LeafNode.is(node) ? this.canHandleLeafNode(node) : 0;
-    }
-
-    registerPreferenceNodeRendererCreator(registry: PreferenceNodeRendererCreatorRegistry): void {
-        registry.registerPreferenceNodeRendererCreator(this);
-    }
-
-    abstract canHandleLeafNode(node: Preference.LeafNode): number;
-
-    createRenderer(node: Preference.TreeNode, container: interfaces.Container): PreferenceNodeRenderer {
-        const child = container.createChild();
-        child.bind(Preference.Node).toConstantValue(node);
-        return this.createLeafNodeRenderer(child);
-    }
-
-    abstract createLeafNodeRenderer(container: interfaces.Container): PreferenceNodeRenderer;
-}
-
-@injectable()
-export class PreferenceHeaderRendererContribution implements PreferenceNodeRendererCreator, PreferenceNodeRendererContribution {
-    static ID = 'preference-header-renderer';
-    id = PreferenceHeaderRendererContribution.ID;
-
-    registerPreferenceNodeRendererCreator(registry: PreferenceNodeRendererCreatorRegistry): void {
-        registry.registerPreferenceNodeRendererCreator(this);
-    }
-
-    canHandle(node: Preference.TreeNode): number {
-        return !Preference.LeafNode.is(node) ? 1 : 0;
-    }
-
-    createRenderer(node: Preference.TreeNode, container: interfaces.Container): PreferenceNodeRenderer {
-        const grandchild = container.createChild();
-        grandchild.bind(Preference.Node).toConstantValue(node);
-        return grandchild.get(PreferenceHeaderRenderer);
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2022 EclipseSource and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { ContributionProvider, Disposable, Emitter, Event, Prioritizeable } from '@theia/core';
+import { inject, injectable, interfaces, named } from '@theia/core/shared/inversify';
+import { Preference } from '../../util/preference-types';
+import { PreferenceHeaderRenderer, PreferenceNodeRenderer } from './preference-node-renderer';
+
+export const PreferenceNodeRendererCreatorRegistry = Symbol('PreferenceNodeRendererCreatorRegistry');
+export interface PreferenceNodeRendererCreatorRegistry {
+    registerPreferenceNodeRendererCreator(creator: PreferenceNodeRendererCreator): Disposable;
+    unregisterPreferenceNodeRendererCreator(creator: PreferenceNodeRendererCreator): void;
+    getPreferenceNodeRendererCreator(node: Preference.TreeNode): PreferenceNodeRendererCreator;
+    onDidChange: Event<void>;
+}
+
+export const PreferenceNodeRendererContribution = Symbol('PreferenceNodeRendererContribution');
+export interface PreferenceNodeRendererContribution {
+    registerPreferenceNodeRendererCreator(registry: PreferenceNodeRendererCreatorRegistry): void;
+}
+
+export const PreferenceNodeRendererCreator = Symbol('PreferenceNodeRendererCreator');
+export interface PreferenceNodeRendererCreator {
+    id: string;
+    canHandle(node: Preference.TreeNode): number;
+    createRenderer(node: Preference.TreeNode, container: interfaces.Container): PreferenceNodeRenderer;
+}
+
+@injectable()
+export class DefaultPreferenceNodeRendererCreatorRegistry implements PreferenceNodeRendererCreatorRegistry {
+    protected readonly _creators: Map<string, PreferenceNodeRendererCreator> = new Map<string, PreferenceNodeRendererCreator>();
+    protected readonly onDidChangeEmitter = new Emitter<void>();
+    readonly onDidChange = this.onDidChangeEmitter.event;
+
+    constructor(
+        @inject(ContributionProvider) @named(PreferenceNodeRendererContribution)
+        protected readonly contributionProvider: ContributionProvider<PreferenceNodeRendererContribution>
+    ) {
+        const contributions = this.contributionProvider.getContributions();
+        for (const contrib of contributions) {
+            contrib.registerPreferenceNodeRendererCreator(this);
+        }
+    }
+
+    registerPreferenceNodeRendererCreator(creator: PreferenceNodeRendererCreator): Disposable {
+        if (this._creators.has(creator.id)) {
+            console.warn(`A preference node renderer creator ${creator.id} is already registered.`);
+            return Disposable.NULL;
+        }
+        this._creators.set(creator.id, creator);
+        this.fireDidChange();
+        return Disposable.create(() => this._creators.delete(creator.id));
+    }
+
+    unregisterPreferenceNodeRendererCreator(creator: PreferenceNodeRendererCreator | string): void {
+        const id = typeof creator === 'string' ? creator : creator.id;
+        if (this._creators.delete(id)) {
+            this.fireDidChange();
+        }
+    }
+
+    getPreferenceNodeRendererCreator(node: Preference.TreeNode): PreferenceNodeRendererCreator {
+        const contributions = this.prioritize(node);
+        if (contributions.length >= 1) {
+            return contributions[0];
+        }
+        // we already bind a default creator contribution so if that happens it was deliberate
+        throw new Error(`There is no contribution for ${node.id}.`);
+    }
+
+    protected fireDidChange(): void {
+        this.onDidChangeEmitter.fire(undefined);
+    }
+
+    protected prioritize(node: Preference.TreeNode): PreferenceNodeRendererCreator[] {
+        const prioritized = Prioritizeable.prioritizeAllSync(Array.from(this._creators.values()), creator => {
+            try {
+                return creator.canHandle(node);
+            } catch {
+                return 0;
+            }
+        });
+        return prioritized.map(p => p.value);
+    }
+}
+
+@injectable()
+export abstract class PreferenceLeafNodeRendererContribution implements PreferenceNodeRendererCreator, PreferenceNodeRendererContribution {
+    abstract id: string;
+
+    canHandle(node: Preference.TreeNode): number {
+        return Preference.LeafNode.is(node) ? this.canHandleLeafNode(node) : 0;
+    }
+
+    registerPreferenceNodeRendererCreator(registry: PreferenceNodeRendererCreatorRegistry): void {
+        registry.registerPreferenceNodeRendererCreator(this);
+    }
+
+    abstract canHandleLeafNode(node: Preference.LeafNode): number;
+
+    createRenderer(node: Preference.TreeNode, container: interfaces.Container): PreferenceNodeRenderer {
+        const child = container.createChild();
+        child.bind(Preference.Node).toConstantValue(node);
+        return this.createLeafNodeRenderer(child);
+    }
+
+    abstract createLeafNodeRenderer(container: interfaces.Container): PreferenceNodeRenderer;
+}
+
+@injectable()
+export class PreferenceHeaderRendererContribution implements PreferenceNodeRendererCreator, PreferenceNodeRendererContribution {
+    static ID = 'preference-header-renderer';
+    id = PreferenceHeaderRendererContribution.ID;
+
+    registerPreferenceNodeRendererCreator(registry: PreferenceNodeRendererCreatorRegistry): void {
+        registry.registerPreferenceNodeRendererCreator(this);
+    }
+
+    canHandle(node: Preference.TreeNode): number {
+        return !Preference.LeafNode.is(node) ? 1 : 0;
+    }
+
+    createRenderer(node: Preference.TreeNode, container: interfaces.Container): PreferenceNodeRenderer {
+        const grandchild = container.createChild();
+        grandchild.bind(Preference.Node).toConstantValue(node);
+        return grandchild.get(PreferenceHeaderRenderer);
+    }
+}