DBC22-1804: populate data, serializer, and starting frontend logic

.env.example

@@ -40,6 +40,7 @@ REDIS_PORT=<6379/other port of database server>
 # Node
 NODE_ENV=<development/test/production>
 NODE_OPTIONS=<openssl-legacy-provider>
+FONTAWESOME_PACKAGE_TOKEN=<fontawesome package token>
 
 # React
 REACT_APP_API_HOST=<localhost:8000/other hostname:port or IP:port of Django server>

.github/workflows/dev.yml

@@ -35,6 +35,7 @@ jobs:
           app=drivebc
         containerfiles: ./compose/frontend/StaticBuild
         build-args: |
+          FONTAWESOME_PACKAGE_TOKEN=${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}
           DEBUG_BUILD=true
 
     - name: Push to Github Packages

.github/workflows/test.yml

@@ -78,6 +78,7 @@ jobs:
           app=drivebc
         containerfiles: ./compose/frontend/StaticBuild
         build-args: |
+          FONTAWESOME_PACKAGE_TOKEN=${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}
           DEBUG_BUILD=false
 
     - name: Push to Github Packages

.github/workflows/test_manual.yml

@@ -57,7 +57,8 @@ jobs:
           app=drivebc
         containerfiles: ./compose/frontend/StaticBuild
         build-args: |
-          DEBUG_BUILD=true
+          FONTAWESOME_PACKAGE_TOKEN=${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}
+          DEBUG_BUILD=false
 
     - name: Push to Github Packages
       uses: redhat-actions/push-to-registry@v2.7

compose/frontend/Dockerfile

@@ -7,6 +7,8 @@ RUN chown node:root /app
 # Install dependencies
 COPY ./src/frontend/package.json /app/
 COPY ./src/frontend/package-lock.json /app/
+COPY ./src/frontend/.npmrc /app/
+ARG FONTAWESOME_PACKAGE_TOKEN
 RUN npm install
 
 # Add rest of the client code

compose/frontend/StaticBuild

@@ -4,9 +4,13 @@ FROM node:19 AS buildnode
 WORKDIR /app/
 RUN chown node:root /app
 
+ARG FONTAWESOME_PACKAGE_TOKEN
+ENV FONTAWESOME_PACKAGE_TOKEN=${FONTAWESOME_PACKAGE_TOKEN}
+
 # Install dependencies
 COPY ./src/frontend/package.json /app/
 COPY ./src/frontend/package-lock.json /app/
+COPY ./src/frontend/.npmrc /app/
 RUN npm install
 
 # Add rest of the client code

compose/frontend/default.conf

@@ -32,6 +32,20 @@ server {
             add_header X-Proxy-Cache $upstream_cache_status;
         }
 
+    location /django-media/ {
+            proxy_ssl_server_name on;
+            proxy_pass http://{ENVIRONMENT}-django;
+            proxy_connect_timeout 5s;
+            proxy_cache_background_update on;
+            proxy_cache_lock on;
+            proxy_cache_lock_age 10s;
+            proxy_cache_lock_timeout 10s;
+            proxy_cache_revalidate on;
+            proxy_cache_use_stale error timeout updating http_500 http_502 http_503 http_504;
+            proxy_cache_valid 200 1d;
+            add_header X-Proxy-Cache $upstream_cache_status;
+        }
+
     # redirect server error pages to the static page /50x.html
     #
     error_page   500 502 503 504  /50x.html;

docker-compose.yml

@@ -42,6 +42,7 @@ services:
       dockerfile: ./compose/frontend/Dockerfile
       args:
         DEBUG_BUILD: true
+        FONTAWESOME_PACKAGE_TOKEN: ${FONTAWESOME_PACKAGE_TOKEN}
     stdin_open: true
     tty: true
     ports:

infrastructure/_django/templates/django-route.yaml

@@ -43,30 +43,6 @@ spec:
   host: {{ .Values.route.host  }}
   path: /django-static/
 
----
-apiVersion: route.openshift.io/v1
-kind: Route
-metadata:
-  name: {{ template "app.fullname" . }}-backend-media
-  labels: {{ include "app.labels" . | nindent 4 }}
-{{ if .Values.route.iprestricted }}
-  annotations:
-    haproxy.router.openshift.io/ip_whitelist: {{ .Values.route.ipallowlist  }}
-{{ end }}
-spec:
-  to:
-    kind: Service
-    name: {{ template "app.fullname" . }}
-  port:
-    targetPort: 80-tcp
-  tls:
-    termination: edge
-    insecureEdgeTerminationPolicy: Redirect
-  wildcardPolicy: None
-  host: {{ .Values.route.host  }}
-  path: /django-media/
-
-
 ---
 apiVersion: route.openshift.io/v1
 kind: Route

infrastructure/main/values-prod.yaml

@@ -64,10 +64,10 @@ image-caching:
     resources:
       requests:
         cpu: 50m
-        memory: 50Mi
+        memory: 100Mi
       limits:
         cpu: 250m
-        memory: 100Mi
+        memory: 150Mi
     env:
       imagecachingConfigMap: prod-drivebc-image-caching
   autoscaling:
@@ -92,7 +92,7 @@ redis:
         cpu: 50m
         memory: 50Mi
       limits:
-        cpu: 100m
+        cpu: 200m
         memory: 100Mi
 
 static:
@@ -106,10 +106,10 @@ static:
     resources:
       requests:
         cpu: 50m
-        memory: 50Mi
-      limits:
-        cpu: 150m
         memory: 100Mi
+      limits:
+        cpu: 250m
+        memory: 150Mi
     env:
       staticConfigMap: prod-drivebc-static
       staticSecret: prod-drivebc-static

infrastructure/main/values-test.yaml

@@ -105,11 +105,11 @@ static:
   deployment:
     resources:
       requests:
-        cpu: 20m
-        memory: 50Mi
-      limits:
-        cpu: 150m
+        cpu: 50m
         memory: 100Mi
+      limits:
+        cpu: 250m
+        memory: 150Mi
     env:
       staticConfigMap: test-drivebc-static
       staticSecret: test-drivebc-static

infrastructure/main/values-uat.yaml

@@ -64,10 +64,10 @@ image-caching:
     resources:
       requests:
         cpu: 50m
-        memory: 50Mi
+        memory: 100Mi
       limits:
         cpu: 250m
-        memory: 100Mi
+        memory: 150Mi
     env:
       imagecachingConfigMap: uat-drivebc-image-caching
   autoscaling:
@@ -92,7 +92,7 @@ redis:
         cpu: 50m
         memory: 50Mi
       limits:
-        cpu: 100m
+        cpu: 200m
         memory: 100Mi
 
 static: