Skip to content

GraphiQL 5 #3979

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 48 commits into
base: main
Choose a base branch
from
Open

GraphiQL 5 #3979

wants to merge 48 commits into from

Conversation

dimaMachina
Copy link
Collaborator

No description provided.

Copy link

changeset-bot bot commented Jun 1, 2025

🦋 Changeset detected

Latest commit: 5cf7a18

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link
Contributor

github-actions bot commented Jun 1, 2025

The latest changes of this PR are not available as canary, since there are no linked changesets for this PR.

* use execution store

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* default query

* persist headers

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* reduce rerenders

* add logs

* try

* cleanup

* cspell

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* fixes

* fixes

* fixes

* fixes

* fixes

* Delete .changeset/five-cars-roll.md

* Apply suggestions from code review

* Apply suggestions from code review

* Update .changeset/chilly-sloths-heal.md

* Update .changeset/chilly-sloths-heal.md

* Update .changeset/chilly-sloths-heal.md
…`useResponseEditor` hooks (#3950)

* use execution store

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* default query

* persist headers

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* reduce rerenders

* add logs

* try

* cleanup

* cspell

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* fixes

* fixes

* fixes

* fixes

* fixes

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* prettier

* upd

* move plugins check to store

* upd

* upd

* refactor

* refactor

* upd

* upd

* upd

* upd

* upd

* upd

* lint fix

* Delete .changeset/five-cars-roll.md

* Update .changeset/warm-shoes-boil.md

* fix build
…ders (#3234)

* use execution store

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* default query

* persist headers

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* reduce rerenders

* add logs

* try

* cleanup

* cspell

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* fixes

* fixes

* fixes

* fixes

* fixes

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* prettier

* upd

* move plugins check to store

* upd

* upd

* refactor

* refactor

* upd

* upd

* upd

* upd

* upd

* upd

* lint fix

* all in one

* yarn lokc

* fix

* yarn.lock

* update babel.config.js

* fix tests

* Delete .changeset/five-cars-roll.md

* fix build

* fix netlify

* update changeset

* update yarn.lock

* polish

* polish
…Next.js examples (#3966)

* use execution store

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* default query

* persist headers

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* reduce rerenders

* add logs

* try

* cleanup

* cspell

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* fixes

* fixes

* fixes

* fixes

* fixes

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* prettier

* upd

* move plugins check to store

* upd

* upd

* refactor

* refactor

* upd

* upd

* upd

* upd

* upd

* upd

* lint fix

* all in one

* yarn lokc

* fix

* yarn.lock

* update babel.config.js

* fix tests

* update examples

* yarn.lock

* run yarn

* add changeset

* Delete .changeset/five-cars-roll.md

* upd snapshot

* trigger rebuild of netlify example

* should fix netlify

* and here

* upd yarn.lock
* Version Packages (rc)

* run yarn

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>
* Version Packages (rc)

* run yarn

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>
* add f1 command as first item in shortcut table

* add f1 command as first item in shortcut table

* rollback

* refactor plugins

* refactor editor

* refactor execution

* refactor schema

* refactor schema

* export actions

* add SlicesWithActions

* add types tests

* execution

* lint

* editor refactoring

* avoid calling get() in set()

* fix state creators

* useGraphiQLActions

* add comment

* fix type errors

* fix type errors

* more types check

* more types check

* more types check

* upd

* add changeset

* Update editor.ts

* add initial values for execution store

* add initial values for plugin store

* add initial values for schema store

* add initial values for schema store

* external fragments

* external fragments

* add plugins

* polish

* polish

* polish

* polish

* polish

* polish

* polish

* polish

* polish

* polish

* polish

* polish

* polish

* add changeset

* fix cypress
* Version Packages (rc)

* run yarn

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>
* Version Packages (rc)

* run yarn

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>
* extract sidebar into component

* upd

* add changeset

* fix cypress
Copy link

codecov bot commented Jun 15, 2025

Codecov Report

Attention: Patch coverage is 0% with 1 line in your changes missing coverage. Please review.

Project coverage is 63.96%. Comparing base (a862358) to head (0a08642).

Files with missing lines Patch % Lines
packages/graphiql/test/schema.js 0.00% 1 Missing ⚠️
Additional details and impacted files

Impacted file tree graph

@@            Coverage Diff             @@
##             main    #3979      +/-   ##
==========================================
+ Coverage   63.94%   63.96%   +0.02%     
==========================================
  Files          35       35              
  Lines        3087     3086       -1     
  Branches      949      948       -1     
==========================================
  Hits         1974     1974              
+ Misses       1108     1107       -1     
  Partials        5        5              
Files with missing lines Coverage Δ
...ql-language-service/src/utils/getOperationFacts.ts 6.25% <ø> (+0.36%) ⬆️
packages/graphiql/test/schema.js 36.76% <0.00%> (ø)
🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

* Version Packages (rc)

* upd

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>
* run cypress tests in React strict mode

* upd

* upd

* upd

* Update packages/graphiql/cypress/e2e/tabs.cy.ts
* Version Packages (rc)

* run yarn

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>
* upd

* upd

* upd

* upd

* upd

* set `"importsNotUsedAsValues": "error"` in tsconfig

* add changeset
* fix GraphiQL 5 feedback

* add deprecated.ts

* add more deprecated

* useExecutionContext

* usePluginContext

* useSchemaContext

* useStorageContext

* useHistoryContext

* useExplorerContext

* upd readme

* upd readme

* upd readme

* polish

* mention never rerender

* upd

* upd

* fix toolbar

* toolbar changes

* upd

* upd

* upd

* upd

* fix graphiql footer overflow

* add changeset

* add changeset

* prettier
* Version Packages (rc)

* run yarn

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>
…ps from `<GraphiQL />` (#3735)

* changeset pre enter alpha

* [graphiql-react/graphiql] new looks of tabs (#3644)

* new looks of tabs

* add graphiql react too

* all fixes

* more polishing

* more

* more

* more

* more

* more

* prettier

* polish changeset

* disable shrinking while changing the operation name

* Update packages/graphiql-react/src/ui/tabs.css

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* yarn i

* apply new design changes

* prettier

* Update .changeset/thirty-spoons-call.md

* fix cypress

* this fix locally

---------

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* [2] GraphiQL x Vite v5 (#3679)

* new looks of tabs

* add graphiql react too

* all fixes

* more polishing

* more

* more

* more

* more

* more

* prettier

* polish changeset

* disable shrinking while changing the operation name

* Update packages/graphiql-react/src/ui/tabs.css

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* yarn i

* apply new design changes

* prettier

* vite

more

more

more

* fix demo

* fix cspell

* fix dev

* update cypress to v13

* upd cache key

* Update .changeset/thirty-spoons-call.md

* Update packages/graphiql/vite.config.mts

* merge

* add changeset

* yarn.lock

---------

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* [3] remove unused webpack deps (#3681)

* new looks of tabs

* add graphiql react too

* all fixes

* more polishing

* more

* more

* more

* more

* more

* prettier

* polish changeset

* disable shrinking while changing the operation name

* Update packages/graphiql-react/src/ui/tabs.css

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* yarn i

* apply new design changes

* prettier

* vite

more

more

more

* fix demo

* fix cspell

* fix dev

* update cypress to v13

* upd cache key

* remove webpack deps

* fix `yarn jest --coverage`

* Update .changeset/thirty-spoons-call.md

* Update packages/graphiql/vite.config.mts

* merge

* add changeset

* yarn.lock

* yarn.lock

---------

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* [4] update graphql to `16.9.0` and use vite `define` configuration to remove development code from cdn bundle (#3683)

* vite

more

more

more

* fix demo

* fix cspell

* fix dev

* update cypress to v13

* upd cache key

* remove webpack deps

* fix `yarn jest --coverage`

* upd graphql

* aa

* yarn.lock

* fix tests

* remove `data-testid="graphiql-container"` (#3688)

* commit `pre.json` until `graphiql-v4` will be added to list of authorized branches to deploy

* remove `graphiql-v4` from release.yml

* [v4] remove `disableTabs` option (#3687)

* remove `disableTabs` option

* format

* commit `pre.json`

* add `graphiql-v4` in release.yml

* [v4] prefer `location` over `window.location` and prefer `navigator` over `window.navigator` (#3692)

* [v4] remove `build.sh` and `checkgit.sh` (#3694)

* [v4] test umd build only on ci, locally test cdn.ts (#3693)

* test umd build only on ci, locally test cdn.ts

* Update custom-words.txt

* [v4] convert graphiql e2e server to ESM (#3697)

* aa

* fix netlify

* fix

* fix fails on ci

* [v4] update changeset for changed exports (#3700)

* [v4] generate types with `vite-plugin-dts` (#3702)

* generate types with `vite-plugin-dts`

* add types:check in prebuild

* more

* more

* more

* update vite

* upd

* use terser

* [v4] use `vite build --watch` instead of `vite` for `dev` script because we don't need development server for them (#3705)

* [v4] remove graphiql default export (#3706)

* aa

* aa

* polish

* [v4] fix netlify deploy (#3708)

* fix netlify deploy

* fix cypress

* change `style.css` imports (#3709)

* Update poor-ghosts-jump.md

* Version Packages (alpha) (#3689)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* [v4] show tabs even there is only 1 tab (#3713)

* aa

* aa

* fix unit tests

* fix cypress

* [v4] Remove `toolbar.additionalContent` and `toolbar.additionalComponent` props in favor of `GraphiQL.Toolbar` render props. (#3707)

* Version Packages (alpha) (#3714)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* [v4] use `position: absolute` for `.graphiql-logo` class (#3716)

* [v4] remove `createComponentGroup` utility in favour `Object.assign` (#3717)

* Version Packages (alpha) (#3718)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* [v4] fix merge conflicts with `main` (#3719)

* upgrade to graphql v17 including support for new incremental delivery format (#3682)

* add support for new incremental delivery format

* fix vitest

* add patch for graphql-js bug

submittes upstream with test at graphql/graphql-js#4160

* apply feedback

* move patches!

* some fixes

* fix netlify/cypress

* remove export

* update changeset

---------

Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>

* Version Packages (#3715)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* prettier

* fix e2e

* update pr-graphql-compat-check.yml

* prettier

---------

Co-authored-by: Yaacov Rydzinski <yaacovCR@gmail.com>
Co-authored-by: Rikki Schulte <rikki.schulte@gmail.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* [v4] fix scrollbar appearing in sidebar (#3720)

* replace `overflow-y: scroll` with `overflow-y: auto`

* fix netlify graphql function

* Version Packages (alpha) (#3723)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* style: Don't convert single \n to <br> (#3414)

* Update development instructions

* Don't convert single \n to <br>

* Add changeset

* Update .changeset/olive-mice-hide.md

---------

Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>

* [v4] some refactoring (#3726)

* some refactoring

* use `right: var(--px-16)` instead of `right: 0` for `.graphiql-logo`

* more

* try to fix

* fix join is not defined

* Update packages/graphiql/cypress/e2e/incremental-delivery.cy.ts

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

---------

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* [v4] polish `tabs.cy` tests, remove `.graphiql-session` class (#3728)

* aa

* aa

* aa

* aa

* fix tests

* [v4] rollback `position: absolute` style for `.graphiql-logo` because tabs will behind logo (#3730)

* Version Packages (alpha) (#3725)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* Add support for onPrettifyQuery callback to enable customised query formatting (#3733)

* aa

* prettifyyy

* Version Packages (alpha) (#3732)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* aa

* aa

* Apply suggestions from code review

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* upd

* upd

* Delete .changeset/breezy-chicken-crash.md

* Delete .changeset/add-on-prettify-callback.md

* Delete .changeset/few-steaks-clap.md

* Delete .changeset/flat-lies-heal.md

* Delete .changeset/gentle-bugs-mix.md

* Delete .changeset/green-pugs-worry.md

* Delete .changeset/good-vans-refuse.md

* Delete .changeset/metal-glasses-bow.md

* Delete .changeset/hungry-spiders-cheat.md

* Delete .changeset/old-zebras-knock.md

* Delete .changeset/orange-rivers-draw.md

* Delete .changeset/olive-mice-hide.md

* Delete .changeset/pink-moose-shake.md

* Delete .changeset/poor-ghosts-jump.md

* Delete .changeset/red-papayas-fly.md

* Delete .changeset/rich-jobs-kick.md

* Delete .changeset/serious-forks-sip.md

* Delete .changeset/strong-ears-bake.md

* Delete .changeset/spotty-bulldogs-confess.md

* Delete .changeset/thick-adults-leave.md

* Delete .changeset/weak-dancers-jog.md

* Delete .changeset/wicked-seas-laugh.md

* Delete .changeset/thirty-spoons-call.md

* Update .changeset/nasty-cows-train.md

* Update resources/custom-words.txt

* rollback

* rollback

* rollback

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* prettier

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* try isMounted

* Update packages/graphiql/cypress/e2e/headers.cy.ts

* Update packages/graphiql/src/e2e.ts

* fix tabs tests

* try

* improve use did update

* upd

* upd changeset

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd

* upd error message and changeset

* Update packages/graphiql/src/GraphiQL.spec.tsx

* Update packages/graphiql/src/GraphiQL.spec.tsx

* improve tsdoc comment

---------

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>
Co-authored-by: Rikki Schulte <rikki.schulte@gmail.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Yaacov Rydzinski <yaacovCR@gmail.com>
Co-authored-by: Leonard Ehrenfried <mail@leonard.io>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants