Bot UI

Author: Bogdan Tsechoev

ui/packages/platform/.env_example_dev

@@ -1,2 +1,3 @@
 REACT_APP_API_URL_PREFIX=https://v2.postgres.ai/api/general
 REACT_APP_TOKEN_DEBUG=__YOUR_JWT_TOKEN_FROM_STAGING__
+REACT_APP_WS_URL=ws://127.0.0.1:9100/

ui/packages/platform/Dockerfile

@@ -44,6 +44,9 @@ ENV REACT_APP_STRIPE_API_KEY=$ARG_REACT_APP_STRIPE_API_KEY
 ARG ARG_REACT_APP_SENTRY_DSN
 ENV REACT_APP_SENTRY_DSN=$ARG_REACT_APP_SENTRY_DSN
 
+ARG ARG_REACT_APP_WS_URL
+ENV REACT_APP_WS_URL=$ARG_REACT_APP_WS_URL
+
 RUN apk add --no-cache --update git && \
     npm i -g pnpm@7.30.5; \
     pnpm config set store-dir /app/.pnpm-store; \

ui/packages/platform/ci_docker_build_push.sh

@@ -37,6 +37,7 @@ DOCKER_BUILDKIT=1 docker build \
       --build-arg ARG_REACT_APP_AUTH_URL="${REACT_APP_AUTH_URL}" \
       --build-arg ARG_REACT_APP_ROOT_URL="${REACT_APP_ROOT_URL}" \
       --build-arg ARG_REACT_APP_SENTRY_DSN="${REACT_APP_SENTRY_DSN}" \
+      --build-arg ARG_REACT_APP_WS_URL="${REACT_APP_WS_URL}" \
       $tags_build --file ./ui/packages/platform/Dockerfile .
 set +x
 

ui/packages/platform/deploy/configs/dev.sh

@@ -17,5 +17,9 @@ export REACT_APP_ROOT_URL="https://v2.postgres.ai"
 export PUBLIC_URL=""
 
 # Public Stripe key, it is ok to keep it here.
-export REACT_APP_STRIPE_API_KEY="pk_test_f8joWMK94CaOPVnc0QzqEGOX00PwnHa3BG"
+export REACT_APP_STRIPE_API_KEY="xxx"
 export REACT_APP_SENTRY_DSN=""
+
+# AI Bot
+# don't forget trailing slash if GET path is used!
+export REACT_APP_WS_URL="wss://v2.postgres.ai/ai-bot-ws/" # we use staging for now, since dev env is not fullfledged yet

ui/packages/platform/deploy/configs/dev1.imgdata.ru.sh

@@ -17,5 +17,5 @@ export REACT_APP_ROOT_URL="https://postgres.ai"
 export PUBLIC_URL=""
 
 # Public Stripe key, it is ok to keep it here.
-export REACT_APP_STRIPE_API_KEY="pk_test_f8joWMK94CaOPVnc0QzqEGOX00PwnHa3BG"
+export REACT_APP_STRIPE_API_KEY="xxx"
 export REACT_APP_SENTRY_DSN=""

ui/packages/platform/deploy/configs/local.sh

@@ -17,5 +17,8 @@ export REACT_APP_ROOT_URL="https://postgres.ai"
 export PUBLIC_URL=""
 
 # Public Stripe key, it is ok to keep it here.
-export REACT_APP_STRIPE_API_KEY="pk_test_f8joWMK94CaOPVnc0QzqEGOX00PwnHa3BG"
+export REACT_APP_STRIPE_API_KEY="xxx"
 export REACT_APP_SENTRY_DSN=""
+
+# AI Bot
+export REACT_APP_WS_URL="ws://localhost:9100/"  # don't forget trailing slash if GET path is used!

ui/packages/platform/deploy/configs/production.sh

@@ -17,7 +17,10 @@ export REACT_APP_ROOT_URL="https://postgres.ai"
 export PUBLIC_URL=""
 
 # Public Stripe key, it is ok to keep it here.
-export REACT_APP_STRIPE_API_KEY="pk_live_X5yTnxXNtoVDl4Rl5oxY6X1400fwxOS1x3"
+export REACT_APP_STRIPE_API_KEY="xxx"
 
 # Sentry.
 export REACT_APP_SENTRY_DSN="https://91517477289e477cb8880f2f07a82632@sentry.postgres.ai/2"
+
+# AI Bot
+export REACT_APP_WS_URL="wss://postgres.ai/ai-bot-wss/" # don't forget trailing slash!

ui/packages/platform/deploy/configs/staging.sh

@@ -17,5 +17,8 @@ export REACT_APP_ROOT_URL="https://v2.postgres.ai"
 export PUBLIC_URL=""
 
 # Public Stripe key, it is ok to keep it here.
-export REACT_APP_STRIPE_API_KEY="pk_test_f8joWMK94CaOPVnc0QzqEGOX00PwnHa3BG"
+export REACT_APP_STRIPE_API_KEY="xxx"
 export REACT_APP_SENTRY_DSN=""
+
+# AI Bot
+export REACT_APP_WS_URL="wss://v2.postgres.ai/ai-bot-ws/" # don't forget trailing slash!

ui/packages/platform/deploy/platform-console.yaml

@@ -47,3 +47,5 @@ spec:
             value: "$REACT_APP_EXPLAIN_DEPESZ_SERVER"
           - name: REACT_APP_STRIPE_API_KEY
             value: "$REACT_APP_STRIPE_API_KEY"
+          - name: REACT_APP_WS_URL
+            value: "$REACT_APP_WS_URL"

ui/packages/platform/package.json

@@ -67,6 +67,7 @@
     "react-router-hash-link": "^1.2.2",
     "react-scripts": "^5.0.0",
     "react-syntax-highlighter": "^15.5.0",
+    "react-use-websocket": "3.0.0",
     "reflux": "^6.4.1",
     "rehype-raw": "^6.1.1",
     "remark-gfm": "^3.0.1",