From 987c8ccba5ff54a43b2a09cb6d7cb2a260ffeac8 Mon Sep 17 00:00:00 2001
From: Armin Friedl <dev@friedl.net>
Date: Wed, 29 Jul 2020 00:34:28 +0200
Subject: [PATCH] Read configuration from environment

---
 container/Dockerfile                              | 9 +++++++--
 container/entrypoint.sh                           | 2 ++
 container/var/www/fling/config.js.template        | 5 +++++
 web/fling/public/config.js                        | 5 +++++
 web/fling/public/index.html                       | 1 +
 web/fling/src/components/admin/FlingArtifacts.jsx | 2 +-
 web/fling/src/components/admin/Upload.jsx         | 4 ++--
 web/fling/src/components/user/DirectDownload.jsx  | 4 ++--
 web/fling/src/components/user/FlingUserList.jsx   | 6 +++---
 web/fling/src/index.js                            | 4 ++--
 web/fling/src/util/fc.js                          | 2 +-
 11 files changed, 31 insertions(+), 13 deletions(-)
 create mode 100644 container/var/www/fling/config.js.template
 create mode 100644 web/fling/public/config.js

diff --git a/container/Dockerfile b/container/Dockerfile
index 08d47a2..2b5f69a 100644
--- a/container/Dockerfile
+++ b/container/Dockerfile
@@ -2,7 +2,11 @@ FROM alpine:latest
 
 ARG VERSION
 
-RUN apk add --update --no-cache nginx openjdk11-jre && \
+ENV FLING_API_BASE http://localhost:3000
+ENV FLING_LOG_LEVEL warn
+ENV FLING_FILESIZE 209715200
+
+RUN apk add --update --no-cache nginx openjdk11-jre gettext && \
   mkdir -p /var/fling/files && \
   mkdir -p /tmp/fling && \
   wget -O /tmp/fling/service.jar "https://nexus.friedl.net/service/rest/v1/search/assets/download?sort=version&maven.groupId=net.friedl&maven.artifactId=fling&maven.baseVersion=$(echo -n $VERSION | tr [:lower:] [:upper:])&maven.extension=jar" && \
@@ -14,7 +18,8 @@ RUN apk add --update --no-cache nginx openjdk11-jre && \
   mv /tmp/fling/service.jar ./service.jar
 
 COPY ./etc/nginx/conf.d /etc/nginx/conf.d
-COPY ./entrypoint.sh ./usr/local/bin/entrypoint.sh
+COPY ./var/www/fling/config.js.template /var/www/fling/config.js.template
+COPY ./entrypoint.sh /usr/local/bin/entrypoint.sh
 
 VOLUME /var/fling/
 
diff --git a/container/entrypoint.sh b/container/entrypoint.sh
index 296a77a..bfad7ce 100755
--- a/container/entrypoint.sh
+++ b/container/entrypoint.sh
@@ -6,4 +6,6 @@ mkdir /var/run/nginx # nginx fails with /var/run/nginx/nginx.pid not found in al
 
 nginx
 
+cat /var/www/fling/config.js.template | envsubst > /var/www/fling/config.js
+
 java ${FL_JVM_OPTS} -jar service.jar
diff --git a/container/var/www/fling/config.js.template b/container/var/www/fling/config.js.template
new file mode 100644
index 0000000..adce724
--- /dev/null
+++ b/container/var/www/fling/config.js.template
@@ -0,0 +1,5 @@
+window['flingconfig'] = {
+    API_BASE: "${FLING_API_BASE}",
+    LOG_LEVEL: "${FLING_LOG_LEVEL}",
+    FILESIZE: "${FLING_FILESIZE}"
+}
diff --git a/web/fling/public/config.js b/web/fling/public/config.js
new file mode 100644
index 0000000..5ed728b
--- /dev/null
+++ b/web/fling/public/config.js
@@ -0,0 +1,5 @@
+window['flingconfig'] = {
+    API_BASE: "http://localhost:8080",
+    LOG_LEVEL: "warn",
+    FILESIZE: 209715200
+}
diff --git a/web/fling/public/index.html b/web/fling/public/index.html
index 5d62148..6b7d1da 100644
--- a/web/fling/public/index.html
+++ b/web/fling/public/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="shortcut icon" href="%PUBLIC_URL%/fling.ico">
+    <script src="%PUBLIC_URL%/config.js"></script>
     <!--
       Notice the use of %PUBLIC_URL% in the tag above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/web/fling/src/components/admin/FlingArtifacts.jsx b/web/fling/src/components/admin/FlingArtifacts.jsx
