From 31b7e1d9f9cd6a20319f2cb1813a0c39ba66abb4 Mon Sep 17 00:00:00 2001
From: Farhan Angullia <farhanangullia@gmail.com>
Date: Mon, 9 Oct 2023 19:07:12 +0800
Subject: [PATCH] chore: fix runtime vars

---
 CHANGELOG.md                               | 11 -----------
 apps/chaos-playground-ui/Dockerfile        |  2 +-
 apps/chaos-playground-ui/public/index.html |  5 ++---
 3 files changed, 3 insertions(+), 15 deletions(-)
 delete mode 100644 CHANGELOG.md

diff --git a/CHANGELOG.md b/CHANGELOG.md
deleted file mode 100644
index d602c57..0000000
--- a/CHANGELOG.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file.
-
-## 1.0.0 (2023-10-09)
-
-
-### Features
-
-* add compose for ghcr ([c1f2bae](https://github.com/farhanangullia/chaos-playground/commit/c1f2bae0968139ff611efc2e34191b4b4408f20d))
-* add support for runtime vars ([d96e232](https://github.com/farhanangullia/chaos-playground/commit/d96e232b74727a8d3ea2968396e1c92d838183d6))
diff --git a/apps/chaos-playground-ui/Dockerfile b/apps/chaos-playground-ui/Dockerfile
index ddbf3a4..92cad73 100644
--- a/apps/chaos-playground-ui/Dockerfile
+++ b/apps/chaos-playground-ui/Dockerfile
@@ -41,4 +41,4 @@ COPY nginx.conf /etc/nginx/conf.d/default.conf
 
 EXPOSE 80
 
-CMD sed -i '/\/\*ENV_BEGIN\*\/`/r '<(env | grep --color=never "^REACT_APP_") /usr/share/nginx/html; nginx '-g daemon off;'
\ No newline at end of file
+CMD sed -i "s|PLACEHOLDER|$(env | grep --color=never '^REACT_APP_' | tr '\n' ',')|" /usr/share/nginx/html/index.html; nginx '-g daemon off;'
\ No newline at end of file
diff --git a/apps/chaos-playground-ui/public/index.html b/apps/chaos-playground-ui/public/index.html
index f5efc95..a4d48a9 100644
--- a/apps/chaos-playground-ui/public/index.html
+++ b/apps/chaos-playground-ui/public/index.html
@@ -23,9 +23,8 @@
     <title>Chaos Playground</title>
     <script>
       window.env = {};
-      /*ENV_BEGIN*/`
-      `/*ENV_END*/
-        .split('\n')
+      /*ENV_BEGIN*/`PLACEHOLDER`/*ENV_END*/
+        .split(',')
         .map((kv) => kv.split('='))
         .forEach(([key, value]) => {
           window.env[key] = value;