Adding relative path (#142)

* Adding relative URL

Author: dinesh-aot

.github/workflows/deploy.yml

@@ -30,6 +30,9 @@ jobs:
         shell: bash
         run: |
           oc project ${{ secrets.OPENSHIFT_REPOSITORY }}-tools
+          CURRENT_DATE=$(date +"%d_%m_%Y")
+          oc tag condition-api:${{ github.event.inputs.environment }} condition-api:${{ github.event.inputs.environment }}_bkp_${CURRENT_DATE}
+          oc tag condition-web:${{ github.event.inputs.environment }} condition-web:${{ github.event.inputs.environment }}_bkp_${CURRENT_DATE}
           oc tag condition-api:latest condition-api:${{ github.event.inputs.environment }}
           oc tag condition-web:latest condition-web:${{ github.event.inputs.environment }}
           

condition-web/Dockerfile

@@ -5,6 +5,10 @@ FROM node:16-alpine as build-stage
 # set working directory
 WORKDIR /app
 
+# Build argument for base path
+ARG VITE_APP_BASE_PATH=/conditions
+ENV VITE_APP_BASE_PATH=$VITE_APP_BASE_PATH
+
 # add `/app/node_modules/.bin` to $PATH
 ENV PATH /app/node_modules/.bin:$PATH
 

condition-web/nginx/nginx.conf

@@ -48,10 +48,20 @@ http {
     listen 8080;
     server_name _;
 
+    # Prevent nginx from adding internal port to redirects
+    absolute_redirect off;
+    port_in_redirect off;
+
     index index.html;
     error_log /dev/stdout info;
     access_log /dev/stdout;
 
+    location /conditions {
+      alias /usr/share/nginx/html;
+      index index.html index.htm;
+      try_files $uri $uri/ /conditions/index.html;
+    }
+
     location / {
       root   /usr/share/nginx/html;
       index  index.html index.htm;

condition-web/src/components/Unauthorized.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Box, Typography, Link } from "@mui/material";
 import { BCDesignTokens } from "epic.theme";
+import { AppConfig } from "@/utils/config";
 
 const Unauthorized: React.FC = React.memo(() => {
   return (
@@ -51,10 +52,10 @@ const Unauthorized: React.FC = React.memo(() => {
         If you believe you should have access to Condition Repository, please
         contact the Environmental Assessment Office at
         <Link
-          href="mailto:EAO.ManagementPlanSupport@gov.bc.ca"
+          href={`mailto:${AppConfig.supportEmail}`}
           sx={{ ml: BCDesignTokens.layoutMarginXsmall }}
         >
-          EAO.ManagementPlanSupport@gov.bc.ca.
+          {AppConfig.supportEmail}
         </Link>
       </Typography>
     </Box>

condition-web/src/router.tsx

@@ -1,9 +1,11 @@
 import { createRouter, RouterProvider } from "@tanstack/react-router";
 import { routeTree } from "@/routeTree.gen";
 import { useAuth } from "react-oidc-context";
+import { AppConfig } from "./utils/config";
 
 // Create a new router instance
 const router = createRouter({
+  basepath: AppConfig.appBasePath,
   routeTree,
   context: {
     // authentication will initially be undefined

condition-web/src/utils/config.ts

@@ -8,6 +8,7 @@ declare global {
       VITE_VERSION: string;
       VITE_APP_TITLE: string;
       VITE_APP_URL: string;
+      VITE_APP_BASE_PATH: string;
       VITE_OIDC_AUTHORITY: string;
       VITE_CLIENT_ID: string;
       VITE_SUPPORT_EMAIL: string;
@@ -23,6 +24,7 @@ const APP_VERSION =
 const APP_TITLE =
   window._env_?.VITE_APP_TITLE || import.meta.env.VITE_APP_TITLE || "";
 const APP_URL = window._env_?.VITE_APP_URL || import.meta.env.VITE_APP_URL;
+const APP_BASE_PATH = window._env_?.VITE_APP_BASE_PATH || import.meta.env.VITE_APP_BASE_PATH;
 const OIDC_AUTHORITY =
   window._env_?.VITE_OIDC_AUTHORITY || import.meta.env.VITE_OIDC_AUTHORITY;
 const CLIENT_ID =
@@ -36,6 +38,7 @@ export const AppConfig = {
   version: APP_VERSION,
   appTitle: APP_TITLE,
   appUrl: APP_URL,
+  appBasePath: APP_BASE_PATH,
   clientId: CLIENT_ID,
   supportEmail: SUPPORT_EMAIL,
 };
@@ -44,8 +47,8 @@ export const OidcConfig = {
   authority: OIDC_AUTHORITY,
   kc_idp_hint: "idir",
   client_id: CLIENT_ID,
-  redirect_uri: `${APP_URL}/oidc-callback`,
-  post_logout_redirect_uri: `${APP_URL}/`,
+  redirect_uri: `${APP_URL}${APP_BASE_PATH || ''}/oidc-callback`,
+  post_logout_redirect_uri: `${APP_URL}${APP_BASE_PATH || ''}/`,
   scope: "openid profile email",
   revokeTokensOnSignout: true,
   userStore: new WebStorageStateStore({ store: window.sessionStorage }),

condition-web/vite.config.ts

@@ -6,6 +6,7 @@ import istanbul from "vite-plugin-istanbul";
 // https://vitejs.dev/config/
 
 export default defineConfig({
+  base: process.env.VITE_APP_BASE_PATH || "/",
   plugins: [
     TanStackRouterVite(),
     react(),