How to implement an inlineCompletionItem extension ?

[znoliver]

I want to develop a extension to implement AI code hint ，I plan to access OpenAI by HTTP API, but how to display the result in editor? I find vscode api has InlineCompletionItemProvider , what about Theia?

Example ：
Example

[znoliver]

Can someone help me？

[msujew]

Hey @znoliver,

the recommended solution would be to create a vscode extension that contributes this feature. That way, you don't have to work with Theia internal code (which can regularly change). Alternatively, here's how the vscode API is contributed on the browser level of Theia:

theia/packages/plugin-ext/src/main/browser/languages-main.ts

Lines 923 to 937 in 9ff0ced

	$registerInlineCompletionsSupport(handle: number, selector: SerializedDocumentFilter[]): void {
	const languageSelector = this.toLanguageSelector(selector);
	const provider: monaco.languages.InlineCompletionsProvider<IdentifiableInlineCompletions> = {
	provideInlineCompletions: async (
	model: monaco.editor.ITextModel,
	position: monaco.Position,
	context: monaco.languages.InlineCompletionContext,
	token: CancellationToken
	): Promise<IdentifiableInlineCompletions | undefined> => this.proxy.$provideInlineCompletions(handle, model.uri, position, context, token),
	freeInlineCompletions: (completions: IdentifiableInlineCompletions): void => {
	this.proxy.$freeInlineCompletionsList(handle, completions.pid);
	}
	};
	this.register(handle, (monaco.languages.registerInlineCompletionsProvider as RegistrationFunction<monaco.languages.InlineCompletionsProvider>)(languageSelector, provider));
	}

The goal would be to do something similar to accomplish what you're trying to do.

[znoliver]

Thanks