[GH-ISSUE #1099] Display Query Variable on GraphQL Previewer #1096

Open
opened 2026-03-03 19:48:19 +03:00 by kerem · 5 comments
Owner

Originally created by @rilham97 on GitHub (Jan 2, 2022).
Original GitHub issue: https://github.com/ProxymanApp/Proxyman/issues/1099

Originally assigned to: @NghiaTranUIT on GitHub.

Proxyman version? (Ex. Proxyman 1.4.3)

Version 2.35.4 (23540)

macOS Version? (Ex. mac 10.14)

I hit mutation like below, but when I saw using the GraphQL previewer feature, the query variable was not displayed.
Is there any solution to help us see all the requests clearly?

Screen Shot 2022-01-02 at 22 05 30

Screen Shot 2022-01-02 at 22 06 05

Here the JSON body

{
  "operationName": null,
  "variables": {
    "input": {
      "title": "A Very Captivating Post Title",
      "body": "Some interesting content."
    }
  },
  "query": "mutation ($input: CreatePostInput!) {\n  createPost(input: $input) {\n    id\n    title\n    body\n  }\n}\n"
}
Originally created by @rilham97 on GitHub (Jan 2, 2022). Original GitHub issue: https://github.com/ProxymanApp/Proxyman/issues/1099 Originally assigned to: @NghiaTranUIT on GitHub. ### Proxyman version? (Ex. Proxyman 1.4.3) Version 2.35.4 (23540) ### macOS Version? (Ex. mac 10.14) I hit mutation like below, but when I saw using the GraphQL previewer feature, **the query variable** was not displayed. Is there any solution to help us see all the requests clearly? ![Screen Shot 2022-01-02 at 22 05 30](https://user-images.githubusercontent.com/28677129/147880081-e959045e-2e4f-4811-8ac4-7bf8d8e6d8bb.png) <img width="1067" alt="Screen Shot 2022-01-02 at 22 06 05" src="https://user-images.githubusercontent.com/28677129/147880135-45c62cac-a230-47c8-a87a-36df89871745.png"> Here the JSON body ``` { "operationName": null, "variables": { "input": { "title": "A Very Captivating Post Title", "body": "Some interesting content." } }, "query": "mutation ($input: CreatePostInput!) {\n createPost(input: $input) {\n id\n title\n body\n }\n}\n" } ```
Author
Owner

@NghiaTranUIT commented on GitHub (Jan 2, 2022):

Thanks for your report @rilham97. Currently, Proxyman doesn't display the query variable, but it's reasonable to support it.

I will implement it and send you a Beta build this week 👍

<!-- gh-comment-id:1003734854 --> @NghiaTranUIT commented on GitHub (Jan 2, 2022): Thanks for your report @rilham97. Currently, Proxyman doesn't display the query variable, but it's reasonable to support it. I will implement it and send you a Beta build this week 👍
Author
Owner

@NghiaTranUIT commented on GitHub (Jan 3, 2022):

Hey @rilham97 just wondering:

Why don't you click on the Request Body tab to see the variables ? 🤔

It will display like the below, but you can clearly see the variable

{
  "operationName": null,
  "variables": {
    "input": {
      "title": "A Very Captivating Post Title",
      "body": "Some interesting content."
    }
  },
  "query": "mutation ($input: CreatePostInput!) {\n  createPost(input: $input) {\n    id\n    title\n    body\n  }\n}\n"
}
<!-- gh-comment-id:1003845172 --> @NghiaTranUIT commented on GitHub (Jan 3, 2022): Hey @rilham97 just wondering: Why don't you click on the Request Body tab to see the `variables` ? 🤔 It will display like the below, but you can clearly see the variable ```json { "operationName": null, "variables": { "input": { "title": "A Very Captivating Post Title", "body": "Some interesting content." } }, "query": "mutation ($input: CreatePostInput!) {\n createPost(input: $input) {\n id\n title\n body\n }\n}\n" } ```
Author
Owner

@rilham97 commented on GitHub (Jan 3, 2022):

Hi @NghiaTranUIT , actually I already did it.

But, I just thought it would be prettier if the input variable is shown on GraphQL tab instead click on Request Body like Postman maybe?
image

<!-- gh-comment-id:1004107350 --> @rilham97 commented on GitHub (Jan 3, 2022): Hi @NghiaTranUIT , actually I already did it. But, I just thought it would be prettier if the input variable is shown on GraphQL tab instead click on Request Body like Postman maybe? ![image](https://user-images.githubusercontent.com/28677129/147938645-6acb6ffe-3247-43c9-a8f9-7c07aa2b9cc7.png)
Author
Owner

@NghiaTranUIT commented on GitHub (Jan 6, 2022):

@rilham97 let try this beta build: https://proxyman.s3.us-east-2.amazonaws.com/beta/Proxyman_2.35.4_Improve_GraphQL_Tab.dmg

Proxyman will display seperately the Query and the Variable 👍

Screen_Shot_2022-01-06_at_13_33_08
<!-- gh-comment-id:1006337062 --> @NghiaTranUIT commented on GitHub (Jan 6, 2022): @rilham97 let try this beta build: https://proxyman.s3.us-east-2.amazonaws.com/beta/Proxyman_2.35.4_Improve_GraphQL_Tab.dmg Proxyman will display seperately the Query and the Variable 👍 <img width="1624" alt="Screen_Shot_2022-01-06_at_13_33_08" src="https://user-images.githubusercontent.com/5878421/148343951-8b3fecf1-b2c3-4543-be43-3714472ecaa6.png">
Author
Owner

@rilham97 commented on GitHub (Jan 7, 2022):

Thanks @NghiaTranUIT , I already tried and it works perfectly !

<!-- gh-comment-id:1007041867 --> @rilham97 commented on GitHub (Jan 7, 2022): Thanks @NghiaTranUIT , I already tried and it works perfectly !
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/Proxyman#1096
No description provided.