fix render-playground: usage graphql-playground-react

Author: timsuchanek

packages/graphql-playground-html/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphql-playground-html",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "homepage": "https://github.com/graphcool/graphql-playground/tree/master/packages/graphql-playground-html",
   "description": "GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration).",
   "contributors": [

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

@@ -66,13 +66,13 @@ export async function renderPlaygroundPage(options: RenderPageOptions) {
     <meta charset=utf-8 />
     <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
     <title>GraphQL Playground</title>
-    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground@${
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground-react@${
       options.version
     }/build/static/css/index.css" />
-    <link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground@${
+    <link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground-react@${
       options.version
     }/build/favicon.png" />
-    <script src="//cdn.jsdelivr.net/npm/graphql-playground@${
+    <script src="//cdn.jsdelivr.net/npm/graphql-playground-react@${
       options.version
     }/build/static/js/middleware.js"></script>
   </head>

packages/graphql-playground-middleware-express/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphql-playground-middleware-express",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "homepage": "https://github.com/graphcool/graphql-playground/tree/master/packages/graphql-playground-middleware-express",
   "description": "GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration).",
   "contributors": [
@@ -14,7 +14,7 @@
   "files": [
     "dist"
   ],
-  "playgroundVersion": "1.3.10",
+  "playgroundVersion": "1.3.20",
   "scripts": {
     "build": "rimraf dist && tsc",
     "prepare": "npm run build"
@@ -34,9 +34,8 @@
     "typescript": "^2.6.2"
   },
   "dependencies": {
-    "graphql-playground-html": "1.4.1",
-    "graphql-playground-middleware": "^1.2.1-beta.6",
-    "graphql-playground-react": "1.3.18"
+    "graphql-playground-html": "1.4.2",
+    "graphql-playground-middleware": "^1.2.1-beta.6"
   },
   "typings": "dist/index.d.ts",
   "typescript": {

yarn.lock

@@ -4192,56 +4192,20 @@ graphql-language-service-utils@^1.0.16:
     graphql-config "1.0.8"
     graphql-language-service-types "^0.1.14"
 
+[email protected]:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/graphql-playground-html/-/graphql-playground-html-1.4.1.tgz#0094054258c9b1a94062952c0a76b1a45e9a2771"
+  dependencies:
+    dotenv "^4.0.0"
+    graphql-config "^1.1.1"
+    graphql-config-extension-graphcool "^1.0.0"
+
 graphql-playground-middleware@^1.2.1-beta.6:
   version "1.2.1-beta.6"
   resolved "https://registry.yarnpkg.com/graphql-playground-middleware/-/graphql-playground-middleware-1.2.1-beta.6.tgz#b302bda88d28fae716d127a483659c8e70a18776"
   dependencies:
     find-up "^2.1.0"
 
-[email protected]:
-  version "1.3.18"
-  resolved "https://registry.yarnpkg.com/graphql-playground-react/-/graphql-playground-react-1.3.18.tgz#491d4a5f24cbbda09c83aafbd8e5d5896f25bcd3"
-  dependencies:
-    calculate-size "^1.1.1"
-    classnames "^2.2.5"
-    codemirror "^5.27.4"
-    codemirror-graphql "^0.6.12"
-    cuid "^1.3.8"
-    graphcool-styles "0.2.4"
-    graphcool-tmp-ui "^0.0.11"
-    graphiql "^0.11.2"
-    graphql "^0.10.5"
-    isomorphic-fetch "^2.2.1"
-    js-yaml "^3.10.0"
-    json-stable-stringify "^1.0.1"
-    keycode "^2.1.9"
-    lodash "^4.17.4"
-    lodash.debounce "^4.0.8"
-    marked "^0.3.9"
-    polished "^1.9.0"
-    postcss-modules "^0.6.4"
-    prop-types "^15.6.0"
-    react "^16.2.0"
-    react-addons-shallow-compare "^15.6.2"
-    react-codemirror "^1.0.0"
-    react-copy-to-clipboard "^5.0.1"
-    react-dom "^16.2.0"
-    react-helmet "^5.2.0"
-    react-modal "^3.1.10"
-    react-redux "^5.0.6"
-    react-router-dom "^4.2.2"
-    react-transition-group "^1.1.3"
-    react-virtualized "^9.12.0"
-    redux "^3.7.2"
-    redux-localstorage rc
-    redux-localstorage-filter "^0.1.1"
-    rxjs "^5.0.3"
-    seamless-immutable "^7.0.1"
-    styled-components "^2.4.0"
-    styled-jsx-postcss "git+https://github.com/timsuchanek/styled-jsx-postcss#build3"
-    styled-theming "^2.2.0"
-    subscriptions-transport-ws "^0.8.1"
-
 graphql-playground@^1.3.17:
   version "1.3.17"
   resolved "https://registry.yarnpkg.com/graphql-playground/-/graphql-playground-1.3.17.tgz#1584bbcc948a7f9bac9399b9c269439da3086791"
@@ -9106,18 +9070,6 @@ styled-components@^2.4.0:
     postcss-load-plugins "^2.2.0"
     styled-jsx "^0.5.7"
 
-"styled-jsx-postcss@git+https://github.com/timsuchanek/styled-jsx-postcss.git#build3":
-  version "0.2.0"
-  uid "677ee0fb7f9138047a00e03c8c3e44adbb33cf2a"
-  resolved "git+https://github.com/timsuchanek/styled-jsx-postcss.git#677ee0fb7f9138047a00e03c8c3e44adbb33cf2a"
-  dependencies:
-    babel-traverse "^6.21.0"
-    babylon "^6.14.1"
-    deasync "^0.1.9"
-    postcss "^5.2.8"
-    postcss-load-plugins "^2.2.0"
-    styled-jsx "^0.5.7"
-
 [email protected]:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-0.5.2.tgz#59740216c3db371636f9beec02149f9da5ea02e5"