Merge pull request #1530 from lasantosr/altair-source

Add altair source
async-graphql · Jun 8, 2024 · 0ca5dba · 0ca5dba
2 parents 0f7641c + be01616
commit 0ca5dba
Show file tree

Hide file tree

Showing 4 changed files with 696 additions and 0 deletions.
diff --git a/Cargo.toml b/Cargo.toml
@@ -28,6 +28,7 @@ tracing = ["tracinglib", "tracing-futures"]
 unblock = ["blocking"]
 dynamic-schema = []
 graphiql = ["handlebars"]
+altair = ["handlebars", "schemars"]
 playground = []
 
 [[bench]]
@@ -110,6 +111,7 @@ serde_cbor = { version = "0.11.2", optional = true }
 sha2 = { version = "0.10.8", optional = true }
 zxcvbn = { version = "2.2.2", optional = true }
 handlebars = { version = "5.1.2", optional = true }
+schemars = { version = "0.8.21", optional = true }
 
 [dev-dependencies]
 futures-channel = "0.3.30"

diff --git a/src/http/altair_source.hbs b/src/http/altair_source.hbs
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta charset="utf-8">
+
+    {{#if title}}
+    <title>{{ title }}</title>
+    {{else}}
+    <title>Altair</title>
+    {{/if}}
+
+    <base href="https://unpkg.com/altair-static@latest/build/dist/">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <link rel="stylesheet" href="styles.css">
+  </head>
+
+  <body>
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        {{#if options}}
+        AltairGraphQL.init({{{ toJson options }}});
+        {{else}}
+        AltairGraphQL.init();
+        {{/if}}
+      });
+    </script>
+    <app-root>
+      <style>
+        .loading-screen {
+          /*Prevents the loading screen from showing until CSS is downloaded*/
+          display: none;
+        }
+      </style>
+      <div class="loading-screen styled">
+        <div class="loading-screen-inner">
+          <div class="loading-screen-logo-container">
+            <img src="assets/img/logo_350.svg" alt="Altair">
+          </div>
+          <div class="loading-screen-loading-indicator">
+            <span class="loading-indicator-dot"></span>
+            <span class="loading-indicator-dot"></span>
+            <span class="loading-indicator-dot"></span>
+          </div>
+        </div>
+      </div>
+    </app-root>
+    <script type="text/javascript" src="runtime.js"></script>
+    <script type="text/javascript" src="polyfills.js"></script>
+    <script type="text/javascript" src="main.js"></script>
+  </body>
+
+</html>