Use webpack DefinePlugin to set server url

Author: ltegman

.eslintrc

@@ -22,7 +22,8 @@
     "$": true,
     "ga": true,
     "jQuery": true,
-    "router": true
+    "router": true,
+    "__BASEURL__": false
   },
   "rules": {
     "comma-dangle": 2,

client/actions/index.js

@@ -19,7 +19,7 @@ export const AUTH_USER = 'auth_user';
 export const UNAUTH_USER = 'unauth_user';
 export const INVENTORY_ERROR = 'inventory_error';
 
-const ROOT_URL = 'http://localhost:3000/api';
+const ROOT_URL = __BASEURL__;
 
 const getAxiosConfig = () => {
   const token = localStorage.getItem('token');

client/actions/validate_user_fields.js

@@ -6,7 +6,7 @@ export const VALIDATE_USER_FIELDS_SUCCESS = 'VALIDATE_USER_FIELDS_SUCCESS';
 export const VALIDATE_USER_FIELDS_FAILURE = 'VALIDATE_USER_FIELDS_FAILURE';
 export const RESET_VALIDATE_USER_FIELDS = 'RESET_VALIDATE_USER_FIELDS';
 
-const ROOT_URL = 'http://localhost:3000/api';
+const ROOT_URL = __BASEURL__;
 
 export function validateUserFieldsSuccess() {
   return {

gulpfile.js

@@ -2,7 +2,8 @@
 
 const gulp = require('gulp');
 const eslint = require('gulp-eslint');
-const webpack = require('webpack-stream');
+const webpack = require('webpack');
+const webpackStream = require('webpack-stream');
 const sass = require('gulp-sass');
 const mocha = require('gulp-mocha');
 
@@ -30,7 +31,7 @@ gulp.task('sass:dev', () => {
 });
 
 gulp.task('build:dev', () => {
-  webpack({
+  webpackStream({
     entry: ['./client/index.js'],
     output: {
       filename: 'bundle.js'
@@ -44,6 +45,13 @@ gulp.task('build:dev', () => {
         }
       ]
     },
+    plugins: [
+      new webpack.DefinePlugin({
+        __BASEURL__: JSON.stringify(process.env.SERVER_ENV === 'production' ?
+          `http://${process.env.HEROKU_APP_NAME}.herokuapp.com` :
+          'http://localhost:3000')
+      })
+    ],
     devtool: 'source-map'
   })
   .pipe(gulp.dest('dist/'));

package.json

@@ -75,6 +75,7 @@
     "redux-form": "^5.0.1",
     "redux-thunk": "^2.0.1",
     "sinon": "^1.17.4",
+    "webpack": "^1.13.0",
     "webpack-stream": "^3.1.0"
   }
 }