Docker readme

client/wfprev-war/Dockerfile

@@ -0,0 +1,39 @@
+#Step 1: Build the Angular app
+FROM node:18 AS build
+
+WORKDIR /src/main/angular
+
+# Add NPM Token from build arguments for private registry authentication
+ARG NPM_TOKEN
+ARG PRIVATE_REGISTRY_AUTH
+RUN echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > .npmrc
+RUN echo "//bwa.nrs.gov.bc.ca/int/artifactory/api/npm/nrs-virtual-npm/:_auth=${PRIVATE_REGISTRY_AUTH}" >> .npmrc
+
+# Copy the package.json and package-lock.json files
+COPY src/main/angular/package*.json ./
+
+# Clean the npm cache before installing dependencies
+RUN npm cache clean --force
+
+# Remove node_modules and package-lock.json if they exist (optional cleanup)
+RUN rm -rf node_modules package-lock.json
+
+# Install npm dependencies
+RUN npm install
+
+# Copy the rest of the Angular project files
+COPY src/main/angular ./
+
+# Build the Angular project (use --configuration=production instead of --prod)
+RUN npm run build --configuration=production
+
+# Step 2: Serve the app with nginx
+FROM nginx:alpine
+
+# Copy the built Angular app to Nginx
+COPY --from=build /src/main/angular/dist/wfprev/* /usr/share/nginx/html
+# Expose port 80
+EXPOSE 80
+
+# Start Nginx server
+CMD ["nginx", "-g", "daemon off;"]

client/wfprev-war/README.md

@@ -0,0 +1,22 @@
+# WFPrev UI - Docker Setup Guide
+
+This document provides instructions for building and running the WFPrev UI using Docker.
+
+## Prerequisites
+
+Make sure you have the following installed before proceeding:
+
+- **Docker**: Download and install [Docker](https://www.docker.com/products/docker-desktop) on your machine.
+- **NPM Authentication Tokens**: If your project requires private npm packages, you will need access to the necessary tokens.
+
+## Steps to Run the UI with Docker
+
+### Build the Docker Image, run following command under wfprev-war folder where dockerfile locates. npm-token and registry-token can be retrieve from your npmrc 
+docker build -t wfprev-ui --build-arg NPM_TOKEN=<your-npm-token> --build-arg PRIVATE_REGISTRY_AUTH=<your-private-registry-token> .
+
+Then you should see a wfprev-ui appears in your images list.
+
+### Run the image using following command. 
+docker run -d -p 8080:80 --name wfprev-ui-container wfprev-ui
+
+### Verify the UI is running by opening the browser and navigate to localhost:8080

client/wfprev-war/src/main/angular/package.json

@@ -47,6 +47,7 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
+    "rollup": "^4.21.3",
     "storybook": "^8.2.9",
     "typescript": "~5.4.5"
   }