Skip to content

fix(deps): update dependency graphiql to v5 #2237

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 2 commits into
base: master
Choose a base branch
from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Jul 12, 2025

This PR contains the following updates:

Package Change Age Confidence
graphiql (source) 4.1.2 -> 5.0.6 age confidence

Release Notes

graphql/graphiql (graphiql)

v5.0.6

Compare Source

Patch Changes
  • #​4069 142f3f2 Thanks @​dimaMachina! - reduce bundle size, import prettier dynamically to avoid bundling Prettier

    diff from vite example

    -dist/assets/index-BMgFrxsd.js             4,911.53 kB │ gzip: 1,339.77 kB
    +dist/assets/index-BlpzusGL.js             4,221.28 kB │ gzip: 1,145.58 kB
  • Updated dependencies [142f3f2]:

v5.0.5

Compare Source

Patch Changes

v5.0.4

Compare Source

Patch Changes

v5.0.3

Compare Source

Patch Changes
  • #​4052 9b54581 Thanks @​dimaMachina! - fix multiple GraphiQL instances, suffix a unique id for operation, request headers, variables and response URI.

    E.g., the first GraphiQL instance will have:

    • 1-operation.graphql
    • 1-request-headers.json
    • 1-variables.json
    • 1-response.json

    The 2nd instance will have:

    • 2-operation.graphql
    • 2-request-headers.json
    • 2-variables.json
    • 2-response.json

    etc.

  • #​4049 2c0586d Thanks @​dimaMachina! - - use allowTrailingComma option in jsonc parser to make tryParseJsonObject sync

    • parse introspection headers with jsonc parser
    • use prettier format for operation editor since we already use prettier for jsonc editors
  • #​4050 002f133 Thanks @​dimaMachina! - fix can't access property "jsonDefaults"

  • Updated dependencies [9b54581, 2c0586d, 002f133]:

v5.0.2

Compare Source

Patch Changes

v5.0.1

Compare Source

Patch Changes

v5.0.0

Compare Source

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
  • #​3999 866a8f3 Thanks @​dimaMachina! - update graphiql-cdn example to show how to load workers with esm.sh

  • #​4009 4936492 Thanks @​dimaMachina! - separate store actions from state, add useGraphiQLActions state

  • #​4002 2d9faec Thanks @​dimaMachina! - remove UMD builds

  • #​4005 1e3ec84 Thanks @​dimaMachina! - support externalFragments prop and remove validationRules prop

  • #​4003 0c8e390 Thanks @​dimaMachina! - remove readOnly prop
    document keyMap prop was removed in migration guide

  • #​3735 0a08642 Thanks @​dimaMachina! - - Remove query, variables, headers, and response props from <GraphiQL /> and <GraphiQLProvider />

    • Add initialQuery, initialVariables and initialHeaders props
    • Fix defaultQuery, when is set will only be used for the first tab. When opening more tabs, the query editor will start out empty
    • remove useSynchronizeValue hook
  • #​3966 17bee1c Thanks @​dimaMachina! - Remove examples: GraphiQL x Parcel and GraphiQL x Create React App

    Add new examples: GraphiQL x Vite and GraphiQL x Next.js

  • #​3234 86a96e5 Thanks @​dimaMachina! - Migration from Codemirror to Monaco Editor

    Replacing codemirror-graphql with monaco-graphql

    Support for comments in Variables and Headers editors

Minor Changes
  • #​4017 cff3da5 Thanks @​dimaMachina! - extract graphiql sidebar to react component

  • #​4025 6a50740 Thanks @​dimaMachina! - set "importsNotUsedAsValues": "error" in tsconfig

  • #​4026 7fb5ac3 Thanks @​dimaMachina! - - deprecate useExplorerContext, useHistoryContext, usePrettifyEditors, useCopyQuery, useMergeQuery, useExecutionContext, usePluginContext, useSchemaContext, useStorageContext hooks

    • fix response editor overflow on <GraphiQL.Footer />
    • export GraphiQLProps type
    • allow children: ReactNode for <GraphiQL.Toolbar />
    • change ToolbarMenu component:
      • The label and className props were removed
      • The button prop should now be a button element
    • document useGraphiQL and useGraphiQLActions hooks in @graphiql/react README.md
    • rename useThemeStore to useTheme
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
  • #​4008 e0dafa4 Thanks @​dimaMachina! - - add f1 command as first item in shortcut table

    • set color of quickInputList.focusForeground in command palette to be primary color
  • #​3950 2455907 Thanks @​dimaMachina! - - remove useQueryEditor, useVariableEditor, useHeaderEditor, useResponseEditor hooks

    • remove UseHeaderEditorArgs, UseQueryEditorArgs, UseResponseEditorArgs, UseVariableEditorArgs exports
    • rename components
      • StorageContextProvider => StorageStore
      • EditorContextProvider => EditorStore
      • SchemaContextProvider => SchemaStore
      • ExecutionContextProvider => ExecutionStore
      • HistoryContextProvider => HistoryStore
      • ExplorerContextProvider => ExplorerStore
  • Updated dependencies [27e7eb6, 0844dc1, 866a8f3, 4936492, 7792dc9, f9780bd, 3c0ad34, 1e3ec84, 0c8e390, 0a08642, cff3da5, 6a50740, 16fdd6a, 86a96e5, 30bc3f9, 4b39f11, 7fb5ac3, 2455907]:


Configuration

📅 Schedule: Branch creation - "on the 12th day of the month" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

Rebasing: Whenever PR is behind base branch, 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.

@renovate renovate bot added dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code labels Jul 12, 2025
@renovate renovate bot force-pushed the renovate/major-graphiql-packages branch 4 times, most recently from dd0d392 to e01caab Compare July 15, 2025 02:51
@renovate renovate bot force-pushed the renovate/major-graphiql-packages branch from e01caab to 258e40c Compare July 15, 2025 08:13
@MetRonnie MetRonnie added blocked stop-updating Prevent Renovate from continuously updating this PR labels Jul 15, 2025
@MetRonnie
Copy link
Member

MetRonnie commented Jul 15, 2025

Blocked by graphql/graphiql#4075

Also this seems to bloat the build by a few MB

@oliver-sanders oliver-sanders added this to the 2.9.0 milestone Jul 15, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
blocked dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code stop-updating Prevent Renovate from continuously updating this PR
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants