Autocompletion for YAML

[TiboStr]

Maybe https://medium.com/@joshuaavalon/intellisense-for-json-and-yaml-in-vs-code-f626fc733426

[TiboStr]

I can't seem to make it work.

For JSON it was not so hard. I just based on this code: https://microsoft.github.io/monaco-editor/playground.html#extending-language-services-configure-json-defaults, and looked at the @monaco-editor/react docs to make it work in React.

YAML is a lot harder. There is a monaco-yaml plugin. The only problem is that it does not work with @monaco-editor/react (https://github.com/remcohaszing/monaco-yaml#does-this-work-with-monaco-editorloader-or-monaco-editorreact). Besides that, it should work with create-react-app (https://github.com/remcohaszing/monaco-yaml#does-monaco-yaml-work-with-create-react-app).

I didn't find any good examples online. E.g. on CodeSandbox, I didn't find any good examples.

I think the only good resource is this: remcohaszing/monaco-yaml#92. But unfortunately the little code given in that issue didn't work for me. I ended up with two editors (because useEffect was triggered twice for some reason) and in neither of them did the backspace work correctly. There was no autocompletion whatsoever.