Skip to content

fix(deps): update graphiql monorepo #115

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 1 commit into
base: main
Choose a base branch
from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Dec 23, 2024

This PR contains the following updates:

Package Change Age Confidence
@graphiql/plugin-explorer (source) ^0.1.15 -> ^0.3.5 age confidence
@graphiql/react (source) ^0.17.1 -> ^0.37.1 age confidence
@graphiql/toolkit (source) ^0.8.3 -> ^0.11.3 age confidence
graphiql (source) ^2.4.1 -> ^2.4.7 age confidence

Release Notes

graphql/graphiql (@​graphiql/plugin-explorer)

v0.3.5

Compare Source

Patch Changes

v0.3.4

Compare Source

Patch Changes

v0.3.3

Compare Source

Patch Changes

v0.3.2

Compare Source

Patch Changes

v0.3.1

Compare Source

Patch Changes

v0.3.0

Compare Source

Minor Changes
  • #​3330 bed5fc86 Thanks @​acao! - BREAKING CHANGE: fix lifecycle issue in plugin-explorer, change implementation pattern

    value and setValue is no longer an implementation detail, and are handled internally by plugins. the plugin signature has changed slightly as well.

    now, instead of something like this:

    import { useExplorerPlugin } from '@​graphiql/plugin-explorer';
    import { snippets } from './snippets';
    import { useExporterPlugin } from '@​graphiql/plugin-code-exporter';
    
    const App = () => {
      const [query, setQuery] = React.useState('');
      const explorerPlugin = useExplorerPlugin({
        query,
        onEdit: setQuery,
      });
      const codeExporterPlugin = useExporterPlugin({
        query,
        snippets,
      });
    
      const plugins = React.useMemo(
        () => [explorerPlugin, codeExporterPlugin],
        [explorerPlugin, codeExporterPlugin],
      );
    
      return (
        <GraphiQL
          query={query}
          onEditQuery={setQuery}
          plugins={plugins}
          fetcher={fetcher}
        />
      );
    };

    you can just do this:

    import { explorerPlugin } from '@&#8203;graphiql/plugin-explorer';
    import { snippets } from './snippets';
    import { codeExporterPlugin } from '@&#8203;graphiql/plugin-code-exporter';
    import { createGraphiQLFetcher } from '@&#8203;graphiql/toolkit';
    
    // only invoke these inside the component lifecycle
    // if there are dynamic values, and then use useMemo() (see below)
    const explorer = explorerPlugin();
    const exporter = codeExporterPlugin({ snippets });
    
    const fetcher = createGraphiQLFetcher({ url: '/graphql' });
    
    const App = () => {
      return <GraphiQL plugins={[explorer, exporter]} fetcher={fetcher} />;
    };

    or this, for more complex state-driven needs:

    import { useMemo } from 'react';
    import { explorerPlugin } from '@&#8203;graphiql/plugin-explorer';
    import { snippets } from './snippets';
    import { codeExporterPlugin } from '@&#8203;graphiql/plugin-code-exporter';
    
    const explorer = explorerPlugin();
    const fetcher = createGraphiQLFetcher({ url: '/graphql' });
    
    const App = () => {
      const { snippets } = useMyUserSuppliedState();
      const exporter = useMemo(
        () => codeExporterPlugin({ snippets }),
        [snippets],
      );
    
      return <GraphiQL plugins={[explorer, exporter]} fetcher={fetcher} />;
    };

v0.2.0

Compare Source

Minor Changes
Patch Changes
  • #​3319 2f51b1a5 Thanks @​LekoArts! - Use named Explorer import from graphiql-explorer to fix an issue where the bundler didn't correctly choose either the default or Explorer import. This change should ensure that @graphiql/plugin-explorer works correctly without graphiql-explorer being bundled.

v0.1.22

Compare Source

