Removing PropTypes on build

js/.babelrc

@@ -1,5 +1,15 @@
 {
   "presets": ["es2017", "es2016", "es2015", "stage-0", "react"],
-  "plugins": ["transform-runtime", "transform-decorators-legacy", "transform-class-properties", "lodash"],
-  "retainLines": true
+  "plugins": [
+    "transform-runtime",
+    "transform-decorators-legacy",
+    "transform-class-properties",
+    "lodash"
+  ],
+  "retainLines": true,
+  "env": {
+    "production": {
+      "plugins": ["transform-react-remove-prop-types"]
+    }
+  }
 }

js/build-server.js

@@ -0,0 +1,24 @@
+/**
+ * Run `PARITY_URL="127.0.0.1:8180" NODE_ENV="production" npm run build`
+ * to build the project ; use this server to test that the minifed
+ * version is working (this is a simple proxy server)
+ */
+
+var express = require('express');
+var proxy = require('http-proxy-middleware');
+
+var app = express();
+
+app.use(express.static('build'));
+
+app.use('/api/*', proxy({
+  target: 'http://127.0.0.1:8080',
+  changeOrigin: true
+}));
+
+app.use('/rpc/*', proxy({
+  target: 'http://127.0.0.1:8080',
+  changeOrigin: true
+}));
+
+app.listen(3000);

js/package.json

@@ -44,6 +44,7 @@
     "babel-plugin-lodash": "^3.2.2",
     "babel-plugin-transform-class-properties": "^6.11.5",
     "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-plugin-transform-react-remove-prop-types": "^0.2.9",
     "babel-plugin-transform-runtime": "^6.9.0",
     "babel-polyfill": "^6.13.0",
     "babel-preset-es2015": "^6.9.0",

js/src/index.js

@@ -46,7 +46,12 @@ import './index.html';
 injectTapEventPlugin();
 
 const initToken = window.localStorage.getItem('sysuiToken');
-const parityUrl = process.env.NODE_ENV === 'production' ? window.location.host : '127.0.0.1:8180';
+const parityUrl = process.env.PARITY_URL ||
+  (
+    process.env.NODE_ENV === 'production'
+    ? window.location.host
+    : '127.0.0.1:8180'
+  );
 
 const api = new Api(new Api.Transport.Ws(`ws://${parityUrl}`, initToken)); // new Api.Transport.Http('/rpc/'));
 

js/webpack.config.js

@@ -139,6 +139,7 @@ module.exports = {
         'process.env': {
           NODE_ENV: JSON.stringify(ENV),
           RPC_ADDRESS: JSON.stringify(process.env.RPC_ADDRESS),
+          PARITY_URL: JSON.stringify(process.env.PARITY_URL),
           LOGGING: JSON.stringify(!isProd)
         }
       })

js/webpack.vendor.js

@@ -56,6 +56,12 @@ module.exports = {
       new webpack.DllPlugin({
         name: '[name]_lib',
         path: 'build/[name]-manifest.json'
+      }),
+
+      new webpack.DefinePlugin({
+        'process.env': {
+          NODE_ENV: JSON.stringify(ENV)
+        }
       })
     ];