Inlay Hints Example

[RobertOstermann]

Can we get an example extension using the proposed Inlay Hints API? Per the 1.64 release notes, this API is nearing completion and it would be helpful to have an extension sample available.

[jestarray]

@jrieken Can your test repo work as one? https://github.com/jrieken/test-inlayhints

[burner1024]

@jrieken Can your test repo work as one? https://github.com/jrieken/test-inlayhints

That's just client side, much more helpful would be proper LSP implementation.

[jardicc]

@burner1024 and if anyone else needs it. I spend about a hour to solve but I found it.

server side

		this.connection.languages.inlayHint.on((arg) => {
			const one = InlayHint.create(Position.create(1,1), [InlayHintLabelPart.create("type")], InlayHintKind.Type);
			one.data = "1";
			const two = InlayHint.create(Position.create(2,2), [InlayHintLabelPart.create("parameter")], InlayHintKind.Parameter);
			two.data = "2";
			return [one, two];
		});

		this.connection.languages.inlayHint.resolve((hint) => {
			(hint.label as InlayHintLabelPart[])[0].tooltip = "tooltip";
			hint.textEdits = [TextEdit.insert(Position.create(1, 1), "number")];
			return hint;
		});

Make sure to enable that in server capabilities

connection.onInitialize(() => {
	return {
		capabilities: {
// ...
			inlayHintProvider: {
				documentSelector: [{language: "json"}],
				resolveProvider: true
			},
			inlineValueProvider: {
				documentSelector: [{language: "json"}],
			},
// ...
		}
	};
});