@theia/toolbar 1.45.0 → 1.46.0-next.72

package/src/browser/toolbar-constants.ts

@@ -1,79 +1,79 @@
-// *****************************************************************************
-// Copyright (C) 2022 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-only WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { Command, isObject, MenuPath, nls } from '@theia/core';
-import { CommonCommands } from '@theia/core/lib/browser';
-import URI from '@theia/core/lib/common/uri';
-import { UserStorageUri } from '@theia/userstorage/lib/browser';
-
-export namespace ToolbarCommands {
-    export const TOGGLE_TOOLBAR = Command.toLocalizedCommand({
-        id: 'toolbar.view.toggle',
-        category: CommonCommands.VIEW_CATEGORY,
-        label: 'Toggle Toolbar',
-    }, 'theia/toolbar/toggleToolbar', nls.getDefaultKey(CommonCommands.VIEW_CATEGORY));
-
-    export const REMOVE_COMMAND_FROM_TOOLBAR = Command.toLocalizedCommand({
-        id: 'toolbar.remove.command',
-        category: 'Toolbar',
-        label: 'Remove Command From Toolbar',
-    }, 'theia/toolbar/removeCommand');
-
-    export const INSERT_GROUP_LEFT = Command.toLocalizedCommand({
-        id: 'toolbar.insert.group.left',
-        category: 'Toolbar',
-        label: 'Insert Group Separator (Left)',
-    }, 'theia/toolbar/insertGroupLeft');
-
-    export const INSERT_GROUP_RIGHT = Command.toLocalizedCommand({
-        id: 'toolbar.insert.group.right',
-        category: 'Toolbar',
-        label: 'Insert Group Separator (Right)',
-    }, 'theia/toolbar/insertGroupRight');
-
-    export const ADD_COMMAND_TO_TOOLBAR = Command.toLocalizedCommand({
-        id: 'toolbar.add.command',
-        category: 'Toolbar',
-        label: 'Add Command to Toolbar',
-    }, 'theia/toolbar/addCommand');
-
-    export const RESET_TOOLBAR = Command.toLocalizedCommand({
-        id: 'toolbar.restore.defaults',
-        category: 'Toolbar',
-        label: 'Restore Toolbar Defaults',
-    }, 'theia/toolbar/restoreDefaults');
-
-    export const CUSTOMIZE_TOOLBAR = Command.toLocalizedCommand({
-        id: 'toolbar.customize',
-        category: 'Toolbar',
-        label: 'Customize Toolbar (Open JSON)',
-    }, 'theia/toolbar/openJSON');
-}
-
-export const UserToolbarURI = Symbol('UserToolbarURI');
-export const USER_TOOLBAR_URI = new URI().withScheme(UserStorageUri.scheme).withPath('/user/toolbar.json');
-export namespace ToolbarMenus {
-    export const TOOLBAR_ITEM_CONTEXT_MENU: MenuPath = ['toolbar:toolbarItemContextMenu'];
-    export const TOOLBAR_BACKGROUND_CONTEXT_MENU: MenuPath = ['toolbar:backgroundContextMenu'];
-    export const SEARCH_WIDGET_DROPDOWN_MENU: MenuPath = ['searchToolbar:dropdown'];
-}
-
-export type ReactInteraction<T = Element, U = MouseEvent> = React.MouseEvent<T, U> | React.KeyboardEvent<T>;
-export namespace ReactKeyboardEvent {
-    export function is(obj: unknown): obj is React.KeyboardEvent {
-        return isObject(obj) && 'key' in obj;
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2022 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-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { Command, isObject, MenuPath, nls } from '@theia/core';
+import { CommonCommands } from '@theia/core/lib/browser';
+import URI from '@theia/core/lib/common/uri';
+import { UserStorageUri } from '@theia/userstorage/lib/browser';
+
+export namespace ToolbarCommands {
+    export const TOGGLE_TOOLBAR = Command.toLocalizedCommand({
+        id: 'toolbar.view.toggle',
+        category: CommonCommands.VIEW_CATEGORY,
+        label: 'Toggle Toolbar',
+    }, 'theia/toolbar/toggleToolbar', nls.getDefaultKey(CommonCommands.VIEW_CATEGORY));
+
+    export const REMOVE_COMMAND_FROM_TOOLBAR = Command.toLocalizedCommand({
+        id: 'toolbar.remove.command',
+        category: 'Toolbar',
+        label: 'Remove Command From Toolbar',
+    }, 'theia/toolbar/removeCommand');
+
+    export const INSERT_GROUP_LEFT = Command.toLocalizedCommand({
+        id: 'toolbar.insert.group.left',
+        category: 'Toolbar',
+        label: 'Insert Group Separator (Left)',
+    }, 'theia/toolbar/insertGroupLeft');
+
+    export const INSERT_GROUP_RIGHT = Command.toLocalizedCommand({
+        id: 'toolbar.insert.group.right',
+        category: 'Toolbar',
+        label: 'Insert Group Separator (Right)',
+    }, 'theia/toolbar/insertGroupRight');
+
+    export const ADD_COMMAND_TO_TOOLBAR = Command.toLocalizedCommand({
+        id: 'toolbar.add.command',
+        category: 'Toolbar',
+        label: 'Add Command to Toolbar',
+    }, 'theia/toolbar/addCommand');
+
+    export const RESET_TOOLBAR = Command.toLocalizedCommand({
+        id: 'toolbar.restore.defaults',
+        category: 'Toolbar',
+        label: 'Restore Toolbar Defaults',
+    }, 'theia/toolbar/restoreDefaults');
+
+    export const CUSTOMIZE_TOOLBAR = Command.toLocalizedCommand({
+        id: 'toolbar.customize',
+        category: 'Toolbar',
+        label: 'Customize Toolbar (Open JSON)',
+    }, 'theia/toolbar/openJSON');
+}
+
+export const UserToolbarURI = Symbol('UserToolbarURI');
+export const USER_TOOLBAR_URI = new URI().withScheme(UserStorageUri.scheme).withPath('/user/toolbar.json');
+export namespace ToolbarMenus {
+    export const TOOLBAR_ITEM_CONTEXT_MENU: MenuPath = ['toolbar:toolbarItemContextMenu'];
+    export const TOOLBAR_BACKGROUND_CONTEXT_MENU: MenuPath = ['toolbar:backgroundContextMenu'];
+    export const SEARCH_WIDGET_DROPDOWN_MENU: MenuPath = ['searchToolbar:dropdown'];
+}
+
+export type ReactInteraction<T = Element, U = MouseEvent> = React.MouseEvent<T, U> | React.KeyboardEvent<T>;
+export namespace ReactKeyboardEvent {
+    export function is(obj: unknown): obj is React.KeyboardEvent {
+        return isObject(obj) && 'key' in obj;
+    }
+}

package/src/browser/toolbar-controller.ts

@@ -1,185 +1,185 @@
-// *****************************************************************************
-// Copyright (C) 2022 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-only WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { Command, ContributionProvider, Emitter, MaybePromise, MessageService } from '@theia/core';
-import { Widget } from '@theia/core/lib/browser';
-import { FrontendApplicationStateService } from '@theia/core/lib/browser/frontend-application-state';
-import { TabBarToolbarItem } from '@theia/core/lib/browser/shell/tab-bar-toolbar';
-import { Deferred } from '@theia/core/lib/common/promise-util';
-import { injectable, inject, postConstruct, named } from '@theia/core/shared/inversify';
-import { ToolbarDefaultsFactory } from './toolbar-defaults';
-import {
-    DeflatedToolbarTree,
-    ToolbarContribution,
-    ToolbarTreeSchema,
-    ToolbarItem,
-    ToolbarAlignment,
-    ToolbarItemPosition,
-} from './toolbar-interfaces';
-import { ToolbarStorageProvider, TOOLBAR_BAD_JSON_ERROR_MESSAGE } from './toolbar-storage-provider';
-
-@injectable()
-export class ToolbarController {
-    @inject(ToolbarStorageProvider) protected readonly storageProvider: ToolbarStorageProvider;
-    @inject(FrontendApplicationStateService) protected readonly appState: FrontendApplicationStateService;
-    @inject(MessageService) protected readonly messageService: MessageService;
-    @inject(ToolbarDefaultsFactory) protected readonly defaultsFactory: () => DeflatedToolbarTree;
-    @inject(ContributionProvider) @named(ToolbarContribution)
-    protected widgetContributions: ContributionProvider<ToolbarContribution>;
-
-    protected toolbarModelDidUpdateEmitter = new Emitter<void>();
-    readonly onToolbarModelDidUpdate = this.toolbarModelDidUpdateEmitter.event;
-
-    protected toolbarProviderBusyEmitter = new Emitter<boolean>();
-    readonly onToolbarDidChangeBusyState = this.toolbarProviderBusyEmitter.event;
-
-    readonly ready = new Deferred<void>();
-
-    protected _toolbarItems: ToolbarTreeSchema;
-    get toolbarItems(): ToolbarTreeSchema {
-        return this._toolbarItems;
-    }
-
-    set toolbarItems(newTree: ToolbarTreeSchema) {
-        this._toolbarItems = newTree;
-        this.toolbarModelDidUpdateEmitter.fire();
-    }
-
-    protected inflateItems(schema: DeflatedToolbarTree): ToolbarTreeSchema {
-        const newTree: ToolbarTreeSchema = {
-            items: {
-                [ToolbarAlignment.LEFT]: [],
-                [ToolbarAlignment.CENTER]: [],
-                [ToolbarAlignment.RIGHT]: [],
-            },
-        };
-        for (const column of Object.keys(schema.items)) {
-            const currentColumn = schema.items[column as ToolbarAlignment];
-            for (const group of currentColumn) {
-                const newGroup: ToolbarItem[] = [];
-                for (const item of group) {
-                    if (item.group === 'contributed') {
-                        const contribution = this.getContributionByID(item.id);
-                        if (contribution) {
-                            newGroup.push(contribution);
-                        }
-                    } else if (TabBarToolbarItem.is(item)) {
-                        newGroup.push({ ...item });
-                    }
-                }
-                if (newGroup.length) {
-                    newTree.items[column as ToolbarAlignment].push(newGroup);
-                }
-            }
-        }
-        return newTree;
-    }
-
-    getContributionByID(id: string): ToolbarContribution | undefined {
-        return this.widgetContributions.getContributions().find(contribution => contribution.id === id);
-    }
-
-    @postConstruct()
-    protected init(): void {
-        this.doInit();
-    }
-
-    protected async doInit(): Promise<void> {
-        await this.appState.reachedState('ready');
-        await this.storageProvider.ready;
-        this.toolbarItems = await this.resolveToolbarItems();
-        this.storageProvider.onToolbarItemsChanged(async () => {
-            this.toolbarItems = await this.resolveToolbarItems();
-        });
-        this.ready.resolve();
-        this.widgetContributions.getContributions().forEach(contribution => {
-            if (contribution.onDidChange) {
-                contribution.onDidChange(() => this.toolbarModelDidUpdateEmitter.fire());
-            }
-        });
-    }
-
-    protected async resolveToolbarItems(): Promise<ToolbarTreeSchema> {
-        await this.storageProvider.ready;
-
-        if (this.storageProvider.toolbarItems) {
-            try {
-                return this.inflateItems(this.storageProvider.toolbarItems);
-            } catch (e) {
-                this.messageService.error(TOOLBAR_BAD_JSON_ERROR_MESSAGE);
-            }
-        }
-        return this.inflateItems(this.defaultsFactory());
-    }
-
-    async swapValues(
-        oldPosition: ToolbarItemPosition,
-        newPosition: ToolbarItemPosition,
-        direction: 'location-left' | 'location-right',
-    ): Promise<boolean> {
-        return this.withBusy<boolean>(async () => {
-            await this.openOrCreateJSONFile(false);
-            return this.storageProvider.swapValues(oldPosition, newPosition, direction);
-        });
-    }
-
-    async clearAll(): Promise<boolean> {
-        return this.withBusy<boolean>(() => this.storageProvider.clearAll());
-    }
-
-    async openOrCreateJSONFile(doOpen = false): Promise<Widget | undefined> {
-        return this.storageProvider.openOrCreateJSONFile(this.toolbarItems, doOpen);
-    }
-
-    async addItem(command: Command, area: ToolbarAlignment): Promise<boolean> {
-        return this.withBusy<boolean>(async () => {
-            await this.openOrCreateJSONFile(false);
-            return this.storageProvider.addItem(command, area);
-        });
-    }
-
-    async removeItem(position: ToolbarItemPosition, id?: string): Promise<boolean> {
-        return this.withBusy<boolean>(async () => {
-            await this.openOrCreateJSONFile(false);
-            return this.storageProvider.removeItem(position);
-        });
-    }
-
-    async moveItemToEmptySpace(
-        draggedItemPosition: ToolbarItemPosition,
-        column: ToolbarAlignment,
-        centerPosition?: 'left' | 'right',
-    ): Promise<boolean> {
-        return this.withBusy<boolean>(async () => {
-            await this.openOrCreateJSONFile(false);
-            return this.storageProvider.moveItemToEmptySpace(draggedItemPosition, column, centerPosition);
-        });
-    }
-
-    async insertGroup(position: ToolbarItemPosition, insertDirection: 'left' | 'right'): Promise<boolean> {
-        return this.withBusy<boolean>(async () => {
-            await this.openOrCreateJSONFile(false);
-            return this.storageProvider.insertGroup(position, insertDirection);
-        });
-    }
-
-    async withBusy<T = unknown>(action: () => MaybePromise<T>): Promise<T> {
-        this.toolbarProviderBusyEmitter.fire(true);
-        const toReturn = await action();
-        this.toolbarProviderBusyEmitter.fire(false);
-        return toReturn;
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2022 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-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { Command, ContributionProvider, Emitter, MaybePromise, MessageService } from '@theia/core';
+import { Widget } from '@theia/core/lib/browser';
+import { FrontendApplicationStateService } from '@theia/core/lib/browser/frontend-application-state';
+import { TabBarToolbarItem } from '@theia/core/lib/browser/shell/tab-bar-toolbar';
+import { Deferred } from '@theia/core/lib/common/promise-util';
+import { injectable, inject, postConstruct, named } from '@theia/core/shared/inversify';
+import { ToolbarDefaultsFactory } from './toolbar-defaults';
+import {
+    DeflatedToolbarTree,
+    ToolbarContribution,
+    ToolbarTreeSchema,
+    ToolbarItem,
+    ToolbarAlignment,
+    ToolbarItemPosition,
+} from './toolbar-interfaces';
+import { ToolbarStorageProvider, TOOLBAR_BAD_JSON_ERROR_MESSAGE } from './toolbar-storage-provider';
+
+@injectable()
+export class ToolbarController {
+    @inject(ToolbarStorageProvider) protected readonly storageProvider: ToolbarStorageProvider;
+    @inject(FrontendApplicationStateService) protected readonly appState: FrontendApplicationStateService;
+    @inject(MessageService) protected readonly messageService: MessageService;
+    @inject(ToolbarDefaultsFactory) protected readonly defaultsFactory: () => DeflatedToolbarTree;
+    @inject(ContributionProvider) @named(ToolbarContribution)
+    protected widgetContributions: ContributionProvider<ToolbarContribution>;
+
+    protected toolbarModelDidUpdateEmitter = new Emitter<void>();
+    readonly onToolbarModelDidUpdate = this.toolbarModelDidUpdateEmitter.event;
+
+    protected toolbarProviderBusyEmitter = new Emitter<boolean>();
+    readonly onToolbarDidChangeBusyState = this.toolbarProviderBusyEmitter.event;
+
+    readonly ready = new Deferred<void>();
+
+    protected _toolbarItems: ToolbarTreeSchema;
+    get toolbarItems(): ToolbarTreeSchema {
+        return this._toolbarItems;
+    }
+
+    set toolbarItems(newTree: ToolbarTreeSchema) {
+        this._toolbarItems = newTree;
+        this.toolbarModelDidUpdateEmitter.fire();
+    }
+
+    protected inflateItems(schema: DeflatedToolbarTree): ToolbarTreeSchema {
+        const newTree: ToolbarTreeSchema = {
+            items: {
+                [ToolbarAlignment.LEFT]: [],
+                [ToolbarAlignment.CENTER]: [],
+                [ToolbarAlignment.RIGHT]: [],
+            },
+        };
+        for (const column of Object.keys(schema.items)) {
+            const currentColumn = schema.items[column as ToolbarAlignment];
+            for (const group of currentColumn) {
+                const newGroup: ToolbarItem[] = [];
+                for (const item of group) {
+                    if (item.group === 'contributed') {
+                        const contribution = this.getContributionByID(item.id);
+                        if (contribution) {
+                            newGroup.push(contribution);
+                        }
+                    } else if (TabBarToolbarItem.is(item)) {
+                        newGroup.push({ ...item });
+                    }
+                }
+                if (newGroup.length) {
+                    newTree.items[column as ToolbarAlignment].push(newGroup);
+                }
+            }
+        }
+        return newTree;
+    }
+
+    getContributionByID(id: string): ToolbarContribution | undefined {
+        return this.widgetContributions.getContributions().find(contribution => contribution.id === id);
+    }
+
+    @postConstruct()
+    protected init(): void {
+        this.doInit();
+    }
+
+    protected async doInit(): Promise<void> {
+        await this.appState.reachedState('ready');
+        await this.storageProvider.ready;
+        this.toolbarItems = await this.resolveToolbarItems();
+        this.storageProvider.onToolbarItemsChanged(async () => {
+            this.toolbarItems = await this.resolveToolbarItems();
+        });
+        this.ready.resolve();
+        this.widgetContributions.getContributions().forEach(contribution => {
+            if (contribution.onDidChange) {
+                contribution.onDidChange(() => this.toolbarModelDidUpdateEmitter.fire());
+            }
+        });
+    }
+
+    protected async resolveToolbarItems(): Promise<ToolbarTreeSchema> {
+        await this.storageProvider.ready;
+
+        if (this.storageProvider.toolbarItems) {
+            try {
+                return this.inflateItems(this.storageProvider.toolbarItems);
+            } catch (e) {
+                this.messageService.error(TOOLBAR_BAD_JSON_ERROR_MESSAGE);
+            }
+        }
+        return this.inflateItems(this.defaultsFactory());
+    }
+
+    async swapValues(
+        oldPosition: ToolbarItemPosition,
+        newPosition: ToolbarItemPosition,
+        direction: 'location-left' | 'location-right',
+    ): Promise<boolean> {
+        return this.withBusy<boolean>(async () => {
+            await this.openOrCreateJSONFile(false);
+            return this.storageProvider.swapValues(oldPosition, newPosition, direction);
+        });
+    }
+
+    async clearAll(): Promise<boolean> {
+        return this.withBusy<boolean>(() => this.storageProvider.clearAll());
+    }
+
+    async openOrCreateJSONFile(doOpen = false): Promise<Widget | undefined> {
+        return this.storageProvider.openOrCreateJSONFile(this.toolbarItems, doOpen);
+    }
+
+    async addItem(command: Command, area: ToolbarAlignment): Promise<boolean> {
+        return this.withBusy<boolean>(async () => {
+            await this.openOrCreateJSONFile(false);
+            return this.storageProvider.addItem(command, area);
+        });
+    }
+
+    async removeItem(position: ToolbarItemPosition, id?: string): Promise<boolean> {
+        return this.withBusy<boolean>(async () => {
+            await this.openOrCreateJSONFile(false);
+            return this.storageProvider.removeItem(position);
+        });
+    }
+
+    async moveItemToEmptySpace(
+        draggedItemPosition: ToolbarItemPosition,
+        column: ToolbarAlignment,
+        centerPosition?: 'left' | 'right',
+    ): Promise<boolean> {
+        return this.withBusy<boolean>(async () => {
+            await this.openOrCreateJSONFile(false);
+            return this.storageProvider.moveItemToEmptySpace(draggedItemPosition, column, centerPosition);
+        });
+    }
+
+    async insertGroup(position: ToolbarItemPosition, insertDirection: 'left' | 'right'): Promise<boolean> {
+        return this.withBusy<boolean>(async () => {
+            await this.openOrCreateJSONFile(false);
+            return this.storageProvider.insertGroup(position, insertDirection);
+        });
+    }
+
+    async withBusy<T = unknown>(action: () => MaybePromise<T>): Promise<T> {
+        this.toolbarProviderBusyEmitter.fire(true);
+        const toReturn = await action();
+        this.toolbarProviderBusyEmitter.fire(false);
+        return toReturn;
+    }
+}

package/src/browser/toolbar-defaults.ts

@@ -1,58 +1,58 @@
-// *****************************************************************************
-// Copyright (C) 2022 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-only WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { nls } from '@theia/core';
-import { DeflatedToolbarTree, ToolbarAlignment } from './toolbar-interfaces';
-
-// This file specifies the default layout of the toolbar. This binding should be overridden for extenders.
-// Both Toolbar Command Items and Toolbar Contributions can be specified here.
-export const ToolbarDefaultsFactory = Symbol('ToolbarDefaultsFactory');
-export const ToolbarDefaults: () => DeflatedToolbarTree = () => ({
-    items: {
-        [ToolbarAlignment.LEFT]: [
-            [
-                {
-                    id: 'textEditor.commands.go.back',
-                    command: 'textEditor.commands.go.back',
-                    icon: 'codicon codicon-arrow-left',
-                },
-                {
-                    id: 'textEditor.commands.go.forward',
-                    command: 'textEditor.commands.go.forward',
-                    icon: 'codicon codicon-arrow-right',
-                },
-            ],
-            [
-                {
-                    id: 'workbench.action.splitEditorRight',
-                    command: 'workbench.action.splitEditorRight',
-                    icon: 'codicon codicon-split-horizontal',
-                },
-            ],
-        ],
-        [ToolbarAlignment.CENTER]: [[]],
-        [ToolbarAlignment.RIGHT]: [
-            [
-                {
-                    id: 'workbench.action.showCommands',
-                    command: 'workbench.action.showCommands',
-                    icon: 'codicon codicon-terminal',
-                    tooltip: nls.localizeByDefault('Command Palette'),
-                },
-            ]
-        ]
-    },
-});
+// *****************************************************************************
+// Copyright (C) 2022 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-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { nls } from '@theia/core';
+import { DeflatedToolbarTree, ToolbarAlignment } from './toolbar-interfaces';
+
+// This file specifies the default layout of the toolbar. This binding should be overridden for extenders.
+// Both Toolbar Command Items and Toolbar Contributions can be specified here.
+export const ToolbarDefaultsFactory = Symbol('ToolbarDefaultsFactory');
+export const ToolbarDefaults: () => DeflatedToolbarTree = () => ({
+    items: {
+        [ToolbarAlignment.LEFT]: [
+            [
+                {
+                    id: 'textEditor.commands.go.back',
+                    command: 'textEditor.commands.go.back',
+                    icon: 'codicon codicon-arrow-left',
+                },
+                {
+                    id: 'textEditor.commands.go.forward',
+                    command: 'textEditor.commands.go.forward',
+                    icon: 'codicon codicon-arrow-right',
+                },
+            ],
+            [
+                {
+                    id: 'workbench.action.splitEditorRight',
+                    command: 'workbench.action.splitEditorRight',
+                    icon: 'codicon codicon-split-horizontal',
+                },
+            ],
+        ],
+        [ToolbarAlignment.CENTER]: [[]],
+        [ToolbarAlignment.RIGHT]: [
+            [
+                {
+                    id: 'workbench.action.showCommands',
+                    command: 'workbench.action.showCommands',
+                    icon: 'codicon codicon-terminal',
+                    tooltip: nls.localizeByDefault('Command Palette'),
+                },
+            ]
+        ]
+    },
+});