Feature: add form urlencoded & raw request body options

[akbarcandra]

Checklist:

• Add form url encoded body option
• Add raw body option (text & JSON) using CodeMirror
• Refactor request tabs component to use sync modifier for request prop

Preview

[davidhsianturi]

@akbarcandra thanks for sending this in! It's been pretty hectic for me lately so it might be a while before I get to this. But I haven't forgotten about it yet, just so you know :)

[akbarcandra]

Okay no problem

[davidhsianturi]

@akbarcandra this is nice additions and the API call still works like a charm 👍
I noticed that you are using the same table row in different form options,
are we expecting this UX?

[akbarcandra]

@akbarcandra this is nice additions and the API call still works like a charm 👍
I noticed that you are using the same table row in different form options,
are we expecting this UX?

Hmm, you right, that will cause a problem if using same table row for different form options, especially for File value. I will try to fix this by separating it.

[akbarcandra]

@davidhsianturi have you tried to test for Raw options? Especially for XML, YAML, EDN. Is it working to be received by an API? If it is to hard to test, I can remove that feature for this PR and put in another PR.

[davidhsianturi]

Hmm, you right, that will cause a problem if using same table row for different form options, especially for File value. I will try to fix this by separating it.

Maybe you can add the identifier like id to the raw? the raw table should be unique I guess

[davidhsianturi]

@davidhsianturi have you tried to test for Raw options? Especially for XML, YAML, EDN. Is it working to be received by an API? If it is to hard to test, I can remove that feature for this PR and put in another PR.

right, I think we just need the JSON options for now.

[akbarcandra]

Hi @davidhsianturi , I already push some fixes, please to review, thanks 😊