feature request: copy http request "as curl"

[maks]

Many (most?) HTTP inspection tools, proxies, etc have a "copy as curl" feature, eg. Charles Proxy:

and Chrome DevTools.

This package could be a good starting point for this, though I believe it currently does not yet support query params.

Even round-tripping could be possible as @csells has added Dart support for going from curl to Dart http client syntax.

[codenoobforreal]

need this feature.

[exaby73]

+1 on this

[csells]

+1! although I may be bias : )

[cyrilnoah1]

+1
This seems to have been opened a year ago, any update on this?

[jankuss]

@kenzieschmoll I'm working on this - Can you please assign this to me?

I intend to add a "Actions" button on the right of each network request. When you click on it, a popup opens which shows the different actions for that request:

Screen.Recording.2022-05-15.at.18.06.53.mov

Do you think I can proceed with such a solution, or do you have a better idea on how we should build this? I tried to build this by opening the popup on a right click, but this doesn't behave well within a browser (because of the browser context menu).

[kenzieschmoll]

hi @jankuss. thanks for working on this! I'll assign it to you. Adding a context menu sounds good to me. Longer term, right click would be the preferred solution but until Flutter Web has better support for this, an explicit context menu button is fine. A couple pieces of feedback:

1. let's use a vertical three-dot icon instead of horizontal to be consistent with other parts of DevTools
2. only adding the menu button to the selected request may make the UI appear less busy
   CC @InMatrix

[InMatrix]

only adding the menu button to the selected request may make the UI appear less busy

+1

[csells]

Nice! This will go very well with this: https://curlconverter.com/#dart