build: add env variables for backend url

Dockerfile

@@ -1,10 +1,13 @@
 FROM node:20-alpine as build
+ARG BACKEND_URL
+ENV BACKEND_URL $BACKEND_URL
 WORKDIR /app
 COPY ./app/package*.json /app/
 RUN npm install -g ionic
 RUN npm install
 COPY ./app /app/
 ENV NODE_OPTIONS=--max_old_space_size=4096
+RUN npm run config
 RUN ionic build --prod
 FROM nginx:alpine
 COPY ./nginx.conf /etc/nginx/nginx.conf

app/package.json

@@ -9,6 +9,7 @@
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
+    "config": "node set-env.js",
     "lint": "ng lint",
     "lint-staged": {
       "*": "prettier --write"

app/set-env.js

@@ -0,0 +1,19 @@
+const fs = require('fs');
+
+const backendUrl = process.env['BACKEND_URL'];
+
+const productionEnvironmentFile = `
+export const environment = {
+  production: true,
+  API: "${backendUrl}",
+};
+`
+
+fs.writeFile('./src/environments/environment.prod.ts', productionEnvironmentFile, err => {
+  if (err) {
+    console.error("Error writing environment.prod.ts file");
+    console.error(err);
+  } else {
+    console.log(`Generated production environment file`);
+  }
+})