remove hardcoded params on frontend app

Author: ks6088ts

compose.yaml

@@ -20,6 +20,6 @@ services:
     ports:
       - 8501:8501
     volumes:
-      - ./settings:/app/settings
+      - ./frontend/.env:/app/.env
     environment:
       - PYTHONUNBUFFERED=1

frontend/.env.sample

@@ -1,3 +1,7 @@
+# Common
+BACKEND_URL = "http://localhost:8888"
+
+# Azure OpenAI
 AZURE_OPENAI_ENDPOINT = "https://<aoai-name>.openai.azure.com"
 AZURE_OPENAI_API_KEY = "<aoai-api-key>"
 AZURE_OPENAI_API_VERSION = "2024-05-01-preview"

frontend/pages/azure_ai_vision.py

@@ -1,12 +1,15 @@
 import asyncio
 import logging
 from io import BytesIO
+from os import getenv
 from urllib.parse import urljoin
 
 import streamlit as st
+from dotenv import load_dotenv
 from utilities import http_post_file
 
 logger = logging.getLogger(__name__)
+load_dotenv()
 
 
 def main(
@@ -46,6 +49,6 @@ def main(
 
 if __name__ == "__main__":
     main(
-        backend_url="http://localhost:8000",
+        backend_url=getenv("BACKEND_URL"),
         log_level=logging.DEBUG,
     )

frontend/pages/chat.py

@@ -41,6 +41,7 @@ def main(
             messages=[{"role": m["role"], "content": m["content"]} for m in st.session_state.messages],
             stream=True,
         )
+
         with st.chat_message("assistant", avatar="assistant"):
             placeholder = st.empty()
             assistant_text = ""
@@ -56,6 +57,6 @@ def main(
 
 if __name__ == "__main__":
     main(
-        backend_url="http://localhost:8000",
+        backend_url=getenv("BACKEND_URL"),
         log_level=logging.DEBUG,
     )

frontend/pages/document_intelligence.py

@@ -1,12 +1,15 @@
 import asyncio
 import logging
 from io import BytesIO
+from os import getenv
 from urllib.parse import urljoin
 
 import streamlit as st
+from dotenv import load_dotenv
 from utilities import http_post_file
 
 logger = logging.getLogger(__name__)
+load_dotenv()
 
 
 def main(
@@ -44,6 +47,6 @@ def main(
 
 if __name__ == "__main__":
     main(
-        backend_url="http://localhost:8000",
+        backend_url=getenv("BACKEND_URL"),
         log_level=logging.DEBUG,
     )

frontend/pages/sandbox.py

@@ -1,11 +1,14 @@
 import asyncio
 import logging
+from os import getenv
 from urllib.parse import urljoin
 
 import streamlit as st
+from dotenv import load_dotenv
 from utilities import http_get
 
 logger = logging.getLogger(__name__)
+load_dotenv()
 
 
 async def chat_completions_post(
@@ -78,6 +81,6 @@ def main(
 
 if __name__ == "__main__":
     main(
-        backend_url="http://localhost:8000",
+        backend_url=getenv("BACKEND_URL"),
         log_level=logging.DEBUG,
     )

frontend/pages/transcription.py

@@ -7,8 +7,8 @@
 from openai import AzureOpenAI
 from openai.types.audio import Transcription
 
-load_dotenv("frontend.env")
 logger = logging.getLogger(__name__)
+load_dotenv()
 
 
 # TODO: call backend API instead of using Azure OpenAI
@@ -67,6 +67,6 @@ def main(
 
 if __name__ == "__main__":
     main(
-        backend_url="http://localhost:8000",
+        backend_url=getenv("BACKEND_URL"),
         log_level=logging.DEBUG,
     )

main.py

@@ -24,7 +24,7 @@ def setup_logging(debug: bool = False):
 @app.command()
 def backend(
     host="0.0.0.0",
-    port: Annotated[int, typer.Option(help="Port number")] = 8000,
+    port: Annotated[int, typer.Option(help="Port number")] = 8888,
     reload: Annotated[bool, typer.Option(help="Enable auto-reload")] = False,
     debug: Annotated[bool, typer.Option(help="Enable debug mode")] = False,
 ):