Update app.py

app.py

@@ -650,27 +650,33 @@ class Demo:
 # ------------------------
 # 7) 실제 배포 함수를 수정하여 화면 표시
 # ------------------------
-
 def deploy_to_vercel(code: str):
+    print("[DEBUG] deploy_to_vercel() 시작. code 길이:", len(code) if code else 0)
+    
     try:
         if not code or len(code.strip()) < 10:
-            # 반환할 HTML: "배포할 코드가 없습니다."
+            print("[DEBUG] code가 짧아서 배포할 수 없음.")
             return """
             <div style='color:red; padding:10px; border:1px solid red; border-radius:5px;'>
                 배포할 코드가 없습니다. 먼저 게임 코드를 생성해주세요.
             </div>
+            <script>console.log('[DEBUG] 배포 실패: code가 너무 짧습니다.');</script>
             """
     
         token = "A8IFZmgW2cqA4yUNlLPnci0N"
         if not token:
+            print("[DEBUG] Vercel 토큰이 없음.")
             return """
             <div style='color:red; padding:10px; border:1px solid red; border-radius:5px;'>
                 Vercel 토큰이 설정되지 않았습니다.
             </div>
+            <script>console.log('[DEBUG] 배포 실패: Vercel 토큰 없음');</script>
             """
     
         project_name = ''.join(random.choice(string.ascii_lowercase) for i in range(6))
         deploy_url = "https://api.vercel.com/v13/deployments"
+        print(f"[DEBUG] 생성된 project_name: {project_name}")
+
         headers = {
             "Authorization": f"Bearer {token}",
             "Content-Type": "application/json"
@@ -703,18 +709,24 @@ def deploy_to_vercel(code: str):
             "projectSettings": project_settings
         }
     
+        print("[DEBUG] Vercel API 요청 전송중...")
         deploy_response = requests.post(deploy_url, headers=headers, json=deploy_data)
+        print("[DEBUG] 응답 status_code:", deploy_response.status_code)
+        print("[DEBUG] 응답 body:", deploy_response.text[:300], "..." if len(deploy_response.text) > 300 else "")
+        
         if deploy_response.status_code != 200:
             return f"""
             <div style='color:red; padding:10px; border:1px solid red; border-radius:5px;'>
                 배포 실패: {html.escape(deploy_response.text)}
             </div>
+            <script>console.log('[DEBUG] 배포 실패: {html.escape(deploy_response.text)}');</script>
             """
     
         deployment_url = f"https://{project_name}.vercel.app"
+        print("[DEBUG] 배포 성공 추정. 3초 대기 후 최종 안내...")
         time.sleep(3)
     
-        return f"""
+        success_html = f"""
         <div style='padding: 15px; background-color: #f0fff4; border: 1px solid #34c759; border-radius: 8px;'>
             <h3 style='margin-top: 0; color: #34c759;'>✅ 배포 완료!</h3>
             <p>게임이 성공적으로 배포되었습니다.</p>
@@ -724,6 +736,7 @@ def deploy_to_vercel(code: str):
             </div>
         </div>
         <script>
+        console.log('[DEBUG] 배포 성공, deployment_url: {deployment_url}');
         showDeployBanner('success','✅ 배포 완료!','게임이 성공적으로 배포되었습니다.','{deployment_url}');
         document.getElementById('deploy-result-box').innerHTML = `
             <div class="deploy-success">
@@ -737,12 +750,17 @@ def deploy_to_vercel(code: str):
         `;
         </script>
         """
+        print("[DEBUG] 최종 리턴 HTML 생성 완료")
+        return success_html
+
     except Exception as e:
+        print("[ERROR] deploy_to_vercel() 예외:", e)
         return f"""
         <div style='color:red; padding:10px; border:1px solid red; border-radius:5px;'>
             오류 발생: {html.escape(str(e))}
         </div>
         <script>
+        console.log('[DEBUG] deploy_to_vercel 내부 예외: {html.escape(str(e))}');
         showDeployBanner('error','⚠️ 시스템 오류','{html.escape(str(e))}');
         </script>
         """
@@ -752,15 +770,13 @@ def deploy_to_vercel(code: str):
 # "handle_deploy" 수정: 실제로 사용하여 결과 표시
 # ------------------------
 def handle_deploy(code, deploy_status):
-    """
-    이 함수를 호출하면:
-    1) 로딩 상태를 먼저 반환 (yield)
-    2) 실제 deploy_to_vercel() 실행 후 성공/실패 결과 HTML 반환
-    """
+    print("[DEBUG] handle_deploy() 함수가 호출되었습니다.")
+    print("[DEBUG] 전달된 code:", repr(code[:300] if code else code))  # 코드 일부만 출력
+    
     if not code:
-        # 코드가 없는 경우 즉시 에러 메시지
         js_code = """
         <script>
