graphql: upgrade UI to v2 (#27294)

Upgrades graphiql to v2.4.4. The interface has become much nicer, and there are extra features like tabs, history, dark mode etc. This change also now uses golang embed to bundle the resources. --------- Co-authored-by: Martin Holst Swende <martin@swende.se>
2023-05-22 08:15:05 -04:00
parent 6fe0252571
commit b46d37ea52
8 changed files with 715 additions and 76 deletions
@@ -0,0 +1,46 @@
+<!--
+ *  Copyright (c) 2021 GraphQL Contributors
+ *  All rights reserved.
+ *
+ *  This source code is licensed under the license found in the
+ *  LICENSE file in the root directory of this source tree.
+-->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>GraphiQL</title>
+    <style>
+        body {
+            height: 100%;
+            margin: 0;
+            width: 100%;
+            overflow: hidden;
+        }
+
+        #graphiql {
+            height: 100vh;
+        }
+    </style>
+
+    <script src="/graphql/ui/react.production.min.js"></script>
+    <script src="/graphql/ui/react-dom.production.min.js"></script>
+
+    <link rel="stylesheet" href="/graphql/ui/graphiql.min.css" />
+</head>
+
+<body>
+<div id="graphiql">Loading...</div>
+<script src="/graphql/ui/graphiql.min.js" type="application/javascript"></script>
+<script>
+    ReactDOM.render(
+        React.createElement(GraphiQL, {
+            fetcher: GraphiQL.createFetcher({
+                url: '/graphql',
+            }),
+            defaultEditorToolsVisibility: true,
+        }),
+        document.getElementById('graphiql'),
+    );
+</script>
+</body>
+</html>