PORT is now dynamic

Author: BretHudson

app/index.js

@@ -4,8 +4,10 @@ const md5 = require('md5');
 const path = require('path');
 const socketio = require('socket.io');
 
+const DEFAULT_PORT = 3008;
+
 const {
-	PORT = 3008,
+	PORT = DEFAULT_PORT,
 	NODE_ENV = 'production'
 } = process.env;
 
@@ -28,7 +30,8 @@ const server = http.createServer((req, res) => {
 		fs.readFile(filePath, 'utf8', (err, data) => {
 			if (err) return showError();
 			res.writeHead(200, { 'Content-Type': contentType });
-			res.end(data, 'utf-8');
+			const content = data.replace(DEFAULT_PORT, PORT);
+			res.end(content, 'utf-8');
 		});
 	} else {
 		showError();

public/reloader.js

@@ -1,5 +1,7 @@
-const [a, b] = window.location.origin.split(':');
-const origin = [a, b, 3008].join(':');
+const _origin = window.location.port
+	? window.location.origin.replace(`:${window.location.port}`)
+	: window.location.origin;
+const origin = `${_origin}:${3008}`;
 
 const updateCSS = fileName => {
 	// TODO(bret): At some point, set it up to just update the CSS that it needs to...