set environmental vars in file

Author: ShMcK

web-app/src/components/Debugger/debuggerWrapper.tsx

@@ -1,11 +1,10 @@
 import * as React from 'react'
+import { DEBUG } from '../../environment'
 import Debugger from './index'
 import stateToString from './stateToString'
 
-const SHOW_DEBUGGER = JSON.parse(process.env.REACT_APP_DEBUG || 'false')
-
 const debuggerWrapper = (element: React.ReactElement, state: any) => {
-  if (SHOW_DEBUGGER) {
+  if (DEBUG) {
     return (
       <Debugger state={stateToString(state.value)} {...state.context}>
         {element}

web-app/src/environment.ts

@@ -0,0 +1,15 @@
+interface Environment {
+  GQL_URI: string
+  DEBUG: boolean
+}
+
+// validate .env
+const requiredKeys = ['REACT_APP_GQL_URI']
+for (const required of requiredKeys) {
+  if (!process.env[required]) {
+    throw new Error(`Missing Environmental Variables: ${required}`)
+  }
+}
+
+export const GQL_URI = process.env.REACT_APP_GQL_URI || ''
+export const DEBUG = (process.env.REACT_APP_DEBUG || '').toLowerCase() === 'true'

web-app/src/services/apollo/index.ts

@@ -1,10 +1,11 @@
 import ApolloClient, { InMemoryCache } from 'apollo-boost'
+import { GQL_URI } from '../../environment'
 import { authorizeHeaders } from './auth'
 
 export const cache = new InMemoryCache()
 
 const client = new ApolloClient({
-  uri: process.env.REACT_APP_GQL_URI,
+  uri: GQL_URI,
   request: authorizeHeaders,
   cache,
 })