monaco-editor
Version:
A browser based code editor
159 lines • 9.13 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, autorunWithStore, constObservable } from '../../../../../base/common/observable.js';
import { Range } from '../../../../common/core/range.js';
import { ILanguageService } from '../../../../common/languages/language.js';
import { HoverForeignElementAnchor, RenderedHoverParts } from '../../../hover/browser/hoverTypes.js';
import { InlineCompletionsController } from '../controller/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';
import { GhostTextView } from '../view/ghostText/ghostTextView.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);
}
}
if (target.type === 9 /* MouseTargetType.CONTENT_WIDGET */ && target.element) {
const ctx = GhostTextView.getWarningWidgetContext(target.element);
if (ctx && controller.shouldShowHoverAt(ctx.range)) {
return new HoverForeignElementAnchor(1000, this, ctx.range, mouseEvent.event.posx, mouseEvent.event.posy, false);
}
}
return null;
}
computeSync(anchor, lineDecorations) {
if (this._editor.getOption(71 /* 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 disposables = new DisposableStore();
const part = hoverParts[0];
this._telemetryService.publicLog2('inlineCompletionHover.shown');
if (this.accessibilityService.isScreenReaderOptimized() && !this._editor.getOption(12 /* EditorOption.screenReaderAnnounceInlineSuggestion */)) {
disposables.add(this.renderScreenReaderText(context, part));
}
const model = part.controller.model.get();
const widgetNode = document.createElement('div');
context.fragment.appendChild(widgetNode);
disposables.add(autorunWithStore((reader, store) => {
const w = store.add(this._instantiationService.createInstance(InlineSuggestionHintsContentWidget.hot.read(reader), this._editor, false, constObservable(null), model.selectedInlineCompletionIndex, model.inlineCompletionsCount, model.activeCommands, model.warning, () => {
context.onContentsChanged();
}));
widgetNode.replaceChildren(w.getDomNode());
}));
model.triggerExplicitly();
const renderedHoverPart = {
hoverPart: part,
hoverElement: widgetNode,
dispose() { disposables.dispose(); }
};
return new RenderedHoverParts([renderedHoverPart]);
}
renderScreenReaderText(context, part) {
const disposables = new DisposableStore();
const $ = dom.$;
const markdownHoverElement = $('div.hover-row.markdown-hover');
const hoverContentsElement = dom.append(markdownHoverElement, $('div.hover-contents', { ['aria-live']: 'assertive' }));
const renderer = new MarkdownRenderer({ editor: this._editor }, this._languageService, this._openerService);
const render = (code) => {
const inlineSuggestionAvailable = nls.localize(1197, "Suggestion:");
const renderedContents = disposables.add(renderer.render(new MarkdownString().appendText(inlineSuggestionAvailable).appendCodeblock('text', code), {
asyncRenderCallback: () => {
hoverContentsElement.className = 'hover-contents code-hover-contents';
context.onContentsChanged();
}
}));
hoverContentsElement.replaceChildren(renderedContents.element);
};
disposables.add(autorun(reader => {
/** @description update hover */
const ghostText = part.controller.model.read(reader)?.primaryGhostText.read(reader);
if (ghostText) {
const lineText = this._editor.getModel().getLineContent(ghostText.lineNumber);
render(ghostText.renderForScreenReader(lineText));
}
else {
dom.reset(hoverContentsElement);
}
}));
context.fragment.appendChild(markdownHoverElement);
return disposables;
}
};
InlineCompletionsHoverParticipant = __decorate([
__param(1, ILanguageService),
__param(2, IOpenerService),
__param(3, IAccessibilityService),
__param(4, IInstantiationService),
__param(5, ITelemetryService)
], InlineCompletionsHoverParticipant);
export { InlineCompletionsHoverParticipant };
//# sourceMappingURL=hoverParticipant.js.map