use streamlit page feature to unify apps

Author: ks6088ts

Makefile

@@ -101,18 +101,14 @@ ci-test-docker: docker-compose-lint ## run CI test for Docker
 # ---
 # Application
 # ---
-SOLUTION_NAME ?= "SANDBOX"
-BACKEND_URL ?= "http://localhost:8000"
-
 .PHONY: backend
 backend: ## run backend
 	poetry run python main.py backend --reload
 
 .PHONY: frontend
 frontend: ## run frontend
-	poetry run streamlit run main.py -- frontend -- \
-		--solution-name=$(SOLUTION_NAME) \
-		--backend-url=$(BACKEND_URL)
+	cd frontend \
+		&& poetry run streamlit run main.py
 
 # ---
 # Azure Functions

settings/frontend.env.sample renamed to frontend/.env.sample

@@ -0,0 +1,24 @@
+import streamlit as st
+
+
+def init_page():
+    st.set_page_config(page_title="Azure AI Solutions", page_icon="🧐")
+
+
+def main():
+    init_page()
+
+    st.sidebar.success("Please select apps from the sidebar menu")
+
+    st.markdown(
+        """
+    ### Welcome to Azure AI Solutions
+
+    - This app shows some use cases with Azure AI Services
+    - Got to the pages from the left menu
+    """
+    )
+
+
+if __name__ == "__main__":
+    main()

frontend/__init__.py

@@ -4,13 +4,12 @@
 from urllib.parse import urljoin
 
 import streamlit as st
-
-from frontend.solutions.utilities import http_post_file
+from utilities import http_post_file
 
 logger = logging.getLogger(__name__)
 
 
-def start(
+def main(
     backend_url: str,
     log_level: int,
 ):
@@ -43,3 +42,10 @@ def start(
                 st.write(response)
     else:
         st.warning("Please upload a file first")
+
+
+if __name__ == "__main__":
+    main(
+        backend_url="http://localhost:8000",
+        log_level=logging.DEBUG,
+    )

frontend/entrypoint.py

@@ -6,10 +6,10 @@
 from openai import AzureOpenAI
 
 logger = logging.getLogger(__name__)
-load_dotenv("./settings/frontend.env")
+load_dotenv()
 
 
-def start(
+def main(
     backend_url: str,
     log_level: int,
 ):
@@ -52,3 +52,10 @@ def start(
                     assistant_text += content
                     placeholder.write(assistant_text)
             st.session_state.messages.append({"role": "assistant", "content": assistant_text})
+
+
+if __name__ == "__main__":
+    main(
+        backend_url="http://localhost:8000",
+        log_level=logging.DEBUG,
+    )

frontend/main.py

@@ -4,13 +4,12 @@
 from urllib.parse import urljoin
 
 import streamlit as st
-
-from frontend.solutions.utilities import http_post_file
+from utilities import http_post_file
 
 logger = logging.getLogger(__name__)
 
 
-def start(
+def main(
     backend_url: str,
     log_level: int,
 ):
@@ -41,3 +40,10 @@ def start(
                     )
                 )
                 st.write(response)
+
+
+if __name__ == "__main__":
+    main(
+        backend_url="http://localhost:8000",
+        log_level=logging.DEBUG,
+    )

frontend/solutions/azure_ai_vision.py renamed to frontend/pages/azure_ai_vision.py

@@ -3,8 +3,7 @@
 from urllib.parse import urljoin
 
 import streamlit as st
-
-from frontend.solutions.utilities import http_get
+from utilities import http_get
 
 logger = logging.getLogger(__name__)
 
@@ -34,7 +33,7 @@ async def chat_completions_post(
     return response.content
 
 
-def start(
+def main(
     backend_url: str,
     log_level: int,
 ):
@@ -75,3 +74,10 @@ def start(
         except Exception as e:
             st.write(f"Error: {e}")
             logger.error(f"Error: {e}")
+
+
+if __name__ == "__main__":
+    main(
+        backend_url="http://localhost:8000",
+        log_level=logging.DEBUG,
+    )

frontend/solutions/chat.py renamed to frontend/pages/chat.py

@@ -25,7 +25,7 @@ def get_transcription(file_path: str) -> Transcription:
     )
 
 
-def start(
+def main(
     backend_url: str,
     log_level: int,
 ):
@@ -63,3 +63,10 @@ def start(
             # Get transcription
             transcription = get_transcription(audio_file_path)
             st.write(f"Transcription: {transcription.text}")
+
+
+if __name__ == "__main__":
+    main(
+        backend_url="http://localhost:8000",
+        log_level=logging.DEBUG,
+    )