[Console Monaco migration] Implement request body autocomplete

[yuliacech]

Summary

Closes #180208

This PR adds support for autocomplete suggestions in the request body. The focus of this work is to correctly suggest the names of properties and insert corresponding template snippets.

Screen recording

Screen.Recording.2024-05-08.at.11.15.00.mov

Follow up issues that need to be addressed later

• Correct use of the conditional template (create snapshot repo)
• Display async loading suggestions (fields)
• Correctly suggest the values of properties (GET _search, property explain)
• After inserting a template snippet, move the cursor to a correct position (inside an empty object)

[yuliacech]

/ci

[yuliacech]

/ci

[yuliacech]

/ci

[yuliacech]

This function uses the logic similar to the code in parser, we could consider re-using some of the code in both.

[elasticmachine]

Pinging @elastic/kibana-management (Team:Kibana Management)

[ElenaStoeva]

Great job @yuliacech! Tested locally and the request body params are correctly suggested.

I noticed one small issue though. When I click somewhere outside the autocomplete suggestions pop-up window and then continue typing, I no longer get autocomplete suggestions. This doesn't happen in the Ace Console.

Monaco

Screen.Recording.2024-05-09.at.18.27.08.mov

Ace

Screen.Recording.2024-05-09.at.18.28.19.mov

Would there be an easy fix for this or should we leave it for a follow-up PR?

[yuliacech]

Thanks a lot for the review, @ElenaStoeva!
Indeed, the monaco editor has a different behaviour with when autocomplete suggestions are displayed. I'll open an issue to track that. Currently I know that the monaco editor triggers suggestions on specific characters. We will need to find a way to trigger suggestions more often to keep the behaviour similar to ace.

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 1ff1acb

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
console	251	256	+5

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
console	443.3KB	447.8KB	+4.5KB

History

• 💚 Build #208619 succeeded a911984
• 💚 Build #208318 succeeded 3e0d610
• 💔 Build #208220 failed b00fa24
• 💔 Build #208159 failed eb7f43c

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[ElenaStoeva]

Indeed, the monaco editor has a different behaviour with when autocomplete suggestions are displayed. I'll open an issue to track that. Currently I know that the monaco editor triggers suggestions on specific characters. We will need to find a way to trigger suggestions more often to keep the behaviour similar to ace.

I see, thanks for letting me know! In this case, I'm approving to unblock the PR.

[yuliacech]

Opened #183421 and #183422 for follow up work