Add GraphQL Support

[ashitaprasad]

Tell us about the task you want to perform and are unable to do so because the feature is not available
GraphQL, a query language for APIs and a runtime for executing those queries, has gained popularity due to its flexibility and efficiency in fetching data. Testing GraphQL APIs is critical for validating schema consistency, query correctness & error handling. By providing support for testing, visualization & integration code generation of GraphQL APIs, we can ensure their quality and reliability.

[An-Yay]

Hey I'd like to have a take on implementing it from scratch. What would be the basic outlines or timeline you'd like me to follow for the same? I'm familiar with graphql and flutter.

For now I can start with getting familiar with other services and their implementations

[animator]

@An-Yay You can start as soon as possible and share your design and your approach on this thread.

[An-Yay]

Alright, I'll get started with it tonight. Any suggestions or things that I should consider for the design?
Please assign the same if it's possible

[An-Yay]

For the GraphQL testing we can add in another button right below Requests button with the same layout for entering the API endpoint. Below that in the requests section, user would be able to give new parameters, handle Auth, add Headers, add QUERY, graphql variables and see the response below. Further we can add some settings for the API testings, handling redirects, make strict parsing, add website specific cookies and so on.
I am interested in doing the same under GSOC. I'll try creating a mockup on figma to showcase the actual idea in design. Please provide me with any further feedback on the same.

[animator]

@An-Yay You can draw a mockup of design and share here.

[BrawlerXull]

@An-Yay You can draw a mockup of design and share here.

I've tried implementing it in #244 please review the design/code

Screen.Recording.2024-03-03.at.2.17.04.AM.mov