warrenday / graphql-network-inspector

A better network inspector for viewing and debugging GraphQL requests.
MIT License
484 stars 47 forks source link

Make different section collapsible #128

Closed BhuvaneshPatil closed 5 months ago

BhuvaneshPatil commented 6 months ago

Description

This PR will add collapsible feature to different parts of request. Currently when we collapse the query for 1 request, it will collapse for all. With this PR we will be only hiding the section on which we clicked.

The root cause of bug was that we were saving if section is collapsed using query, variable and extension as the key. With these PR we will add request id to key as well. variable -> variable-<request_id>

Second major change is, in case of multiple graphql queries displayed in one request we will partitioning each queries. See image

Screenshot

https://github.com/warrenday/graphql-network-inspector/assets/27822551/f24d32de-d911-492b-8947-f429a66d319f

Screenshot 2024-04-03 at 9 42 14 PM Screenshot 2024-04-03 at 9 48 09 PM

Checklist

warrenday commented 5 months ago

Hey @BhuvaneshPatil thanks for raising. I've just merged latest master which fixes lint, pipeline should now pass then i'll merge.