Update app.py

app.py

@@ -936,18 +936,17 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
                             max_length=100000
                         )
                         gr.HTML('<div class="help-text">💡 원하는 게임의 설명을 입력하세요. 예: "테트리스 게임 제작해줘."</div>')
-
                         deploy_result_container = gr.HTML(
                             """
                             <div class="deploy-section">
                                 <div class="deploy-header">📤 배포 결과</div>
                                 <div id="deploy-result-box" class="deploy-result-box">
-                                    <div class="no-deploy">아직 배포된 게임이 없습니다.</div>
+                                <div class="no-deploy">아직 배포된 게임이 없습니다.</div>
                                 </div>
                             </div>
                             """
-                        )                        
-   
+                        )
+       
                         
                         js_trigger = gr.HTML(elem_id="js-trigger", visible=False)
 
@@ -1019,13 +1018,19 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
                 outputs=[sandbox, state_tab]
             )
 
-            # 실제 배포 로직
             def deploy_to_vercel(code: str):
                 try:
                     token = "A8IFZmgW2cqA4yUNlLPnci0N"  # 실제 토큰 필요
                     if not token:
-                        return {"status": "error", "message": "Vercel 토큰이 설정되지 않았습니다."}
-
+                        return """
+            <div class="deploy-section">
+                <div class="deploy-error">
+                    <div class="error-icon">⚠️</div>
+                    <div class="error-message">Vercel 토큰이 설정되지 않았습니다.</div>
+                </div>
+            </div>
+            """
+        
                     project_name = ''.join(random.choice(string.ascii_lowercase) for i in range(6))
                     deploy_url = "https://api.vercel.com/v13/deployments"
                     headers = {
@@ -1061,18 +1066,42 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
                     }
                     deploy_response = requests.post(deploy_url, headers=headers, json=deploy_data)
                     if deploy_response.status_code != 200:
-                        return {"status": "error", "message": f"배포 실패: {deploy_response.text}"}
-                    
+                        return f"""
+            <div class="deploy-section">
+                <div class="deploy-error">
+                    <div class="error-icon">⚠️</div>
+                    <div class="error-message">배포 실패: {deploy_response.text}</div>
+                </div>
+            </div>
+            """
+        
                     deployment_url = f"https://{project_name}.vercel.app"
                     time.sleep(5)
-                    
-                    return {
-                        "status": "success", 
-                        "url": deployment_url, 
-                        "project_name": project_name
-                    }
+        
+                    return f"""
+        <div class="deploy-section">
+            <div class="deploy-header">📤 배포 결과</div>
+            <div class="deploy-success">
+                <div class="success-icon">✅</div>
+                <div class="success-message">배포 완료!</div>
+                <div class="url-box">
+                    <a href="{deployment_url}" target="_blank">{deployment_url}</a>
+                    <button class="copy-btn" onclick="navigator.clipboard.writeText('{deployment_url}')">복사</button>
+                </div>
+            </div>
+        </div>
+        """
                 except Exception as e:
-                    return {"status": "error", "message": f"배포 중 오류 발생: {str(e)}"}
+                    return f"""
+        <div class="deploy-section">
+            <div class="deploy-error">
+                <div class="error-icon">⚠️</div>
+                <div class="error-message">배포 중 오류 발생: {str(e)}</div>
+            </div>
+        </div>
+        """
+
+
 
             # handle_deploy
             def handle_deploy(code, deploy_status):
@@ -1175,14 +1204,21 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
                         "url": ""
                     }
 
-            # 배포 버튼 클릭
+
+
             deploy_btn.click(
-                fn=handle_deploy,
-                inputs=[code_output, deploy_status],
-                outputs=[deploy_result_container, deploy_status]
+                fn=lambda code: deploy_to_vercel(remove_code_block(code)) if code else """
+                <div class="deploy-section">
+                    <div class="deploy-error">
+                        <div class="error-icon">⚠️</div>
+                        <div class="error-message">배포할 코드가 ���습니다. 먼저 게임 코드를 생성해주세요.</div>
+                    </div>
+                </div>
+                """,
+                inputs=[code_output],
+                outputs=[deploy_result_container]
             )
 
-
 # ------------------------
 # 8) 실제 실행
 # ------------------------