fix(frontend): snowplow environment specific URL setting through Cadd… (

#455)
bcgov · May 1, 2024 · 94a9f3b · 94a9f3b
1 parent 28228f9
commit 94a9f3b
Show file tree

Hide file tree

Showing 9 changed files with 16 additions and 5 deletions.
diff --git a/charts/fin-pay-transparency/charts/frontend/templates/deployment.yaml b/charts/fin-pay-transparency/charts/frontend/templates/deployment.yaml
@@ -45,6 +45,8 @@ spec:
               value: http://{{ .Release.Name }}-backend
             - name: LOG_LEVEL
               value: {{ .Values.env.logLevel }}
+            - name: SNOWPLOW_URL
+              value: {{ .Values.env.snowplowUrl }}
           ports:
             - name: http
               containerPort: {{ .Values.service.targetPort }}

diff --git a/charts/fin-pay-transparency/values-prod.yaml b/charts/fin-pay-transparency/values-prod.yaml
@@ -124,6 +124,7 @@ frontend:
       memory: 50Mi
   env:
     logLevel: info
+    snowplowUrl: spt.apps.gov.bc.ca
   autoscaling:
     enabled: true
     minReplicas: 3

diff --git a/charts/fin-pay-transparency/values.yaml b/charts/fin-pay-transparency/values.yaml
@@ -124,6 +124,7 @@ frontend:
       memory: 50Mi
   env:
     logLevel: info
+    snowplowUrl: spm.apps.gov.bc.ca
   autoscaling:
     enabled: true
     minReplicas: 3

diff --git a/frontend/.gitignore b/frontend/.gitignore
@@ -26,4 +26,4 @@ local.*
 /blob-report/
 /playwright/
 .env.playwright
-user.json
+user.json
diff --git a/frontend/Caddyfile b/frontend/Caddyfile
@@ -14,11 +14,17 @@
     }
     level {$LOG_LEVEL}
   }
+  handle /env.js {
+    header {
+      Content-Type text/javascript
+    }
+    respond `window.config = {"SNOWPLOW_URL":"{$SNOWPLOW_URL}"};`
+  }
   root * /app/dist
   encode zstd gzip
   file_server
   @spa_router {
-    not path /api/*
+    not path /api/* /env.js
     file {
         try_files {path} /index.html
     }

diff --git a/frontend/Dockerfile b/frontend/Dockerfile
@@ -1,6 +1,5 @@
 # Build static files
 FROM node:lts-alpine AS build
-
 WORKDIR /app
 COPY . .
 RUN npm ci --ignore-scripts && \

diff --git a/frontend/index.html b/frontend/index.html
@@ -10,15 +10,16 @@
   <link rel="apple-touch-icon" href="bcid-apple-touch-icon.png">
   <link rel="preload" href="https://fonts.googleapis.com/css?family=Material+Icons" as="style">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons">
+  <script type="text/javascript" src="/env.js"></script>
   <title>FIN Pay Transparency</title>
 </head>
 
 <body>
   <noscript>
     <strong>Please enable JavaScript to continue.</strong>
   </noscript>
-  <script src="/snowplow.js"></script>
   <div id="app"></div>
+  <script src="/snowplow.js"></script>
   <script type="module" src="/src/main.js"></script>
   <!-- built files will be auto injected -->
 </body>

diff --git a/frontend/public/snowplow.js b/frontend/public/snowplow.js
@@ -3,7 +3,7 @@
   p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments)
   };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[0];n.async=1;
   n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,"script","https://www2.gov.bc.ca/StaticWebResources/static/sp/sp-2-14-0.js","snowplow"));
-window.snowplow('newTracker','rt','spm.apps.gov.bc.ca', {
+window.snowplow('newTracker','rt',window.config.SNOWPLOW_URL, {
   appId: 'Snowplow_standalone',
   cookieLifetime: 86400 * 548,
   platform: 'web',

diff --git a/frontend/src/main.js b/frontend/src/main.js
@@ -18,6 +18,7 @@ import 'viewerjs/dist/viewer.css';
 import component from 'v-viewer';
 import VueDOMPurifyHTML from 'vue-dompurify-html';
 
+
 const myCustomLightTheme = {
   dark: false,
   colors: {