mirror of
https://github.com/microsoft/vscode.git
synced 2026-02-20 17:59:17 +00:00
139 lines
4.4 KiB
TypeScript
139 lines
4.4 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 { Emitter } from '../../../base/common/event.js';
|
|
import { DisposableStore } from '../../../base/common/lifecycle.js';
|
|
import { IExtensionDescription } from '../../../platform/extensions/common/extensions.js';
|
|
import { ExtHostTextEditor } from './extHostTextEditor.js';
|
|
import { ExtHostEditors } from './extHostTextEditors.js';
|
|
import { asWebviewUri, webviewGenericCspSource, WebviewRemoteInfo } from '../../contrib/webview/common/webview.js';
|
|
import type * as vscode from 'vscode';
|
|
import { ExtHostEditorInsetsShape, MainThreadEditorInsetsShape } from './extHost.protocol.js';
|
|
|
|
export class ExtHostEditorInsets implements ExtHostEditorInsetsShape {
|
|
|
|
private _handlePool = 0;
|
|
private readonly _disposables = new DisposableStore();
|
|
private _insets = new Map<number, { editor: vscode.TextEditor; inset: vscode.WebviewEditorInset; onDidReceiveMessage: Emitter<any> }>();
|
|
|
|
constructor(
|
|
private readonly _proxy: MainThreadEditorInsetsShape,
|
|
private readonly _editors: ExtHostEditors,
|
|
private readonly _remoteInfo: WebviewRemoteInfo
|
|
) {
|
|
|
|
// dispose editor inset whenever the hosting editor goes away
|
|
this._disposables.add(_editors.onDidChangeVisibleTextEditors(() => {
|
|
const visibleEditor = _editors.getVisibleTextEditors();
|
|
for (const value of this._insets.values()) {
|
|
if (visibleEditor.indexOf(value.editor) < 0) {
|
|
value.inset.dispose(); // will remove from `this._insets`
|
|
}
|
|
}
|
|
}));
|
|
}
|
|
|
|
dispose(): void {
|
|
this._insets.forEach(value => value.inset.dispose());
|
|
this._disposables.dispose();
|
|
}
|
|
|
|
createWebviewEditorInset(editor: vscode.TextEditor, line: number, height: number, options: vscode.WebviewOptions | undefined, extension: IExtensionDescription): vscode.WebviewEditorInset {
|
|
|
|
let apiEditor: ExtHostTextEditor | undefined;
|
|
for (const candidate of this._editors.getVisibleTextEditors(true)) {
|
|
if (candidate.value === editor) {
|
|
apiEditor = <ExtHostTextEditor>candidate;
|
|
break;
|
|
}
|
|
}
|
|
if (!apiEditor) {
|
|
throw new Error('not a visible editor');
|
|
}
|
|
|
|
const that = this;
|
|
const handle = this._handlePool++;
|
|
const onDidReceiveMessage = new Emitter<any>();
|
|
const onDidDispose = new Emitter<void>();
|
|
|
|
const webview = new class implements vscode.Webview {
|
|
|
|
private _html: string = '';
|
|
private _options: vscode.WebviewOptions = Object.create(null);
|
|
|
|
asWebviewUri(resource: vscode.Uri): vscode.Uri {
|
|
return asWebviewUri(resource, that._remoteInfo);
|
|
}
|
|
|
|
get cspSource(): string {
|
|
return webviewGenericCspSource;
|
|
}
|
|
|
|
set options(value: vscode.WebviewOptions) {
|
|
this._options = value;
|
|
that._proxy.$setOptions(handle, value);
|
|
}
|
|
|
|
get options(): vscode.WebviewOptions {
|
|
return this._options;
|
|
}
|
|
|
|
set html(value: string) {
|
|
this._html = value;
|
|
that._proxy.$setHtml(handle, value);
|
|
}
|
|
|
|
get html(): string {
|
|
return this._html;
|
|
}
|
|
|
|
get onDidReceiveMessage(): vscode.Event<any> {
|
|
return onDidReceiveMessage.event;
|
|
}
|
|
|
|
postMessage(message: any): Thenable<boolean> {
|
|
return that._proxy.$postMessage(handle, message);
|
|
}
|
|
};
|
|
|
|
const inset = new class implements vscode.WebviewEditorInset {
|
|
|
|
readonly editor: vscode.TextEditor = editor;
|
|
readonly line: number = line;
|
|
readonly height: number = height;
|
|
readonly webview: vscode.Webview = webview;
|
|
readonly onDidDispose: vscode.Event<void> = onDidDispose.event;
|
|
|
|
dispose(): void {
|
|
if (that._insets.delete(handle)) {
|
|
that._proxy.$disposeEditorInset(handle);
|
|
onDidDispose.fire();
|
|
|
|
// final cleanup
|
|
onDidDispose.dispose();
|
|
onDidReceiveMessage.dispose();
|
|
}
|
|
}
|
|
};
|
|
|
|
this._proxy.$createEditorInset(handle, apiEditor.id, apiEditor.value.document.uri, line + 1, height, options || {}, extension.identifier, extension.extensionLocation);
|
|
this._insets.set(handle, { editor, inset, onDidReceiveMessage });
|
|
|
|
return inset;
|
|
}
|
|
|
|
$onDidDispose(handle: number): void {
|
|
const value = this._insets.get(handle);
|
|
if (value) {
|
|
value.inset.dispose();
|
|
}
|
|
}
|
|
|
|
$onDidReceiveMessage(handle: number, message: any): void {
|
|
const value = this._insets.get(handle);
|
|
value?.onDidReceiveMessage.fire(message);
|
|
}
|
|
}
|