index 6b26de1..1f5bffd 100644
--- a/web/fling/src/components/admin/FlingArtifacts.jsx
+++ b/web/fling/src/components/admin/FlingArtifacts.jsx
@@ -22,7 +22,7 @@ function FlingArtifactControl(props) {
         // the browser downloads the file fine, it also reloads the page, hence
         // loosing all logs and state
         let frame = document.createElement("iframe");
-        let url = `${process.env.REACT_APP_API.replace(/\/+$/, '')}/api/artifacts/${props.artifact.id}/data?derivedToken=${token}`;
+        let url = `${window['flingconfig'].API_BASE.replace(/\/+$/, '')}/api/artifacts/${props.artifact.id}/data?derivedToken=${token}`;
         log.trace(`Generated download url: ${url}`);
         frame.src = url;
         iframeContainer.current.appendChild(frame);
diff --git a/web/fling/src/components/admin/Upload.jsx b/web/fling/src/components/admin/Upload.jsx
index ab174ad..1f21a54 100644
--- a/web/fling/src/components/admin/Upload.jsx
+++ b/web/fling/src/components/admin/Upload.jsx
@@ -82,7 +82,7 @@ export default function Upload() {
     stopEvent(ev);
     ev.persist();
 
-    let maxSize = process.env.REACT_APP_FILESIZE;
+    let maxSize = window['flingconfig'].FILESIZE;
     let evFiles = fileListToArray(ev.dataTransfer.files);
 
     for (let i = evFiles.length - 1; i >= 0; i--) {
@@ -211,7 +211,7 @@ export default function Upload() {
             </div>
             <div className="upload-command-line m-2">
               <span className="total-upload">Total Size: {totalSize()}</span>
-              <span className="total-upload">{`Max: ${prettifyBytes(process.env.REACT_APP_FILESIZE)}`}</span>
+              <span className="total-upload">{`Max: ${prettifyBytes(window['flingconfig'].FILESIZE)}`}</span>
               <button className="btn btn-primary btn-upload" onClick={handleUpload}>Upload</button>
             </div>
           </div>
diff --git a/web/fling/src/components/user/DirectDownload.jsx b/web/fling/src/components/user/DirectDownload.jsx
index 9981a38..a640fd7 100644
--- a/web/fling/src/components/user/DirectDownload.jsx
+++ b/web/fling/src/components/user/DirectDownload.jsx
@@ -16,7 +16,7 @@ export default function FlingUser(props) {
     let authClient = new AuthClient();
     authClient.deriveToken({ singleUse: true })
       .then(token => {
-        let url = `${process.env.REACT_APP_API.replace(/\/+$/, '')}/api/fling/${props.fling.id}/data?derivedToken=${token}`;
+        let url = `${window['flingconfig'].API_BASE.replace(/\/+$/, '')}/api/fling/${props.fling.id}/data?derivedToken=${token}`;
         log.trace(`Generated download url for link: ${url}`);
         setDownloadUrl(url);
       })
@@ -28,7 +28,7 @@ export default function FlingUser(props) {
             // the browser downloads the file fine, it also reloads the page, hence
             // loosing all logs and state
             let frame = document.createElement("iframe");
-            let url = `${process.env.REACT_APP_API.replace(/\/+$/, '')}/api/fling/${props.fling.id}/data?derivedToken=${token}`;
+            let url = `${window['flingconfig'].API_BASE.replace(/\/+$/, '')}/api/fling/${props.fling.id}/data?derivedToken=${token}`;
             log.trace(`Generated download url: ${url}`);
             frame.src = url;
             iframeContainer.current.appendChild(frame);
diff --git a/web/fling/src/components/user/FlingUserList.jsx b/web/fling/src/components/user/FlingUserList.jsx
index ccb6a66..ad6c41d 100644
--- a/web/fling/src/components/user/FlingUserList.jsx
+++ b/web/fling/src/components/user/FlingUserList.jsx
@@ -123,7 +123,7 @@ function Upload(props) {
     stopEvent(ev);
     ev.persist();
 
-    let maxSize = process.env.REACT_APP_FILESIZE;
+    let maxSize = window['flingconfig'].FILESIZE;
     let evFiles = fileListToArray(ev.dataTransfer.files);
 
     for (let i = evFiles.length - 1; i >= 0; i--) {
@@ -252,7 +252,7 @@ function Upload(props) {
             </div>
             <div className="upload-command-line m-2">
               <span className="total-upload">Total Size: {totalSize()}</span>
-              <span className="total-upload">{`Max: ${prettifyBytes(process.env.REACT_APP_FILESIZE)}`}</span>
+              <span className="total-upload">{`Max: ${prettifyBytes(window['flingconfig'].FILESIZE)}`}</span>
               <button className="btn btn-primary btn-upload" onClick={handleUpload}>Upload</button>
             </div>
           </div>
@@ -290,7 +290,7 @@ export default function FlingUserList(props) {
         // the browser downloads the file fine, it also reloads the page, hence
         // loosing all logs and state
         let frame = document.createElement("iframe");
-        let url = `${process.env.REACT_APP_API.replace(/\/+$/, '')}/api/fling/${props.fling.id}/data?derivedToken=${token}`;
+        let url = `${window['flingconfig'].API_BASE.replace(/\/+$/, '')}/api/fling/${props.fling.id}/data?derivedToken=${token}`;
         log.trace(`Generated download url: ${url}`);
         frame.src = url;
         setInProgress(false);
diff --git a/web/fling/src/index.js b/web/fling/src/index.js
index 4f7cc84..bbc109a 100644
--- a/web/fling/src/index.js
+++ b/web/fling/src/index.js
@@ -21,8 +21,8 @@ import * as serviceWorker from './serviceWorker';
 
 /* Logging Setup */
 log.setDefaultLevel(log.levels.TRACE);
-if (process.env.REACT_APP_LOGLEVEL) {
-  log.setLevel(process.env.REACT_APP_LOGLEVEL);
+if (window['flingconfig'].LOG_LEVEL) {
+  log.setLevel(window['flingconfig'].LOG_LEVEL);
 }
 
 /* Store setup */
diff --git a/web/fling/src/util/fc.js b/web/fling/src/util/fc.js
index 7109dc9..3fcb42b 100644
--- a/web/fling/src/util/fc.js
+++ b/web/fling/src/util/fc.js
@@ -9,7 +9,7 @@ import * as fc from '@fling/flingclient';
  */
 let clientConfig = (token) => {
   let config = new fc.ApiClient();
-  config.basePath = process.env.REACT_APP_API.replace(/\/+$/, '');
+  config.basePath = window['flingconfig'].API_BASE.replace(/\/+$/, '');
 
   token = token || sessionStorage.getItem('token');
   if (token) { config.authentications['bearer'].accessToken = token; }