Files
vscode/src/vs/editor/standalone/browser/quickInput/standaloneQuickInputService.ts
T
7bc7686565 aux window: add barrier waiting for styles to load (#199882)
* wip

* aux window: add barrier waiting for styles to load

The debug toolbar needs to compute its size and positioning, which without this fails if executed in onDidChangeActiveContainer. The result of these changes is a new property on the ILayoutService.

* address comments

* address comments

---------

Co-authored-by: Benjamin Pasero <benjamin.pasero@microsoft.com>
2023-12-04 19:33:03 +01:00

200 lines
7.6 KiB
TypeScript

/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
import 'vs/css!./standaloneQuickInput';
import { Event } from 'vs/base/common/event';
import { ICodeEditor, IOverlayWidget, IOverlayWidgetPosition, OverlayWidgetPositionPreference } from 'vs/editor/browser/editorBrowser';
import { EditorContributionInstantiation, registerEditorContribution } from 'vs/editor/browser/editorExtensions';
import { IEditorContribution } from 'vs/editor/common/editorCommon';
import { IThemeService } from 'vs/platform/theme/common/themeService';
import { IQuickInputService, IQuickInputButton, IQuickPickItem, IQuickPick, IInputBox, IQuickNavigateConfiguration, IPickOptions, QuickPickInput, IInputOptions, IQuickWidget } from 'vs/platform/quickinput/common/quickInput';
import { CancellationToken } from 'vs/base/common/cancellation';
import { IInstantiationService } from 'vs/platform/instantiation/common/instantiation';
import { IContextKeyService } from 'vs/platform/contextkey/common/contextkey';
import { EditorScopedLayoutService } from 'vs/editor/standalone/browser/standaloneLayoutService';
import { ICodeEditorService } from 'vs/editor/browser/services/codeEditorService';
import { QuickInputController, IQuickInputControllerHost } from 'vs/platform/quickinput/browser/quickInputController';
import { QuickInputService } from 'vs/platform/quickinput/browser/quickInputService';
import { createSingleCallFunction } from 'vs/base/common/functional';
import { IQuickAccessController } from 'vs/platform/quickinput/common/quickAccess';
class EditorScopedQuickInputService extends QuickInputService {
private host: IQuickInputControllerHost | undefined = undefined;
constructor(
editor: ICodeEditor,
@IInstantiationService instantiationService: IInstantiationService,
@IContextKeyService contextKeyService: IContextKeyService,
@IThemeService themeService: IThemeService,
@ICodeEditorService codeEditorService: ICodeEditorService
) {
super(instantiationService, contextKeyService, themeService, new EditorScopedLayoutService(editor.getContainerDomNode(), codeEditorService));
// Use the passed in code editor as host for the quick input widget
const contribution = QuickInputEditorContribution.get(editor);
if (contribution) {
const widget = contribution.widget;
this.host = {
_serviceBrand: undefined,
get mainContainer() { return widget.getDomNode(); },
getContainer() { return widget.getDomNode(); },
get containers() { return [widget.getDomNode()]; },
get activeContainer() { return widget.getDomNode(); },
get mainContainerDimension() { return editor.getLayoutInfo(); },
get activeContainerDimension() { return editor.getLayoutInfo(); },
get onDidLayoutMainContainer() { return editor.onDidLayoutChange; },
get onDidLayoutActiveContainer() { return editor.onDidLayoutChange; },
get onDidLayoutContainer() { return Event.map(editor.onDidLayoutChange, dimension => ({ container: widget.getDomNode(), dimension })); },
get onDidChangeActiveContainer() { return Event.None; },
get onDidAddContainer() { return Event.None; },
get whenActiveContainerStylesLoaded() { return Promise.resolve(); },
get mainContainerOffset() { return { top: 0, quickPickTop: 0 }; },
get activeContainerOffset() { return { top: 0, quickPickTop: 0 }; },
focus: () => editor.focus()
};
} else {
this.host = undefined;
}
}
protected override createController(): QuickInputController {
return super.createController(this.host);
}
}
export class StandaloneQuickInputService implements IQuickInputService {
declare readonly _serviceBrand: undefined;
private mapEditorToService = new Map<ICodeEditor, EditorScopedQuickInputService>();
private get activeService(): IQuickInputService {
const editor = this.codeEditorService.getFocusedCodeEditor();
if (!editor) {
throw new Error('Quick input service needs a focused editor to work.');
}
// Find the quick input implementation for the focused
// editor or create it lazily if not yet created
let quickInputService = this.mapEditorToService.get(editor);
if (!quickInputService) {
const newQuickInputService = quickInputService = this.instantiationService.createInstance(EditorScopedQuickInputService, editor);
this.mapEditorToService.set(editor, quickInputService);
createSingleCallFunction(editor.onDidDispose)(() => {
newQuickInputService.dispose();
this.mapEditorToService.delete(editor);
});
}
return quickInputService;
}
get quickAccess(): IQuickAccessController { return this.activeService.quickAccess; }
get backButton(): IQuickInputButton { return this.activeService.backButton; }
get onShow() { return this.activeService.onShow; }
get onHide() { return this.activeService.onHide; }
constructor(
@IInstantiationService private readonly instantiationService: IInstantiationService,
@ICodeEditorService private readonly codeEditorService: ICodeEditorService
) {
}
pick<T extends IQuickPickItem, O extends IPickOptions<T>>(picks: Promise<QuickPickInput<T>[]> | QuickPickInput<T>[], options: O = <O>{}, token: CancellationToken = CancellationToken.None): Promise<(O extends { canPickMany: true } ? T[] : T) | undefined> {
return (this.activeService as unknown as QuickInputController /* TS fail */).pick(picks, options, token);
}
input(options?: IInputOptions | undefined, token?: CancellationToken | undefined): Promise<string | undefined> {
return this.activeService.input(options, token);
}
createQuickPick<T extends IQuickPickItem>(): IQuickPick<T> {
return this.activeService.createQuickPick();
}
createInputBox(): IInputBox {
return this.activeService.createInputBox();
}
createQuickWidget(): IQuickWidget {
return this.activeService.createQuickWidget();
}
focus(): void {
return this.activeService.focus();
}
toggle(): void {
return this.activeService.toggle();
}
navigate(next: boolean, quickNavigate?: IQuickNavigateConfiguration | undefined): void {
return this.activeService.navigate(next, quickNavigate);
}
accept(): Promise<void> {
return this.activeService.accept();
}
back(): Promise<void> {
return this.activeService.back();
}
cancel(): Promise<void> {
return this.activeService.cancel();
}
}
export class QuickInputEditorContribution implements IEditorContribution {
static readonly ID = 'editor.controller.quickInput';
static get(editor: ICodeEditor): QuickInputEditorContribution | null {
return editor.getContribution<QuickInputEditorContribution>(QuickInputEditorContribution.ID);
}
readonly widget = new QuickInputEditorWidget(this.editor);
constructor(private editor: ICodeEditor) { }
dispose(): void {
this.widget.dispose();
}
}
export class QuickInputEditorWidget implements IOverlayWidget {
private static readonly ID = 'editor.contrib.quickInputWidget';
private domNode: HTMLElement;
constructor(private codeEditor: ICodeEditor) {
this.domNode = document.createElement('div');
this.codeEditor.addOverlayWidget(this);
}
getId(): string {
return QuickInputEditorWidget.ID;
}
getDomNode(): HTMLElement {
return this.domNode;
}
getPosition(): IOverlayWidgetPosition | null {
return { preference: OverlayWidgetPositionPreference.TOP_CENTER };
}
dispose(): void {
this.codeEditor.removeOverlayWidget(this);
}
}
registerEditorContribution(QuickInputEditorContribution.ID, QuickInputEditorContribution, EditorContributionInstantiation.Lazy);