Update app.py

app.py

@@ -252,9 +252,32 @@ def create_ui():
             color: #2c3e50 !important;
             background-color: #ecf0f1 !important;
         }
+        .copy-button {
+            padding: 5px 10px;
+            background-color: #3498db;
+            color: white;
+            border: none;
+            border-radius: 3px;
+            cursor: pointer;
+            font-size: 12px;
+        }
+        .copy-button:hover {
+            background-color: #2980b9;
+        }
         """
 
-        with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css) as demo:
+        copy_js = """
+        function copyToClipboard(text) {
+            navigator.clipboard.writeText(text).then(function() {
+                console.log('Copying to clipboard was successful!');
+            }, function(err) {
+                console.error('Could not copy text: ', err);
+            });
+        }
+        """        
+
+
+        with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css, js=copy_js) as demo:
             gr.Markdown("# Mouse: HuggingFace")
             
             with gr.Tabs() as tabs:
@@ -265,16 +288,24 @@ def create_ui():
                             analyze_button = gr.Button("분석")
     
                             with gr.Group(elem_classes="output-group scroll-lock"):
-                                summary_output = gr.Markdown(label="요약 (3줄 이내)")
+                                with gr.Row():
+                                    summary_output = gr.Markdown(label="요약 (3줄 이내)")
+                                    copy_summary = gr.Button("복사", elem_classes="copy-button")
     
                             with gr.Group(elem_classes="output-group scroll-lock"):
-                                analysis_output = gr.Markdown(label="분석")
+                                with gr.Row():
+                                    analysis_output = gr.Markdown(label="분석")
+                                    copy_analysis = gr.Button("복사", elem_classes="copy-button")
     
                             with gr.Group(elem_classes="output-group scroll-lock"):
-                                usage_output = gr.Markdown(label="사용법")
+                                with gr.Row():
+                                    usage_output = gr.Markdown(label="사용법")
+                                    copy_usage = gr.Button("복사", elem_classes="copy-button")
     
-                            with gr.Group(elem_classes="output-group tree-view-scroll"):  # 트리 뷰 스크롤 추가
-                                tree_view_output = gr.Textbox(label="파일 구조 (Tree View)", lines=30)
+                            with gr.Group(elem_classes="output-group tree-view-scroll"):
+                                with gr.Row():
+                                    tree_view_output = gr.Textbox(label="파일 구조 (Tree View)", lines=30)
+                                    copy_tree = gr.Button("복사", elem_classes="copy-button")
 
                         with gr.Column(scale=4):  # 오른쪽 40%
                             with gr.Group(elem_classes="output-group full-height"):
@@ -282,19 +313,24 @@ def create_ui():
                                 with code_tabs:
                                     app_py_tab = gr.TabItem("app.py")
                                     with app_py_tab:
-                                        app_py_content = gr.Code(
-                                            language="python",
-                                            label="app.py",
-                                            lines=200,
-                                            elem_classes="full-height code-box"
-                                        )
+                                        with gr.Row():
+                                            app_py_content = gr.Code(
+                                                language="python",
+                                                label="app.py",
+                                                lines=200,
+                                                elem_classes="full-height code-box"
+                                            )
+                                            copy_app_py = gr.Button("복사", elem_classes="copy-button")
                                     requirements_tab = gr.TabItem("requirements.txt")
                                     with requirements_tab:
-                                        requirements_content = gr.Textbox(
-                                            label="requirements.txt",
-                                            lines=200,
-                                            elem_classes="full-height code-box"
-                                        )
+                                        with gr.Row():
+                                            requirements_content = gr.Textbox(
+                                                label="requirements.txt",
+                                                lines=200,
+                                                elem_classes="full-height code-box"
+                                            )
+                                            copy_requirements = gr.Button("복사", elem_classes="copy-button")
+
 
                 with gr.TabItem("AI 코딩"):
                     chatbot = gr.Chatbot(label="대화", type='messages')
@@ -338,6 +374,14 @@ def create_ui():
                 outputs=[requirements_content]
             )
 
+            copy_summary.click(None, summary_output, None, _js="(v) => copyToClipboard(v)")
+            copy_analysis.click(None, analysis_output, None, _js="(v) => copyToClipboard(v)")
+            copy_usage.click(None, usage_output, None, _js="(v) => copyToClipboard(v)")
+            copy_tree.click(None, tree_view_output, None, _js="(v) => copyToClipboard(v)")
+            copy_app_py.click(None, app_py_content, None, _js="(v) => copyToClipboard(v)")
+            copy_requirements.click(None, requirements_content, None, _js="(v) => copyToClipboard(v)")
+
+            
             # lines 수를 동적으로 설정
             app_py_content.change(lambda lines: gr.update(lines=lines), inputs=[app_py_content_lines], outputs=[app_py_content])