From d550d384d83ce1e387c02327cbe24b2b2ed1e0a7 Mon Sep 17 00:00:00 2001
From: Koen Punt <koen@koenpunt.nl>
Date: Tue, 21 Sep 2021 11:41:36 +0200
Subject: [PATCH] Enable GraphiQL header editor

This commit enables a new tab in the GraphiQL UI that allows editing
request headers.

Closes gh-142
---
 .../src/main/resources/graphiql/index.html                    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/graphql-spring-boot-starter/src/main/resources/graphiql/index.html b/graphql-spring-boot-starter/src/main/resources/graphiql/index.html
index 7c4e4f8f..cd47657c 100644
--- a/graphql-spring-boot-starter/src/main/resources/graphiql/index.html
+++ b/graphql-spring-boot-starter/src/main/resources/graphiql/index.html
@@ -61,11 +61,12 @@
 ></script>
 <script>
     function graphQLFetcher(path) {
-        return graphQLParams => fetch(
+        return (graphQLParams, options = {}) => fetch(
             `${location.protocol}//${location.host}${path}`,
             {
                 method: 'post',
                 headers: {
+                    ...options.headers,
                     Accept: 'application/json',
                     'Content-Type': 'application/json',
                 },
@@ -86,6 +87,7 @@
         React.createElement(GraphiQL, {
             fetcher: gqlFetcher,
             defaultVariableEditorOpen: true,
+            headerEditorEnabled: true
         }),
         document.getElementById('graphiql'),
     );