Update app.py

app.py

@@ -265,21 +265,21 @@ def create_ui():
             background-color: #2980b9;
         }
         """
+ 
+  
+        def copy_to_clipboard(text):
+            return text
 
         copy_js = """
-        function copyToClipboard(text) {
-            navigator.clipboard.writeText(text).then(function() {
+        async function copyToClipboard(text) {
+            try {
+                await navigator.clipboard.writeText(text);
                 console.log('Copying to clipboard was successful!');
-            }, function(err) {
+            } catch (err) {
                 console.error('Could not copy text: ', err);
-            });
+            }
         }
         """
- 
-  
-        def copy_to_clipboard(text):
-            return text
-
 
         with gr.Blocks(theme="Nymbo/Nymbo_Theme", css=css) as demo:
             gr.Markdown("# Mouse: HuggingFace")
@@ -380,14 +380,24 @@ def create_ui():
                 inputs=[space_id_state],
                 outputs=[requirements_content]
             )
+
             # JavaScript 이벤트 연결
-            copy_summary.click(None, summary_output, None, _js="(v) => {copyToClipboard(v); return v}")
-            copy_analysis.click(None, analysis_output, None, _js="(v) => {copyToClipboard(v); return v}")
-            copy_usage.click(None, usage_output, None, _js="(v) => {copyToClipboard(v); return v}")
-            copy_tree.click(None, tree_view_output, None, _js="(v) => {copyToClipboard(v); return v}")
-            copy_app_py.click(None, app_py_content, None, _js="(v) => {copyToClipboard(v); return v}")
-            copy_requirements.click(None, requirements_content, None, _js="(v) => {copyToClipboard(v); return v}")
+            summary_output.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.summary_output textarea').value)}")
+            analysis_output.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.analysis_output textarea').value)}")
+            usage_output.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.usage_output textarea').value)}")
+            tree_view_output.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.tree_view_output textarea').value)}")
+            app_py_content.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.app_py_content textarea').value)}")
+            requirements_content.change(None, None, None, _js="() => {copyToClipboard(document.querySelector('.requirements_content textarea').value)}")
 
+            copy_summary.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.summary_output textarea').value)}")
+            copy_analysis.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.analysis_output textarea').value)}")
+            copy_usage.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.usage_output textarea').value)}")
+            copy_tree.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.tree_view_output textarea').value)}")
+            copy_app_py.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.app_py_content textarea').value)}")
+            copy_requirements.click(None, None, None, _js="() => {copyToClipboard(document.querySelector('.requirements_content textarea').value)}")
+            
+            
+        
 
             
             # lines 수를 동적으로 설정