Patch Changes
  • #​3292 f86e4172 Thanks @​B2o5T! - fix umd build names graphiql-plugin-code-exporter.umd.js and graphiql-plugin-explorer.umd.js

v0.1.21

Compare Source

Patch Changes

v0.1.20

Compare Source

Patch Changes

v0.1.19

Compare Source

Patch Changes

v0.1.18

Compare Source

Patch Changes

v0.1.17

Compare Source

Patch Changes

v0.1.16

Compare Source

Patch Changes
graphql/graphiql (@​graphiql/react)

v0.37.1

Compare Source

Patch 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

v0.37.0

Compare Source

Minor Changes
  • #​4078 6e5d5fc Thanks @​dimaMachina! - fix color in the F1 popup should be graphiql primary color and add deprecated exports for useEditorStore, useExecutionStore, usePluginStore and useSchemaStore
Patch Changes

v0.36.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

v0.35.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

v0.35.5

Compare Source

Patch Changes

v0.35.4

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"

v0.35.3

Compare Source

Patch Changes

v0.35.2

Compare Source

Patch Changes

v0.35.1

Compare Source

Patch Changes

v0.35.0

Compare Source

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

v0.34.1

Compare Source

Patch Changes

v0.34.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

v0.33.0

Compare Source

Minor Changes

v0.32.2

Compare Source

Patch Changes

v0.32.1

Compare Source

Patch Changes

v0.32.0

Compare Source

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

v0.31.0

Compare Source

Minor 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

v0.30.0

Compare Source

Minor Changes

v0.29.0

Compare Source

Minor Changes
Patch Changes

v0.28.2

Compare Source

Patch Changes

v0.28.1

Compare Source

Patch Changes

v0.28.0

Compare Source

Minor Changes

v0.27.1

Compare Source

Patch Changes

v0.27.0

Compare Source

Minor Changes

v0.26.2

Compare Source

Patch Changes

v0.26.1

Compare Source

Patch Changes

v0.26.0

Compare Source

Minor Changes
Patch Changes

v0.25.0

Compare Source

Minor Changes

v0.24.0

Compare Source

Minor Changes
Patch Changes

v0.23.1

Compare Source

Patch Changes

v0.23.0

Compare Source

Minor Changes
Patch Changes

v0.22.4

Compare Source

Patch Changes

v0.22.3

Compare Source

Patch Changes

v0.22.2

Compare Source

Patch Changes

v0.22.1

Compare Source

Patch Changes

v0.22.0

Compare Source

Minor Changes

v0.21.0

Compare Source

Minor Changes

v0.20.4

Compare Source

Patch Changes

v0.20.3

Compare Source

Patch 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 is behind base branch, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

Copy link

vercel bot commented Dec 23, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
docs ❌ Failed (Inspect) Aug 10, 2025 1:18pm

@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from 3db4d69 to 2965dcd Compare April 27, 2025 12:06
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from 2965dcd to 99fd6f5 Compare April 30, 2025 23:51
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from 99fd6f5 to b423b3d Compare May 3, 2025 09:46
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from b423b3d to 368a46a Compare May 4, 2025 14:07
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from 368a46a to 7c70371 Compare May 5, 2025 15:34
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from 7c70371 to d3a1619 Compare May 8, 2025 03:15
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from d3a1619 to 50d99eb Compare May 9, 2025 22:53
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from 50d99eb to e1e8c5b Compare May 13, 2025 23:24
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from e1e8c5b to e1bdbee Compare May 20, 2025 22:21
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from e1bdbee to 005e888 Compare May 29, 2025 15:41
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from 005e888 to b8fa2ac Compare June 24, 2025 08:14
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from b8fa2ac to 8ef2db9 Compare June 24, 2025 23:00
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from 8ef2db9 to d9b6140 Compare July 1, 2025 17:42
@renovate renovate bot force-pushed the renovate/graphiql-monorepo branch from d9b6140 to db7921c Compare July 2, 2025 00:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants