monaco-editor
Version:
A browser based code editor
140 lines (139 loc) • 8.36 kB
JavaScript
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
return function (target, key) { decorator(target, key, paramIndex); }
};
import * as dom from '../../../../base/browser/dom.js';
import { MarkdownString } from '../../../../base/common/htmlContent.js';
import { DisposableStore } from '../../../../base/common/lifecycle.js';
import { autorun, constObservable } from '../../../../base/common/observable.js';
import { Range } from '../../../common/core/range.js';
import { ILanguageService } from '../../../common/languages/language.js';
import { HoverForeignElementAnchor } from '../../hover/browser/hoverTypes.js';
import { InlineCompletionsController } from './inlineCompletionsController.js';
import { InlineSuggestionHintsContentWidget } from './inlineCompletionsHintsWidget.js';
import { MarkdownRenderer } from '../../../browser/widget/markdownRenderer/browser/markdownRenderer.js';
import * as nls from '../../../../nls.js';
import { IAccessibilityService } from '../../../../platform/accessibility/common/accessibility.js';
import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
import { IOpenerService } from '../../../../platform/opener/common/opener.js';
import { ITelemetryService } from '../../../../platform/telemetry/common/telemetry.js';
export class InlineCompletionsHover {
constructor(owner, range, controller) {
this.owner = owner;
this.range = range;
this.controller = controller;
}
isValidForHoverAnchor(anchor) {
return (anchor.type === 1 /* HoverAnchorType.Range */
&& this.range.startColumn <= anchor.range.startColumn
&& this.range.endColumn >= anchor.range.endColumn);
}
}
let InlineCompletionsHoverParticipant = class InlineCompletionsHoverParticipant {
constructor(_editor, _languageService, _openerService, accessibilityService, _instantiationService, _telemetryService) {
this._editor = _editor;
this._languageService = _languageService;
this._openerService = _openerService;
this.accessibilityService = accessibilityService;
this._instantiationService = _instantiationService;
this._telemetryService = _telemetryService;
this.hoverOrdinal = 4;
}
suggestHoverAnchor(mouseEvent) {
const controller = InlineCompletionsController.get(this._editor);
if (!controller) {
return null;
}
const target = mouseEvent.target;
if (target.type === 8 /* MouseTargetType.CONTENT_VIEW_ZONE */) {
// handle the case where the mouse is over the view zone
const viewZoneData = target.detail;
if (controller.shouldShowHoverAtViewZone(viewZoneData.viewZoneId)) {
return new HoverForeignElementAnchor(1000, this, Range.fromPositions(this._editor.getModel().validatePosition(viewZoneData.positionBefore || viewZoneData.position)), mouseEvent.event.posx, mouseEvent.event.posy, false);
}
}
if (target.type === 7 /* MouseTargetType.CONTENT_EMPTY */) {
// handle the case where the mouse is over the empty portion of a line following ghost text
if (controller.shouldShowHoverAt(target.range)) {
return new HoverForeignElementAnchor(1000, this, target.range, mouseEvent.event.posx, mouseEvent.event.posy, false);
}
}
if (target.type === 6 /* MouseTargetType.CONTENT_TEXT */) {
// handle the case where the mouse is directly over ghost text
const mightBeForeignElement = target.detail.mightBeForeignElement;
if (mightBeForeignElement && controller.shouldShowHoverAt(target.range)) {
return new HoverForeignElementAnchor(1000, this, target.range, mouseEvent.event.posx, mouseEvent.event.posy, false);
}
}
return null;
}
computeSync(anchor, lineDecorations) {
if (this._editor.getOption(62 /* EditorOption.inlineSuggest */).showToolbar !== 'onHover') {
return [];
}
const controller = InlineCompletionsController.get(this._editor);
if (controller && controller.shouldShowHoverAt(anchor.range)) {
return [new InlineCompletionsHover(this, anchor.range, controller)];
}
return [];
}
renderHoverParts(context, hoverParts) {
const disposableStore = new DisposableStore();
const part = hoverParts[0];
this._telemetryService.publicLog2('inlineCompletionHover.shown');
if (this.accessibilityService.isScreenReaderOptimized() && !this._editor.getOption(8 /* EditorOption.screenReaderAnnounceInlineSuggestion */)) {
this.renderScreenReaderText(context, part, disposableStore);
}
const model = part.controller.model.get();
const w = this._instantiationService.createInstance(InlineSuggestionHintsContentWidget, this._editor, false, constObservable(null), model.selectedInlineCompletionIndex, model.inlineCompletionsCount, model.selectedInlineCompletion.map(v => /** @description commands */ { var _a; /** @description commands */ return (_a = v === null || v === void 0 ? void 0 : v.inlineCompletion.source.inlineCompletions.commands) !== null && _a !== void 0 ? _a : []; }));
context.fragment.appendChild(w.getDomNode());
model.triggerExplicitly();
disposableStore.add(w);
return disposableStore;
}
renderScreenReaderText(context, part, disposableStore) {
const $ = dom.$;
const markdownHoverElement = $('div.hover-row.markdown-hover');
const hoverContentsElement = dom.append(markdownHoverElement, $('div.hover-contents', { ['aria-live']: 'assertive' }));
const renderer = disposableStore.add(new MarkdownRenderer({ editor: this._editor }, this._languageService, this._openerService));
const render = (code) => {
disposableStore.add(renderer.onDidRenderAsync(() => {
hoverContentsElement.className = 'hover-contents code-hover-contents';
context.onContentsChanged();
}));
const inlineSuggestionAvailable = nls.localize('inlineSuggestionFollows', "Suggestion:");
const renderedContents = disposableStore.add(renderer.render(new MarkdownString().appendText(inlineSuggestionAvailable).appendCodeblock('text', code)));
hoverContentsElement.replaceChildren(renderedContents.element);
};
disposableStore.add(autorun(reader => {
var _a;
/** @description update hover */
const ghostText = (_a = part.controller.model.read(reader)) === null || _a === void 0 ? void 0 : _a.ghostText.read(reader);
if (ghostText) {
const lineText = this._editor.getModel().getLineContent(ghostText.lineNumber);
render(ghostText.renderForScreenReader(lineText));
}
else {
dom.reset(hoverContentsElement);
}
}));
context.fragment.appendChild(markdownHoverElement);
}
};
InlineCompletionsHoverParticipant = __decorate([
__param(1, ILanguageService),
__param(2, IOpenerService),
__param(3, IAccessibilityService),
__param(4, IInstantiationService),
__param(5, ITelemetryService)
], InlineCompletionsHoverParticipant);
export { InlineCompletionsHoverParticipant };