Modify Gradio UI

app.py

@@ -99,16 +99,6 @@ def generate_readme(query):
             return f"Error: {response.status_code}\n{response.text}"
     except Exception as e:
         return f"Exception: {str(e)}"
-
-def fetch_github_content(url: str) -> str:
-    try:
-        response = requests.get(url, timeout=20)
-        response.raise_for_status()
-        markdown_content = markdownify(response.text)
-        markdown_content = re.sub(r"\n{3,}", "\n\n", markdown_content)
-        return markdown_content
-    except Exception as e:
-        return f"Error fetching content: {str(e)}"
     
 with gr.Blocks() as demo:
     # 제목 가운데 정렬
@@ -117,6 +107,9 @@ with gr.Blocks() as demo:
         label="GitHub Repository URL",
         placeholder="Enter the GitHub repository URL (e.g. https://github.com/username/repo)"
     )
+    
+    generate_btn = gr.Button("Generate README.md")
+    
     with gr.Row():
         with gr.Column():
             gr.Markdown("#### 🖼️ Preview (Markdown Rendered)")
@@ -135,16 +128,19 @@ with gr.Blocks() as demo:
                 interactive=False,
                 show_copy_button=True
             )
-    generate_btn = gr.Button("Generate README.md")
-
-    # 버튼 클릭 시 두 박스 모두 채움
-    def dual_output(readme):
-        return readme, readme
 
+    # 버튼 클릭 시 왼쪽 박스만 채움
     generate_btn.click(
         generate_readme,
         inputs=repo_input,
-        outputs=[readme_preview, readme_markdown]
+        outputs=readme_preview
+    )
+
+    # 왼쪽 박스가 바뀔 때마다 오른쪽 미리보기도 자동 렌더링
+    readme_preview.change(
+        lambda md: md,
+        inputs=readme_preview,
+        outputs=readme_markdown
     )
 
 if __name__ == "__main__":