Introduced BASE_URL environment variable

docs/Options.md

@@ -90,4 +90,16 @@ Setting a wildcard (`*`) is also supported, but not recommended. It's neither a
 
 ```
 ACKEE_ALLOW_ORIGIN="*"
-```
+```
+
+## Base URL
+
+As an alternative to masking with a reverse proxy, you can use the base URL environment variable like so
+
+```
+BASE_URL=/ackee
+```
+
+Because when Ackee builds the index.html it needs to know where to retrieve index.js, style.css etc. from, base URL allows you to serve Ackee on a route other than index.
+
+Note, that because `dist` is already built when you clone the repo, you'll need to run `npm run build:pre` and rebuild the entire dist rather than just the index. This is particularly important because the route on which index.js is served, is also the route to which you will want to post API requests e.g. `/ackee/api`.

src/ui/index.js

@@ -9,7 +9,7 @@ const customTracker = require('../utils/customTracker')
 const signale = require('../utils/signale')
 
 const index = () => {
-	return layout('<div id="main"></div>', 'favicon.ico', [ 'index.css' ], [ 'index.js' ], {
+	return layout('<div id="main"></div>', `${ config.baseUrl }/favicon.ico`, [ `${ config.baseUrl }/index.css` ], [ `${ config.baseUrl }/index.js` ], {
 		isDemoMode: config.isDemoMode,
 		customTracker,
 	})
@@ -29,7 +29,7 @@ const scripts = () => {
 	return js(filePath, {
 		optimize: config.isDevelopmentMode === false,
 		nodeGlobals: config.isDevelopmentMode === true,
-		replace: { 'process.env.NODE_ENV': JSON.stringify(config.isDevelopmentMode === true ? 'development' : 'production') },
+		replace: { 'process.env.NODE_ENV': JSON.stringify(config.isDevelopmentMode === true ? 'development' : 'production'), 'process.env.BASE_URL': config.baseUrl },
 		babel: false,
 	})
 }

src/ui/scripts/api/links/createHttpLink.js

@@ -4,7 +4,7 @@ import userTimeZone from '../../../../utils/timeZone'
 
 export default () => {
 	return new BatchHttpLink({
-		uri: '/api',
+		uri: 'process.env.BASE_URL/api',
 		headers: {
 			'Time-Zone': userTimeZone,
 		},

src/utils/config.js

@@ -10,6 +10,7 @@ module.exports = new Proxy({}, {
 			ttl: process.env.ACKEE_TTL || day,
 			port: process.env.ACKEE_PORT || process.env.PORT || 3000,
 			dbUrl: process.env.ACKEE_MONGODB || process.env.MONGODB_URI,
+			baseUrl: process.env.BASE_URL || '',
 			allowOrigin: process.env.ACKEE_ALLOW_ORIGIN,
 			username: process.env.ACKEE_USERNAME,
 			password: process.env.ACKEE_PASSWORD,