[121] Update libraries batch-2

.github/workflows/curator-ui-node.yml

@@ -24,7 +24,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: "16.x"
+          node-version: "18.x"
       - name: Build and test
         run: |
           git config --global url."https://github.com/".insteadOf git@github.com:

.gitignore

@@ -214,10 +214,14 @@ Temporary Items
 # When using Gradle or Maven with auto-import, you should exclude module files,
 # since they will be recreated, and may cause churn.  Uncomment if using
 # auto-import.
-# .idea/modules.xml
+.idea/compiler.xml
+.idea/modules.xml
 # .idea/*.iml
 # .idea/modules
-# *.iml
+*.iml
+.idea/vcs.xml
+.idea/jsLibraryMappings.xml
+.idea/inspectionProfiles/
 # *.ipr
 
 # CMake

dev/docker-compose.dev.full.test.yml

@@ -23,7 +23,7 @@ services:
       BASE_URL: "${BASE_URL}"
       COMPLETE_DATA_BUCKET: "${COMPLETE_DATA_BUCKET}"
       COUNTRY_DATA_BUCKET: "${COUNTRY_DATA_BUCKET}"
-      REACT_APP_RECAPTCHA_SITE_KEY: "${REACT_APP_RECAPTCHA_SITE_KEY}"
+      REACT_APP_RECAPTCHA_SITE_KEY: "${VITE_APP_RECAPTCHA_SITE_KEY}"
   data:
     command: "npm run dev"
     volumes:

dev/docker-compose.dev.full.yml

@@ -26,7 +26,7 @@ services:
       BASE_URL: "${BASE_URL}"
       COMPLETE_DATA_BUCKET: "${COMPLETE_DATA_BUCKET}"
       COUNTRY_DATA_BUCKET: "${COUNTRY_DATA_BUCKET}"
-      REACT_APP_RECAPTCHA_SITE_KEY: "${REACT_APP_RECAPTCHA_SITE_KEY}"
+      REACT_APP_RECAPTCHA_SITE_KEY: "${VITE_APP_RECAPTCHA_SITE_KEY}"
       NODE_ENV: "dev"
   data:
     command: "npm run dev"
@@ -50,8 +50,8 @@ services:
       REACT_APP_PUBLIC_MAPBOX_TOKEN: "${REACT_APP_PUBLIC_MAPBOX_TOKEN}"
       REACT_APP_POLICY_PUBLIC_ID: "${REACT_APP_POLICY_PUBLIC_ID}"
       REACT_APP_COOKIE_CONSENT_PUBLIC_ID: "${REACT_APP_COOKIE_CONSENT_PUBLIC_ID}"
-      REACT_APP_RECAPTCHA_SITE_KEY: "${REACT_APP_RECAPTCHA_SITE_KEY}"
-      REACT_APP_DATA_DICTIONARY_LINK: "${REACT_APP_DATA_DICTIONARY_LINK}"
+      VITE_APP_RECAPTCHA_SITE_KEY: "${VITE_APP_RECAPTCHA_SITE_KEY}"
+      VITE_APP_DATA_DICTIONARY_LINK: "${VITE_APP_DATA_DICTIONARY_LINK}"
       ENABLE_LOCAL_AUTH: "true"
       DISEASE_NAME: "${DISEASE_NAME}"
   localstack:

dev/docker-compose.dev.yml

@@ -30,10 +30,10 @@ services:
       # We can't use curator:3001 here because that's an internal DNS,
       # not accessible from the user's browser.
       # In production simply /auth/google would work.
-      REACT_APP_LOGIN_URL: "http://localhost:3001/auth/google"
-      REACT_APP_PUBLIC_MAPBOX_TOKEN: "${REACT_APP_PUBLIC_MAPBOX_TOKEN}"
-      REACT_APP_POLICY_PUBLIC_ID: "${REACT_APP_POLICY_PUBLIC_ID}"
-      REACT_APP_COOKIE_CONSENT_PUBLIC_ID: "${REACT_APP_COOKIE_CONSENT_PUBLIC_ID}"
-      REACT_APP_RECAPTCHA_SITE_KEY: "${REACT_APP_RECAPTCHA_SITE_KEY}"
-      REACT_APP_DISEASE_NAME: "${REACT_APP_DISEASE_NAME}"
-      REACT_APP_DATA_DICTIONARY_LINK: "${REACT_APP_DATA_DICTIONARY_LINK}"
+      VITE_APP_LOGIN_URL: "http://localhost:3001/auth/google"
+      VITE_APP_PUBLIC_MAPBOX_TOKEN: "${REACT_APP_PUBLIC_MAPBOX_TOKEN}"
+      VITE_APP_POLICY_PUBLIC_ID: "${REACT_APP_POLICY_PUBLIC_ID}"
+      VITE_APP_COOKIE_CONSENT_PUBLIC_ID: "${REACT_APP_COOKIE_CONSENT_PUBLIC_ID}"
+      VITE_APP_RECAPTCHA_SITE_KEY: "${VITE_APP_RECAPTCHA_SITE_KEY}"
+      VITE_APP_DISEASE_NAME: "${REACT_APP_DISEASE_NAME}"
+      VITE_APP_DATA_DICTIONARY_LINK: "${VITE_APP_DATA_DICTIONARY_LINK}"

dev/docker-compose.yml

@@ -93,10 +93,10 @@ services:
     environment:
       PORT: "3002"
       # UI and API run on different ports in dev, make the custom proxy work.
