Split prod and dev config for Docker Compose

This change splits the Docker Compose configuration into three files in
order to share the configuration for different environments (e.g.
development and production).

Furthermore, this change drops the requirement for a reverse proxy.

2 files changed, 9 insertions, 7 deletions

diff --git a/frontend/src/api/routes/token-signin.js b/frontend/src/api/routes/token-signin.js
index 577f4723..d6cff570 100644
--- a/frontend/src/api/routes/token-signin.js
+++ b/frontend/src/api/routes/token-signin.js
@@ -1,10 +1,10 @@
 export function performTokenSignIn(token) {
     const apiUrl = process.env.REACT_APP_API_BASE_URL || ''
-    const data = new FormData()
-    data.append('idtoken', token)
 
-    return fetch(`https://${apiUrl}/tokensignin`, {
+    return fetch(`${apiUrl}/tokensignin`, {
         method: 'POST',
-        body: data,
-    })
+        body: new URLSearchParams({
+            idtoken: token,
+        }),
+    }).then((res) => res.json())
 }
diff --git a/frontend/src/api/socket.js b/frontend/src/api/socket.js
index 6974d5eb..1c432167 100644
--- a/frontend/src/api/socket.js
+++ b/frontend/src/api/socket.js
@@ -6,9 +6,11 @@ let requestIdCounter = 0
 const callbacks = {}
 
 export function setupSocketConnection(onConnect) {
-    const apiUrl = process.env.REACT_APP_API_BASE_URL || window.location.hostname + ':' + window.location.port
+    const apiUrl =
+        process.env.REACT_APP_API_BASE_URL ||
+        `${window.location.protocol}//${window.location.hostname}:${window.location.port}`
 
-    socket = io.connect(window.location.protocol + '//' + apiUrl)
+    socket = io.connect(apiUrl)
     socket.on('connect', onConnect)
     socket.on('response', onSocketResponse)
 }