feat: support setting default NGSI_URL during build

Author: faandi

.eslintrc.js

@@ -5,6 +5,9 @@ module.exports = {
     'es6': true,
     'node': false
   },
+  'globals': {
+    'process': true
+  },
   'plugins': [
     'react'
   ],

Dockerfile

@@ -1,5 +1,8 @@
 FROM node:18-alpine as build
 
+ARG NGSI_URL
+ENV NGSI_URL $NGSI_URL
+
 WORKDIR /usr/src/app
 
 # Install app dependencies

app/components/AddEntities.js

@@ -13,12 +13,11 @@ import { addAlertAnimationToSource } from '../lib/ol-alert-animation';
 import { setSpecialLayerStyle } from '../lib/ol-layer-style';
 
 export default function AddEntities() {
-
   const [show, setShow] = useState(false);
   const handleClose = () => setShow(false);
   const handleShow = () => setShow(true);
 
-  const [url, setUrl] = useState('http://localhost:2026');
+  const [url, setUrl] = useState(process.env.NGSI_URL || 'http://localhost:1026');
   const handleUrlChanged = (e) => {
     e.preventDefault();
     setUrl(e.target.value);

docker-compose.yaml

@@ -1,6 +1,9 @@
 
 services:
   app:
-    build: ./
+    build:
+      context: .
+      args:
+        - NGSI_URL=http://localhost:2026
     ports:
       - "1234:80"