Caseflow ci cd

.github/workflows/caseflow_web_os.yml

@@ -43,10 +43,10 @@ jobs:
           node-version: ${{ matrix.node-version }}
           cache: 'npm'
           cache-dependency-path: "./app/caseflow_web/package-lock.json"
-      - run: npm install --force
-        working-directory: ./app/caseflow_web
-      - run: CI=false npm run build
-        working-directory: ./app/caseflow_web
+      # - run: npm install --force
+      #  working-directory: ./app/caseflow_web
+      # - run: CI=false npm run build
+      #  working-directory: ./app/caseflow_web
 
 
       - name: Set ENV variables
@@ -94,4 +94,4 @@ jobs:
       - name: Tag+Deploy for ${{ inputs.environment }}
         shell: bash
         run: |
-          oc tag ${{ env.APP_NAME }}:latest ${{ env.APP_NAME }}:${{ inputs.environment }}
+          oc tag ${{ env.APP_NAME }}-build:latest ${{ env.APP_NAME }}:${{ inputs.environment }}

app/caseflow_core/microservices/dms/src/main.ts

@@ -1,11 +1,13 @@
 import { NestFactory } from '@nestjs/core';
+import { config } from 'dotenv';
 import { Transport } from '@nestjs/microservices';
 
 //_____________________Custom Imports_____________________//
 
 import { AppModule } from './app.module';
 
 async function bootstrap() {
+  config();
   const app = await NestFactory.create(AppModule);
 
   app.connectMicroservice({

app/caseflow_core/microservices/gateway/src/main.ts

@@ -1,8 +1,15 @@
 import { NestFactory } from '@nestjs/core';
 import { AppModule } from './app.module';
+import { config } from 'dotenv';
 
 async function bootstrap() {
+  config();
   const app = await NestFactory.create(AppModule);
+  app.enableCors({
+    origin: true,
+    methods: 'GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS',
+    credentials: true,
+  });
   await app.listen(7000);
 }
 bootstrap();

app/caseflow_core/microservices/lob/src/main.ts

@@ -1,10 +1,17 @@
 import { ValidationPipe } from '@nestjs/common';
 import { NestFactory } from '@nestjs/core';
 import { AppModule } from './app.module';
+import { config } from 'dotenv';
 
 async function bootstrap() {
+  config();
   const app = await NestFactory.create(AppModule);
   app.useGlobalPipes(new ValidationPipe());
+  app.enableCors({
+    origin: true,
+    methods: 'GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS',
+    credentials: true,
+  });
   await app.listen(8000);
 }
 bootstrap();

app/caseflow_web/Dockerfile

@@ -1,34 +1,29 @@
-# base image
-FROM node:14.17.0-alpine as build-stage
+# Use a smaller base image for the build stage
+FROM node:14.17.0 AS build-stage
 
-# set working directory
-WORKDIR /case-flow-web/app
+# Set working directory
+WORKDIR /app
 
-# add `/app/node_modules/.bin` to $PATH
-ENV PATH /case-flow-web/app/node_modules/.bin:$PATH
-
-RUN apk update && apk upgrade && \
-    apk add --no-cache bash git openssh
-
-# install and cache app dependencies
-
-COPY package-lock.json /case-flow-web/app/package-lock.json
-COPY package.json /case-flow-web/app/package.json
+# Copy package.json and package-lock.json separately to leverage Docker caching
+COPY package.json package-lock.json ./
 
+# Install dependencies
 RUN npm install --silent
-RUN npm install [email protected] -g --silent
 
-# create and set user permissions to app folder
-RUN mkdir -p node_modules/.cache && chmod -R 777 node_modules/.cache
-
-# add app files
-COPY . ./case-flow-web
+# Add app files
+COPY . .
 
+# Build the app
 RUN npm run build
 
-FROM nginx:1.17 as production-stage
-RUN mkdir /app
-COPY --from=build-stage /case-flow-web/app/build /usr/share/nginx/html
-COPY ./nginx.conf /etc/nginx/nginx.conf
+# Use a smaller base image for the production stage
+FROM nginx:1.21 AS production-stage
+
+# Copy built files from the build stage to Nginx's HTML directory
+COPY --from=build-stage /app/build /usr/share/nginx/html
+
+# Copy custom NGINX configuration
+COPY nginx.conf /etc/nginx/nginx.conf
 
-CMD ["nginx", "-g", "daemon off;"]
+# Command to run Nginx in the foreground
+CMD ["nginx", "-g", "daemon off;"]

app/caseflow_web/nginx.conf

@@ -1,29 +1,30 @@
-user  nginx;
-worker_processes  auto;
-error_log  /var/log/nginx/error.log warn;
-pid        /var/run/nginx.pid;
+worker_processes auto;
+
+# Log to stdout
+error_log  /dev/stdout info;
+pid        /tmp/nginx.pid;
+
 events {
-  worker_connections  1024;
+  worker_connections 1024;
 }
+
 http {
-  include       /etc/nginx/mime.types;
-  default_type  application/octet-stream;
-  log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
-  '$status $body_bytes_sent "$http_referer" '
-  '"$http_user_agent" "$http_x_forwarded_for"';
-  access_log  /var/log/nginx/access.log  main;
-  sendfile        on;
-  #tcp_nopush     on;
-
-  keepalive_timeout  65;
-  #gzip  on;
-  #include /etc/nginx/conf.d/*.conf;
-server {
-  listen 80;
-  location / {
-    root   /usr/share/nginx/html;
-    index  index.html index.htm;
-    try_files $uri $uri/ /index.html;
+  client_body_temp_path /tmp/client_temp;
+  proxy_temp_path       /tmp/proxy_temp_path;
+  fastcgi_temp_path     /tmp/fastcgi_temp;
+  uwsgi_temp_path       /tmp/uwsgi_temp;
+  scgi_temp_path        /tmp/scgi_temp;
+  include /etc/nginx/mime.types;
+  default_type application/octet-stream;
+  sendfile on;
+  keepalive_timeout 65;
+  server {
+    listen 8080;
+    location / {
+      root   /usr/share/nginx/html;
+      index  index.html index.htm;
+      try_files $uri $uri/ /index.html;
+    }
   }
 }
-}
+

app/caseflow_web/package.json

@@ -81,6 +81,7 @@
     ]
   },
   "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.16.0",
     "sass": "^1.55.0"
   }
 }

