Events v2: Connect country config event configuration so that it can …

…be read in client (#8100) Co-authored-by: Markus <[email protected]> Co-authored-by: Markus Laurila <[email protected]>
opencrvs · Dec 2, 2024 · c521da6 · c521da6
1 parent 935abed
commit c521da6
Show file tree

Hide file tree

Showing 50 changed files with 935 additions and 275 deletions.
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -26,6 +26,7 @@ services:
       - base
     environment:
       - COUNTRY_CONFIG_URL_INTERNAL=http://countryconfig:3040
+      - GATEWAY_URL_INTERNAL=http://gateway:7070
   dashboards:
     image: opencrvs/ocrvs-dashboards:${VERSION}
     #platform: linux/amd64
@@ -48,16 +49,6 @@ services:
     environment:
       - COUNTRY_CONFIG_URL_INTERNAL=http://countryconfig:3040
 
-  events:
-    image: opencrvs/ocrvs-events:${VERSION}
-    #platform: linux/amd64
-    build:
-      context: .
-      dockerfile: ./packages/events/Dockerfile
-    restart: unless-stopped
-    depends_on:
-      - base
-
   gateway:
     image: opencrvs/ocrvs-gateway:${VERSION}
     #platform: linux/amd64
@@ -87,6 +78,7 @@ services:
       - CHECK_INVALID_TOKEN=true
       - MINIO_BUCKET=ocrvs
       - DOCUMENTS_URL=http://documents:9050
+
   events:
     image: opencrvs/ocrvs-events:${VERSION}
     #platform: linux/amd64
@@ -99,6 +91,7 @@ services:
     environment:
       - MONGO_URL=mongodb://mongo1/events
       - ES_HOST=elasticsearch:9200
+      - COUNTRY_CONFIG_URL=http://countryconfig:3040/
 
   # User facing services
   workflow:

diff --git a/infrastructure/nginx-deploy-config.sh b/infrastructure/nginx-deploy-config.sh
@@ -10,5 +10,7 @@ set -e
 
 sed -i s~{{COUNTRY_CONFIG_URL_INTERNAL}}~$COUNTRY_CONFIG_URL_INTERNAL~g /etc/nginx/conf.d/default.conf
 sed -i s~{{COUNTRY_CONFIG_URL_INTERNAL}}~$COUNTRY_CONFIG_URL_INTERNAL~g /usr/share/nginx/html/index.html
+sed -i s~{{GATEWAY_URL_INTERNAL}}~$GATEWAY_URL_INTERNAL~g /etc/nginx/conf.d/default.conf
+sed -i s~{{GATEWAY_URL_INTERNAL}}~$GATEWAY_URL_INTERNAL~g /usr/share/nginx/html/index.html
 sed -i s~{{CONTENT_SECURITY_POLICY_WILDCARD}}~$CONTENT_SECURITY_POLICY_WILDCARD~g /etc/nginx/conf.d/default.conf
 nginx -g 'daemon off;'
diff --git a/packages/client/Dockerfile b/packages/client/Dockerfile
@@ -12,6 +12,7 @@ COPY --chown=node:node packages/components /app/packages/components
 RUN yarn install --frozen-lockfile  && yarn build
 ENV CONTENT_SECURITY_POLICY_WILDCARD "{{CONTENT_SECURITY_POLICY_WILDCARD}}"
 ENV COUNTRY_CONFIG_URL_INTERNAL "{{COUNTRY_CONFIG_URL_INTERNAL}}"
+ENV GATEWAY_URL_INTERNAL "{{GATEWAY_URL_INTERNAL}}"
 WORKDIR /app/packages/client
 COPY --chown=node:node packages/client /app/packages/client
 RUN yarn install --frozen-lockfile && yarn build

diff --git a/packages/client/graphql.schema.json b/packages/client/graphql.schema.json
@@ -2101,7 +2101,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",
@@ -3806,7 +3806,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",
@@ -4709,7 +4709,7 @@
             "deprecationReason": null
           },
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "args": [],
             "type": {
@@ -5625,7 +5625,7 @@
             "deprecationReason": null
           },
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "args": [],
             "type": {
@@ -5693,7 +5693,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",
@@ -7991,7 +7991,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",
@@ -12507,7 +12507,7 @@
             "deprecationReason": null
           },
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "args": [],
             "type": {
@@ -12559,7 +12559,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",
@@ -16477,7 +16477,7 @@
             "deprecationReason": null
           },
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "args": [],
             "type": {
@@ -16545,7 +16545,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",
@@ -17513,7 +17513,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",
@@ -17587,7 +17587,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",
@@ -18390,7 +18390,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",
@@ -18452,7 +18452,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",
@@ -18487,7 +18487,7 @@
         "fields": null,
         "inputFields": [
           {
-            "name": "fields",
+            "name": "data",
             "description": null,
             "type": {
               "kind": "NON_NULL",

diff --git a/packages/client/nginx.conf b/packages/client/nginx.conf
@@ -69,6 +69,14 @@ server {
         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
         proxy_set_header X-Forwarded-Proto $scheme;
     }
+    location /api/ {
+        rewrite ^/api/(.*)$ /$1 break;
+        proxy_pass {{GATEWAY_URL_INTERNAL}};
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
 
     location / {
         root   /usr/share/nginx/html;

diff --git a/packages/client/package.json b/packages/client/package.json
@@ -16,7 +16,7 @@
     "open:cov": "yarn test && opener coverage/index.html",
     "lint": "yarn lint:css && yarn lint:ts",
     "lint:css": "stylelint 'src/**/*.{ts,tsx}'",
-    "lint:ts": "eslint --fix './src/**/*.{ts,tsx}' --max-warnings=349",
+    "lint:ts": "eslint --fix './src/**/*.{ts,tsx}' --max-warnings=353",
     "test:compilation": "tsc --noEmit",
     "extract:translations": "bash extract-translations.sh",
     "generate-gateway-types": "NODE_OPTIONS=--dns-result-order=ipv4first graphql-codegen --config codegen.ts && prettier --write src/utils/gateway.ts",
@@ -36,9 +36,14 @@
     "@craco/craco": "^6.4.3",
     "@opencrvs/commons": "^1.5.0",
     "@opencrvs/components": "^1.3.0",
+    "@opencrvs/gateway": "1.5.0",
     "@reduxjs/toolkit": "^1.8.3",
     "@sentry/react": "^7.12.1",
     "@sentry/tracing": "^7.12.1",
+    "@tanstack/react-query": "^5.61.5",
+    "@trpc/client": "^11.0.0-rc.648",
+    "@trpc/react-query": "^11.0.0-rc.648",
+    "@trpc/server": "^11.0.0-rc.648",
     "@types/bcryptjs": "^2.4.2",
     "@types/history": "^4.6.2",
     "@types/html-to-pdfmake": "^2.4.4",
@@ -65,6 +70,7 @@
     "formik": "^2.2.9",
     "google-libphonenumber": "^3.2.32",
     "graphql": "^15.0.0",
+    "graphql-tag": "^2.12.6",
     "graphql-tools": "^4.0.7",
     "handlebars": "^4.7.6",
     "history": "^4.7.2",
@@ -95,6 +101,7 @@
     "redux-sentry-middleware": "^0.2.0",
     "sanitize-html": "^2.4.0",
     "styled-components": "^5.2.0",
+    "superjson": "1.9.0-0",
     "tsconfig-paths": "^3.13.0",
     "vite": "^5.4.8",
     "vite-plugin-svgr": "^0.6.0",

diff --git a/packages/client/src/App.tsx b/packages/client/src/App.tsx
@@ -69,9 +69,15 @@ import { ReviewCorrection } from './views/ReviewCorrection/ReviewCorrection'
 import { ReviewCertificate } from './views/PrintCertificate/ReviewCertificateAction'
 import AllUserEmail from './views/SysAdmin/Communications/AllUserEmail/AllUserEmail'
 import { ReloadModal } from './views/Modals/ReloadModal'
-import { V2_EVENT_ROUTE, V2_ROOT_ROUTE } from './v2-events/routes/routes'
+import {
+  V2_EVENT_ROUTE,
+  V2_EVENTS_ROUTE,
+  V2_ROOT_ROUTE
+} from './v2-events/routes'
 import { Workqueues } from './v2-events/features/workqueues'
-import { PublishEvent } from './v2-events/features/events/PublishEvent'
+import { EventFormWizardIndex } from './v2-events/features/events/EventFormWizard'
+import { TRPCProvider } from './v2-events/trcp'
+import { Events } from './v2-events/features/events/EventSelection'
 
 interface IAppProps {
   client?: ApolloClient<NormalizedCacheObject>
@@ -96,6 +102,7 @@ const GlobalStyle = createGlobalStyle`
 
 export function App(props: IAppProps) {
   const { client } = useApolloClient(props.store)
+
   return (
     <ErrorBoundary>
       <GlobalStyle />
@@ -522,16 +529,23 @@ export function App(props: IAppProps) {
                                             path={routes.PRINT_RECORD}
                                             component={PrintRecord}
                                           />
-                                          <ProtectedRoute
-                                            exact
-                                            path={V2_ROOT_ROUTE}
-                                            component={Workqueues}
-                                          />
-                                          <ProtectedRoute
-                                            exact
-                                            path={V2_EVENT_ROUTE}
-                                            component={PublishEvent}
-                                          />
+                                          <TRPCProvider>
+                                            <ProtectedRoute
+                                              exact
+                                              path={V2_ROOT_ROUTE}
+                                              component={Workqueues}
+                                            />
+                                            <ProtectedRoute
+                                              exact
+                                              path={V2_EVENTS_ROUTE}
+                                              component={Events}
+                                            />
+                                            <ProtectedRoute
+                                              exact
+                                              path={V2_EVENT_ROUTE}
+                                              component={EventFormWizardIndex}
+                                            />
+                                          </TRPCProvider>
                                         </Switch>
                                       </>
                                     )

diff --git a/packages/client/src/forms/index.ts b/packages/client/src/forms/index.ts
@@ -125,7 +125,7 @@ export interface IDynamicOptions {
   options?: { [key: string]: ISelectOption[] }
 }
 
-export interface IDispatchOptions {
+interface IDispatchOptions {
   action: string
   payloadKey: string
 }