[PRMT-152] Migrate from create-react-app to Vite (#632)

Author: adamwhitingnhs

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

@@ -56,4 +56,4 @@ jobs:
         with:
           name: build
           if-no-files-found: error
-          path: ./app/build
+          path: ./app/dist

.github/workflows/base-jest-test.yml .github/workflows/base-vitest-test.yml.github/workflows/base-jest-test.yml renamed to .github/workflows/base-vitest-test.yml

@@ -1,5 +1,5 @@
 # .github/workflows/terraform-dev
-name: 'Z-BASE Jest Test: Run a jest test job'
+name: 'Z-BASE Vitest Test: Run a vitest test job'
 
 on:
   workflow_call:
@@ -15,7 +15,7 @@ permissions:
   contents: read # This is required for actions/checkout
 
 jobs:
-  jest_testing_job:
+  vitest_testing_job:
     runs-on: ubuntu-latest
 
     strategy:

.github/workflows/full-deploy-to-pre-prod.yml

@@ -35,7 +35,7 @@ jobs:
 
   react_testing_job:
     name: Run UI Unit Tests
-    uses: ./.github/workflows/base-jest-test.yml
+    uses: ./.github/workflows/base-vitest-test.yml
     with:
       build_branch: main
 

.github/workflows/full-deploy-to-sandbox.yml

@@ -50,7 +50,7 @@ jobs:
 
   react_testing_job:
     name: Run UI Unit Tests
-    uses: ./.github/workflows/base-jest-test.yml
+    uses: ./.github/workflows/base-vitest-test.yml
     with:
       build_branch: ${{ inputs.build_branch }}
 

.github/workflows/ui-deploy-feature-to-sandbox-manual.yml

@@ -48,7 +48,7 @@ jobs:
 
   react_testing_job:
     name: Run UI Unit Tests
-    uses: ./.github/workflows/base-jest-test.yml
+    uses: ./.github/workflows/base-vitest-test.yml
     with:
       build_branch: ${{ inputs.build_branch }}
 

.github/workflows/ui-deploy-to-pre-prod-manual.yml

@@ -17,7 +17,7 @@ permissions:
 jobs:
   react_testing_job:
     name: Run UI Unit Tests
-    uses: ./.github/workflows/base-jest-test.yml
+    uses: ./.github/workflows/base-vitest-test.yml
     with:
       build_branch: main
 

.github/workflows/ui-deploy-to-test-manual.yml

@@ -17,7 +17,7 @@ permissions:
 jobs:
   react_testing_job:
     name: Run UI Unit Tests
-    uses: ./.github/workflows/base-jest-test.yml
+    uses: ./.github/workflows/base-vitest-test.yml
     with:
       build_branch: ${{ inputs.build_branch }}
 

.github/workflows/ui-dev-to-main-ci.yml

@@ -25,7 +25,7 @@ permissions:
 jobs:
   react_testing_job:
     name: Run UI Unit Tests
-    uses: ./.github/workflows/base-jest-test.yml
+    uses: ./.github/workflows/base-vitest-test.yml
     with:
       build_branch: ${{github.event.pull_request.head.ref}}
 

app/.env.template

@@ -1,11 +1,11 @@
 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_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%"
+VITE_DOC_STORE_API_ENDPOINT=%DOC_STORE_API_ENDPOINT%
+VITE_AWS_REGION=%AWS_REGION%
+VITE_OIDC_PROVIDER_ID=%OIDC_PROVIDER_ID%
+VITE_RUM_IDENTITY_POOL_ID=%IDENTITY_PROVIDER_POOL_ID%
+VITE_MONITOR_ACCOUNT_ID=%MONITOR_ACCOUNT_ID%
+VITE_ENVIRONMENT=%BUILD_ENV%
+VITE_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
 PORT=xxxx   # Port number of the localhost dev server when we run `make start`

app/.eslintrc

@@ -7,7 +7,6 @@
     "plugins": ["unused-imports", "cypress", "import"],
     "extends": [
         "react-app",
-        "react-app/jest",
         "plugin:prettier/recommended",
         "plugin:cypress/recommended"
     ],
@@ -26,7 +25,7 @@
             }
         ],
         "@typescript-eslint/no-explicit-any": [
-            "error",
+            "off",
             {
                 "ignoreRestArgs": true
             }