DEPLOYMENT DEV BY ANH TU

Author: 8syncdev

README.md

@@ -0,0 +1,12 @@
+from app.router import ROUTES
+import solara
+
+
+
+def get_all_routes():
+    routes = []
+    for route in ROUTES:
+        routes.append(solara.Route(**route))
+    return routes
+
+routes = get_all_routes()

README.pdf

@@ -0,0 +1 @@
+from app.components.show_chat import show_chat

app.py

@@ -0,0 +1,83 @@
+import solara
+from solara.tasks import use_task, Task
+import solara.lab as lab
+from langchain_ollama.llms import OllamaLLM
+from asgiref.sync import sync_to_async
+
+
+manager = solara.reactive([])
+
+@solara.component
+def get_ai_chat(chain: OllamaLLM, current_mess: str):
+    print('current_mess', current_mess)
+    if current_mess == '':
+        manager.set(manager.get() + [{
+            'user': current_mess,
+            'ai': 'Please enter a message',
+        }])
+        return lab.ChatMessage(children=[solara.Markdown(md_text='Please enter a message')], user=False)
+        
+    ai_mess = chain.invoke(current_mess)
+    manager.set(manager.get() + [{
+        'user': current_mess,
+        'ai': '...' if ai_mess == '' else ai_mess,
+    }])
+    return lab.ChatMessage(children=[
+        solara.Markdown(md_text=ai_mess),
+    ], user=False)
+
+# async def async_get_ai_chat(chain: OllamaLLM, current_mess: str):
+#     return await sync_to_async(get_ai_chat)(chain, current_mess)
+
+def get_old_mess():
+    old_mess = []
+    for mess in manager.get():
+        user_chat = lab.ChatMessage(
+            children=[
+                solara.Markdown(md_text=mess['user']),
+            ],
+            user=True,
+        )
+        ai_chat = lab.ChatMessage(
+            children=[
+                solara.Markdown(md_text=mess['ai']),
+            ],
+            user=False,
+        ) if mess['ai'] != '' else solara.Div()
+        old_mess.extend([user_chat, ai_chat])
+    return old_mess
+
+@solara.component
+def show_chat(
+    mess_reactive: solara.Reactive,
+    config_model: dict,
+    list_messages_user_reactive: solara.Reactive = None,
+    list_messages_chatbox_reactive: solara.Reactive = None,
+):
+    chain = config_model['prompt'] | config_model['model']
+    get_ai_chat_response: Task = use_task(
+        lambda: get_ai_chat(chain=chain, current_mess=mess_reactive.value),
+        dependencies=[mess_reactive.value]
+    )
+
+    if get_ai_chat_response.finished:
+        old_mess = get_old_mess()[:-1]
+        return lab.ChatBox(children=[
+            *old_mess,
+            get_ai_chat_response.result.value,
+        ])
+    else:
+        old_mess = get_old_mess()
+        return lab.ChatBox(children=[
+            *old_mess,
+            lab.ChatMessage(children=[mess_reactive.value], user=True),
+            solara.ProgressLinear(value=get_ai_chat_response.progress),
+        ])
+
+
+            
+        
+
+        
+
+

app/__init__.py

@@ -0,0 +1 @@
+from app.layouts.base_layout import base_layout

app/__pycache__/__init__.cpython-311.pyc

@@ -0,0 +1,17 @@
+import solara
+import solara.lab as lab
+
+
+@solara.component
+def base_layout(children: list):
+    with solara.AppLayout() as layout:
+        with solara.AppBar() as appbar:
+            lab.ThemeToggle()
+        
+        with solara.Sidebar() as sidebar:
+            ...
+
+        with solara.Div() as content:
+            content.add_children(children)
+    
+    return layout

app/__pycache__/router.cpython-311.pyc

@@ -0,0 +1 @@
+from app.pages.home_page import home_page

app/components/__init__.py

@@ -0,0 +1,62 @@
+import solara
+import solara.lab as lab
+
+from app.components import (
+    show_chat,
+)
+
+
+from langchain_core.prompts import ChatPromptTemplate 
+from langchain_ollama.llms import OllamaLLM
+
+template = """Question: {question} 
+ 
+Answer: Let's think step by step."""
+
+promt = ChatPromptTemplate.from_template(template)
+
+model = OllamaLLM(model='llama3')
+
+
+
+
+message = solara.reactive('')
+list_messages_user = solara.reactive([])
+list_messages_chatbox = solara.reactive([])
+
+def send_message(mess: str):
+    message.set(mess)
+    list_messages_user.set(list_messages_user.get() + [mess])
+    # print(message.value, list_messages_user.value)
+
+
+@solara.component
+def home_page():
+    with solara.Div(
+        style={
+            'height': '100vh',
+        }
+    ) as container:
+        solara.Text('Build Chatbot Ollama Model With 8 Sync Dev', style={'font-size': '2rem', 'margin-bottom': '20px'})
+        with solara.Div(
+            style={
+                'height': '60%',
+                'border-bottom': '1px solid #ccc',
+                'border-radius': '5px',
+                'shadow': '0 0 10px rgba(0, 0, 0, 0.1)',
+                'overflow-y': 'auto',
+            }
+        ) as showchat:
+            show_chat(
+                mess_reactive=message,
+                config_model={
+                    'model': model,
+                    'prompt': promt,
+                },
+            )
+        with solara.Div(
+            style={
+                'padding': '10px',
+            }
+        ) as chat_box:
+            lab.ChatInput(send_callback=send_message)

app/components/__pycache__/__init__.cpython-311.pyc

@@ -0,0 +1,17 @@
+from app.pages import (
+    home_page,
+)
+
+from app.layouts import (
+    base_layout,
+)
+
+
+ROUTES = [
+    {
+        'path': '/',
+        'component': home_page,
+        'label': 'Home',
+        'layout': base_layout,
+    }
+]

app/components/__pycache__/show_chat.cpython-311.pyc

@@ -0,0 +1,3 @@
+from pathlib import Path
+
+BASE_DIR = Path(__file__).resolve().parent.parent