Version Packages #4030

acao · 2025-06-22T13:10:12Z

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to graphiql-5, this PR will be updated.

Releases

[email protected]

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]:
- @graphiql/[email protected]
- @graphiql/[email protected]
- @graphiql/[email protected]

@graphiql/[email protected]

Major Changes

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

Minor Changes

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

Patch Changes

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

Replacing codemirror-graphql with monaco-graphql

Support for comments in Variables and Headers editors

@graphiql/[email protected]

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

@graphiql/[email protected]

Minor 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
#4025 6a50740 Thanks @dimaMachina! - set "importsNotUsedAsValues": "error" in tsconfig
#3234 86a96e5 Thanks @dimaMachina! - Migration from Codemirror to Monaco Editor

Replacing codemirror-graphql with monaco-graphql

Support for comments in Variables and Headers editors
#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
#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

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
#4006 7792dc9 Thanks @dimaMachina! - push field type on stack too before field
#4007 f9780bd Thanks @dimaMachina! - Use an additional Alt key for focus doc explorer search input instead of Cmd/Ctrl+K because monaco-editor has a built-in shortcut for Cmd/Ctrl+K
#4004 16fdd6a Thanks @dimaMachina! - show spinner in doc explorer based on isIntrospecting value, and not based on isFetching
Updated dependencies [27e7eb6, 0844dc1, 866a8f3, 4936492, 3c0ad34, 1e3ec84, 0c8e390, 0a08642, cff3da5, 6a50740, 86a96e5, 30bc3f9, 4b39f11, 7fb5ac3, 2455907]:
- @graphiql/[email protected]

@graphiql/[email protected]

Minor 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
#4025 6a50740 Thanks @dimaMachina! - set "importsNotUsedAsValues": "error" in tsconfig
#4011 30bc3f9 Thanks @dimaMachina! - fix execute query shortcut in query editor, run it even there are no operations in query editor

fix plugin store, save last opened plugin in storage
#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
#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

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
Updated dependencies [27e7eb6, 0844dc1, 866a8f3, 4936492, 3c0ad34, 1e3ec84, 0c8e390, 0a08642, cff3da5, 6a50740, 86a96e5, 30bc3f9, 4b39f11, 7fb5ac3, 2455907]:
- @graphiql/[email protected]

@graphiql/[email protected]

Minor 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
#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
#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
#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
#4017 cff3da5 Thanks @dimaMachina! - extract graphiql sidebar to react component
#4025 6a50740 Thanks @dimaMachina! - set "importsNotUsedAsValues": "error" in tsconfig
#3234 86a96e5 Thanks @dimaMachina! - Migration from Codemirror to Monaco Editor

Replacing codemirror-graphql with monaco-graphql

Support for comments in Variables and Headers editors
#4011 30bc3f9 Thanks @dimaMachina! - fix execute query shortcut in query editor, run it even there are no operations in query editor

fix plugin store, save last opened plugin in storage
#4014 4b39f11 Thanks @dimaMachina! - extract storage key constants
#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
#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

Patch Changes

#4020 3c0ad34 Thanks @dimaMachina! - - run cypress tests in React strict mode
- fix defaultQuery with empty string does not result in an empty default query
- fix useDidUpdate in React strict mode
Updated dependencies [1e3ec84]:
- [email protected]

[email protected]

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

[email protected]

Patch Changes

#4005 1e3ec84 Thanks @dimaMachina! - remove unused types
- BaseSchemaConfig
- IDisposable
- JSONDiagnosticOptions
- IEvent
- FilePointer

github-actions · 2025-06-22T13:24:41Z

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

github-actions bot and others added 3 commits June 22, 2025 13:10

Version Packages

0e5ef20

run yarn

ef47884

Update CHANGELOG.md

26ad79a

dimaMachina mentioned this pull request Jun 22, 2025

fix: doc-explorer search combobox null checks #4024

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Version Packages #4030

Version Packages #4030

Uh oh!

acao commented Jun 22, 2025

Uh oh!

github-actions bot commented Jun 22, 2025

Uh oh!

Uh oh!

Version Packages #4030

Are you sure you want to change the base?

Version Packages #4030

Uh oh!

Conversation

acao commented Jun 22, 2025

Releases

[email protected]

Major Changes

Minor Changes

Patch Changes

@graphiql/[email protected]

Major Changes

Minor Changes

Patch Changes

@graphiql/[email protected]

Major Changes

Patch Changes

@graphiql/[email protected]

Minor Changes

Patch Changes

@graphiql/[email protected]

Minor Changes

Patch Changes

@graphiql/[email protected]

Minor Changes

Patch Changes

[email protected]

Patch Changes

[email protected]

Patch Changes

Uh oh!

github-actions bot commented Jun 22, 2025

Uh oh!

Uh oh!