Skip to content

Update dependency graphiql to v5 #10665

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.

Sign up for GitHub

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

Jump to bottom
Open
renovate wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update dependency graphiql to v5 #10665

renovate wants to merge 1 commit into from

Conversation

@renovate
Copy link
Contributor

@renovate renovate bot commented May 3, 2025 •
edited
Loading

This PR contains the following updates:

Package Change Age Confidence
graphiql (source) 3.9.0 -> 5.2.1 age confidence

Release Notes

graphql/graphiql (graphiql)

v5.2.1

Compare Source

Patch Changes

v5.2.0

Compare Source

Minor Changes
  • #​4081 4950dec Thanks @​dimaMachina! - feat: add loader for initial loading of operation editor
    fix: adjust command palette width, border and remove box-shadow
    feat: add short cut Cmd/Ctrl + , for opening GraphiQL settings dialog
Patch Changes

v5.1.1

Compare Source

Patch Changes

v5.1.0

Compare Source

Minor Changes

  • #​4071 3a0a755 Thanks @​dimaMachina! - feat(graphql-language-service): export getContextAtPosition
    feat(graphiql): dynamically import monaco-editor and monaco-graphql

    When using GraphiQL in Next.js app, you no longer need to use next/dynamic:

    -import dynamic from 'next/dynamic'
-const GraphiQL = dynamic(() => import('graphiql').then(mod => mod.GraphiQL), {
-  ssr: false
-})
+import { GraphiQL } from 'graphiql'

  • #​4074 fd3f9e6 Thanks @​dimaMachina! - Ensure storage and theme store values aren't shared between GraphiQL instances. Deprecate useTheme and useStorage hooks in favour of values from useGraphiQL and useGraphiQLActions hooks

    feat(@graphiql/plugin-history/@graphiql/plugin-doc-explorer): move @graphiql/react to peerDependencies

  • #​4077 3d41e11 Thanks @​dimaMachina! - add new example Usage GraphiQL 5 with Vite, React Router and ssr: true

Patch Changes

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]:

v4.1.2

Compare Source

Patch Changes
  • #​3993 70d2216 Thanks @​dimaMachina! - fix TypeError: Cannot read properties of null (reading 'get') and update graphiql webpack example to show how to use useStorage hook with GraphiQL component

v4.1.1

Compare Source

Patch Changes

v4.1.0

Compare Source

Minor 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
Patch Changes

v4.0.5

Compare Source

Patch Changes

v4.0.4

Compare Source

Patch Changes

v4.0.3

Compare Source

Patch Changes

v4.0.2

Compare Source

Patch Changes

  • #​3916 98d13a3 Thanks @​dimaMachina! - - remove the following exports from @graphiql/react and move them in @graphiql/plugin-doc-explorer package:

    • Argument
    • DefaultValue
    • DeprecationReason
    • Directive
    • DocExplorer
    • ExplorerContext
    • ExplorerContextProvider
    • ExplorerSection
    • FieldDocumentation
    • FieldLink
    • SchemaDocumentation
    • Search
    • TypeDocumentation
    • TypeLink
    • useExplorerContext
    • DOC_EXPLORER_PLUGIN
    • ExplorerContextType
    • ExplorerFieldDef
    • ExplorerNavStack
    • ExplorerNavStackItem
    • add new referencePlugin prop on PluginContextProviderProps component for plugin which is used to display the reference documentation when selecting a type.

  • Updated dependencies [98d13a3]:

v4.0.1

Compare Source

Patch Changes

  • #​3911 e7c436b Thanks @​dimaMachina! - - export cn from @graphiql/react

    • remove following exports from @graphiql/react and move them in @graphiql/plugin-history package:
      • History
      • HistoryContext
      • HistoryContextType
      • HistoryContextProvider
      • useHistoryContext
      • HISTORY_PLUGIN
    • remove types from @graphiql/react (use ComponentProps<typeof MyContextProviderProps> instead):
      • HistoryContextProviderProps
      • ExecutionContextProviderProps
      • EditorContextProviderProps
      • ExplorerContextProviderProps
      • PluginContextProviderProps
      • SchemaContextProviderProps
      • StorageContextProviderProps
      • GraphiQLProviderProps

  • #​3915 bc31cd9 Thanks @​dimaMachina! - fix unpkg.com results to Not found when main field isn't specified in package.json

  • Updated dependencies [e7c436b]:

v4.0.0

Compare Source

Major Changes

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.

@renovate renovate bot added the dependencies label May 3, 2025
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch 4 times, most recently from f6cbede to b2684ee Compare May 9, 2025 22:19
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch 3 times, most recently from 6447964 to 59a30de Compare June 7, 2025 02:09
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch from 59a30de to 7408c8a Compare June 24, 2025 12:13
@renovate renovate bot changed the title Update dependency graphiql to v4 Update dependency graphiql to v5 Jun 24, 2025
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch 2 times, most recently from 8b003d4 to 8cb29a5 Compare June 29, 2025 02:43
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch from 8cb29a5 to 28b24f6 Compare July 5, 2025 17:08
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch 6 times, most recently from fcf9725 to 77c427f Compare July 19, 2025 18:01
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch 3 times, most recently from 7c6b5cc to dc1e2cb Compare July 27, 2025 14:52
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch from dc1e2cb to 4a67114 Compare August 10, 2025 12:37
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch 4 times, most recently from 44d26fe to 65c900e Compare August 21, 2025 22:41
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch 3 times, most recently from c7ee7e0 to 69f8081 Compare August 28, 2025 03:34
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch from 69f8081 to af0b919 Compare August 31, 2025 14:16
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch 2 times, most recently from 571cb53 to 9b5d437 Compare September 28, 2025 10:47
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch from 9b5d437 to e58d863 Compare October 21, 2025 17:11
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch 2 times, most recently from d0202b5 to f7da023 Compare November 10, 2025 17:10
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch 2 times, most recently from a5f6e03 to a4d3f68 Compare November 15, 2025 17:50
@renovate renovate bot force-pushed the renovate/major-graphiql-monorepo branch from a4d3f68 to c2d5288 Compare November 15, 2025 17:53
@github-actions
Copy link
Contributor

github-actions bot commented Nov 15, 2025

Code Coverage Report: Only Changed Files listed

Package Coverage
Overall Coverage 🟢 51.08%

Minimum allowed coverage is 0%, this run produced 51.08%

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

dependencies

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant