From b1cfef257a54b3ebe4f48e56a48a932e2c758dc7 Mon Sep 17 00:00:00 2001
From: Prasad Bhalerao <67261499+prasad89@users.noreply.github.com>
Date: Mon, 6 May 2024 17:19:45 +0530
Subject: [PATCH] build(docker): add web client and control center services to
 docker compose setup (#4197)

---
 docker-compose.yml    | 33 +++++++++++++++++++++++++++++++++
 docker/web.Dockerfile | 15 +++++++++++++++
 2 files changed, 48 insertions(+)
 create mode 100644 docker/web.Dockerfile

diff --git a/docker-compose.yml b/docker-compose.yml
index 7d7c7c274056..e6b9c4cec4bd 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -123,6 +123,39 @@ services:
     labels:
       logs: "promtail"
 
+### Web Client
+  hyperswitch-web:
+    ports:
+      - "9050:9050"
+      - "9060:9060"
+      - "5252:5252"
+    build:
+      context: ./docker
+      dockerfile: web.Dockerfile
+    environment:
+      - HYPERSWITCH_PUBLISHABLE_KEY=$HYPERSWITCH_PUBLISHABLE_KEY
+      - HYPERSWITCH_SECRET_KEY=$HYPERSWITCH_SECRET_KEY
+      - HYPERSWITCH_SERVER_URL=${HYPERSWITCH_SERVER_URL:-http://hyperswitch-server:8080}
+      - HYPERSWITCH_CLIENT_URL=${HYPERSWITCH_CLIENT_URL:-http://localhost:9050}
+      - SELF_SERVER_URL=${SELF_SERVER_URL:-http://localhost:5252}
+      - SDK_ENV=${SDK_ENV:-local}
+      - ENV_SDK_URL=${ENV_SDK_URL:-http://localhost:9050}
+      - ENV_BACKEND_URL=${ENV_BACKEND_URL:-http://localhost:8080}
+      - ENV_LOGGING_URL=${ENV_LOGGING_URL:-http://localhost:3100}
+    labels:  
+      logs: "promtail"  
+
+  ### Control Center
+  hyperswitch-control-center:
+    image: juspaydotin/hyperswitch-control-center:latest
+    ports:
+      - "9000:9000"
+    environment:
+      - apiBaseUrl=http://localhost:8080
+      - sdkBaseUrl=http://localhost:9050/HyperLoader.js
+    labels:  
+      logs: "promtail" 
+
   ### Clustered Redis setup
   redis-cluster:
     image: redis:7
diff --git a/docker/web.Dockerfile b/docker/web.Dockerfile
new file mode 100644
index 000000000000..532ce28fb7c3
--- /dev/null
+++ b/docker/web.Dockerfile
@@ -0,0 +1,15 @@
+FROM node:lts
+
+RUN npm install concurrently -g
+
+WORKDIR /hyperswitch-web
+
+RUN git clone https://github.com/juspay/hyperswitch-web --depth 1 .
+
+RUN npm install
+
+EXPOSE 9050
+EXPOSE 5252
+EXPOSE 9060
+
+CMD concurrently "npm run re:build && npm run start" "npm run start:playground"
\ No newline at end of file