[PRMP-1553] Implement CloudWatch RUM PoC (UI Analytics) (#561)

* Started to implement AWS RUM on frontend

* Implemented AWS RUM code and variables needed

* Some changes to variable names

* Removed logging and corrected conditional check against environment

* Updated github_env to github_output to be used in subsequent job

* Reverted to Github Env

* Reverted to outputs and added debugging

* Updated tsx to use Default script code from AWS

* Changed Account id to REACT_APP_MONITOR_ACCOUNT_ID

* ignore linter and log info, define awsRum const

* ignore es-lint awsRum

* Moved awsRum into App instead of index

* test no initialzed

* added further logging

* added more logging

* Corrected Identitity Pool Id React Var

* Removed comment nullifying Environment Parameter check

* Refactored for initial PR

* Added mask and removed github-env

* removed un-needed comments

* Removed debugging step

* Test if initiating RUM placeholder is causing issue

* replaced process.env.REACT_APP_RUM_IDENTITY_POOL_ID !== 'not provided yet' with cypress bool to make readable

* Corrected cypress conditional

Author: oliverbeumkes-nhs

.github/workflows/base-cypress-build.yml

@@ -28,12 +28,14 @@ jobs:
       - name: Cypress install
         run: npm install --legacy-peer-deps
         working-directory: ./app
-
+      
       - name: Configure React environment vars
         env:
           ENDPOINT_DOC_STORE_API: http://localhost:3000
           AWS_REGION: test region
           OIDC_PROVIDER_ID: not provided yet
+          IDENTITY_PROVIDER_POOL_ID: not provided yet
+          MONITOR_ACCOUNT_ID: not provided yet
           BUILD_ENV: development
           IMAGE_VERSION: 'not-required'
         run: |

.github/workflows/base-deploy-ui.yml

@@ -64,15 +64,35 @@ jobs:
           cloudfront_domain_name=$(aws cloudfront list-distributions --query "DistributionList.Items[?starts_with(Origins.Items[0].DomainName, '${{ inputs.sandbox }}')].DomainName" --output text)
           echo "Cloudfront domain name found for environment: $cloudfront_domain_name"
           echo "CLOUDFRONT_DOMAIN_NAME=$cloudfront_domain_name" >> $GITHUB_ENV
-
+        
       - name: Login to Amazon ECR
         id: login-ecr
         uses: aws-actions/amazon-ecr-login@v2
 
+      - name: Get Cognito Identity Pool ID
+        id: cognito-identity-pool
+        run: |
+          identity_pool_id=$(aws cognito-identity list-identity-pools --max-results 50 \
+            --query "IdentityPools[?starts_with(IdentityPoolName, '${{ inputs.sandbox }}')].IdentityPoolId" \
+            --output text)
+          echo "::add-mask::$identity_pool_id"
+          echo "IDENTITY_PROVIDER_POOL_ID=$identity_pool_id" >> $GITHUB_OUTPUT
+
+      - name: Get CloudWatch RUM App Monitor ID
+        id: rum-app-monitor
+        run: |
+          app_monitor_id=$(aws rum list-app-monitors \
+            --query "AppMonitorSummaries[?starts_with(Name, '${{ inputs.sandbox }}')].Id" \
+            --output text)
+          echo "::add-mask::$app_monitor_id"
+          echo "MONITOR_ACCOUNT_ID=$app_monitor_id" >> $GITHUB_OUTPUT  
+
       - name: Configure React environment vars
         env:
           AWS_REGION: ${{ vars.AWS_REGION }}
           OIDC_PROVIDER_ID: not provided yet
+          IDENTITY_PROVIDER_POOL_ID: ${{ steps.cognito-identity-pool.outputs.IDENTITY_PROVIDER_POOL_ID }} 
+          MONITOR_ACCOUNT_ID: ${{ steps.rum-app-monitor.outputs.MONITOR_ACCOUNT_ID }} 
           BUILD_ENV: ${{ inputs.environment }}
           IMAGE_VERSION: 'ndr-${{ inputs.sandbox }}-app:${{ github.sha }}'
         run: |

.github/workflows/base-jest-test.yml

@@ -39,6 +39,8 @@ jobs:
           ENDPOINT_DOC_STORE_API: http://localhost:3000
           AWS_REGION: test region
           OIDC_PROVIDER_ID: not provided yet
+          IDENTITY_PROVIDER_POOL_ID: not provided yet
+          MONITOR_ACCOUNT_ID: not provided yet          
           BUILD_ENV: development
           IMAGE_VERSION: 'ndr-not-required'
         run: |

.github/workflows/sonarcloud-analysis.yml

@@ -29,6 +29,8 @@ jobs:
           ENDPOINT_DOC_STORE_API: http://localhost:3000
           AWS_REGION: test region
           OIDC_PROVIDER_ID: not provided yet
+          IDENTITY_PROVIDER_POOL_ID: not provided yet
+          MONITOR_ACCOUNT_ID: not provided yet     
           BUILD_ENV: development
           IMAGE_VERSION: 'ndr-${{ vars.BUILD_ENV }}-app:${{ github.sha }}'
         run: |

app/.env.template

@@ -2,7 +2,9 @@ GENERATE_SOURCEMAP=false # false
 REACT_APP_DOC_STORE_API_ENDPOINT=%DOC_STORE_API_ENDPOINT%
 REACT_APP_AWS_REGION=%AWS_REGION%
 REACT_APP_OIDC_PROVIDER_ID=%OIDC_PROVIDER_ID%
-REACT_APP_ENVIRONMENT=%BUILD_ENV% # 'local'
+REACT_APP_RUM_IDENTITY_POOL_ID=%IDENTITY_PROVIDER_POOL_ID%
+REACT_APP_MONITOR_ACCOUNT_ID=%MONITOR_ACCOUNT_ID%
+REACT_APP_ENVIRONMENT=%BUILD_ENV%
 REACT_APP_IMAGE_VERSION="%IMAGE_VERSION%"
 CONTAINER_PORT=xx    # Port number within the container. Needed for building the docker image
 HOST_PORT=xxxx    # Port number that the docker-compose localhost exposes. Only need this if we run docker-compose