feat(ui/console): add copy as curl button

[AmineRhazzar]

fixes: #2255

• implemented 'Copy as curl' button
• Fixed the following ui bugs:
  • Request Context editor hides the 'Evaluate' button on smaller heights
  • The component showing the response gets highlighted (using hljs) only on the first request, and not on subsequent requests or when an error happens.

I wasn't sure how to specify the need for an API token for the curl command if auth was required. I just put -H "Authorization: Bearer <api-token>".

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (0e86ff8) 70.73% compared to head (5dac283) 70.73%.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2474   +/-   ##
=======================================
  Coverage   70.73%   70.73%           
=======================================
  Files          81       81           
  Lines        8130     8130           
=======================================
  Hits         5751     5751           
  Misses       2033     2033           
  Partials      346      346           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[erka]

@AmineRhazzar could you please change Refs: #2255 to fixes: #2255. Github will link issue with current PR and close the issue when PR is merged.

[GeorgeMac]

This is really awesome, thank you @AmineRhazzar 🙏

I think what you have there for auth makes sense. We could have a little input field for supplying a token, but unsure if we really want that and could always come in a later change if we decided we want it.

[GeorgeMac]

This looks awesome and thanks for fixing the highlighting bug too!

[AmineRhazzar]

You're welcome! Happy to help

[markphelps]

good catch!

[markphelps]

couple minor suggestions @AmineRhazzar

thank you very much for doing this! works great!

[markphelps]

@all-contributors please add @AmineRhazzar for code

[allcontributors]

@markphelps

I've put up a pull request to add @AmineRhazzar! 🎉

[markphelps]

thanks again @AmineRhazzar !!

[AmineRhazzar]

My pleasure 👌