Fix injection of admin host & port for dev environment

Author: nginyc

web/package.json

@@ -6,8 +6,9 @@
   "author": "nginyc",
   "license": "Apache-2.0",
   "scripts": {
-    "build": "webpack --config webpack.config.js",
-    "dev": "webpack-dev-server --open --config webpack.config.js"
+    "build": "webpack --config webpack.config.prod.js",
+    "start": "node app.js",
+    "dev": "webpack-dev-server --open --config webpack.config.dev.js"
   },
   "dependencies": {
     "@material-ui/core": "^3.3.2",

web/webpack.config.js renamed to web/webpack.config.dev.js

@@ -21,8 +21,8 @@ module.exports = {
   plugins: [
     new CleanWebpackPlugin(['dist']),
     new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify('development'),
-      'process.env.VERSION': JSON.stringify(packageJson.version)
+      'window.ADMIN_HOST': JSON.stringify(process.env.RAFIKI_ADDR),
+      'window.ADMIN_PORT': JSON.stringify(process.env.ADMIN_EXT_PORT)
     })
   ],
   module: {

web/webpack.config.prod.js

@@ -0,0 +1,53 @@
+const webpack = require('webpack');
+const packageJson = require('./package.json');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+
+module.exports = {
+  mode: 'production',
+  devtool: 'source-map',
+  entry: {
+    app: [
+      './src/index.tsx'
+    ]
+  },
+  resolve: {
+    extensions: [".ts", ".tsx", ".js", ".json"]
+  },
+  output: {
+    path: __dirname + '/dist',
+    filename: 'bundle.js',
+    publicPath: __dirname + '/dist'
+  },
+  plugins: [
+    new CleanWebpackPlugin(['dist'])
+  ],
+  module: {
+    rules: [
+      { 
+        test: /\.tsx?$/, 
+        loader: "awesome-typescript-loader",
+        exclude: /node_modules/ 
+      },
+      { 
+        test: /\.js?$/, 
+        loader: "source-map-loader" 
+      },
+      {
+        test: /\.(png|svg|jpg|gif)$/,
+        use: ["file-loader"]
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/,
+        use: ["file-loader"]
+      }
+    ]
+  },
+  // When importing a module whose path matches one of the following, just
+  // assume a corresponding global variable exists and use that instead.
+  // This is important because it allows us to avoid bundling all of our
+  // dependencies, which allows browsers to cache those libraries between builds.
+  externals: {
+    "react": "React",
+    "react-dom": "ReactDOM"
+  }
+};