[PR #1220] [MERGED] Add search input & capability to graphql types and fields #3148

New issue

Closed

opened 2026-03-17 00:47:22 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 00:47:22 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/1220
Author: @LeoMartinDev
Created: 10/3/2020
Status: ✅ Merged
Merged: 10/4/2020
Merged by: @liyasthomas

Base: master ← Head: feat/filter-graphql-fields

📝 Commits (8)

7e87cc1 Add search input & capability to graphql types and fields
acb777c Remove debug code
12941a1 Use normalized text
1546727 Merge branch 'master' into feat/filter-graphql-fields
76eba3d Graphql: highlight fields on search
d9a9ae7 Merge branch 'feat/filter-graphql-fields' of https://github.com/LeoMartinDev/hoppscotch into feat/filter-graphql-fields
0702ca3 Highlight filtered field and type
9601477 Merge branch 'master' into feat/filter-graphql-fields

📊 Changes

3 files changed (+133 additions, -9 deletions)

View changed files

📝 components/graphql/field.vue (+9 -1)
📝 components/graphql/type.vue (+23 -2)
📝 pages/graphql.vue (+101 -6)

📄 Description

Related issue #1188

The PR adds basic filtering for queryFields, mutationFields, subscriptionFields and gqlTypes.

The value provided to the search input is used to match on fieldName and description fields.

gqlTypes are handled differently as we also filter on gqlTypes._fields array.

Some improvements for an other PR could be to highlight matched text (?)
Also, gqlTypes._fields filtering could be improved by keeping only matched fields as it can be confusing to see the whole Schema and having to scroll until you find concerned field

Unfiltered results

Filtered results

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/1220 **Author:** [@LeoMartinDev](https://github.com/LeoMartinDev) **Created:** 10/3/2020 **Status:** ✅ Merged **Merged:** 10/4/2020 **Merged by:** [@liyasthomas](https://github.com/liyasthomas) **Base:** `master` ← **Head:** `feat/filter-graphql-fields` --- ### 📝 Commits (8) - [`7e87cc1`](https://github.com/hoppscotch/hoppscotch/commit/7e87cc1923ea1e24d6f27b3f3c440fa894fc9b8c) Add search input & capability to graphql types and fields - [`acb777c`](https://github.com/hoppscotch/hoppscotch/commit/acb777c236b291accb410889e363267c61f32208) Remove debug code - [`12941a1`](https://github.com/hoppscotch/hoppscotch/commit/12941a107d8a9c5dd982927ab201e8a96adf167f) Use normalized text - [`1546727`](https://github.com/hoppscotch/hoppscotch/commit/1546727612207edc2c8964b4a6dca98a2a737384) Merge branch 'master' into feat/filter-graphql-fields - [`76eba3d`](https://github.com/hoppscotch/hoppscotch/commit/76eba3d638e046e530085839391b561d4b1c1291) Graphql: highlight fields on search - [`d9a9ae7`](https://github.com/hoppscotch/hoppscotch/commit/d9a9ae7e724cad949849108d82e1a32501e605fd) Merge branch 'feat/filter-graphql-fields' of https://github.com/LeoMartinDev/hoppscotch into feat/filter-graphql-fields - [`0702ca3`](https://github.com/hoppscotch/hoppscotch/commit/0702ca3fc9c4a6a1a216d7c237f7cb8b8fedc717) Highlight filtered field and type - [`9601477`](https://github.com/hoppscotch/hoppscotch/commit/9601477bba07087248f9dbaa321c890b5f3962b9) Merge branch 'master' into feat/filter-graphql-fields ### 📊 Changes **3 files changed** (+133 additions, -9 deletions) <details> <summary>View changed files</summary> 📝 `components/graphql/field.vue` (+9 -1) 📝 `components/graphql/type.vue` (+23 -2) 📝 `pages/graphql.vue` (+101 -6) </details> ### 📄 Description Related issue #1188 The PR adds basic filtering for `queryFields`, `mutationFields`, `subscriptionFields` and `gqlTypes`. The value provided to the search input is used to match on `fieldName` and `description` fields. `gqlTypes` are handled differently as we also filter on `gqlTypes._fields` array. Some improvements for an other PR could be to highlight matched text (?) Also, `gqlTypes._fields` filtering could be improved by keeping only matched fields as it can be confusing to see the whole Schema and having to scroll until you find concerned field **Unfiltered results** ![image](https://user-images.githubusercontent.com/7238941/94995395-4d03d300-059e-11eb-9110-9d2a22c4e75f.png) **Filtered results** ![image](https://user-images.githubusercontent.com/7238941/94995407-5a20c200-059e-11eb-86cd-39a0e073f797.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>