[PR #4742] [MERGED] feat: improve graphql query builder #4916

New issue

Closed

opened 2026-03-17 02:24:40 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:24:40 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/4742
Author: @anwarulislam
Created: 2/9/2025
Status: ✅ Merged
Merged: 3/13/2025
Merged by: @jamesgeorge007

Base: next ← Head: feat/imprv-query-builder

📝 Commits (8)

6c4f9fd feat: active status for argument
6ef44c3 feat: readonly field and arguments
527a403 feat: reduced debounce to prevent crash on query insert
24776a0 feat: updated colors for better contrast in light and dark mode
05809d4 chore: update font-sizes and padding
0ff4377 fix: multiple click subscription crash
d21dacb fix: add debounce and fix subscription link crash
1cd1f12 chore: disabled clicking on type besides field

📊 Changes

15 files changed (+157 additions, -92 deletions)

View changed files

📝 packages/hoppscotch-common/locales/en.json (+2 -0)
📝 packages/hoppscotch-common/src/components/graphql/Argument.vue (+20 -11)
📝 packages/hoppscotch-common/src/components/graphql/Arguments.vue (+17 -5)
📝 packages/hoppscotch-common/src/components/graphql/DocExplorer.vue (+22 -12)
📝 packages/hoppscotch-common/src/components/graphql/ExplorerSection.vue (+4 -2)
📝 packages/hoppscotch-common/src/components/graphql/Field.vue (+8 -17)
📝 packages/hoppscotch-common/src/components/graphql/FieldDocumentation.vue (+8 -7)
📝 packages/hoppscotch-common/src/components/graphql/FieldLink.vue (+11 -6)
📝 packages/hoppscotch-common/src/components/graphql/Fields.vue (+7 -1)
📝 packages/hoppscotch-common/src/components/graphql/Query.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/graphql/SchemaDocumentation.vue (+6 -6)
📝 packages/hoppscotch-common/src/components/graphql/TypeDocumentation.vue (+5 -8)
📝 packages/hoppscotch-common/src/components/graphql/TypeLink.vue (+8 -2)
📝 packages/hoppscotch-common/src/helpers/graphql/explorer.ts (+2 -1)
📝 packages/hoppscotch-common/src/helpers/graphql/query.ts (+36 -13)

📄 Description

Closes HFE-739

This pull request addresses several issues related to the GraphQL query builder. The following fixes have been implemented:

Resolved an issue where the GraphQL subscription document could be generated in an invalid state under certain conditions.
Fixed the problem of not being able to populate primitive fields in the default GraphQL example available at https://echo.hoppscotch.io/graphql.
Added functionality to indicate the active status for GraphQL document arguments, similar to how it is done for fields.
Improved UI and fixes contrast issue on light mode

Status

Not Completed
Completed

_{🔄 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/4742 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 2/9/2025 **Status:** ✅ Merged **Merged:** 3/13/2025 **Merged by:** [@jamesgeorge007](https://github.com/jamesgeorge007) **Base:** `next` ← **Head:** `feat/imprv-query-builder` --- ### 📝 Commits (8) - [`6c4f9fd`](https://github.com/hoppscotch/hoppscotch/commit/6c4f9fd9861a8d500b8e2af962109e25d9b57c07) feat: active status for argument - [`6ef44c3`](https://github.com/hoppscotch/hoppscotch/commit/6ef44c3860598087b8cf324c491b0005f2a58b60) feat: readonly field and arguments - [`527a403`](https://github.com/hoppscotch/hoppscotch/commit/527a4030f8a37e8ee5e0eff670d04fe8dc7f26cd) feat: reduced debounce to prevent crash on query insert - [`24776a0`](https://github.com/hoppscotch/hoppscotch/commit/24776a0f0c1075e75ab450781d1eaf54e05465c1) feat: updated colors for better contrast in light and dark mode - [`05809d4`](https://github.com/hoppscotch/hoppscotch/commit/05809d42451c1d10c4d45a9d7971a6cb138392f3) chore: update font-sizes and padding - [`0ff4377`](https://github.com/hoppscotch/hoppscotch/commit/0ff437722b4e8a342a06e340f023780716197fb1) fix: multiple click subscription crash - [`d21dacb`](https://github.com/hoppscotch/hoppscotch/commit/d21dacb99b8e6481e13278a494a8f650686547e3) fix: add debounce and fix subscription link crash - [`1cd1f12`](https://github.com/hoppscotch/hoppscotch/commit/1cd1f124f53447971d720166f355dc6c68e6c29d) chore: disabled clicking on type besides field ### 📊 Changes **15 files changed** (+157 additions, -92 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/locales/en.json` (+2 -0) 📝 `packages/hoppscotch-common/src/components/graphql/Argument.vue` (+20 -11) 📝 `packages/hoppscotch-common/src/components/graphql/Arguments.vue` (+17 -5) 📝 `packages/hoppscotch-common/src/components/graphql/DocExplorer.vue` (+22 -12) 📝 `packages/hoppscotch-common/src/components/graphql/ExplorerSection.vue` (+4 -2) 📝 `packages/hoppscotch-common/src/components/graphql/Field.vue` (+8 -17) 📝 `packages/hoppscotch-common/src/components/graphql/FieldDocumentation.vue` (+8 -7) 📝 `packages/hoppscotch-common/src/components/graphql/FieldLink.vue` (+11 -6) 📝 `packages/hoppscotch-common/src/components/graphql/Fields.vue` (+7 -1) 📝 `packages/hoppscotch-common/src/components/graphql/Query.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/graphql/SchemaDocumentation.vue` (+6 -6) 📝 `packages/hoppscotch-common/src/components/graphql/TypeDocumentation.vue` (+5 -8) 📝 `packages/hoppscotch-common/src/components/graphql/TypeLink.vue` (+8 -2) 📝 `packages/hoppscotch-common/src/helpers/graphql/explorer.ts` (+2 -1) 📝 `packages/hoppscotch-common/src/helpers/graphql/query.ts` (+36 -13) </details> ### 📄 Description Closes HFE-739 This pull request addresses several issues related to the GraphQL query builder. The following fixes have been implemented: - Resolved an issue where the GraphQL subscription document could be generated in an invalid state under certain conditions. - Fixed the problem of not being able to populate primitive fields in the default GraphQL example available at https://echo.hoppscotch.io/graphql. - Added functionality to indicate the active status for GraphQL document arguments, similar to how it is done for fields. - Improved UI and fixes contrast issue on light mode ### Status - [ ] Not Completed - [x] Completed --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>