init-graphiql.js ➔ graphQLFetcher - Code Metrics - Inspection of "Update and rename main.yml to ci.yml" - antograssiot/core - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — master ( 80b04f...98ef0e )

by GRASSIOT

created 2019-10-29 20:39 UTC

init-graphiql.js ➔ graphQLFetcher A

↳ Parent: src/Bridge/Symfony/Bundle/Resources/public/init-graphiql.js

Complexity

Conditions

Size

Total Lines	19
Code Lines	15

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	15
c	0
b	0
f	0
dl	0
loc	19
rs	9.65
cc	4

// Parse the search string to get url parameters.
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);
    } catch (e) {

        // 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 onEditOperationName(newOperationName) {
    parameters.operationName = newOperationName;
    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.
ReactDOM.render(

    React.createElement(GraphiQL, {

        fetcher: graphQLFetcher,
        query: parameters.query,
        variables: parameters.variables,
        operationName: parameters.operationName,
        onEditQuery: onEditQuery,
        onEditVariables: onEditVariables,
        onEditOperationName: onEditOperationName
    }),
    document.getElementById('graphiql')
);


1			// Parse the search string to get url parameters.
2			var search = window.location.search;
3			var parameters = {};
4			search.substr(1).split('&').forEach(function (entry) {
5			var eq = entry.indexOf('=');
6			if (eq >= 0) {
7			parameters[decodeURIComponent(entry.slice(0, eq))] =
8			decodeURIComponent(entry.slice(eq + 1));
9			}
10			});
11
12			// If variables was provided, try to format it.
13			if (parameters.variables) {
14			try {
15			parameters.variables =
16			JSON.stringify(JSON.parse(parameters.variables), null, 2);
17			} catch (e) {
			0 ignored issues – show Coding Style Comprehensibility Best Practice introduced 2018-05-03 16:08 UTC by Report Bug Copy Issue Report Empty catch clauses should be used with caution; consider adding a comment why this is needed. Loading history...
18			// Do nothing, we want to display the invalid JSON as a string, rather
19			// than present an error.
20			}
21			}
22
23			// When the query and variables string is edited, update the URL bar so
24			// that it can be easily shared
25			function onEditQuery(newQuery) {
26			parameters.query = newQuery;
27			updateURL();
28			}
29
30			function onEditVariables(newVariables) {
31			parameters.variables = newVariables;
32			updateURL();
33			}
34
35			function onEditOperationName(newOperationName) {
36			parameters.operationName = newOperationName;
37			updateURL();
38			}
39
40			function updateURL() {
41			var newSearch = '?' + Object.keys(parameters).filter(function (key) {
42			return Boolean(parameters[key]);
43			}).map(function (key) {
44			return encodeURIComponent(key) + '=' +
45			encodeURIComponent(parameters[key]);
46			}).join('&');
47			history.replaceState(null, null, newSearch);
48			}
49
50			// Defines a GraphQL fetcher using the fetch API.
51			function graphQLFetcher(graphQLParams) {
52			return fetch(window.location.pathname, {
53			method: 'post',
54			headers: {
55			'Accept': 'application/json',
56			'Content-Type': 'application/json',
57			},
58			body: JSON.stringify(graphQLParams),
59			credentials: 'include',
60			}).then(function (response) {
61			return response.text();
62			}).then(function (responseBody) {
63			try {
64			return JSON.parse(responseBody);
65			} catch (error) {
66			return responseBody;
67			}
68			});
69			}
70
71			// Render <GraphiQL /> into the body.
72			ReactDOM.render(
			0 ignored issues – show Bug introduced 2018-05-03 16:08 UTC by Report Bug Copy Issue Report The variable `ReactDOM` seems to be never declared. If this is a global, consider adding a `/** global: ReactDOM */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
73			React.createElement(GraphiQL, {
			0 ignored issues – show Bug introduced 2018-05-03 16:08 UTC by Report Bug Copy Issue Report The variable `GraphiQL` seems to be never declared. If this is a global, consider adding a `/** global: GraphiQL /` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history... Bug introduced 2018-05-03 16:08 UTC by Report Bug Copy Issue Report The variable `React` seems to be never declared. If this is a global, consider adding a `/* global: React */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
74			fetcher: graphQLFetcher,
75			query: parameters.query,
76			variables: parameters.variables,
77			operationName: parameters.operationName,
78			onEditQuery: onEditQuery,
79			onEditVariables: onEditVariables,
80			onEditOperationName: onEditOperationName
81			}),
82			document.getElementById('graphiql')
83			);
84

antograssiot / core

Push — master ( 80b04f...98ef0e )

init-graphiql.js ➔ graphQLFetcher A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like