Switch to using standalone builds (#309)

IvanGoncharov · web-flow · commit d1e5edeec118 · 2023-05-09T00:02:08.000+03:00
diff --git a/README.md b/README.md
@@ -58,8 +58,8 @@ The signature of the `init` function:
 You can get GraphQL Voyager bundle from the following places:
 
 - [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/graphql-voyager/badge)](https://www.jsdelivr.com/package/npm/graphql-voyager)
-  - some exact version - https://cdn.jsdelivr.net/npm/graphql-voyager/v1.0.0-rc.15/voyager.min.js
-  - latest version - https://cdn.jsdelivr.net/npm/graphql-voyager/dist/voyager.min.js
+  - some exact version - https://cdn.jsdelivr.net/npm/graphql-voyager@1.2/dist/voyager.standalone.js
+  - latest version - https://cdn.jsdelivr.net/npm/graphql-voyager/dist/voyager.standalone.js
 - from `dist` folder of the npm package `graphql-voyager`
 
 **The HTML with minimal setup** (see the full [example](./example))
@@ -68,14 +68,11 @@ You can get GraphQL Voyager bundle from the following places:
 <!DOCTYPE html>
 <html>
   <head>
-    <script src="https://cdn.jsdelivr.net/npm/react@16/umd/react.production.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js"></script>
-
     <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.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/graphql-voyager/dist/voyager.standalone.js"></script>
   </head>
   <body>
     <div id="voyager">Loading...</div>
diff --git a/example/index.html b/example/index.html
@@ -13,14 +13,6 @@
       }
     </style>
 
-    <!--
-      GraphQL Voyager itself depends on React DOM.
-      If you do not want to rely on a CDN, you can host these files locally or
-      include them directly in your favored resource bundler.
-    -->
-    <script src="https://cdn.jsdelivr.net/npm/react@16/umd/react.production.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js"></script>
-
     <!--
       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
@@ -30,7 +22,7 @@
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/graphql-voyager/dist/voyager.css"
     />
-    <script src="https://cdn.jsdelivr.net/npm/graphql-voyager/dist/voyager.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/graphql-voyager/dist/voyager.standalone.js"></script>
   </head>
   <body>
     <div id="voyager">Loading...</div>
diff --git a/src/middleware/render-voyager-page.ts b/src/middleware/render-voyager-page.ts
@@ -31,9 +31,7 @@ export default function renderVoyagerPage(options: MiddlewareOptions) {
   <link rel="stylesheet"
     href="https://cdn.jsdelivr.net/npm/graphql-voyager@${version}/dist/voyager.css"
   />
-  <script src="https://cdn.jsdelivr.net/npm/react@16/umd/react.production.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/graphql-voyager@${version}/dist/voyager.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/graphql-voyager@${version}/dist/voyager.standalone.js"></script>
 </head>
 <body>
   <main id="voyager">
