- Updated dependencies [
f86e2bc
]:- @graphiql/[email protected]
-
#3751
b8538d8
Thanks @dimaMachina! - replace deprecatednavigator.platform
withnavigator.userAgent
fix placeholder
⌘ K
in doc explorer search input for non mac devices, replace byCtrl K
-
Updated dependencies [
b8538d8
]:- @graphiql/[email protected]
-
#3441
959ed21
Thanks @cimdalli! - fix: set query editor todefaultQuery
while adding a new tab or GraphiQL's default query# Welcome to GraphiQL # # GraphiQL is an in-browser tool for writing, validating, and # testing GraphQL queries. ...
-
Updated dependencies [
959ed21
,9aef83a
]:- @graphiql/[email protected]
-
#3563
4fb231f
Thanks @klippx! - Add new propconfirmCloseTab
to allow control of closing tabs -
#3532
7404e8e
Thanks @Cr4xy! - Add webp support to graphiql results image-preview
- Updated dependencies [
7404e8e
]:- @graphiql/[email protected]
-
#3682
6c9f0df
Thanks @yaacovCR! - Support v17 ofgraphql-js
from17.0.0-alpha.2
forward.Includes support for the latest incremental delivery response format. For further details, see graphql/defer-stream-wg#69.
- Updated dependencies [
6c9f0df
]:- @graphiql/[email protected]
-
#3675
676f910
Thanks @dimaMachina! - move@graphiql/toolkit
todevDependecies
because umd build is bundled with all dependencies in one file -
#3655
5450e6b
Thanks @dimaMachina! - remove unused dependenciesgraphql-language-service
andmarkdown-it
-
Updated dependencies [
6a0a5e5
]:- @graphiql/[email protected]
- #3643
82f1ecc
Thanks @dimaMachina! - addclassName
prop. Additional class names which will be appended to the GraphiQL container element
- Updated dependencies [
5bc7b84
,fdec377
,56c6f45
,93c7e9f
]:- @graphiql/[email protected]
- [email protected]
- @graphiql/[email protected]
-
#3634
adf0ba01
Thanks @dimaMachina! - when alpha is1
, usehsl
instead ofhsla
-
Updated dependencies [
adf0ba01
]:- @graphiql/[email protected]
- Updated dependencies [
335d830c
]:- @graphiql/[email protected]
- #3407
115c1c02
Thanks @TuvalSimha! - Add a new prop to GraphiQL component:forcedTheme
to force the theme and hide the theme switcher.
- Updated dependencies [
03ab3a6b
,aa6dbbb4
]:- @graphiql/[email protected]
- [email protected]
- Updated dependencies [
224b43f5
]:- @graphiql/[email protected]
- Updated dependencies [
d48f4ef5
]:- @graphiql/[email protected]
- #3569
5d051054
Thanks @AaronMoat! - Update to markdown-it 14.x
- Updated dependencies [
5d051054
]:- @graphiql/[email protected]
- Updated dependencies []:
- @graphiql/[email protected]
- Updated dependencies [
2b6ea316
]:- @graphiql/[email protected]
- #3408
a8080197
Thanks @TuvalSimha! - Allow disabling tabs and added new propdisableTabs
- Updated dependencies [
e89c432d
]:- @graphiql/[email protected]
- Updated dependencies [
39bf31d1
]:- @graphiql/[email protected]
- Updated dependencies [
f6afd22d
]:- @graphiql/[email protected]
- Updated dependencies [
7b00774a
,7b00774a
]:- [email protected]
- @graphiql/[email protected]
-
#3371
2348641c
Thanks @acao! - Solves #2825, an old bug where new tabs were created on every refreshthe bug occurred when:
shouldPersistHeaders
is not set to trueheaders
ordefaultHeaders
are provided as props- the user refreshes the browser
-
Updated dependencies [
2348641c
]:- @graphiql/[email protected]
-
#3364
d67c13f6
Thanks @acao! - Fix search result bug on select, #33307 -
Updated dependencies [
4cbdf183
,d67c13f6
]:- @graphiql/[email protected]
- @graphiql/[email protected]
-
#3349
17069e7a
Thanks @acao! - fix display of deprecation reason on field type docs -
Updated dependencies [
17069e7a
,ffb6486d
,e4a36207
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- Updated dependencies [
9a38de29
]:- @graphiql/[email protected]
-
#3235
5d062809
Thanks @B2o5T! - remove unnecessary<div />
wrappers -
Updated dependencies [
9ac84bfc
,9ac84bfc
,9ac84bfc
,5971d528
,9ac84bfc
,d9e5089f
,bc9d243d
,9ac84bfc
,9ac84bfc
,9ac84bfc
,67bf93a3
]:- @graphiql/[email protected]
- [email protected]
- Updated dependencies [
5971d528
,d9e5089f
,bc9d243d
,67bf93a3
]:- [email protected]
- @graphiql/[email protected]
- Updated dependencies [
9ac84bfc
,9ac84bfc
,9ac84bfc
,9ac84bfc
,9ac84bfc
,9ac84bfc
,9ac84bfc
]:- @graphiql/[email protected]
-
#3124
c645932c
Thanks @B2o5T! - avoid unecessary renders by using useMemo or useCallback -
Updated dependencies [
911cf3e0
,c645932c
,2ca4841b
,7bf90929
,431b7fe1
]:- @graphiql/[email protected]
- Updated dependencies [
2b212941
,9b333a04
]:- @graphiql/[email protected]
- Updated dependencies [
707f3cbc
,06007498
]:- @graphiql/[email protected]
- [email protected]
- Updated dependencies [
4d33b221
]:- [email protected]
- @graphiql/[email protected]
-
#3113
2e477eb2
Thanks @B2o5T! - replace.forEach
withfor..of
-
Updated dependencies [
2e477eb2
,4879984e
,51007002
,15c26eb6
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- [email protected]
-
#3087
0e2dfd49
Thanks @B2o5T! - remove nowhere usedentities
dependency -
Updated dependencies [
2d5c60ec
,b9c13328
,4a2284f5
,881a2024
,7cf4908a
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- [email protected]
- #3012
65f5176a
Thanks @benjie! - GraphiQL now maintains the DocExplorer navigation stack as best it can when the schema is updated
-
#2995
5f276c41
Thanks @imolorhe! - fix(cm6-graphql): Fix query token used as field name -
#2962
db2a0982
Thanks @B2o5T! - clean all ESLint warnings, add--max-warnings=0
and--cache
flags -
#2940
8725d1b6
Thanks @B2o5T! - enableunicorn/prefer-node-protocol
rule -
Updated dependencies [
e68cb8bc
,f788e65a
,bdc966cb
,65f5176a
,db2a0982
,8725d1b6
]:- [email protected]
- @graphiql/[email protected]
- @graphiql/[email protected]
- #2895
ccba2f33
Thanks @TheMightyPenguin! - Add user facing setting for persisting headers
-
#2922
d1fcad72
Thanks @B2o5T! - extendsplugin:import/recommended
and fix warnings -
#2941
4a8b2e17
Thanks @B2o5T! - enableunicorn/prefer-logical-operator-over-ternary
rule -
#2964
cec3fb2a
Thanks @B2o5T! - enableunicorn/prefer-export-from
rule -
#2939
bca318ce
Thanks @jonathanawesome! - removes regenerator-runtime from cdn.ts, resolves #2868 -
#2963
f263f778
Thanks @B2o5T! - enableprefer-destructuring
rule -
#2938
6a9d913f
Thanks @B2o5T! - enableunicorn/throw-new-error
rule -
Updated dependencies [
f7addb20
,d1fcad72
,4a8b2e17
,cec3fb2a
,695100bd
,11e6ad11
,c70d9165
,c44ea4f1
,d502a33b
,0669767e
,18f8e80a
,f263f778
,ccba2f33
,6a9d913f
,4ff2794c
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- [email protected]
- #2908
3340fd74
Thanks @thomasheyenbrock! - Deprecate theinitialTabs
prop and add adefaultTabs
props that supersedes it
-
#2911
118db402
Thanks @thomasheyenbrock! - Fix styles of secondary editor buttons -
#2919
f6cae4ea
Thanks @thomasheyenbrock! - Fix overflow when there are lots of tabs that don't fit into the tab bar at once -
Updated dependencies [
16174a05
,f6cae4ea
,3340fd74
,0851d5f9
,83364b28
,3a7d0007
]:- @graphiql/[email protected]
-
#2885
8f926489
Thanks @simhnna! - Fix stop execution button showing a dropdown -
#2886
2ba2f620
Thanks @B2o5T! - feat: adddefaultHeaders
prop -
Updated dependencies [
29630c22
,8f926489
,2ba2f620
]:- @graphiql/[email protected]
- Updated dependencies []:
- @graphiql/[email protected]
-
#2758
d63801fa
Thanks @LekoArts! - Fix the width of the plugin pane -
Updated dependencies []:
- @graphiql/[email protected]
- Updated dependencies [
682ad06e
]:- @graphiql/[email protected]
- Updated dependencies [
4e2f7ff9
]:- @graphiql/[email protected]
-
#2778
905f2e5e
Thanks @jonathanawesome! - Adds a box-model reset for all children of the.graphiql-container
class. This change facilitated another change to the--sidebar-width
variable. -
Updated dependencies [
42700076
,36839800
,905f2e5e
]:- @graphiql/[email protected]
-
#2653
39b4668d
Thanks @dylanowen! - FixfetchError
not being cleared when a newfetcher
is used -
Updated dependencies [
39b4668d
]:- @graphiql/[email protected]
- Updated dependencies [
e244b782
]:- @graphiql/[email protected]
- @graphiql/[email protected]
-
#2735
ca067d88
Thanks @thomasheyenbrock! - Use the new CSS variables for color alpha values defined in@graphiql/react
in style definitions -
Updated dependencies [
ca067d88
,674bf3f8
,32a70065
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- Updated dependencies [
bfa90f24
,8ab5fcd0
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- #2741
0219eef3
Thanks @thomasheyenbrock! - Improved sizing of button for adding tabs
-
#2746
6f0fa98e
Thanks @thomasheyenbrock! - Fix CodeMirror editors overlapping other parts of the UI on certain browser-OS-combinations (e.g. Chrome on Windows) -
Updated dependencies [
98e14155
,48872a87
,7dfea94a
,3aa1f39f
,0219eef3
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- #2715
c922719e
Thanks @thomasheyenbrock! - Add the contents ofgraphql
and@graphiql/react
as static properties to theGraphiQL
component in CDN bundles so that these modules can be reused from plugin CDN bundles.
- Updated dependencies [
d65f00ea
,f15ee38d
,d65f00ea
]:- @graphiql/[email protected]
- #2699
3b642aa3
Thanks @patrick91! - Export hooks in CDN bundle
- #2700
3acacf5b
Thanks @patrick91! - Fix cannot accessinitialHeaders
before initialization
- #2694
e59ec32e
Thanks @acao! - BREAKING: TheGraphiQL
component does no longer set a propertyg
on thewindow
object.
- #2694
e59ec32e
Thanks @acao! - BREAKING: Implement a new design for the GraphiQL UI. This changes both DOM structure and class names. We consider this a breaking change as custom GraphQL IDEs built on top of GraphiQL relied on these internals, e.g. overriding styles using certain class names.
- #2694
e59ec32e
Thanks @acao! - BREAKING: The following static properties of theGraphiQL
component have been removed:GraphiQL.formatResult
: You can use the functionformatResult
from@graphiql/toolkit
instead.GraphiQL.formatError
: You can use the functionformatError
from@graphiql/toolkit
instead.GraphiQL.QueryEditor
: You can use theQueryEditor
component from@graphiql/react
instead.GraphiQL.VariableEditor
: You can use theVariableEditor
component from@graphiql/react
instead.GraphiQL.HeaderEditor
: You can use theHeaderEditor
component from@graphiql/react
instead.GraphiQL.ResultViewer
: You can use theResponseEditor
component from@graphiql/react
instead.GraphiQL.Button
: You can use theToolbarButton
component from@graphiql/react
instead.GraphiQL.ToolbarButton
: This exposed the same component asGraphiQL.Button
.GraphiQL.Menu
: You can use theToolbarMenu
component from@graphiql/react
instead.GraphiQL.MenuItem
: You can use theToolbarMenu.Item
component from@graphiql/react
instead.GraphiQL.Group
: Grouping multiple buttons side-by-side is not provided out-of-the box anymore in the new GraphiQL UI. If you want to implement a similar feature in the new vertical toolbar you can do so by adding your own styles for your custom toolbar elements. Example:import { GraphiQL } from 'graphiql'; function CustomGraphiQL() { return ( <GraphiQL> <GraphiQL.Toolbar> {/* Add custom styles for your buttons using the given class */} <div className="button-group"> <button>1</button> <button>2</button> <button>3</button> </div> </GraphiQL.Toolbar> </GraphiQL> ); }
- #2694
e59ec32e
Thanks @acao! - BREAKING: The following exports of thegraphiql
package have been removed:DocExplorer
: Now exported from@graphiql/react
asDocExplorer
- The
schema
prop has been removed, the component now uses the schema provided by theExplorerContext
- The
fillLeafs
: Now exported from@graphiql/toolkit
asfillLeafs
getSelectedOperationName
: Now exported from@graphiql/toolkit
asgetSelectedOperationName
mergeAst
: Now exported from@graphiql/toolkit
asmergeAst
onHasCompletion
: Now exported from@graphiql/react
asonHasCompletion
QueryEditor
: Now exported from@graphiql/react
asQueryEditor
ToolbarMenu
: Now exported from@graphiql/react
asToolbarMenu
ToolbarMenuItem
: Now exported from@graphiql/react
asToolbarMenu.Item
ToolbarSelect
: Now exported from@graphiql/react
asToolbarListbox
ToolbarSelectOption
: Now exported from@graphiql/react
asToolbarListbox.Option
VariableEditor
: Now exported from@graphiql/react
asVariableEditor
- type
Fetcher
: Now exported from@graphiql/toolkit
- type
FetcherOpts
: Now exported from@graphiql/toolkit
- type
FetcherParams
: Now exported from@graphiql/toolkit
- type
FetcherResult
: Now exported from@graphiql/toolkit
- type
FetcherReturnType
: Now exported from@graphiql/toolkit
- type
Observable
: Now exported from@graphiql/toolkit
- type
Storage
: Now exported from@graphiql/toolkit
- type
SyncFetcherResult
: Now exported from@graphiql/toolkit
- #2694
e59ec32e
Thanks @acao! - BREAKING: TheGraphiQL
component has been refactored to be a function component. Attaching a ref to this component will no longer provide access to props, state or class methods. In order to interact with or changeGraphiQL
state you need to use the contexts and hooks provided by the@graphiql/react
package. More details and examples can be found in the migration guide.
- #2694
e59ec32e
Thanks @acao! - BREAKING: The following props of theGraphiQL
component have been changed:- The props
defaultVariableEditorOpen
anddefaultSecondaryEditorOpen
have been merged into one propdefaultEditorToolsVisibility
. The default behavior if this prop is not passed is that the editor tools are shown if at least one of the secondary editors has contents. You can pass the following values to the prop:- Passing
false
hides the editor tools. - Passing
true
shows the editor tools. - Passing
"variables"
explicitly shows the variables editor. - Passing
"headers"
explicitly shows the headers editor.
- Passing
- The props
docExplorerOpen
,onToggleDocs
andonToggleHistory
have been removed. They are replaced by the more generic propsvisiblePlugin
(for controlling which plugin is visible) andonTogglePluginVisibility
(which is called each time the visibility of any plugin changes). - The
headerEditorEnabled
prop has been renamed toisHeadersEditorEnabled
. - The
ResultsTooltip
prop has been renamed toresponseTooltip
. - Tabs are now always enabled. The
tabs
prop has therefore been replaced with a proponTabChange
. If you used thetabs
prop before to pass this function you can change your implementation like so:<GraphiQL - tabs={{ onTabChange: (tabState) => {/* do something */} }} + onTabChange={(tabState) => {/* do something */}} />
- The props
- #2694
e59ec32e
Thanks @acao! - GraphiQL now ships with a dark theme. By default the interface respects the system settings, the theme can also be explicitly chosen via the new settings dialog.
- Updated dependencies [
e59ec32e
,e59ec32e
,e59ec32e
,e59ec32e
,e59ec32e
,e59ec32e
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- Updated dependencies [
d6ff4d7a
]:- [email protected]
- @graphiql/[email protected]
- #2678
b3470b99
Thanks @thomasheyenbrock! - Add the attributetype="button"
to all buttons
- Updated dependencies [
85d5af25
,6ff0bab9
,0aff68a6
]:- @graphiql/[email protected]
-
#2642
100af928
Thanks @thomasheyenbrock! - Fix controlling the operation name sent with the request using theoperationName
prop -
Updated dependencies [
100af928
,100af928
]:- @graphiql/[email protected]
- Updated dependencies [
62317e0b
]:- @graphiql/[email protected]
- Updated dependencies [
ea732ea8
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- #2618
4c814506
Thanks @thomasheyenbrock! - Add a toolbar button for manually triggering introspection
- Updated dependencies [
4c814506
]:- @graphiql/[email protected]
- #2574
0c98fa59
Thanks @thomasheyenbrock! - Allow passing introspection data to theschema
prop of theGraphiQL
component
- Updated dependencies [
0c98fa59
,0c98fa59
]:- @graphiql/[email protected]
- Updated dependencies [
f581b437
]:- @graphiql/[email protected]
- Updated dependencies [
08346cba
]:- @graphiql/[email protected]
-
#2541
788d84ef
Thanks @thomasheyenbrock! - Fix theonSchemaChange
prop, it is now again called after the schema is fetched (this was broken since v1.9.3) -
Updated dependencies [
8ce5b483
,788d84ef
]:- @graphiql/[email protected]
- Updated dependencies [
26e44120
]:- @graphiql/[email protected]
-
#2501
5437ee61
Thanks @acao! - Allow Codemirror 5keyMap
to be defined, defaultvim
oremacs
allowed in addition to the original default ofsublime
. -
Updated dependencies [
5437ee61
,cccefa70
]:- @graphiql/[email protected]
- [email protected]
- #2499
731b3b72
Thanks @thomasheyenbrock! - fix the default value for theheaderEditorEnabled
prop to betrue
- Updated dependencies [
c9c51b8a
]:- [email protected]
- @graphiql/[email protected]
- #2475
d6558e43
Thanks @thomasheyenbrock! - Fix using theGraphiQL
export as type by exporting a class again
-
#2461
7dfe3ece
Thanks @thomasheyenbrock! - Use theuseDragResize
hook from@graphiql/react
for the sizing of the editors and the docs explorer -
Updated dependencies [
7dfe3ece
]:- @graphiql/[email protected]
- #2453
1b41e33c
Thanks @thomasheyenbrock! - Add execution context to@graphiql/react
and move over the logic fromgraphiql
- #2454
a53bec64
Thanks @thomasheyenbrock! - Deprecate the public methodsgetQueryEditor
,getVariableEditor
,getHeaderEditor
, andrefresh
on theGraphiQL
class.
- #2451
0659e96e
Thanks @thomasheyenbrock! - Always use the current value of the headers for the introspection request
- #2452
ee0fd8bf
Thanks @thomasheyenbrock! - Move tab state fromgraphiql
into editor context from@graphiql/react
- #2454
a53bec64
Thanks @thomasheyenbrock! - Continue forwarding the ref to the class component to not break public methods
- #2449
a0b02eda
Thanks @thomasheyenbrock! - Assume all context values are nullable and create hooks to consume individual contexts
-
#2450
1e6fc68b
Thanks @thomasheyenbrock! - Extract thecopy
,merge
,prettify
, andautoCompleteLeafs
functions into hooks and remove these functions from the editor context value -
Updated dependencies [
1b41e33c
,0659e96e
,ee0fd8bf
,a0b02eda
,1e6fc68b
]:- @graphiql/[email protected]
- #2437
1f933505
Thanks @thomasheyenbrock! - Move prettify query functionality to editor context in@graphiql/react
- #2435
89f0244f
Thanks @thomasheyenbrock! - Move the logic for deriving operation facts from the current query to@graphiql/react
and store these facts as properties on the query editor instance
- #2437
1f933505
Thanks @thomasheyenbrock! - Move copy query functionality to editor context in@graphiql/react
- #2437
1f933505
Thanks @thomasheyenbrock! - Move merge query functionality to editor context in@graphiql/react
- #2436
3e5295f0
Thanks @thomasheyenbrock! - Inline logic for clicking a reference to open the docs and remove theonClickReference
andonHintInformationRender
props of the editor components and hooks
-
#2436
3e5295f0
Thanks @thomasheyenbrock! - Move visibility state for doc explorer fromgraphiql
to the explorer context in@graphiql/react
-
Updated dependencies [
89f0244f
,1f933505
,89f0244f
,3dae62fc
,1f933505
,1f933505
,3e5295f0
,3e5295f0
]:- @graphiql/[email protected]
- #2419
84d8985b
Thanks @thomasheyenbrock! - Move thefillLeafs
utility function fromgraphiql
into@graphiql/toolkit
and deprecate the export fromgraphiql
- #2413
8be164b1
Thanks @thomasheyenbrock! - Add aStorageContext
and aHistoryContext
to@graphiql/react
that replaces the logic in thegraphiql
package
- #2419
84d8985b
Thanks @thomasheyenbrock! - Move themergeAst
utility function fromgraphiql
into@graphiql/toolkit
and deprecate the export fromgraphiql
- #2420
3467cd33
Thanks @thomasheyenbrock! - Fix sending multiple introspection requests when loading the page
- #2420
3467cd33
Thanks @thomasheyenbrock! - Deprecate theautoCompleteLeafs
method of theGraphiQL
component in favor of the function provided by theEditorContext
from@graphiql/react
- #2420
3467cd33
Thanks @thomasheyenbrock! - Add aSchemaContext
to@graphiql/react
that replaces the logic for fetching and validating the schema in thegraphiql
package
-
#2419
84d8985b
Thanks @thomasheyenbrock! - Move thegetSelectedOperationName
utility function fromgraphiql
into@graphiql/toolkit
and deprecate the export fromgraphiql
-
Updated dependencies [
84d8985b
,8be164b1
,8be164b1
,84d8985b
,3467cd33
,84d8985b
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- Updated dependencies [
ebc864f0
,ebc864f0
]:- @graphiql/[email protected]
-
#2423
838e58da
Thanks @chentsulin! - Fix peer dependency declaration by using||
instead of|
to link multiple major versions -
Updated dependencies [
838e58da
]:- @graphiql/[email protected]
- #2412
c2e2f53d
Thanks @thomasheyenbrock! - Move QueryStore fromgraphiql
package to@graphiql/toolkit
- #2412
c2e2f53d
Thanks @thomasheyenbrock! - Move HistoryStore fromgraphiql
package to@graphiql/toolkit
- #2409
f2025ba0
Thanks @thomasheyenbrock! - Move the logic of the variable editor from thegraphiql
package into a hookuseVariableEditor
provided by@graphiql/react
- #2408
d825bb75
Thanks @thomasheyenbrock! - Move the logic of the query editor from thegraphiql
package into a hookuseQueryEditor
provided by@graphiql/react
- #2411
ad448693
Thanks @thomasheyenbrock! - Move the logic of the result viewer from thegraphiql
package into a hookuseResponseEditor
provided by@graphiql/react
- #2370
7f695b10
Thanks @thomasheyenbrock! - Include the context provider for the explorer from@graphiql/react
and replace the local state for the nav stack of the docs with methods provided by hooks from@graphiql/react
.
- #2412
c2e2f53d
Thanks @thomasheyenbrock! - Move StorageAPI fromgraphiql
package to@graphiql/toolkit
- #2404
029ddf82
Thanks @thomasheyenbrock! - Add a context provider for editors and move the logic of the headers editor from thegraphiql
package into a hookuseHeaderEditor
provided by@graphiql/react
-
#2418
6d7fb6e6
Thanks @thomasheyenbrock! - Fix persisting headers in tab state and avoid opening duplicate tabs when reloading -
Updated dependencies [
c2e2f53d
,bc3dc64c
,c2e2f53d
,f2025ba0
,d825bb75
,ad448693
,7f695b10
,c2e2f53d
,029ddf82
]:- @graphiql/[email protected]
- @graphiql/[email protected]
- #2397
a63ff958
Thanks @thomasheyenbrock! - upgrade to React v17
-
#2401
60a744b1
Thanks @thomasheyenbrock! - move async helper functions and formatting functions over into the @graphiql/toolkit package -
Updated dependencies [
60a744b1
,60a744b1
]:- @graphiql/[email protected]
- #2388
d3ae074c
Thanks @benjie! - Add 'pointer-events: none' to SVG style for dropdown arrow in GraphiQL.Menu component
-
#2373
5b2c1b20
Thanks @benjie! - Fix TypeScript definition of FetcherParams to reflect that operationName is optional -
Updated dependencies [
5b2c1b20
]:- @graphiql/[email protected]
- #2316
3d8510c8
Thanks @AlirezaHaghshenas! - Fix: With tabs enabled, if a subscription is restored from storage, a query request is sent instead
-
#2312
3c97cf63
Thanks @AlirezaHaghshenas! - Fix: After changing to a tab with a subscription, graphiql sends a query request -
Updated dependencies [
45cbc759
]:
- Updated dependencies [
c36504a8
]:
-
#2274
12950380
Thanks @B2o5T! - turnvalid-typeof
aserror
, SSR fix -
Updated dependencies [
12950380
]:- @graphiql/[email protected]
- #2265
9458e10b
Thanks @acao! - fixcodemirror
import bug foronHasCompletion
for #2263. for esm/cjs users on autocomplete (umd bundle users not impacted)
- Updated dependencies [
261f2044
]:
-
#2257
6cc95851
Thanks @acao! - security fix: replace the vulnerabledset
dependency withset-value
dset
is vulnerable to prototype pollution attacks. this is only possible if you are doing all of the following:- running graphiql with an experimental graphql-js release tag that supports @stream and @defer
- executing a properly @streamed or @deferred query ala IncrementalDelivery spec, with multipart chunks
- consuming a malicious schema that contains field names like proto, prototype, or constructor that return malicious data designed to exploit a prototype pollution attack
- #2197
3137a6c4
Thanks @n1ru4l! - Now featuring: tabs! 🥳 🍾 just opt-in with new prop<GraphiQL tabs />
. You can also both opt-in and provide a handler via<GraphiQL tabs={{ onTabsChange }} />
!
-
#2249
1540fd3d
Thanks @acao! - Finally remove inlinerequire()
for codemirror addon imports, replace with modern dynamicimport()
(which enablesesbuild
,vite
, etc).This change should allow your bundler to code split codemirror-graphql and the codemirror addons based on which you import. For SSR support, GraphiQL must load these modules dynamically.
If you want to use other codemirror addons (vim, etc) for non-ssr you can just import them top level, or for SSR, you can just dynamically import them.
- Updated dependencies [
2502a364
]:
- #2221
64826c87
Thanks @dwwoelfel! - Fix to trigger codemirror update when externalFragments prop changes #2220
- #2205
91500d4e
Thanks @francisu! - Fixed problem where 'global' variable is referenced when it might not be present (#2155)
-
#2191
eb8af7b5
Thanks @n1ru4l! - Allow inserting content before the topBar element via thebeforeTopBarContent
property.<GraphiQL beforeTopBarContent={<SomeComponent />} />
- #2189
96d47267
Thanks @n1ru4l! - Apply variable editor title text styles via classvariable-editor-title-text
instead of using inline-styles. This allows better customization of styles. An active element also has the classactive
. This allows overriding the inactive state color using the selector.graphiql-container .variable-editor-title-text
and overriding the active state color using the selector.graphiql-container .variable-editor-title-text.active
.
-
#2190
d5179899
Thanks @n1ru4l! - New callback propertyonSchemaChange
forGraphiQL
.The callback is invoked with the successfully fetched schema from the remote.
Usage example:
<GraphiQL onSchemaChange={schema => console.log(schema)} />
- #2156
ae5ea77b
Thanks @francisu! - Fixed problem where 'global' variable is referenced when it might not be present (#2155)
- #2138
8700b4bb
Thanks @danielleletarte! - Correctly render line breaks for Descriptions in Doc Explorer - #2137 - @danielleletarte
- Updated dependencies []:
- Updated dependencies [
a44772d6
]:
- Updated dependencies [
e20760fb
]:
-
#2091
ff9cebe5
Thanks @acao! - Fix graphql 15 related issues. Should now build & test interchangeably. -
Updated dependencies [
ff9cebe5
]:
- Updated dependencies [
0f1f90ce
]:
- #2087
45a9075d
Thanks @acao! - Fix issue with introspection in servers which don't supportinputValueDeprecation
. makeinputValueDeprecation
an opt-in prop for DocExplorer features
- #2077
701ca13f
Thanks @acao! - Include schema description in DocExplorer for schema introspection requests. Enables theschemaDescription
option forgetIntrospectionQuery()
. Also includesdeprecationReason
support in DocExplorer for arguments! EnablesinputValueDeprecation
ingetIntrospectionQuery()
and displays deprecation section on field doc view. - Updated dependencies [
9df315b4
]:
- Updated dependencies [
df57cd25
]:
49bce429
#2051 Thanks @willstott101! - Include source maps for minified JS and CSS in the graphiql package.
- Updated dependencies []:
- Updated dependencies [
c42b145f
]:
-
bdd57312
#2047 Thanks @willstott101! - Source code included in all packages to fix source maps. codemirror-graphql includes esm build in package.
c83d1d4c
Thanks @kikkupico! - fixschema
type nullability for #2028
-
858907d2
#2045 Thanks @acao! - fix graphql-js peer dependencies - #2044 -
Updated dependencies [
858907d2
]:
- Updated dependencies [
dec207e7
,b79bf304
,d0c22c4f
]:- @graphiql/[email protected]
- [email protected]
-
Updated dependencies [
9a6ed03f
]:
716cf786
#2010 Thanks @acao! - upgrade to[email protected]
. thanks @saihaj!
- Updated dependencies [
716cf786
]:
e63696de
#2005 Thanks @acao! - Correct the npm readme security fix version number and links, thanks @glasser & @dotansimha!
130ddad6
Thanks @acao! - CRITICAL SECURITY PATCH for the GraphiQL introspection schema template injection attack
d3a88283
#1934 Thanks @tonyfromundefined! - add react 17, 18 in peerDependencies
afaa36c1
#1883 Thanks @Sweetabix1! - Updating font colors for line numbers, comments & brackets from #999 to #666 for accessibility purposes. #666 passes AA accessibility standards for small text, with a contrast ratio of over 5:1.
-
75dbb0b1
#1777 Thanks @dwwoelfel! - adopt block string parsing for variables in language parser
-
86795d5f
Thanks @acao! - Remove bad type definition fromsubscriptions-transport-ws
#1992 closes #1989 -
Updated dependencies [
86795d5f
]:- @graphiql/[email protected]
-
62e786b5
#1990 Thanks @acao! - Remove type definition fromsubscriptions-transport-ws
-
Updated dependencies [
62e786b5
]:- @graphiql/[email protected]
6a459f4c
#1968 Thanks @acao! - RemoveoptionalDependencies
entirely, removesubscriptions-transport-ws
which introduces vulnerabilities, upgrade@n1ru4l/push-pull-async-iterable-iterator
to 3.0.0, upgradegraphql-ws
several minor versions - the[email protected]
upgrade will come in a later minor release.
eb2d91fa
#1914 Thanks @harshithpabbati! - fix: history can now be saved even when query history panel is not opened feat: create a new maxHistoryLength prop to allow more than 20 queries in history panel
04fad79c
#1889 Thanks @henryqdineen! - feat: export ToolbarSelectOption and ToolbarMenuItem
-
Updated dependencies [
6a459f4c
,2fd5bf72
]:- @graphiql/[email protected]
- [email protected]
9f8c78ce
#1821 Thanks @harshithpabbati! - fix: render query history panel only when it's toggled, instead of hiding with CSS
-
dd9397e4
#1819 Thanks @acao! -GraphiQL.createClient()
accepts customlegacyClient
, exports typescript types, fixes #1800.createGraphiQLFetcher
now only attempts angraphql-ws
connection when onlysubscriptionUrl
is provided. In order to usegraphql-transport-ws
, you'll need to provide thelegacyClient
option only, and nosubscriptionUrl
orwsClient
option.
1f92d1dc
#1804 Thanks @maraisr! - Fixes issue where with IncrementalDelivery directives objects wouldn't deep-merge.
-
6869ce77
#1816 Thanks @acao! - improve peer resolutions for graphql 14 & 15.14.5.0
minimum is for built-in typescript types, and another method only available in14.4.0
-
Updated dependencies [
dd9397e4
,6869ce77
]:- @graphiql/[email protected]
- Updated dependencies [
b4fc16c0
]:
- Fixes the search icon misalignment. (#1776) by @iifawzi
- run
onToggleDocs
when settingdocExplorerOpen
to false (#1768) by @ChiragKasat
-
1c119386:
@defer
,@stream
, andgraphql-ws
support in acreateGraphiQLFetcher
utility (#1770)- support for
@defer
and@stream
inGraphiQL
itself on fetcher execution and when handling stream payloads - introduce
@graphiql/toolkit
for types and utilities used to composeGraphiQL
and other related libraries - introduce
@graphiql/create-fetcher
to accept simplified parameters to generate afetcher
that covers the most commonly usedgraphql-over-http
transport spec proposals. usingmeros
for multipart http, andgraphql-ws
for websockets subscriptions. - use
graphql
andgraphql-express
experimental-defer-stream
branch in development until it's merged - add cypress e2e tests for
@stream
in different scenarios - add some unit tests for
createGraphiQLFetcher
- support for
- Updated dependencies [1c119386]
- @graphiql/[email protected]
- @graphiql/[email protected]
1.3.2 (2021-01-07)
Note: Version bump only for package graphiql
1.3.1 (2021-01-07)
Note: Version bump only for package graphiql
1.3.0 (2021-01-07)
- also support fetcher functions that return Promise or Promise (#1739) (a804f3c)
- implied or external fragments, for #612 (#1750) (cfed265)
1.2.2 (2021-01-03)
Note: Version bump only for package graphiql
1.2.1 (2020-12-28)
1.2.0 (2020-12-08)
- add AsyncIterable support to fetcher function (#1724) (a568af3)
- provide validation rules via props (#1716) (0c5785c)
1.1.0 (2020-11-28)
- improve props in GraphiQL readme (b9b2c8d)
- graphiql: add prop for adding toolbar content while preserving the default buttons (ea81056)
- deeper fragment merging (238d0b5)
1.0.6 (2020-10-20)
1.0.5 (2020-09-18)
Note: Version bump only for package graphiql
1.0.4 (2020-09-11)
1.0.3 (2020-06-24)
1.0.2 (2020-06-19)
Note: Version bump only for package graphiql
1.0.1 (2020-06-17)
- more server side rendering fixes (#1581) (881a19f), closes #1573
- network cancellation for 1.0 (#1582) (ad3cc0d)
- Set headers to localStorage (#1578) (cc7a7e2)
1.0.0 (2020-06-11)
- call debounce statements as they are functions (#1571) (8541250)
- fix server side rendering by using type only codemirror import (#1573) (1ee60a6), closes #118
- Move all componentWillUnMount functionality to respective events (#1544) (046b09f)
1.0.0-alpha.13 (2020-06-04)
Note: Version bump only for package graphiql
1.0.0-alpha.12 (2020-06-04)
- cleanup cache entry from lerna publish (4a26218)
- display variable editor when headers are not enabled (ce7b2e2)
1.0.0-alpha.11 (2020-05-28)
1.0.0-alpha.10 (2020-05-19)
1.0.0-alpha.9 (2020-05-17)
- introduce proper vscode completion kinds (#1488) (f19aa0d)
- Monaco Mode - Phase 2 - Mode & Worker (#1459) (bc95fb4)
1.0.0-alpha.8 (2020-04-10)
Note: Version bump only for package graphiql
1.0.0-alpha.7 (2020-04-10)
Note: Version bump only for package graphiql
1.0.0-alpha.6 (2020-04-10)
Note: Version bump only for package graphiql
1.0.0-alpha.5 (2020-04-06)
- upgrade to [email protected] for #1191 (#1204) (f13c8e9)
1.0.0-alpha.4 (2020-04-03)
1.0.0-alpha.3 (2020-03-20)
Note: Version bump only for package graphiql
1.0.0-alpha.2 (2020-03-20)
- Fix typo in documentation (comments) (#1431) (fdda8f0)
- initial request cache set, import tsc bugs (#1266) (6b98f8a)
1.0.0-alpha.1 (2020-01-18)
- hmr, file resolution warnings (69bf701)
- prefer displayName over type equality for children overrides (e4cec0a)
- remove use of
findDOMNode
(0b12323) by @ryan-m-walker
- remove use of
- deprecate support for 15, support react 16 features (#1107) (bc4b6fc)
- graphiql-theming: Toolbar component (#1203) by @walaura (adb73f5)
- [new-ui] Tabs & Tab-bars (#1198) (033f971) by @walaura
- replace use of enzyme with react-testing-library (#1144) by @ryan-m-walker (de73d6c)
- storybook+theme-ui for the new design (#1145) (7f97c0c) by @walaura
- Deprecate support for React 15. Please use React 16.8 or greater for hooks support. Co-authored-by: @ryan-m-walker, @acao Reviewed-by: @benjie
0.17.5 (2019-12-09)
Note: Version bump only for package graphiql
0.17.4 (2019-12-09)
- graphiql babel test ignore paths (e1588d9)
0.17.3 (2019-12-09)
0.17.2 (2019-12-03)
- ensure css files move with babel dist (ca95547)
- remove css from downstream components. soon to be replaced w styled (e765543)
0.17.1 (2019-12-03)
- graphiql: duplicate query history key issue, fixes #988 (#1035) (69c6826)
- convert browserify build to webpack, fixes #976 (#1001) (3caf041)
- hints vertical scroll (216eaeb)
0.17.0 (2019-11-26)
- security bump, resolves #1004, SNYK-JS-MARKDOWNIT-459438 (89c83db)
- webpack resolutions for #882, add webpack example (ea9df3e)
- graphiql: Prettify also formats query variables (b7d0bfd)
0.16.0 (2019-10-19)
- accessibility: improve accessibility of all components (#967) (73a3f90)
- css: added minimum width for result panel in GraphiQL (#980) (0c8b7ad)
- graphiql: better quota management (#764) (7efed6c)
0.15.1 (2019-10-04)
- build tweaks (0bc6a7c)
- check
window
is defined before using it (#962) (e4866ad) - graphiql: prettify keybinding bug for Firefox. Fixes #905 (fdf98ba)
- check
this.editor
exist beforethis.editor.off
in QueryEditor (#669) (ca226ee), closes #665 - extraKeys bugfix window regression (f3d0427)
- preserve ctrl-f key for macOS (7c381f9)