Update app.py

app.py

@@ -142,7 +142,6 @@ def take_screenshot(url):
 def create_ui():
     try:
         spaces_list = get_most_liked_spaces()
-        print(f"Type of spaces_list: {type(spaces_list)}")
         formatted_spaces = format_spaces(spaces_list)
         print(f"Total spaces loaded: {len(formatted_spaces)}")
 
@@ -150,10 +149,18 @@ def create_ui():
         footer {visibility: hidden;}
         .minimal-button {min-width: 30px !important; height: 25px !important; line-height: 1 !important; font-size: 12px !important; padding: 2px 5px !important;}
         .space-row {margin-bottom: 5px !important;}
-        #refresh-button {
+        #refresh-button, #manual-button {
             width: 100% !important;
             margin-top: 5px !important;
         }
+        #usage-guide {
+            height: 300px;
+            overflow-y: auto;
+        }
+        #app-py-content {
+            height: auto;
+            max-height: none;
+        }
         """
 
         with gr.Blocks(css=css, theme="Nymbo/Nymbo_Theme") as demo:
@@ -176,8 +183,10 @@ def create_ui():
                     
                     screenshot_output = gr.Image(type="pil", label="Live 화면", height=360, width=600)
                     refresh_button = gr.Button("🔄 새로고침", elem_id="refresh-button")
+                    manual_button = gr.Button("선택 서비스 메뉴얼", elem_id="manual-button")
                     
-                    app_py_content = gr.Code(language="python", label="메인 소스코드")
+                    usage_guide = gr.Textbox(label="사용 방법", elem_id="usage-guide", visible=False, lines=20)
+                    app_py_content = gr.Code(language="python", label="메인 소스코드", elem_id="app-py-content")
                     update_trigger = gr.Button("Update Screenshot", visible=False)
 
                 for _, button, space in space_rows:
@@ -201,6 +210,15 @@ def create_ui():
                     outputs=[screenshot_output, last_url_state]
                 )
 
+                def show_usage_guide(app_content):
+                    usage_text = generate_usage_guide(app_content)
+                    return gr.update(value=usage_text, visible=True)
+
+                manual_button.click(
+                    show_usage_guide,
+                    inputs=[app_py_content],
+                    outputs=[usage_guide]
+                )
 
                 update_trigger.click(
                     update_screenshot,
@@ -223,6 +241,136 @@ def create_ui():
         print(traceback.format_exc())
         raise
 
+def generate_usage_guide(app_content):
+    system_message = "당신은 Python 코드를 분석하고 그 사용법을 설명하는 AI 조수입니다. 주어진 코드를 바탕으로 상세한 사용 방법을 제공해주세요."
+    user_message = f"다음 Python 코드의 사용 방법을 설명해주세요:\n\n{app_content}"
+    
+    messages = [
+        {"role": "system", "content": system_message},
+        {"role": "user", "content": user_message}
+    ]
+    
+    try:
+        response = hf_client.chat_completion(messages, max_tokens=4000, temperature=0.7)
+        return response.choices[0].message.content
+    except Exception as e:
+        return f"사용 방법 생성 중 오류 발생: {str(e)}"def create_ui():
+    try:
+        spaces_list = get_most_liked_spaces()
+        formatted_spaces = format_spaces(spaces_list)
+        print(f"Total spaces loaded: {len(formatted_spaces)}")
+
+        css = """
+        footer {visibility: hidden;}
+        .minimal-button {min-width: 30px !important; height: 25px !important; line-height: 1 !important; font-size: 12px !important; padding: 2px 5px !important;}
+        .space-row {margin-bottom: 5px !important;}
+        #refresh-button, #manual-button {
+            width: 100% !important;
+            margin-top: 5px !important;
+        }
+        #usage-guide {
+            height: 300px;
+            overflow-y: auto;
+        }
+        #app-py-content {
+            height: auto;
+            max-height: none;
+        }
+        """
+
+        with gr.Blocks(css=css, theme="Nymbo/Nymbo_Theme") as demo:
+            gr.Markdown("# 300: HuggingFace Most Liked Spaces")
+            
+            with gr.Row():
+                with gr.Column(scale=1):
+                    space_rows = []
+                    for space in formatted_spaces:
+                        with gr.Row(elem_classes="space-row") as space_row:
+                            with gr.Column():
+                                gr.Markdown(f"{space['name']} by {space['author']} (Likes: {space['likes']})", elem_classes="space-info")
+                                button = gr.Button("클릭", elem_classes="minimal-button")
+                        space_rows.append((space_row, button, space))
+
+                with gr.Column(scale=1):
+                    info_output = gr.Textbox(label="Space 정보 및 요약", lines=20)
+                    url_state = gr.State("")
+                    last_url_state = gr.State("")
+                    
+                    screenshot_output = gr.Image(type="pil", label="Live 화면", height=360, width=600)
+                    refresh_button = gr.Button("🔄 새로고침", elem_id="refresh-button")
+                    manual_button = gr.Button("선택 서비스 메뉴얼", elem_id="manual-button")
+                    
+                    usage_guide = gr.Textbox(label="사용 방법", elem_id="usage-guide", visible=False, lines=20)
+                    app_py_content = gr.Code(language="python", label="메인 소스코드", elem_id="app-py-content")
+                    update_trigger = gr.Button("Update Screenshot", visible=False)
+
+                for _, button, space in space_rows:
+                    button.click(
+                        lambda s=space: on_select(s),
+                        inputs=[],
+                        outputs=[info_output, app_py_content, url_state]
+                    ).then(
+                        update_screenshot,
+                        inputs=[url_state, last_url_state],
+                        outputs=[screenshot_output, last_url_state]
+                    )
+
+                def refresh_screenshot(url, last_url):
+                    print(f"Refresh button clicked. URL: {url}, Last URL: {last_url}")
+                    return update_screenshot(url, last_url)
+
+                refresh_button.click(
+                    refresh_screenshot,
+                    inputs=[url_state, last_url_state],
+                    outputs=[screenshot_output, last_url_state]
+                )
+
+                def show_usage_guide(app_content):
+                    usage_text = generate_usage_guide(app_content)
+                    return gr.update(value=usage_text, visible=True)
+
+                manual_button.click(
+                    show_usage_guide,
+                    inputs=[app_py_content],
+                    outputs=[usage_guide]
+                )
+
+                update_trigger.click(
+                    update_screenshot,
+                    inputs=[url_state, last_url_state],
+                    outputs=[screenshot_output, last_url_state]
+                )
+
+        # Start a background thread to trigger updates
+        def trigger_updates():
+            while True:
+                time.sleep(5)
+                update_trigger.click()
+
+        threading.Thread(target=trigger_updates, daemon=True).start()
+
+        return demo
+
+    except Exception as e:
+        print(f"Error in create_ui: {str(e)}")
+        print(traceback.format_exc())
+        raise
+
+def generate_usage_guide(app_content):
+    system_message = "당신은 Python 코드를 분석하고 그 사용법을 설명하는 AI 조수입니다. 주어진 코드를 바탕으로 상세한 사용 방법을 제공해주세요."
+    user_message = f"다음 Python 코드의 사용 방법을 설명해주세요:\n\n{app_content}"
+    
+    messages = [
+        {"role": "system", "content": system_message},
+        {"role": "user", "content": user_message}
+    ]
+    
+    try:
+        response = hf_client.chat_completion(messages, max_tokens=4000, temperature=0.7)
+        return response.choices[0].message.content
+    except Exception as e:
+        return f"사용 방법 생성 중 오류 발생: {str(e)}"
+
 if __name__ == "__main__":
     try:
         demo = create_ui()