[PR #3653] [MERGED] fix(common): GraphQL query syntax highlighting #4474

New issue

Closed

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

kerem commented

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

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3653
Author: @jamesgeorge007
Created: 12/14/2023
Status: ✅ Merged
Merged: 12/15/2023
Merged by: @AndrewBastin

Base: release/2023.12.0 ← Head: hotfix/gql-query-syntax-highlighting

📝 Commits (2)

b144aa4 fix: GraphQL query syntax highlighting
a9fd0bc chore: bump codemirror related deps to the latest version

📊 Changes

3 files changed (+1543 additions, -811 deletions)

View changed files

📝 packages/codemirror-lang-graphql/package.json (+3 -3)
📝 packages/hoppscotch-common/package.json (+7 -7)
📝 pnpm-lock.yaml (+1533 -801)

📄 Description

Description

This PR aims at bringing back the syntax highlighting for GraphQL queries. Bumps all the codemirror related packages to the latest version in both @hoppscotch/common and @hoppscotch/codemirror-lang-graphql packages.

We had @lezer/highlight pinned to v1.1.4 along with @codemirror/language to v6.9.0 since any version above was found to make the GQL page crash/affect syntax highlighting during that time. It went out of sync when the related dependencies were bumped for @hoppscotch/common. It was found to be fixed in the recent versions; hence, we're moving to the latest version.

Before

After

Checks

My pull request adheres to the code style of this project
All the tests have passed

_{🔄 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/3653 **Author:** [@jamesgeorge007](https://github.com/jamesgeorge007) **Created:** 12/14/2023 **Status:** ✅ Merged **Merged:** 12/15/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.12.0` ← **Head:** `hotfix/gql-query-syntax-highlighting` --- ### 📝 Commits (2) - [`b144aa4`](https://github.com/hoppscotch/hoppscotch/commit/b144aa4a5a066c35d1ee1d9d6b0cfb7a1ff23240) fix: GraphQL query syntax highlighting - [`a9fd0bc`](https://github.com/hoppscotch/hoppscotch/commit/a9fd0bc40539637faa5dcb1b650e135a0f2cc653) chore: bump codemirror related deps to the latest version ### 📊 Changes **3 files changed** (+1543 additions, -811 deletions) <details> <summary>View changed files</summary> 📝 `packages/codemirror-lang-graphql/package.json` (+3 -3) 📝 `packages/hoppscotch-common/package.json` (+7 -7) 📝 `pnpm-lock.yaml` (+1533 -801) </details> ### 📄 Description ### Description This PR aims at bringing back the syntax highlighting for GraphQL queries. Bumps all the `codemirror` related packages to the latest version in both `@hoppscotch/common` and `@hoppscotch/codemirror-lang-graphql` packages. > We had [@lezer/highlight](https://github.com/lezer-parser/highlight) pinned to `v1.1.4` along with [@codemirror/language](https://github.com/codemirror/language) to `v6.9.0` since any version above was found to make the GQL page crash/affect syntax highlighting during that time. It went out of sync when the related dependencies were bumped for `@hoppscotch/common`. It was found to be fixed in the recent versions; hence, we're moving to the latest version. ### Before <img width="1004" alt="image" src="https://github.com/hoppscotch/hoppscotch/assets/25279263/a183959a-23ab-48ef-8025-f15eb9760ee6"> ### After <img width="1002" alt="image" src="https://github.com/hoppscotch/hoppscotch/assets/25279263/c5292f28-2df2-4870-becd-3c858802a88d"> ### Checks - [x] My pull request adheres to the code style of this project - [x] All the tests have passed --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>