Improve Event Grid Local Development Experience

[hossam-nasr]

Improve the local development experience for EventGrid functions.

What this PR does:

• [x] When customer clicks on "Execute Function Now..." button, if it's an EventGrid function, the user is prompted to choose an event type from a list of supported file types:

• [x] The customer then selects one of sample event types under that event source, pulled from this repo:

• [x] After selecting an event type, user is prompted to either modify the sample file or send as-is:

• [x] If "send sample request" is selected, EventGrid function gets triggered with sample request.

• [x] If "modify sample request" is selected, a new window opens with the sample request:

• [x] Once the user makes any necessary modifications, clicking on the "save and send request..." button on the top right of the editor, or on the "Save and send request" code lens would save the modified contents of the sample file and trigger the function. The file is then closed, and the temp file created is deleted after.

Missing / Next steps:

• [ ] Try remove the styling contributions this PR makes. For some reason, I couldn't find a .prettierrc file configuration that would keeping the existing styling as-is. Any help there is appreciated.
• [ ] Customize and refine the experience specifically for EventGrid-based blob trigger functions
• [ ] Double check the "source of truth" for supported EG event sources and sample requests for each event type under each event source.
• [ ] Come up with a mechanism to streamline the process if the user is doing the same thing over and over again, and remember the modifications from last execution. Right now, nothing is remembered besides the choices for the different prompts.

Open questions:

❓Do I need to do something extra to make localization work? I followed the pattern I saw of using the localize function, but I'm not sure how the code I used as the first argument gets used. ❓Right now, I create the temp files that store these sample files in the .vscode directory. Would it be better if I saved it elsewhere, such as the OS temp file directory, by default? ❓Because of the way the button and code lens need to be registered at the extension level, they appear in any .eventgrid.json file, even if no function is currently being executed or the function app is even running. Is there a way to stop them from showing unless the function app is running and a function is being executed?

[MicroFish91]

For some reason, I couldn't find a .prettierrc file configuration that would keeping the existing styling as-is. Any help there is appreciated.

Yeah, we don't use prettier defaults in our extensions. I tended to use it as well in my own projects but had to turn off a lot of the default formatting to keep our work projects from getting auto formatted on save 😋

Do I need to do something extra to make localization work? I followed the pattern I saw of using the localize function, but I'm not sure how the code I used as the first argument gets used.

At first glance, the way you're using it looks okay to me. I wouldn't worry too much about the string id, the new vscode.l10n localization method we should eventually be migrating to will no longer be requiring us to designate the id to be passed at all anymore if I recall correctly.