From 1f8977d276fc8a20ad239c1315b68157f3545058 Mon Sep 17 00:00:00 2001
From: Sachin Patel <sachin13patel@gmail.com>
Date: Thu, 23 May 2024 14:20:21 -0500
Subject: [PATCH] Add variable to support prefixPath for the cadence web-UI

---
 Dockerfile                      |  2 ++
 client/main.js                  |  1 +
 client/services/http-service.js |  8 +++++++-
 package.json                    |  1 +
 server.js                       | 21 ++++++++++++++-------
 webpack.config.js               | 13 ++++++++++---
 6 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 2d204763f..f6754f0bf 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -10,6 +10,8 @@ COPY . .
 RUN npm install --no-save --production --unsafe-perm
 
 # Bundle the client code
+ARG PREFIX_PATH
+ENV PREFIX_PATH=$PREFIX_PATH
 RUN npm run build-production
 
 # switch to lite version of node
diff --git a/client/main.js b/client/main.js
index 8b852074d..8c0defc34 100644
--- a/client/main.js
+++ b/client/main.js
@@ -60,6 +60,7 @@ import {
 import { injectMomentDurationFormat, jsonTryParse } from '~helpers';
 
 const routeOpts = {
+  base: process.env.PREFIX_PATH,
   mode: 'history',
   routes: [
     {
diff --git a/client/services/http-service.js b/client/services/http-service.js
index cca37262c..1a8563f37 100644
--- a/client/services/http-service.js
+++ b/client/services/http-service.js
@@ -43,11 +43,17 @@ class HttpService {
   }
 
   async request(baseUrl, { query, ...options } = {}) {
-    const { origin } = this;
+    let { origin } = this;
     const fetch = this.fetchOverride ? this.fetchOverride : window.fetch;
     const queryString = getQueryStringFromObject(query);
     const path = queryString ? `${baseUrl}${queryString}` : baseUrl;
     const hasOrigin = baseUrl.startsWith('http');
+    const prefixPath = process.env.PREFIX_PATH;
+
+    if (!origin.endsWith(prefixPath)) {
+      origin = `${origin}${prefixPath}`.replace(/\/$/, '');
+    }
+
     const url = hasOrigin ? path : `${origin}${path}`;
     const isCrossOrigin = !url.startsWith(window.location.origin);
 
diff --git a/package.json b/package.json
index 25b61cb76..d56fa0749 100644
--- a/package.json
+++ b/package.json
@@ -60,6 +60,7 @@
     "koa-better-error-handler": "^1.3.0",
     "koa-bodyparser": "^4.2.0",
     "koa-compress": "^2.0.0",
+    "koa-mount": "^4.0.0",
     "koa-onerror": "^3.1.0",
     "koa-router": "^7.2.1",
     "koa-send": "^4.1.1",
diff --git a/server.js b/server.js
index b089efb56..c1f1bc8dc 100644
--- a/server.js
+++ b/server.js
@@ -1,10 +1,17 @@
-var app = require('./server/index'),
-    port = Number(process.env.CADENCE_WEB_PORT) || 8088,
-    production = process.env.NODE_ENV === 'production'
+const mount = require('koa-mount');
+const Koa = require('koa');
+const cadenceWeb = require('./server/index'),
+  port = Number(process.env.CADENCE_WEB_PORT) || 8088,
+  production = process.env.NODE_ENV === 'production';
 
-app.init().listen(port)
+const app = new Koa();
+const appPrefixPath = process.env.PREFIX_PATH || '/'
+
+app.use(mount(appPrefixPath, cadenceWeb.init()));
+app.listen(port);
+
+console.log('cadence-web up and listening on port ' + port);
 
-console.log('cadence-web up and listening on port ' + port)
 if (!production) {
-  console.log('webpack is compiling...')
-}
\ No newline at end of file
+  console.log('webpack is compiling...');
+}
diff --git a/webpack.config.js b/webpack.config.js
index cb855f674..a63b1d43c 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -4,7 +4,8 @@ const
   ExtractTextPlugin = require('extract-text-webpack-plugin'),
   HtmlWebpackPlugin = require('html-webpack-plugin'),
   extractStylus = 'css-loader?sourceMap!stylus-loader',
-  development = !['production', 'ci'].includes(process.env.NODE_ENV)
+  development = !['production', 'ci'].includes(process.env.NODE_ENV),
+  appPrefixPath = process.env.PREFIX_PATH || '/'
 
 require('babel-polyfill');
 
@@ -17,12 +18,18 @@ module.exports = {
   output: {
     path: path.join(__dirname, 'dist'),
     filename: 'cadence.[hash].js',
-    publicPath: '/'
+    publicPath: appPrefixPath
   },
   plugins: [
     !development && new webpack.DefinePlugin({
       'process.env': {
-        NODE_ENV: '"production"'
+        NODE_ENV: '"production"',
+        PREFIX_PATH: `"${appPrefixPath}"`
+      }
+    }),
+    development && new webpack.DefinePlugin({
+      'process.env': {
+        PREFIX_PATH: `"${appPrefixPath}"`
       }
     }),
     new ExtractTextPlugin({ filename: development ? 'cadence.css' : 'cadence.[hash].css', allChunks: true }),