hive-router 0.0.76

GraphQL router/gateway for Federation
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Hive Router GraphiQL</title>
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="https://the-guild.dev/apple-touch-icon.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="https://the-guild.dev/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="https://the-guild.dev/favicon-16x16.png"
    />
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="https://the-guild.dev/favicon.ico"
    />
    <link
      crossorigin
      rel="stylesheet"
      href="https://unpkg.com/@graphql-yoga/graphiql/dist/graphiql.css"
    />
  </head>
  <body id="body" class="no-focus-outline">
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root">Loading GraphiQL...</div>
    <script>
      function prepareBlob(workerContent) {
        const blob = new Blob([workerContent], {
          type: "application/javascript",
        });
        return URL.createObjectURL(blob);
      }
      const workers = {};
      const workerUrls = {
        editorWorkerService:
          "https://unpkg.com/@graphql-yoga/graphiql/dist/monacoeditorwork/editor.worker.bundle.js",
        json: "https://unpkg.com/@graphql-yoga/graphiql/dist/monacoeditorwork/json.worker.bundle.js",
        graphql:
          "https://unpkg.com/@graphql-yoga/graphiql/dist/monacoeditorwork/graphql.worker..bundle.js",
      };
      function prepareWorkers() {
        return Promise.all(
          Object.entries(workerUrls).map(async ([label, url]) => {
            const res = await fetch(url);
            const text = await res.text();
            workers[label] = prepareBlob(text);
          }),
        );
      }
      self["MonacoEnvironment"] = {
        globalAPI: false,
        getWorkerUrl: function (moduleId, label) {
          return workers[label];
        },
      };
    </script>
    <script src="https://unpkg.com/@graphql-yoga/graphiql/dist/yoga-graphiql.umd.js"></script>
    <script>
      function parseInitialVariables() {
        const rawVariables = new URLSearchParams(location.search).get(
          "variables",
        );

        if (rawVariables === null) {
          return undefined;
        }

        try {
          return JSON.stringify(JSON.parse(rawVariables), null, 2);
        } catch (_error) {
          return rawVariables;
        }
      }

      function createGraphiQLOptions() {
        const variables = parseInitialVariables();
        const options = {
          title: "Hive Router GraphiQL",
        };

        if (variables !== undefined) {
          options.variables = variables;
        }

        return options;
      }

      prepareWorkers().finally(() => {
        YogaGraphiQL.renderYogaGraphiQL(root, createGraphiQLOptions());
      });
    </script>
  </body>
</html>