From 5ea06f758d42b057232ae0fc639a9c5403e1e1bf Mon Sep 17 00:00:00 2001
From: Stefano Cislaghi <s.cislaghi@gmail.com>
Date: Mon, 4 Sep 2023 17:18:05 +0100
Subject: [PATCH] fix: renderVoyager

---
 example/cdn/index.html | 85 +++++++++++++++++++++---------------------
 1 file changed, 43 insertions(+), 42 deletions(-)
diff --git a/example/cdn/index.html b/example/cdn/index.html
index dc304a26..d1b0f1bd 100644
--- a/example/cdn/index.html
+++ b/example/cdn/index.html
@@ -1,51 +1,52 @@
 <!doctype html>
 <html>
-  <head>
-    <style>
-      body {
-        height: 100%;
-        margin: 0;
-        width: 100%;
-        overflow: hidden;
-      }
-      #voyager {
-        height: 100vh;
-      }
-    </style>
 
-    <!--
+<head>
+  <style>
+    body {
+      height: 100%;
+      margin: 0;
+      width: 100%;
+      overflow: hidden;
+    }
+
+    #voyager {
+      height: 100vh;
+    }
+  </style>
+
+  <!--
       These two files are served from jsdelivr CDN, however you may wish to
       copy them directly into your environment, or perhaps include them in your
       favored resource bundler.
      -->
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/graphql-voyager/dist/voyager.css"
-    />
-    <script src="https://cdn.jsdelivr.net/npm/graphql-voyager/dist/voyager.standalone.js"></script>
-  </head>
-  <body>
-    <div id="voyager">Loading...</div>
-    <script type="module">
-      const { init, voyagerIntrospectionQuery: query } = GraphQLVoyager;
-      const response = await fetch(
-        'https://swapi-graphql.netlify.app/.netlify/functions/index',
-        {
-          method: 'post',
-          headers: {
-            Accept: 'application/json',
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({ query }),
-          credentials: 'omit',
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/graphql-voyager/dist/voyager.css" />
+  <script src="https://cdn.jsdelivr.net/npm/graphql-voyager/dist/voyager.standalone.js"></script>
+</head>
+
+<body>
+  <div id="voyager">Loading...</div>
+  <script type="module">
+    const { voyagerIntrospectionQuery: query } = GraphQLVoyager;
+    const response = await fetch(
+      'https://swapi-graphql.netlify.app/.netlify/functions/index',
+      {
+        method: 'post',
+        headers: {
+          Accept: 'application/json',
+          'Content-Type': 'application/json',
         },
-      );
-      const introspection = await response.json();
+        body: JSON.stringify({ query }),
+        credentials: 'omit',
+      },
+    );
+    const introspection = await response.json();
+
+    // Render <Voyager /> into the body.
+    GraphQLVoyager.renderVoyager(document.getElementById('voyager'), {
+      introspection,
+    });
+  </script>
+</body>
 
-      // Render <Voyager /> into the body.
-      GraphQLVoyager.init(document.getElementById('voyager'), {
-        introspection,
-      });
-    </script>
-  </body>
-</html>
+</html>
\ No newline at end of file
