new tabs look for graphiql v4 (#3685)

* changeset pre enter alpha

* [graphiql-react/graphiql] new looks of tabs (#3644)

* new looks of tabs

* add graphiql react too

* all fixes

* more polishing

* more

* more

* more

* more

* more

* prettier

* polish changeset

* disable shrinking while changing the operation name

* Update packages/graphiql-react/src/ui/tabs.css

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* yarn i

* apply new design changes

* prettier

* Update .changeset/thirty-spoons-call.md

* fix cypress

* this fix locally

---------

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* [2] GraphiQL x Vite v5 (#3679)

* new looks of tabs

* add graphiql react too

* all fixes

* more polishing

* more

* more

* more

* more

* more

* prettier

* polish changeset

* disable shrinking while changing the operation name

* Update packages/graphiql-react/src/ui/tabs.css

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* yarn i

* apply new design changes

* prettier

* vite

more

more

more

* fix demo

* fix cspell

* fix dev

* update cypress to v13

* upd cache key

* Update .changeset/thirty-spoons-call.md

* Update packages/graphiql/vite.config.mts

* merge

* add changeset

* yarn.lock

---------

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* [3] remove unused webpack deps (#3681)

* new looks of tabs

* add graphiql react too

* all fixes

* more polishing

* more

* more

* more

* more

* more

* prettier

* polish changeset

* disable shrinking while changing the operation name

* Update packages/graphiql-react/src/ui/tabs.css

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* yarn i

* apply new design changes

* prettier

* vite

more

more

more

* fix demo

* fix cspell

* fix dev

* update cypress to v13

* upd cache key

* remove webpack deps

* fix `yarn jest --coverage`

* Update .changeset/thirty-spoons-call.md

* Update packages/graphiql/vite.config.mts

* merge

* add changeset

* yarn.lock

* yarn.lock

---------

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* [4] update graphql to `16.9.0` and use vite `define` configuration to remove development code from cdn bundle (#3683)

* vite

more

more

more

* fix demo

* fix cspell

* fix dev

* update cypress to v13

* upd cache key

* remove webpack deps

* fix `yarn jest --coverage`

* upd graphql

* aa

* yarn.lock

* fix tests

* remove `data-testid="graphiql-container"` (#3688)

* commit `pre.json` until `graphiql-v4` will be added to list of authorized branches to deploy

* remove `graphiql-v4` from release.yml

* [v4] remove `disableTabs` option (#3687)

* remove `disableTabs` option

* format

* commit `pre.json`

* add `graphiql-v4` in release.yml

* [v4] prefer `location` over `window.location` and prefer `navigator` over `window.navigator` (#3692)

* [v4] remove `build.sh` and `checkgit.sh` (#3694)

* [v4] test umd build only on ci, locally test cdn.ts (#3693)

* test umd build only on ci, locally test cdn.ts

* Update custom-words.txt

* [v4] convert graphiql e2e server to ESM (#3697)

* aa

* fix netlify

* fix

* fix fails on ci

* [v4] update changeset for changed exports (#3700)

* [v4] generate types with `vite-plugin-dts` (#3702)

* generate types with `vite-plugin-dts`

* add types:check in prebuild

* more

* more

* more

* update vite

* upd

* use terser

* [v4] use `vite build --watch` instead of `vite` for `dev` script because we don't need development server for them (#3705)

* [v4] remove graphiql default export (#3706)

* aa

* aa

* polish

* [v4] fix netlify deploy (#3708)

* fix netlify deploy

* fix cypress

* change `style.css` imports (#3709)

* Update poor-ghosts-jump.md

* Version Packages (alpha) (#3689)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* [v4] show tabs even there is only 1 tab (#3713)

* aa

* aa

* fix unit tests

* fix cypress

* [v4] Remove `toolbar.additionalContent` and `toolbar.additionalComponent` props in favor of `GraphiQL.Toolbar` render props. (#3707)

* Version Packages (alpha) (#3714)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* [v4] use `position: absolute` for `.graphiql-logo` class (#3716)

* [v4] remove `createComponentGroup` utility in favour `Object.assign` (#3717)

* Version Packages (alpha) (#3718)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* [v4] fix merge conflicts with `main` (#3719)

* upgrade to graphql v17 including support for new incremental delivery format (#3682)

* add support for new incremental delivery format

* fix vitest

* add patch for graphql-js bug

submittes upstream with test at graphql/graphql-js#4160

* apply feedback

* move patches!

* some fixes

* fix netlify/cypress

* remove export

* update changeset

---------

Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>

* Version Packages (#3715)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* prettier

* fix e2e

* update pr-graphql-compat-check.yml

* prettier

---------

Co-authored-by: Yaacov Rydzinski <yaacovCR@gmail.com>
Co-authored-by: Rikki Schulte <rikki.schulte@gmail.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* [v4] fix scrollbar appearing in sidebar (#3720)

* replace `overflow-y: scroll` with `overflow-y: auto`

* fix netlify graphql function

* Version Packages (alpha) (#3723)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* style: Don't convert single \n to <br> (#3414)

* Update development instructions

* Don't convert single \n to <br>

* Add changeset

* Update .changeset/olive-mice-hide.md

---------

Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>

* [v4] some refactoring (#3726)

* some refactoring

* use `right: var(--px-16)` instead of `right: 0` for `.graphiql-logo`

* more

* try to fix

* fix join is not defined

* Update packages/graphiql/cypress/e2e/incremental-delivery.cy.ts

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

---------

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>

* [v4] polish `tabs.cy` tests, remove `.graphiql-session` class (#3728)

* aa

* aa

* aa

* aa

* fix tests

* [v4] rollback `position: absolute` style for `.graphiql-logo` because tabs will behind logo (#3730)

* Version Packages (alpha) (#3725)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* Add support for onPrettifyQuery callback to enable customised query formatting (#3733)

* aa

* prettifyyy

* Version Packages (alpha) (#3732)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* [v4] improve explorer styles (#3738)

* improve explorer styles

* aa

* Version Packages (alpha) (#3739)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* fix types incorrect types entry (#3740)

* Version Packages (alpha) (#3741)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* add vite replace html plugin for graphiql plugin explorer (#3742)

* add vite replace html plugin for graphiql plugin explorer

* fix build

* temp

* migrate `@graphiql/toolkit` to `tsup` (#3746)

* aa

* removes unneeded `undefined`

* try

* fix

* fix vitest

* rollback of `temp` commit

* update lock

* merge

* Update .changeset/rich-jobs-kick.md

* polish

* lint

* Update .changeset/good-vans-refuse.md

* update migration guide

* update migration guide

* upd

* upd

* fix

* make on prettify query async

* use maybe promise from toolkit

* upd

* message processor test pass

* fix e2e

* try

* FIX e2e

* try

* ok now it's good

* I hope now it's ok!

---------

Co-authored-by: Ted Thibodeau Jr <tthibodeau@openlinksw.com>
Co-authored-by: Rikki Schulte <rikki.schulte@gmail.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Yaacov Rydzinski <yaacovCR@gmail.com>
Co-authored-by: Leonard Ehrenfried <mail@leonard.io>

Author: 6 people

.changeset/add-on-prettify-callback.md

@@ -0,0 +1,6 @@
+---
+"@graphiql/react": minor
+"graphiql": minor
+---
+
+Add support for `onPrettifyQuery` callback to enable customised query formatting

.changeset/breezy-chicken-crash.md

@@ -0,0 +1,12 @@
+---
+'@graphiql/plugin-code-exporter': major
+---
+
+`style.css` import was changed
+
+## Migration
+
+```diff
+-import '@graphiql/plugin-code-exporter/dist/style.css';
++import '@graphiql/plugin-code-exporter/style.css';
+```

.changeset/few-steaks-clap.md

@@ -0,0 +1,5 @@
+---
+'graphiql': major
+---
+
+show tabs even there is only 1 tab

.changeset/flat-lies-heal.md

@@ -0,0 +1,7 @@
+---
+'@graphiql/react': minor
+'@graphiql/plugin-explorer': minor
+'@graphiql/plugin-code-exporter': minor
+---
+
+generate types with `vite-plugin-dts`

.changeset/gentle-bugs-mix.md

@@ -0,0 +1,19 @@
+---
+'graphiql': major
+---
+
+remove default export
+
+## Migration
+
+### Before
+
+```jsx
+import GraphiQL from 'graphiql'
+```
+
+### After
+
+```jsx
+import { GraphiQL } from 'graphiql'
+```

.changeset/good-vans-refuse.md

@@ -0,0 +1,12 @@
+---
+'@graphiql/react': minor
+---
+
+`style.css` import was changed
+
+## Migration
+
+```diff
+-import '@graphiql/react/dist/style.css';
++import '@graphiql/react/style.css';
+```

.changeset/green-pugs-worry.md

@@ -0,0 +1,5 @@
+---
+'graphiql': major
+---
+
+remove `disableTabs` option

.changeset/healthy-onions-bake.md

@@ -0,0 +1,5 @@
+---
+'@graphiql/plugin-explorer': patch
+---
+
+improve explorer styles

.changeset/hungry-spiders-cheat.md

@@ -0,0 +1,5 @@
+---
+'graphiql': major
+---
+
+remove `data-testid="graphiql-container"`

.changeset/metal-glasses-bow.md

@@ -0,0 +1,5 @@
+---
+'graphiql': patch
+---
+
+update graphql to `16.9.0` and use vite `define` configuration to remove development code from cdn bundle