[email protected]

Migration guide

Major Changes

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

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

• #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 [0844dc1, 86a96e5, 2455907]:

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

@graphiql/[email protected]

Migration guide

Minor 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

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

@graphiql/[email protected]

Migration guide

Minor Changes

• #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 [0844dc1, 86a96e5, 2455907]:

  • @graphiql/[email protected]

@graphiql/[email protected]

Migration guide

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 [0844dc1, 86a96e5, 2455907]:

  • @graphiql/[email protected]

@graphiql/[email protected]

Migration guide

Minor 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

• #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
• Updated dependencies [0844dc1, 86a96e5, 2455907]:
  • @graphiql/[email protected]

@graphiql/[email protected]

Migration guide

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

• Updated dependencies [0844dc1, 86a96e5, 2455907]:

  • @graphiql/[email protected]

[email protected]

Patch Changes

• #3975 4375aa7 Thanks @benjie! - fix GraphQLCache._schemaMap type, should be LRUCache

[email protected]

Patch Changes

• #3970 7054591 Thanks @dimaMachina! - revert #3946 to have support multiple embedded graphiql instances on the same page

• Updated dependencies [7054591]:

  • @graphiql/[email protected]
  • @graphiql/[email protected]
  • @graphiql/[email protected]

@graphiql/[email protected]

Patch Changes

• #3970 7054591 Thanks @dimaMachina! - revert #3946 to have support multiple embedded graphiql instances on the same page