renderPlaygroundPage - cdnUrl config option (#845)

* renderPlaygroundPage - cdnUrl config option

Allow the cdn url to be passed in to renderPlaygroundPage as an option. This is to support graphql-playground being used offline by tools such as Apollo Server. See apollographql/apollo-server#1421

* don't insert @ in cdn url if no version given

If version is not passed then don't append @ to the cdn url.

This is to aid serving from localhost from a folder with no given version number. See #845

Author: penx

packages/graphql-playground-html/src/render-playground-page.ts

@@ -54,6 +54,7 @@ export interface IntrospectionResult {
 
 export interface RenderPageOptions extends MiddlewareOptions {
   version: string
+  cdnUrl?: string
   env?: any
 }
 
@@ -67,15 +68,15 @@ export interface Tab {
 
 const loading = getLoadingMarkup()
 
-const getCdnMarkup = options => `
-    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground-react@${
-      options.version
+const getCdnMarkup = ({version, cdnUrl = '//cdn.jsdelivr.net/npm'}) => `
+    <link rel="stylesheet" href="${cdnUrl}/graphql-playground-react${
+      version ? `@${version}` : ''
     }/build/static/css/index.css" />
-    <link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground-react@${
-      options.version
+    <link rel="shortcut icon" href="${cdnUrl}/graphql-playground-react${
+      version ? `@${version}` : ''
     }/build/favicon.png" />
-    <script src="//cdn.jsdelivr.net/npm/graphql-playground-react@${
-      options.version
+    <script src="${cdnUrl}/graphql-playground-react${
+      version ? `@${version}` : ''
     }/build/static/js/middleware.js"></script>
 `