Support for environment configs and a new, simple api client using it

Author: kjagiello

src/actions/account.js

@@ -1,5 +1,5 @@
-import fetch from 'isomorphic-fetch';
 import { newPurchase } from './purchase';
+import { apiCall } from '../api';
 
 export const REQUEST_ACCOUNT = 'REQUEST_ACCOUNT';
 export const LOGIN_ACCOUNT = 'LOGIN_ACCOUNT';
@@ -25,13 +25,7 @@ export function login(cardId) {
     if(!account.length) {
       dispatch(requestAccount(cardId));
       if(cardId) {
-        return fetch(`http://dev.foocash.me/api/accounts/${cardId}/`, {
-          headers: {
-            'Accept': 'application/json',
-            'Content-Type': 'application/json',
-            'Authorization': 'Token 03be53c1ab8f74edac76bd60695f84f089634c80'
-          }
-        })
+        return apiCall(`/accounts/${cardId}/`)
           .then(response => response.json())
           .then(data => {
             dispatch(newPurchase());

src/actions/product.js

@@ -1,4 +1,4 @@
-import fetch from 'isomorphic-fetch';
+import { apiCall } from '../api';
 
 export const ADD_PRODUCT = 'ADD_PRODUCT';
 export const INCREASE_PRODUCT_QTY = 'INCREASE_PRODUCT_QTY';
@@ -70,15 +70,7 @@ class ProductFetcher {
       dispatch(requestProduct(ean));
       dispatch(receiveProduct(this.cache.get(ean, true)));
 
-      this.promises[ean] = fetch(
-        `http://dev.foocash.me/api/products/?code=${ean}`, {
-          headers: {
-            'Accept': 'application/json',
-            'Content-Type': 'application/json',
-            'Authorization': 'Token 03be53c1ab8f74edac76bd60695f84f089634c80'
-          }
-        }
-      )
+      this.promises[ean] = apiCall(`/products/?code=${ean}`)
       .then(response => response.json())
       .then(data => {
         if (data.length) {
@@ -93,15 +85,7 @@ class ProductFetcher {
     // product record not found in the cache, fetch it and dispatch
     // appropriate actions
     dispatch(requestProduct(ean));
-    this.promises[ean] = fetch(
-      `http://dev.foocash.me/api/products/?code=${ean}`, {
-        headers: {
-          'Accept': 'application/json',
-          'Content-Type': 'application/json',
-          'Authorization': 'Token 03be53c1ab8f74edac76bd60695f84f089634c80'
-        }
-      }
-    )
+    this.promises[ean] = apiCall(`/products/?code=${ean}`)
     .then(response => response.json())
     .then(data => {
       if (data.length) {

src/actions/purchase.js

@@ -1,4 +1,4 @@
-import fetch from 'isomorphic-fetch';
+import { apiCall } from '../api';
 import { clearProducts } from './product';
 import { clearAccount } from './account';
 
@@ -47,13 +47,8 @@ export function requestPurchase() {
       account,
       products
     } = getState();
-    return fetch(`http://dev.foocash.me/api/purchases/`, {
+    return apiCall('/purchases/', {
       method: 'post',
-      headers: {
-        'Accept': 'application/json',
-        'Content-Type': 'application/json',
-        'Authorization': 'Token ###'
-      },
       body: JSON.stringify({
         account_id: account.id,
         products: products.products.filter(

src/api.js

@@ -0,0 +1,15 @@
+import fetch from 'isomorphic-fetch';
+
+export function apiCall(endpoint, options) {
+    var apiHost = ENV.api.host;
+    var apiKey = ENV.api.key;
+
+    return fetch(`${apiHost}/api${endpoint}`, {
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json',
+            'Authorization': `Token ${apiKey}`
+        },
+        ...options
+    });
+}

webpack.config.js

@@ -15,7 +15,10 @@ module.exports = {
   plugins: [
     new webpack.optimize.OccurenceOrderPlugin(),
     new webpack.HotModuleReplacementPlugin(),
-    new webpack.NoErrorsPlugin()
+    new webpack.NoErrorsPlugin(),
+    new webpack.DefinePlugin({
+      ENV: JSON.stringify(require(path.join(__dirname, process.env.SETTINGS)))
+    }),
   ],
   module: {
     loaders: [{