fix(deps): update dependency @graphiql/plugin-explorer to v5 #4033

renovate · 2025-05-18T14:23:50Z

This PR contains the following updates:

Package	Change	Age	Confidence
@graphiql/plugin-explorer (source)	`^3.0.0` -> `^5.0.0`

Release Notes

graphql/graphiql (@graphiql/plugin-explorer)

`v5.1.1`

Compare Source

Patch Changes

Updated dependencies [6e5d5fc, 293beed]:
- @graphiql/react@0.37.0

Major Changes

#3990 27e7eb6 Thanks @dimaMachina! - - allow multiple independent instances of GraphiQL on the same page
- store onClickReference in query editor in React ref
- remove onClickReference from variable editor
- fix shortcut text per OS for run query in execute query button's tooltip and in default query
- allow override all default GraphiQL plugins
- adjust operation argument color to be purple from GraphiQL v2 on dark/light theme
#4009 4936492 Thanks @dimaMachina! - separate store actions from state, add useGraphiQLActions state
#4002 2d9faec Thanks @dimaMachina! - remove UMD builds

Patch Changes

#3949 0844dc1 Thanks @dimaMachina! - - replace onCopyQuery hook with copyQuery function
- replace onMergeQuery hook with mergeQuery function
- replace onPrettifyEditors hook with prettifyEditors function
- remove fetcher prop from SchemaContextProvider and schemaStore and add fetcher to executionStore
- add onCopyQuery and onPrettifyQuery props to EditorContextProvider
- remove exports (use GraphiQLProvider)
  - EditorContextProvider
  - ExecutionContextProvider
  - PluginContextProvider
  - SchemaContextProvider
  - StorageContextProvider
  - ExecutionContextType
  - PluginContextType
- feat(@graphiql/react): migrate React context to zustand:
  - replace useExecutionContext with useExecutionStore hook
  - replace useEditorContext with useEditorStore hook
- prefer getComputedStyle over window.getComputedStyle
#3234 86a96e5 Thanks @dimaMachina! - Migration from Codemirror to Monaco Editor

Replacing codemirror-graphql with monaco-graphql

Support for comments in Variables and Headers editors

`v4.0.6`

Compare Source

Patch Changes

#3970 7054591 Thanks @dimaMachina! - revert https://github.com/graphql/graphiql/pull/3946 to have support multiple embedded graphiql instances on the same page

`v4.0.5`

Compare Source

Patch Changes

#3946 71755b7 Thanks @dimaMachina! - feat(@graphiql/react): migrate React context to zustand:
- replace useExecutionContext with useExecutionStore hook
- replace useEditorContext with useEditorStore hook
- replace useAutoCompleteLeafs hook with getAutoCompleteLeafs function
Updated dependencies [71755b7, 6d631e2]:
- @graphiql/react@0.34.0

`v4.0.4`

Compare Source

Patch Changes

#3945 117627b Thanks @dimaMachina! - feat(@graphiql/react): migrate React context to zustand, replace usePluginContext with usePluginStore hook
#3947 fa78481 Thanks @dimaMachina! - refactor useStorage, useDocExplorer and useHistory hooks
#3943 7275472 Thanks @dimaMachina! - feat(@graphiql/react): migrate React context to zustand, replace useSchemaContext with useSchemaStore hook
Updated dependencies [117627b, fa78481, 7275472, 00c8605]:
- @graphiql/react@0.33.0

`v4.0.3`

Compare Source

Patch Changes

#3939 69ad489 Thanks @dimaMachina! - prefer React.FC type when declaring React components

`v4.0.2`

Compare Source

Patch Changes

Updated dependencies [98d13a3]:
- @graphiql/react@0.32.0

`v4.0.1`

Compare Source

Patch Changes

#3915 bc31cd9 Thanks @dimaMachina! - fix unpkg.com results to Not found when main field isn't specified in package.json
Updated dependencies [e7c436b]:
- @graphiql/react@0.31.0

`v4.0.0`

Compare Source

Major Changes

#3904 d1395f9 Thanks @dimaMachina! - drop commonjs build files
#3904 d1395f9 Thanks @dimaMachina! - - support react 19, drop support react 16 and react 17
- replace deprecated ReactDOM.unmountComponentAtNode() and ReactDOM.render() with root.unmount() and createRoot(container).render()
- update @radix-ui and @headlessui/react dependencies
#3904 d1395f9 Thanks @dimaMachina! - style.css import was changed

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

