Opening git plugin in the right pane

[rustysys-dev]

When installing Theia using yarn the git plugin seems to be automatically included in the base configuration. This is great, however, unlike vscode, I would like to have this git panel... and really all other plugins on the right side (I don't want my tree to be hidden when performing these tasks)

What would it take, to do this? Is this a configuration issue or would something need to be recoded? and if so, what?

If anyone could point me in the right direction I would be grateful!!

[vince-fugnitto]

@rustysys-dev thank you for the discussion!

If I understand you correctly, you are referring to the SCM view which is by default added to the shell layout, and it's placed on the left sidebar:

The following defined the widget-options, namely that it should be added to the left:

theia/packages/scm/src/browser/scm-contribution.ts

Lines 99 to 111 in a8dec8d

	constructor() {
	super({
	viewContainerId: SCM_VIEW_CONTAINER_ID,
	widgetId: SCM_WIDGET_FACTORY_ID,
	widgetName: 'Source Control',
	defaultWidgetOptions: {
	area: 'left',
	rank: 300
	},
	toggleCommandId: 'scmView:toggle',
	toggleKeybinding: 'ctrlcmd+shift+g'
	});
	}

The following adds the view to the default layout (if not other layout exists) initializeLayout:

theia/packages/scm/src/browser/scm-contribution.ts

Lines 118 to 120 in a8dec8d

	async initializeLayout(): Promise<void> {
	await this.openView();
	}

If you'd like to add the view to the right, you would need to implement a custom theia extension which updates this behavior by rebinding the view to your custom-view which defines new options.

As for all views besides the explorer/navigator being on the right going forward, you might want to update the default behavior which handles left and right views.

theia/packages/core/src/browser/shell/application-shell.ts

Lines 742 to 760 in a8dec8d

	switch (area) {
	case 'main':
	this.mainPanel.addWidget(widget, addOptions);
	break;
	case 'top':
	this.topPanel.addWidget(widget);
	break;
	case 'bottom':
	this.bottomPanel.addWidget(widget, addOptions);
	break;
	case 'left':
	this.leftPanelHandler.addWidget(widget, sidePanelOptions);
	break;
	case 'right':
	this.rightPanelHandler.addWidget(widget, sidePanelOptions);
	break;
	default:
	throw new Error('Unexpected area: ' + options.area);
	}