graphiql@4.0.0-alpha.1

Major Changes

• #3713 27bbc51 Thanks @dimaMachina! - show tabs even there is only 1 tab

• #3707 3c901c1 Thanks @dimaMachina! - Remove toolbar.additionalContent and toolbar.additionalComponent props in favor of GraphiQL.Toolbar render props.

  Migration from toolbar.additionalContent

  Before

  <GraphiQL toolbar={{ additionalContent: <button>My button</button> }} />

  After

  <GraphiQL>
    <GraphiQL.Toolbar>
      {({ merge, prettify, copy }) => (
        <>
          {prettify}
          {merge}
          {copy}
          <button>My button</button>
        </>
      )}
    </GraphiQL.Toolbar>
  </GraphiQL>

  Migration from toolbar.additionalComponent

  Before

  <GraphiQL
    toolbar={{
      additionalComponent: function MyComponentWithAccessToContext() {
        return <button>My button</button>;
      },
    }}
  />

  After

  <GraphiQL>
    <GraphiQL.Toolbar>
      {({ merge, prettify, copy }) => (
        <>
          {prettify}
          {merge}
          {copy}
          <MyComponentWithAccessToContext />
        </>
      )}
    </GraphiQL.Toolbar>
  </GraphiQL>

  ---

  Additionally, you can sort default toolbar buttons in different order or remove unneeded buttons for you:

  <GraphiQL>
    <GraphiQL.Toolbar>
      {({ prettify, copy }) => (
        <>
          {copy /* Copy button will be first instead of default last */}
          {/* Merge button is removed from toolbar */}
          {prettify}
        </>
      )}
    </GraphiQL.Toolbar>
  </GraphiQL>

@graphiql/react@1.0.0-alpha.1

Minor Changes

• #3717 bf0c4e7 Thanks @dimaMachina! - remove createComponentGroup utility in favour Object.assign

graphiql@4.0.0-alpha.0

Major Changes

• #3706 343dd59 Thanks @dimaMachina! - remove default export

  Migration

  Before

  import GraphiQL from 'graphiql';

  After

  import { GraphiQL } from 'graphiql';

• #3687 09e7004 Thanks @dimaMachina! - remove disableTabs option

• #3688 0fdd9b9 Thanks @dimaMachina! - remove data-testid="graphiql-container"

• #3679 5d90e0e Thanks @dimaMachina! - migrate from webpack to vite

  changed exports

  -graphiql/graphiql.css
  +graphiql/style.css

  changed cdn paths, dist/index.umd.js and dist/style.css are minified

  -https://unpkg.com/graphiql/graphiql.js
  -https://unpkg.com/graphiql/graphiql.min.js
  +https://unpkg.com/graphiql/dist/index.umd.js
  -https://unpkg.com/graphiql/graphiql.css
  -https://unpkg.com/graphiql/graphiql.min.css
  +https://unpkg.com/graphiql/dist/style.css

• #3644 3c1a345 Thanks @dimaMachina! - - new looks of tabs

  • fix disableTabs when Add tab button is still shown

Patch Changes

• #3683 8efb873 Thanks @dimaMachina! - update graphql to 16.9.0 and use vite define configuration to remove development code from cdn bundle

• #3692 82bc961 Thanks @dimaMachina! - - prefer location over window.location

  • prefer navigator over window.navigator

• Updated dependencies [00415d2, 9baf1f0, 8ff87d7, 82bc961, 3c1a345]:

  • @graphiql/react@1.0.0-alpha.0

@graphiql/react@1.0.0-alpha.0

Major Changes

• #3709 9baf1f0 Thanks @dimaMachina! - style.css import was changed

  Migration

  -import '@graphiql/react/dist/style.css';
  +import '@graphiql/react/style.css';

Minor Changes

• #3702 00415d2 Thanks @dimaMachina! - generate types with vite-plugin-dts

• #3644 3c1a345 Thanks @dimaMachina! - - new looks of tabs

  • fix disableTabs when Add tab button is still shown

Patch Changes

• #3705 8ff87d7 Thanks @dimaMachina! - use vite build --watch instead of vite for dev script because we don't need development server for them

  do not use vite-plugin-dts when generating umd build

• #3692 82bc961 Thanks @dimaMachina! - - prefer location over window.location

  • prefer navigator over window.navigator

@graphiql/plugin-explorer@4.0.0-alpha.0

Major Changes

• #3709 9baf1f0 Thanks @dimaMachina! - style.css import was changed

  Migration

  -import '@graphiql/plugin-explorer/dist/style.css';
  +import '@graphiql/plugin-explorer/style.css';

Minor Changes

• #3702 00415d2 Thanks @dimaMachina! - generate types with vite-plugin-dts

Patch Changes

• #3705 8ff87d7 Thanks @dimaMachina! - use vite build --watch instead of vite for dev script because we don't need development server for them

  do not use vite-plugin-dts when generating umd build

• Updated dependencies [00415d2, 9baf1f0, 8ff87d7, 82bc961, 3c1a345]:

  • @graphiql/react@1.0.0-alpha.0

@graphiql/plugin-code-exporter@4.0.0-alpha.0

Major Changes

• #3709 9baf1f0 Thanks @dimaMachina! - style.css import was changed

  Migration

  -import '@graphiql/plugin-code-exporter/dist/style.css';
  +import '@graphiql/plugin-code-exporter/style.css';

Minor Changes

• #3702 00415d2 Thanks @dimaMachina! - generate types with vite-plugin-dts

Patch Changes

• #3705 8ff87d7 Thanks @dimaMachina! - use vite build --watch instead of vite for dev script because we don't need development server for them

  do not use vite-plugin-dts when generating umd build

• Updated dependencies [00415d2, 9baf1f0, 8ff87d7, 82bc961, 3c1a345]:

  • @graphiql/react@1.0.0-alpha.0

graphql-language-service-server@2.13.3

Patch Changes

• #3703 590a987 Thanks @acao! - use filepath instead of filePath for graphql-config

graphiql@3.4.1

Patch Changes

• #3675 676f910 Thanks @dimaMachina! - move @graphiql/toolkit to devDependecies because umd build is bundled with all dependencies in one file

• #3655 5450e6b Thanks @dimaMachina! - remove unused dependencies graphql-language-service and markdown-it

• Updated dependencies [6a0a5e5]:

  • @graphiql/react@0.23.1

@graphiql/react@0.23.1

Patch Changes

• #3552 6a0a5e5 Thanks @klippx! - do not clear defaultHeaders when switching between tabs upon reload

monaco-graphql@1.5.3

Patch Changes

• #3637 fdec377 Thanks @dimaMachina! - update eslint plugins and fix errors

• Updated dependencies [fdec377]:

  • graphql-language-service@5.2.2