const value = `
const f = (a, b) => a + b;

const result = f(2, 5);
`;

const editor = monaco.editor.create(document.getElementById("container"), {
    value,
    language: "javascript"
});

monaco.languages.registerInlayHintsProvider('javascript', {
    provideInlayHints(model, range, token) {
        return [{
            kind: monaco.languages.InlayHintKind.Type,
            position: { column: 13, lineNumber: 4 },
            text: `: Number`,
        }, {
            kind: monaco.languages.InlayHintKind.Type,
            position: { column: 13, lineNumber: 2 },
            text: `: Number`,
        }, {
            kind: monaco.languages.InlayHintKind.Type,
            position: { column: 16, lineNumber: 2 },
            text: `: Number`,
            whitespaceBefore: true, // see difference between a and b parameter
        }, {
            kind: monaco.languages.InlayHintKind.Parameter,
            position: { column: 18, lineNumber: 4 },
            text: `a:`,
        }, {
            kind: monaco.languages.InlayHintKind.Parameter,
            position: { column: 21, lineNumber: 4 },
            text: `b:`,
            whitespaceAfter: true, // similar to whitespaceBefore
        }]
    }
});