(feat) TypeScript Inlay Hint

[jasonlyu123]

#1336

This is not enabled by default. You'll have to enable it with the TypeScript inlay hints configs of VSCode. There are multiple configs under javascript.inlayHints.* and typescript.inlayHints.*. Enable them based on your preference.

implementation detail

The test is set up similarly to the diagnostics snapshot test. You can also run yarn test --debug to output debug.svelte with inlay hints added to the original file as comments. for example:

<script lang="ts">
    import { SvelteComponentTyped } from 'svelte';

    let Component: typeof SvelteComponentTyped;
    function hi(name: string)/* : void*/ {}
</script>

<Component text={hi(/*name: */'')}></Component>

Screenshots

(enable all inlay hints options is really just too much for my taste lol)

[dummdidumm]

Damn, this is impressive work - thank you so much!

[brunnerh]

Nice!

(enable all inlay hints options is really just too much for my taste lol)

I've found that the default style is just way too aggressive (though I also disabled a few).

Toned them down to look like this:

// Settings for that:
{
	"workbench.colorCustomizations": {
		"[Default Dark+][Default Dark+ Experimental]": {
			// ...
			"editorInlayHint.background": "#00000000",
			"editorInlayHint.foreground": "#ffffff69",
		},
	},
}

[polyzen]

Is this also available via svelte.plugin.typescript.inlayHints.enable? Not listed in the readme. Would like to use this in Neovim.

[dummdidumm]

This uses the VSCode TypeScript options to enable it. How does Neovim enable it for TS (through which option(s))?

[polyzen]

This uses the VSCode TypeScript options to enable it. How does Neovim enable it for TS (through which option(s))?

https://github.com/lvimuser/lsp-inlayhints.nvim#typescript

[aidenlangley]

#1895

Neovim doesn't handle any of the workspace/something/refresh. requests right now. Need this to be configurable really, for now anyway.

https://github.com/typescript-language-server/typescript-language-server

The tsserver README also states:

textDocument/inlayHint (no support for inlayHint/resolve or workspace/inlayHint/refresh)

[dummdidumm]

@polyzen you can read about the settings here: https://github.com/sveltejs/language-tools/tree/master/packages/language-server#settings , settings references are linked