[GH-ISSUE #1188] Add search (live filter?) box for GraphQL schema panel #407

Closed
opened 2026-03-16 15:09:18 +03:00 by kerem · 8 comments
Owner

Originally created by @Qix- on GitHub (Sep 25, 2020).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/1188

Is your feature request related to a problem? Please describe.

The schema fetching in Hoppscotch is very helpful and (mostly) well laid-out. However, it appears to be using a virtual list of some sort and thus isn't ctrl+f searchable, making large schemas incredibly hard to traverse.

This, paired with the fact it can't be resized (it's a tiny sliver for me) and that clicking types and whatnot doesn't seem to scroll to the appropriate positions, makes it for kind of a clunky experience - especially when the API in question doesn't provide formal docs and instead simply points to the in-schema documentation.

Describe the solution you'd like

Basically this.

image

Describe alternatives you've considered

Nothing really, feels like this is a core feature that'd be abundantly useful.

Alternatively, a tree-like viewer instead of a long virtual list, where items can be expanded to include documentation notes and whanot (collapsed by default).

Additional context

Only appears to be missing for GraphQL. The component in the screenshot is just hacked in, copied from another tab.

Originally created by @Qix- on GitHub (Sep 25, 2020). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/1188 **Is your feature request related to a problem? Please describe.** The schema fetching in Hoppscotch is very helpful and (mostly) well laid-out. However, it appears to be using a virtual list of some sort and thus isn't ctrl+f searchable, making large schemas incredibly hard to traverse. This, paired with the fact it can't be resized (it's a tiny sliver for me) and that clicking types and whatnot doesn't seem to scroll to the appropriate positions, makes it for kind of a clunky experience - especially when the API in question doesn't provide formal docs and instead simply points to the in-schema documentation. **Describe the solution you'd like** Basically this. ![image](https://user-images.githubusercontent.com/885648/94298672-d005a780-ff66-11ea-8d5b-d32d1311eafb.png) **Describe alternatives you've considered** Nothing really, feels like this is a core feature that'd be abundantly useful. Alternatively, a tree-like viewer instead of a long virtual list, where items can be expanded to include documentation notes and whanot (collapsed by default). **Additional context** Only appears to be missing for GraphQL. The component in the screenshot is just hacked in, copied from another tab.
kerem 2026-03-16 15:09:18 +03:00
Author
Owner

@liyasthomas commented on GitHub (Sep 25, 2020):

Thanks for reporting your pain points regarding GraphQL page. We're working on an overhaul on GraphQL page and hoping to bring the best experience. Will use this issue as a base to track it's progress.

<!-- gh-comment-id:699110650 --> @liyasthomas commented on GitHub (Sep 25, 2020): Thanks for reporting your pain points regarding GraphQL page. We're working on an overhaul on GraphQL page and hoping to bring the best experience. Will use this issue as a base to track it's progress.
Author
Owner

@AndrewBastin commented on GitHub (Sep 27, 2020):

I think this will be good for Hacktoberfest as I am preoccupied with working on the Teams backend.

The implementation is pretty trivial actually.

Anyone interested can ping me (on Discord or Telegram group or here) if you need any pointers.

<!-- gh-comment-id:699570443 --> @AndrewBastin commented on GitHub (Sep 27, 2020): I think this will be good for Hacktoberfest as I am preoccupied with working on the Teams backend. The implementation is pretty trivial actually. Anyone interested can ping me (on Discord or Telegram group or here) if you need any pointers.
Author
Owner

@LeoMartinDev commented on GitHub (Oct 3, 2020):

I'll give it a try 👌

<!-- gh-comment-id:703109202 --> @LeoMartinDev commented on GitHub (Oct 3, 2020): I'll give it a try 👌
Author
Owner

@LeoMartinDev commented on GitHub (Oct 3, 2020):

I'm wondering, should it filter only on fieldName ? Maybe we could also search in the description, not sure about this

<!-- gh-comment-id:703110977 --> @LeoMartinDev commented on GitHub (Oct 3, 2020): I'm wondering, should it filter only on `fieldName` ? Maybe we could also search in the description, not sure about this
Author
Owner

@Qix- commented on GitHub (Oct 3, 2020):

Being able to fuzzy search for any of the content would be groundbreaking. Some of the schemas that get imported are massive and it's not always clear what the field name will be.

Just my $0.02.

<!-- gh-comment-id:703113571 --> @Qix- commented on GitHub (Oct 3, 2020): Being able to fuzzy search for any of the content would be groundbreaking. Some of the schemas that get imported are _massive_ and it's not always clear what the field name will be. Just my $0.02.
Author
Owner

@LeoMartinDev commented on GitHub (Oct 3, 2020):

Being able to fuzzy search for any of the content would be groundbreaking. Some of the schemas that get imported are massive and it's not always clear what the field name will be.

Just my $0.02.

You mean, including mutations args, fields types, etc.. ? Got something working, filtering on description & field/mutation/type name

<!-- gh-comment-id:703114751 --> @LeoMartinDev commented on GitHub (Oct 3, 2020): > Being able to fuzzy search for any of the content would be groundbreaking. Some of the schemas that get imported are _massive_ and it's not always clear what the field name will be. > > Just my $0.02. You mean, including mutations args, fields types, etc.. ? Got something working, filtering on description & field/mutation/type name
Author
Owner

@Qix- commented on GitHub (Oct 3, 2020):

Yeah, basically any part of the spec that is returned would be searchable in theory - within reason, of course.

<!-- gh-comment-id:703150615 --> @Qix- commented on GitHub (Oct 3, 2020): Yeah, basically any part of the spec that is returned would be searchable in theory - within reason, of course.
Author
Owner

@LeoMartinDev commented on GitHub (Oct 3, 2020):

Yeah, basically any part of the spec that is returned would be searchable in theory - within reason, of course.

For now it searches in name and description but I made it easy to add more keys to search in

<!-- gh-comment-id:703171918 --> @LeoMartinDev commented on GitHub (Oct 3, 2020): > Yeah, basically any part of the spec that is returned would be searchable in theory - within reason, of course. For now it searches in `name` and `description` but I made it easy to add more keys to search in
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/hoppscotch#407
No description provided.