antograssiot / core

var search = window.location.search;

var parameters = {};

search.substr(1).split('&').forEach(function (entry) {

    var eq = entry.indexOf('=');

    if (eq >= 0) {

        parameters[decodeURIComponent(entry.slice(0, eq))] =

            decodeURIComponent(entry.slice(eq + 1));

    }

});

// If variables was provided, try to format it.

if (parameters.variables) {

    try {

        parameters.variables =

            JSON.stringify(JSON.parse(parameters.variables), null, 2);

        // Do nothing, we want to display the invalid JSON as a string, rather

        // than present an error.

    }

}

// When the query and variables string is edited, update the URL bar so

// that it can be easily shared

function onEditQuery(newQuery) {

    parameters.query = newQuery;

    updateURL();

}

function onEditVariables(newVariables) {

    parameters.variables = newVariables;

    updateURL();

}

function updateURL() {

    var newSearch = '?' + Object.keys(parameters).filter(function (key) {

        return Boolean(parameters[key]);

    }).map(function (key) {

        return encodeURIComponent(key) + '=' +

            encodeURIComponent(parameters[key]);

    }).join('&');

    history.replaceState(null, null, newSearch);

}

// Defines a GraphQL fetcher using the fetch API.

function graphQLFetcher(graphQLParams) {

    return fetch(window.location.pathname, {

        method: 'post',

        headers: {

            'Accept': 'application/json',

            'Content-Type': 'application/json',

        },

        body: JSON.stringify(graphQLParams),

        credentials: 'include',

    }).then(function (response) {

        return response.text();

    }).then(function (responseBody) {

        try {

            return JSON.parse(responseBody);

        } catch (error) {

            return responseBody;

        }

    });

}

// Render <GraphiQL /> into the body.

        fetcher: graphQLFetcher,

        query: parameters.query,

        variables: parameters.variables,

        operationName: parameters.operationName,

        onEditQuery: onEditQuery,

        onEditVariables: onEditVariables,

        onEditOperationName: onEditOperationName

    }),

    document.getElementById('graphiql')

);