add debugging functionality

Author: timsuchanek

packages/graphql-playground-electron/package.json

@@ -138,7 +138,7 @@
     "extract-text-webpack-plugin": "^2.0.0-beta.3",
     "file-loader": "^0.11.2",
     "fork-ts-checker-webpack-plugin": "^0.1.5",
-    "graphql-playground": "^1.3.4",
+    "graphql-playground": "^1.3.5-alpha.1",
     "happypack": "^3.1.0",
     "html-webpack-plugin": "^2.30.1",
     "identity-obj-proxy": "^3.0.0",

packages/graphql-playground-electron/yarn.lock

@@ -3338,9 +3338,9 @@ graphql-language-service-utils@0.0.17:
     graphql "^0.10.1"
     graphql-language-service-types "0.0.21"
 
-graphql-playground@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/graphql-playground/-/graphql-playground-1.3.4.tgz#55d87f75d81f20b97ad23dd25ac15fe009654da9"
+graphql-playground@^1.3.5-alpha.1:
+  version "1.3.5-alpha.1"
+  resolved "https://registry.yarnpkg.com/graphql-playground/-/graphql-playground-1.3.5-alpha.1.tgz#bed4e4d53a69059ab694b0af854819d9eff5e95c"
   dependencies:
     calculate-size "^1.1.1"
     classnames "^2.2.5"

packages/graphql-playground/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphql-playground",
-  "version": "1.3.4",
+  "version": "1.3.5-alpha.1",
   "main": "./lib/lib.js",
   "typings": "./lib/lib.d.ts",
   "description":

packages/graphql-playground/src/components/MiddlewareApp.tsx

@@ -76,17 +76,25 @@ class MiddlewareApp extends React.Component<Props, State> {
   playground: IPlayground
   constructor(props: Props) {
     super(props)
+    ;(global as any).m = this
 
     let settings = localStorage.getItem('settings') || defaultSettings
     settings = this.migrateSettingsString(settings)
 
     let config
     let configIsYaml
 
-    if (props.configString) {
-      const result = this.parseGraphQLConfig(props.configString)
-      config = result.config
-      configIsYaml = result.configIsYaml
+    try {
+      if (props.configString) {
+        const result = this.parseGraphQLConfig(props.configString, props.env)
+        config = result.config
+        configIsYaml = result.configIsYaml
+      }
+    } catch (e) {
+      /* tslint:disable-next-line */
+      console.error(props)
+      /* tslint:disable-next-line */
+      console.error(e)
     }
 
     const { activeEnv, projectName } = this.getInitialActiveEnv(config)