From 96320031c27d4c01dda31ad4b95b1c91e2ea1144 Mon Sep 17 00:00:00 2001
From: Ryan Bonte <ryan.bonte@gmail.com>
Date: Wed, 22 May 2019 11:09:00 +0200
Subject: [PATCH] auto prettify

---
 README.md             |  2 ++
 src/renderGraphiQL.js | 12 +++++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index f782e252..58b79630 100644
--- a/README.md
+++ b/README.md
@@ -71,6 +71,8 @@ The `graphqlHTTP` function accepts the following options:
       * **`defaultQuery`**: An optional GraphQL string to use when no query
         is provided and no stored query exists from a previous session.
         If undefined is provided, GraphiQL will use its own default query.
+      * **`autoPrettify`**: An optional boolean that when set to true causes the
+      query to be pretty printed before being displayed.
 
   * **`rootValue`**: A value to pass as the `rootValue` to the `graphql()`
     function from [`GraphQL.js/src/execute.js`](https://github.com/graphql/graphql-js/blob/master/src/execution/execute.js#L119).
diff --git a/src/renderGraphiQL.js b/src/renderGraphiQL.js
index 36746157..7c769492 100644
--- a/src/renderGraphiQL.js
+++ b/src/renderGraphiQL.js
@@ -9,6 +9,8 @@
  *  @flow strict
  */
 
+import { parse, print } from 'graphql';
+
 type GraphiQLData = {|
   query: ?string,
   variables: ?{ [name: string]: mixed },
@@ -24,6 +26,11 @@ export type GraphiQLOptions = {|
    * will use its own default query.
    */
   defaultQuery?: ?string,
+  /**
+   * An optional boolean that when set to true causes the query to be pretty
+   * printed before being displayed.
+   */
+  autoPrettify?: ?boolean,
 |};
 
 // Current latest version of GraphiQL.
@@ -42,7 +49,10 @@ function safeSerialize(data) {
  * requested query.
  */
 export function renderGraphiQL(data: GraphiQLData): string {
-  const queryString = data.query;
+  const queryString =
+    data.options.autoPrettify && data.query
+      ? print(parse(data.query))
+      : data.query;
   const variablesString = data.variables
     ? JSON.stringify(data.variables, null, 2)
     : null;