-      REACT_APP_PROXY_URL: "http://curator:3001"
-      REACT_APP_DISEASE_NAME: "${DISEASE_NAME}"
-      REACT_APP_MAP_LINK_LOCAL: "${MAP_LINK_LOCAL}"
-      REACT_APP_MAP_LINK_LOCAL_E2E: "${MAP_LINK_LOCAL_E2E}"
-      REACT_APP_MAP_LINK_DEV: "${MAP_LINK_DEV}"
-      REACT_APP_MAP_LINK_QA: "${MAP_LINK_QA}"
-      REACT_APP_MAP_LINK_PROD: "${MAP_LINK_PROD}"
+      VITE_APP_PROXY_URL: "http://curator:3001"
+      VITE_APP_DISEASE_NAME: "${DISEASE_NAME}"
+      VITE_APP_MAP_LINK_LOCAL: "${MAP_LINK_LOCAL}"
+      VITE_APP_MAP_LINK_LOCAL_E2E: "${MAP_LINK_LOCAL_E2E}"
+      VITE_APP_MAP_LINK_DEV: "${MAP_LINK_DEV}"
+      VITE_APP_MAP_LINK_QA: "${MAP_LINK_QA}"
+      VITE_APP_MAP_LINK_PROD: "${MAP_LINK_PROD}"

verification/curator-service/Dockerfile

@@ -1,7 +1,7 @@
 # This dockerfile builds the curator API service and its UI in a single container.
 # The UI is served as a static resource from the curator API service express server.
 # Security best practices are followed and a trimmed down image is used for production serving.
-FROM node:16.18.0 as builder
+FROM node:18.18.0 as builder
 
 # Build the curator service.
 WORKDIR /usr/src/app/verification/curator-service/api
@@ -42,18 +42,18 @@ ENV REACT_APP_PUBLIC_MAPBOX_TOKEN "pk.eyJ1IjoiaGVhbHRobWFwIiwiYSI6ImNrYzNjczdmcz
 ENV REACT_APP_POLICY_PUBLIC_ID "89575059"
 ENV REACT_APP_COOKIE_CONSENT_PUBLIC_ID "2070778"
 ENV REACT_APP_RECAPTCHA_SITE_KEY "6LdhjvwgAAAAALrxavR_zR58kxxap07D4ba8X-jE"
-ENV REACT_APP_DISEASE_NAME "Mpox"
-ENV REACT_APP_MAP_LINK_DEV "http://dev-map.marburg.global.health/"
-ENV REACT_APP_MAP_LINK_LOCAL "http://dev-map.marburg.global.health/"
-ENV REACT_APP_MAP_LINK_LOCAL_E2E "http://dev-map.marburg.global.health/"
-ENV REACT_APP_MAP_LINK_PROD "http://dev-map.marburg.global.health/"
-ENV REACT_APP_MAP_LINK_QA "http://map.marburg.global.health/"
+ENV VITE_APP_DISEASE_NAME "Mpox"
+ENV VITE_APP_MAP_LINK_DEV "http://dev-map.marburg.global.health/"
+ENV VITE_APP_MAP_LINK_LOCAL "http://dev-map.marburg.global.health/"
+ENV VITE_APP_MAP_LINK_LOCAL_E2E "http://dev-map.marburg.global.health/"
+ENV VITE_APP_MAP_LINK_PROD "http://dev-map.marburg.global.health/"
+ENV VITE_APP_MAP_LINK_QA "http://map.marburg.global.health/"
 
 RUN npm run build
 
 
 # Multi-staged build, use a trimmed down version of node for prod.
-FROM node:16.18.0 as prod
+FROM node:18.18.0 as prod
 
 # No need to run as root.
 USER node

verification/curator-service/ui/.eslintrc

@@ -42,13 +42,12 @@
     {
       "files": ["**/*.ts", "**/*.tsx"],
       "plugins": ["@typescript-eslint"],
-      "extends": [        
-        "react-app",
+      "extends": [
         "eslint:recommended", 
         "plugin:@typescript-eslint/recommended",        
         "plugin:cypress/recommended",
         "prettier", // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
-        "plugin:prettier/recommended" // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array        
+        "plugin:prettier/recommended" // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array
       ]
     }
   ],

verification/curator-service/ui/.eslintrc.json

@@ -0,0 +1,59 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],  
+  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
+    "parserOptions": {
+    "ecmaVersion": 2017,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },  
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true,
+    "jest": true
+  },
+    "rules": {
+    "no-bitwise": [
+      "error"
+    ],
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "quotes": [
+      "error",
+      "single"
+    ],
+    "semi": [
+      "error",
+      "always"
+    ],
+    "@typescript-eslint/no-redeclare": "off",
+    "@typescript-eslint/no-unused-expressions": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/no-var-requires": "off"
+  },
+  "overrides": [
+    {
+      "files": ["**/*.ts", "**/*.tsx"],
+      "plugins": ["@typescript-eslint"],
+      "extends": [
+        "eslint:recommended", 
+        "plugin:@typescript-eslint/recommended",        
+        "plugin:cypress/recommended",
+        "prettier", // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
+        "plugin:prettier/recommended" // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array
+      ]
+    }
+  ],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}

verification/curator-service/ui/.gitignore

@@ -25,4 +25,8 @@ amplifyconfiguration.json
 amplify-build-config.json
 amplify-gradle-config.json
 amplifytools.xcconfig
-.secret-*
+.secret-*
+
+.idea/modules.xml
+.idea/vcs.xml
+.idea/inspectionProfiles