Sourced from graphiql's releases.

graphiql@5.0.0

We're thrilled to announce the release of the all-new GraphiQL 5, powered by the latest version of the Monaco editor! 🎉

We've also added support for comments in the Variables and Headers editors. This release is a major step forward.

The original issue for integrating the Monaco editor was opened over 3 years ago. And the issue requesting comments support in the Variables editor was opened over 6 years ago!

See the migration guide from GraphiQL 4

graphiql@5.0.0-rc.6

Major Changes

• #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

Patch Changes

• Updated dependencies [0a08642]:
  • @​graphiql/react@​0.35.0-rc.9

graphiql@5.0.0-rc.5

Minor Changes

• #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

• Updated dependencies [6a50740, 7fb5ac3]:
  • @​graphiql/plugin-doc-explorer@​0.3.0-rc.4
  • @​graphiql/plugin-history@​0.3.0-rc.3
  • @​graphiql/react@​0.35.0-rc.8

graphiql@5.0.0-rc.4

Minor Changes

... (truncated)

Sourced from graphiql's changelog.

5.0.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

• #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:

... (truncated)

• ed31b72 Version Packages (#4030)
• 1ebd26e graphiql 5: improve migration guide (#4029)
• b630949 Version Packages (rc) (#4028)
• 0a08642 graphiql 5: Remove query, variables, headers and response props from ...
• 5cf7a18 Version Packages (rc) (#4027)
• 7fb5ac3 graphiql 5: fix GraphiQL 5 feedback (#4026)
• 6a50740 graphiql 5: set "importsNotUsedAsValues": "error" in tsconfig (#4025)
• 3c0ad34 graphiql 5: run cypress tests in React strict mode (#4020)
• d4950df Version Packages (rc) (#4018)
• cff3da5 graphiql 5: extract graphiql sidebar to react component (#4017)
• Additional commits viewable in compare view

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)