codesandbox · 2025-05-18T14:23:53Z

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

github-actions · 2025-05-18T15:50:02Z

🚀 Snapshot Release (`alpha`)

The latest changes of this PR are available as alpha on npm (based on the declared changesets):

Package	Version	Info
`@graphql-yoga/graphiql`	`4.4.1-alpha-20250728153604-2e6981dc9f8987167d2d47f8058a7243c07d0b5b`	npm ↗︎ unpkg ↗︎
`@graphql-yoga/plugin-apollo-usage-report`	`0.10.2-alpha-20250728153604-2e6981dc9f8987167d2d47f8058a7243c07d0b5b`	npm ↗︎ unpkg ↗︎

github-actions · 2025-05-18T15:50:29Z

Apollo Federation Subgraph Compatibility Results

Federation 1 Support Federation 2 Support

`_service`	🟢
`@key (single)`	🟢
`@key (multi)`	🟢
`@key (composite)`	🟢
`repeatable @key`	🟢
`@requires`	🟢
`@provides`	🟢
`federated tracing`	🟢

`@link`	🟢
`@shareable`	🟢
`@tag`	🟢
`@override`	🟢
`@inaccessible`	🟢
`@composeDirective`	🟢
`@interfaceObject`	🟢

Learn more:

github-actions · 2025-05-18T15:51:49Z

💻 Website Preview

The latest changes are available as preview in: https://pr-4033.graphql-yoga.pages.dev

github-actions · 2025-05-18T15:52:23Z

✅ Benchmark Results

     ✓ no_errors{mode:graphql}
     ✓ expected_result{mode:graphql}
     ✓ no_errors{mode:graphql-jit}
     ✓ expected_result{mode:graphql-jit}
     ✓ no_errors{mode:graphql-response-cache}
     ✓ expected_result{mode:graphql-response-cache}
     ✓ no_errors{mode:graphql-no-parse-validate-cache}
     ✓ expected_result{mode:graphql-no-parse-validate-cache}
     ✓ no_errors{mode:uws}
     ✓ expected_result{mode:uws}

     checks.......................................: 100.00% ✓ 446618      ✗ 0     
     data_received................................: 1.8 GB  12 MB/s
     data_sent....................................: 90 MB   599 kB/s
     http_req_blocked.............................: avg=1.6µs    min=1.01µs   med=1.38µs   max=319.91µs p(90)=2.08µs   p(95)=2.28µs  
     http_req_connecting..........................: avg=2ns      min=0s       med=0s       max=135.85µs p(90)=0s       p(95)=0s      
     http_req_duration............................: avg=447.11µs min=283.82µs med=412.59µs max=20.68ms  p(90)=552.32µs p(95)=576.99µs
       { expected_response:true }.................: avg=447.11µs min=283.82µs med=412.59µs max=20.68ms  p(90)=552.32µs p(95)=576.99µs
     ✓ { mode:graphql-jit }.......................: avg=359.32µs min=283.82µs med=341.15µs max=20.68ms  p(90)=375.48µs p(95)=389.9µs 
     ✓ { mode:graphql-no-parse-validate-cache }...: avg=575.37µs min=476.72µs med=550.25µs max=6.57ms   p(90)=594.9µs  p(95)=672.76µs
     ✓ { mode:graphql-response-cache }............: avg=418.22µs min=333.11µs med=400.3µs  max=8.09ms   p(90)=436.01µs p(95)=449.63µs
     ✓ { mode:graphql }...........................: avg=442.17µs min=349.42µs med=412.19µs max=17.41ms  p(90)=473.07µs p(95)=525.49µs
     ✓ { mode:uws }...............................: avg=478.07µs min=372.43µs med=438.28µs max=10.93ms  p(90)=488.93µs p(95)=568.06µs
     http_req_failed..............................: 0.00%   ✓ 0           ✗ 223309
     http_req_receiving...........................: avg=34.63µs  min=17.23µs  med=33.52µs  max=2.99ms   p(90)=40.83µs  p(95)=44.16µs 
     http_req_sending.............................: avg=9.18µs   min=6.06µs   med=8.27µs   max=953.91µs p(90)=11.63µs  p(95)=12.91µs 
     http_req_tls_handshaking.....................: avg=0s       min=0s       med=0s       max=0s       p(90)=0s       p(95)=0s      
     http_req_waiting.............................: avg=403.28µs min=250.66µs med=369.84µs max=20.57ms  p(90)=507.99µs p(95)=531.07µs
     http_reqs....................................: 223309  1488.715074/s
     iteration_duration...........................: avg=666.63µs min=460.49µs med=628.26µs max=21.23ms  p(90)=775.55µs p(95)=805.46µs
     iterations...................................: 223309  1488.715074/s
     vus..........................................: 1       min=1         max=1   
     vus_max......................................: 2       min=2         max=2

renovate · 2025-07-21T17:45:53Z

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.

Copilot

Pull Request Overview

This PR updates the @graphiql/plugin-explorer dependency from v3.0.0 to v5.1.1, which is a major version update that includes significant breaking changes in the GraphiQL ecosystem. The update involves migrating from CodeMirror to Monaco Editor and transitioning from React Context to Zustand for state management.

Key changes include:

Major dependency updates for GraphiQL components and related packages
Refactoring of the YogaGraphiQL component to use the new GraphiQL v5 API
Updates to browser integration tests to work with the new Monaco Editor selectors
Removal of patches and deprecated dependencies

Reviewed Changes

Copilot reviewed 8 out of 9 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
packages/graphiql/package.json	Updates GraphiQL dependencies to v5 and removes deprecated packages
packages/graphiql/src/YogaGraphiQL.tsx	Refactors component to use new GraphiQL v5 API and removes deprecated patterns
packages/graphql-yoga/integration-tests/browser.spec.ts	Updates test selectors for Monaco Editor and adds debugging capabilities
patches/@graphiql__react@0.20.4.patch	Removes patch file that's no longer needed
examples/nextjs-app/integration-tests/nextjs-app.spec.ts	Updates test assertion for new GraphiQL title format

Files not reviewed (1)

pnpm-lock.yaml: Language not supported

Copilot · 2025-07-28T16:26:42Z

packages/graphiql/src/YogaGraphiQL.tsx

+        isHeadersEditorEnabled
+        defaultEditorToolsVisibility
+        initialQuery={deprecatedInitialQuery}
+        defaultHeaders={deprecatedInitialHeaders}


The prop name defaultHeaders should be initialHeaders to match the GraphiQL v5 API. Based on the deprecation warnings in the type definitions, this appears to be using an incorrect prop name.

Suggested change

defaultHeaders={deprecatedInitialHeaders}

initialHeaders={deprecatedInitialHeaders}

Copilot · 2025-07-28T16:26:42Z

packages/graphiql/src/YogaGraphiQL.tsx

+import 'graphiql/style.css';
+import '@graphiql/plugin-explorer/style.css';
+import { GraphiQL, GraphiQLProps } from 'graphiql';
+import { DocumentNode, Kind, parse } from 'graphql';


The Kind import appears to be unused in this file. Consider removing it to keep imports clean.

Copilot · 2025-07-28T16:26:42Z

packages/graphql-yoga/__integration-tests__/browser.spec.ts

