Remove config.js in favor of .env (#92)

* Remove config.js in favor of .env

* Put backend version option in package.json

* Add accept json header to requests

Author: phyrog

.env

@@ -1 +1,3 @@
 PORT=3001
+
+REACT_APP_BACKEND_HOST="http://localhost:3000"

package.json

@@ -1,6 +1,9 @@
 {
   "name": "ontohub-frontend",
   "version": "0.1.0",
+  "ontohub": {
+    "backendVersion": "> 0.0.0-90"
+  },
   "private": true,
   "license": "AGPL-3.0",
   "dependencies": {

src/App.js

@@ -7,6 +7,9 @@ import { Switch, Route } from 'react-router-dom'
 import styled from 'styled-components'
 import routes from './routes'
 import ReactCSSTransitionReplace from 'react-css-transition-replace'
+import config from './config.json'
+
+const backendVersion = config.ontohub.backendVersion
 
 const App = (props) =>
   <div className={props.className}>
@@ -42,7 +45,7 @@ const App = (props) =>
         />
       )}
     </Switch>
-    <VersionWarning requirement={props.config.version} />
+    <VersionWarning requirement={backendVersion} />
   </div>
 
 const StyledApp = styled(App)`

src/apollo/client.js

@@ -1,18 +1,34 @@
 import { ApolloClient, createNetworkInterface } from 'react-apollo'
-import config from '../config'
+
+const backendHost = process.env.REACT_APP_BACKEND_HOST
 
 const networkInterface = createNetworkInterface({
-  uri: `${config.api.endpoint}/graphql`
+  uri: `${backendHost}/graphql`
 })
 networkInterface.use([
   {
     applyMiddleware(req, next) {
       if (!req.options.headers) {
-        req.options.headers = {} // Create the header object if needed.
+        req.options.headers = {}
       }
+      next()
+    }
+  },
+  {
+    applyMiddleware(req, next) {
+      Object.assign(req.options.headers, {
+        Accept: 'application/json'
+      })
+      next()
+    }
+  },
+  {
+    applyMiddleware(req, next) {
       let authToken = localStorage.getItem('auth-token')
       if (authToken) {
-        req.options.headers['Authorization'] = `Bearer ${authToken}`
+        Object.assign(req.options.headers, {
+          Authorization: `Bearer ${authToken}`
+        })
       }
       next()
     }

src/config.js

@@ -0,0 +1 @@
+../package.json

src/config.json

@@ -1,7 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
 import registerServiceWorker from './registerServiceWorker'
-import config from './config'
 import App from './App'
 import { BrowserRouter as Router } from 'react-router-dom'
 import { ApolloProvider } from 'react-apollo'
@@ -14,7 +13,7 @@ ReactDOM.render(
   <ApolloProvider client={client}>
     <Router>
       <ThemeProvider theme={theme}>
-        <App config={config} />
+        <App />
       </ThemeProvider>
     </Router>
   </ApolloProvider>,