app/caseflow_web/public/config/config.js

@@ -0,0 +1,49 @@
+window["_env_"] = {
+    // To define project level configuration  possible values development, test, production
+    NODE_ENV: "development",
+    // Environment Variables for forms-flow-web
+
+    //Keycloak-client-name for web
+    REACT_APP_KEYCLOAK_WEB_CLIENTID:'case-flow-web',
+    // Keycloak-client-name for web
+    REACT_APP_KEYCLOAK_URL_REALM:'forms-flow-ai',
+
+    // Keycloak base URL
+    REACT_APP_KEYCLOAK_URL:'https://forms-flow-idm-a358eb-dev.apps.silver.devops.gov.bc.ca',
+
+
+    // caseflow web Api End point
+    REACT_APP_CASEFLOW_API_URL:'https://caseflow-microservices-server-dev.apps.silver.devops.gov.bc.ca',
+
+    // caseflow  Api  GraphQL End point
+    REACT_APP_CASEFLOW_GRAPHQL_API_URL:'https://caseflow-microservices-gateway-dev.apps.silver.devops.gov.bc.ca',
+
+
+    // default DMS
+    REACT_APP_CASEFLOW_DMS:3,
+
+    // application name
+    APPLICATION_NAME:'caseflow.ai',
+
+    // LOB Graphql Base Url
+    REACT_APP_CASEFLOW_LOB_GRAPHQL_API_URL:'https://caseflow-microservices-lob-dev.apps.silver.devops.gov.bc.ca',
+    //  Take Number For Pagination 
+    REACT_APP_PAGINATION_TAKE:10,
+
+
+    //  Formsflow BPM base url
+    REACT_APP_FORMSFLOW_URL:'https://forms-flow-bpm-a358eb-dev.apps.silver.devops.gov.bc.ca',
+
+
+    //  Formsflow Application base url
+    REACT_APP_FORMSFLOW_APP_URL:'https://forms-flow-forms-a358eb-dev.apps.silver.devops.gov.bc.ca',
+
+    // DMS FILE UPLOAD DIRECT REST URL
+    REACT_APP_CASEFLOW_DMS_API_URL:'https://caseflow-microservices-dms-dev.apps.silver.devops.gov.bc.ca',
+
+    REACT_APP_FORMSFLOW_FORM_URL:'https://forms-flow-api-a358eb-dev.apps.silver.devops.gov.bc.ca',
+
+    REACT_APP_FORMSFLOW_WEB_URL:'https://forms-flow-web-a358eb-dev.apps.silver.devops.gov.bc.ca',
+
+    REACT_APP_GENERIC_NAME : 'Case'
+  };

app/caseflow_web/public/index.html

@@ -18,6 +18,8 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+
+    <script type="text/javascript" src="%PUBLIC_URL%/config/config.js"></script>
     <!-- <link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css'>
     <link rel='stylesheet' href='https://cdn.form.io/formiojs/formio.full.min.css'>
     <script src='https://cdn.form.io/formiojs/formio.full.min.js'></script> -->
@@ -34,6 +36,7 @@
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
+
     <div id="root"></div>
     <!--
       This HTML file is a template.

app/caseflow_web/src/constants/constants.ts

@@ -34,7 +34,7 @@ export const KEYCLOAK_URL =
   (window._env_ && window._env_.REACT_APP_KEYCLOAK_URL) ||
   process.env.REACT_APP_KEYCLOAK_URL;
 
-export const KEYCLOAK_AUTH_URL = `${KEYCLOAK_URL}/auth`;
+export const KEYCLOAK_AUTH_URL = `${KEYCLOAK_URL}`;
 export const CLIENT =
   (window._env_ && window._env_.REACT_APP_CLIENT_ROLE) ||
   process.env.REACT_APP_CLIENT_ROLE ||