Add support for two graphiql headers configurations

fix #441

Author: oliemansm

example/src/main/resources/application.yml

@@ -25,8 +25,14 @@ altair:
 graphiql:
   enabled: true
   cdn:
-    enabled: true
+    enabled: false
     version: 0.17.5
+  headers:
+    Test: TestHeader
+  props:
+    variables:
+      headerEditorEnabled: true
+      headers: '{ "Authorization": "SomeValue" }'
 voyager:
   enabled: true
   cdn:

graphiql-spring-boot-autoconfigure/src/main/resources/graphiql.html

@@ -162,8 +162,12 @@
   props.onEditVariables = onEditVariables
   props.onEditOperationName = onEditOperationName
   props.onEditHeaders = onEditHeaders
+  props.headers = props.headers || {}
+  if (headers) {
+    var newHeaders = Object.assign({}, JSON.parse(props.headers), headers)
+    props.headers = JSON.stringify(newHeaders, undefined, 2)
+  }
 
-  console.debug(props)
   // Render <GraphiQL /> into the body.
   ReactDOM.render(
       React.createElement(GraphiQL, props),