+      // @ts-expect-error - value is not null
+      () => !!window.document.querySelector('[data-uri*="response"] textarea')?.value?.trim(),
    );
    const resultContents = await page.evaluate(() => {
-      return window.document
-        .querySelector('.graphiql-response .CodeMirror-code')
-        ?.textContent?.trim()
-        .replaceAll('\u00A0', ' ');
+      return (
+        window.document
+          .querySelector('[data-uri*="response"] textarea')
+          // @ts-expect-error - value is not null
+          ?.value?.trim()


[nitpick] Instead of using @ts-expect-error, consider using optional chaining or proper type assertions. The comment suggests confidence that value is not null, so a non-null assertion (!) would be more appropriate.

renovate bot added the dependencies Pull requests that update a dependency file label May 18, 2025

ardatan force-pushed the renovate/major-graphiql-monorepo branch from 69d0817 to 2f88b7f Compare May 18, 2025 14:53

renovate bot force-pushed the renovate/major-graphiql-monorepo branch from 2f88b7f to b84de73 Compare May 18, 2025 15:00

ardatan force-pushed the renovate/major-graphiql-monorepo branch from b84de73 to 8cb9f6a Compare May 18, 2025 15:48

github-actions bot deployed to preview May 18, 2025 15:51 View deployment

github-actions bot deployed to preview May 18, 2025 16:44 View deployment

renovate bot force-pushed the renovate/major-graphiql-monorepo branch 3 times, most recently from 1ab7023 to efb8a21 Compare May 27, 2025 18:17

renovate bot force-pushed the renovate/major-graphiql-monorepo branch from b3ac6d9 to 4ee85d0 Compare July 21, 2025 17:18

renovate bot changed the title ~~fix(deps): update dependency @graphiql/plugin-explorer to v4~~ fix(deps): update dependency @graphiql/plugin-explorer to v5 Jul 21, 2025

renovate bot and others added 3 commits July 28, 2025 16:08

fix(deps): update dependency @graphiql/plugin-explorer to v5

fc37113

chore(dependencies): updated changesets for modified dependencies

3b9c751

Go

ebd952e

ardatan force-pushed the renovate/major-graphiql-monorepo branch from f54f50d to ebd952e Compare July 28, 2025 13:41

github-actions bot deployed to preview July 28, 2025 13:45 View deployment

Lets go

428467c

ardatan force-pushed the renovate/major-graphiql-monorepo branch from c8a7340 to 428467c Compare July 28, 2025 14:14

chore(dependencies): updated changesets for modified dependencies

e56e59c

github-actions bot deployed to preview July 28, 2025 14:18 View deployment

ardatan added 3 commits July 28, 2025 17:23

More

bf63c14

Lets go

63aa19a

Fix lockfile

84f3c1b

github-actions bot deployed to preview July 28, 2025 14:34 View deployment

Fix

58e57ea

github-actions bot deployed to preview July 28, 2025 14:41 View deployment

Fix

91888e7

github-actions bot deployed to preview July 28, 2025 15:14 View deployment

..

35fe363

github-actions bot deployed to preview July 28, 2025 15:32 View deployment

ardatan added 2 commits July 28, 2025 18:33

Fix

dcdf60e

Muldur muldur

2e6981d

github-actions bot deployed to preview July 28, 2025 15:38 View deployment

ardatan requested review from EmrysMyrddin, enisdenjo and Copilot and removed request for EmrysMyrddin and enisdenjo July 28, 2025 16:25

Copilot AI reviewed Jul 28, 2025

View reviewed changes

ardatan requested a review from enisdenjo July 29, 2025 16:57

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

fix(deps): update dependency @graphiql/plugin-explorer to v5 #4033

fix(deps): update dependency @graphiql/plugin-explorer to v5 #4033

Uh oh!

renovate bot commented May 18, 2025 •

edited

Loading

Uh oh!

codesandbox bot commented May 18, 2025

Uh oh!

github-actions bot commented May 18, 2025 •

edited

Loading

Uh oh!

github-actions bot commented May 18, 2025 •

edited

Loading

Uh oh!

github-actions bot commented May 18, 2025 •

edited

Loading

Uh oh!

github-actions bot commented May 18, 2025 •

edited

Loading

Uh oh!

renovate bot commented Jul 21, 2025

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Jul 28, 2025

Uh oh!

Copilot AI Jul 28, 2025

Uh oh!

Copilot AI Jul 28, 2025

Uh oh!

Uh oh!

	defaultHeaders={deprecatedInitialHeaders}
	initialHeaders={deprecatedInitialHeaders}

fix(deps): update dependency @graphiql/plugin-explorer to v5 #4033

Are you sure you want to change the base?

fix(deps): update dependency @graphiql/plugin-explorer to v5 #4033

Uh oh!

Conversation

renovate bot commented May 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Release Notes

Patch Changes

Minor Changes

Patch Changes

Major Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Major Changes

Configuration

Uh oh!

codesandbox bot commented May 18, 2025

Review or Edit in CodeSandbox

Uh oh!

github-actions bot commented May 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🚀 Snapshot Release (alpha)

Uh oh!

github-actions bot commented May 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Apollo Federation Subgraph Compatibility Results

Uh oh!

github-actions bot commented May 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

💻 Website Preview

Uh oh!

github-actions bot commented May 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Benchmark Results

Uh oh!

renovate bot commented Jul 21, 2025

Edited/Blocked Notification

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Copilot AI Jul 28, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jul 28, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jul 28, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

renovate bot commented May 18, 2025 •

edited

Loading

github-actions bot commented May 18, 2025 •

edited

Loading

🚀 Snapshot Release (`alpha`)

github-actions bot commented May 18, 2025 •

edited

Loading

github-actions bot commented May 18, 2025 •

edited

Loading

github-actions bot commented May 18, 2025 •

edited

Loading