+        console.log('[DEBUG] 배포할 코드가 없어 에러 처리');
         showDeployBanner('error', '⚠️ 배포 실패', '배포할 코드가 없습니다. 먼저 게임 코드를 생성해주세요.');
         document.getElementById('deploy-result-box').innerHTML = `
             <div class="deploy-error">
@@ -770,6 +786,7 @@ def handle_deploy(code, deploy_status):
         `;
         </script>
         """
+        print("[DEBUG] code가 없으므로 에러 HTML 반환")
         return js_code, {
             "is_deployed": False,
             "status": "error",
@@ -778,39 +795,41 @@ def handle_deploy(code, deploy_status):
         }
 
     try:
-        # 1) 로딩 상태 표시
-        loading_js = """
-        <script>
-        showDeployBanner('loading', '🔄 배포 진행 중', 'Vercel에 게임을 배포하고 있습니다. 잠시만 기다려주세요.');
-        document.getElementById('deploy-result-box').innerHTML = `
-            <div class="deploy-loading">
-                <div class="loading-spinner"></div>
-                <div class="loading-message">Vercel에 배포 중입니다...</div>
-            </div>
-        `;
-        </script>
-        """
-        # Gradio에서는 "yield"를 사용하면 스트리밍 가능하지만,
-        # 간단히 한 번에 반환해도 됨. 여기서는 예시로 스트리밍 없이 진행.
-        # yield loading_js, deploy_status
+        # 로딩 상태 표시
+        # (스트리밍을 쓰지 않고, 한꺼번에 HTML 반환)
+        print("[DEBUG] 배포 로딩 상태 HTML 생성 중...")
         
-        # 2) 실제 배포 실행
         clean_code = remove_code_block(code)
+        print("[DEBUG] remove_code_block 후 clean_code 길이:", len(clean_code))
+        
+        # 실제 배포
+        print("[DEBUG] deploy_to_vercel() 호출 시작")
         result_html = deploy_to_vercel(clean_code)
+        print("[DEBUG] deploy_to_vercel() 결과 수신:")
+        print(result_html[:500], "..." if len(result_html) > 500 else "")
         
-        # 배포 결과를 화면에 표시
-        # 배포 성공 시 'success', 실패 시 해당 메시지
+        # 브라우저 console.log로도 표시
+        debug_injection = """
+        <script>
+        console.log('[DEBUG] 배포 후 결과 HTML:', %s);
+        </script>
+        """ % (json.dumps(result_html[:300]) if len(result_html) > 300 else json.dumps(result_html))
+
+        # 배포 결과를 종합한 HTML
+        final_html = result_html + debug_injection
+        
+        # 성공/실패 판단
         if "✅ 배포 완료!" in result_html:
-            # 성공
-            return result_html, {
+            print("[DEBUG] 배포 성공으로 판단")
+            return final_html, {
                 "is_deployed": True,
                 "status": "success",
                 "url": "",
                 "message": "배포 성공"
             }
         else:
-            # 실패 또는 오류
-            return result_html, {
+            print("[DEBUG] 배포 실패 또는 오류")
+            return final_html, {
                 "is_deployed": False,
                 "status": "error",
                 "url": "",
@@ -819,8 +838,10 @@ def handle_deploy(code, deploy_status):
 
     except Exception as e:
         error_msg = str(e)
+        print("[ERROR] handle_deploy에서 예외 발생:", error_msg)
         exception_js = f"""
         <script>
+        console.log('[DEBUG] handle_deploy 예외: {error_msg}');
         showDeployBanner('error', '⚠️ 시스템 오류', '{error_msg}');
         document.getElementById('deploy-result-box').innerHTML = `
             <div class="deploy-error">
@@ -837,7 +858,6 @@ def handle_deploy(code, deploy_status):
             "url": ""
         }
 
-
 # ------------------------
 # 8) Gradio / Modelscope UI 빌드
 # ------------------------