Update app.py

app.py

@@ -647,12 +647,9 @@ class Demo:
 
 
 
-# ------------------------
-# 7) 실제 배포 함수를 수정하여 화면 표시
-# ------------------------
-###############################################
-# 1) deploy_to_vercel 함수 (로깅 및 HTML 반환)
-###############################################
+####################################################
+# 1) deploy_to_vercel 함수
+####################################################
 def deploy_to_vercel(code: str):
     print("[DEBUG] deploy_to_vercel() 시작. code 길이:", len(code) if code else 0)
     try:
@@ -768,90 +765,39 @@ def deploy_to_vercel(code: str):
         """
 
 
-###############################################
-# 2) handle_deploy 함수 (로깅 + 반환 HTML)
-###############################################
-def handle_deploy(code, deploy_status):
-    print("[DEBUG] handle_deploy() 함수가 호출되었습니다.")
-    print("[DEBUG] 전달된 code:", repr(code[:300] if code else code))
+####################################################
+# 2) handle_deploy_legacy: iframe으로 결과 표시
+####################################################
+def handle_deploy_legacy(code):
+    print("[DEBUG] handle_deploy_legacy() 호출됨. code 길이:", len(code) if code else 0)
+    if not code or len(code.strip()) < 10:
+        print("[DEBUG] 유효하지 않은 코드 (None or 너무 짧음).")
+        return "<div style='color:red;'>배포할 코드가 없습니다.</div>"
 
-    if not code:
-        js_code = """
-        <script>
-        console.log('[DEBUG] 배포할 코드가 없어 에러 처리');
-        showDeployBanner('error', '⚠️ 배포 실패', '배포할 코드가 없습니다. 먼저 게임 코드를 생성해주세요.');
-        document.getElementById('deploy-result-box').innerHTML = `
-            <div class="deploy-error">
-                <div class="error-icon">⚠️</div>
-                <div class="error-message">배포할 코드가 없습니다.</div>
-            </div>
-        `;
-        </script>
-        """
-        print("[DEBUG] code가 없으므로 에러 HTML 반환")
-        return js_code, {
-            "is_deployed": False,
-            "status": "error",
-            "message": "배포할 코드가 없습니다.",
-            "url": ""
-        }
+    # remove_code_block 처리
+    clean_code = remove_code_block(code)
+    print("[DEBUG] remove_code_block 후 clean_code 길이:", len(clean_code))
 
-    try:
-        print("[DEBUG] 배포 로딩 상태 HTML 생성 중...")
-        clean_code = remove_code_block(code)
-        print("[DEBUG] remove_code_block 후 clean_code 길이:", len(clean_code))
+    # 실제 배포
+    result_html = deploy_to_vercel(clean_code)
+    print("[DEBUG] 배포 결과 HTML 길이:", len(result_html))
 
-        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 "")
+    # iframe에 표시하기 위해 Base64로 인코딩
+    encoded_html = base64.b64encode(result_html.encode('utf-8')).decode()
+    data_uri = f"data:text/html;charset=utf-8;base64,{encoded_html}"
 
-        debug_injection = """
-        <script>
-        console.log('[DEBUG] 배포 후 결과 HTML:', %s);
-        </script>
-        """ % (json.dumps(result_html[:300]) if len(result_html) > 300 else json.dumps(result_html))
+    # Gradio 3.29 이하 버전에서는 unsafe_allow_html 미지원이므로,
+    # iframe 태그만 반환하여 script 실행.
+    iframe_html = f"""
+    <iframe src="{data_uri}"
+            style="width:100%; height:600px; border:none;"
+            sandbox="allow-scripts allow-same-origin allow-popups">
+    </iframe>
+    """
+    print("[DEBUG] iframe_html 반환")
+    return iframe_html
 
-        final_html = result_html + debug_injection
-        
-        if "✅ 배포 완료!" in result_html:
-            print("[DEBUG] 배포 성공으로 판단")
-            return final_html, {
-                "is_deployed": True,
-                "status": "success",
-                "url": "",
-                "message": "배포 성공"
-            }
-        else:
-            print("[DEBUG] 배포 실패 또는 오류")
-            return final_html, {
-                "is_deployed": False,
-                "status": "error",
-                "url": "",
-                "message": "배포 실패"
-            }
 
-    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">
-                <div class="error-icon">⚠️</div>
-                <div class="error-message">시스템 오류: {error_msg}</div>
-            </div>
-        `;
-        </script>
-        """
-        return exception_js, {
-            "is_deployed": False,
-            "status": "error",
-            "message": error_msg,
-            "url": ""
-        }
 
 
 # ------------------------
@@ -1121,10 +1067,10 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
                         gr.HTML('<div class="help-text">💡 원하는 게임의 설명을 입력하세요. 예: "테트리스 게임 제작해줘."</div>')
 
 
-
-#################################################
-# 3) deploy_result = gr.HTML(unsafe_allow_html=True)
-#################################################
+##################################################################
+# 3) deploy_result_container = gr.HTML() (unsafe_allow_html = False)
+##################################################################
+# unsafe_allow_html 없이도 iframe 자체는 표시됨
                         deploy_result_container = gr.HTML(
                             """
                             <div class="deploy-section">
@@ -1134,10 +1080,9 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
                                 </div>
                             </div>
                             """,
-                            unsafe_allow_html=True  # <--- 핵심: 스크립트 실행 허용
+                            label="Deployment Result"
                         )
 
-
             # 이벤트 / 콜백
             # Code Drawer
             codeBtn.click(
@@ -1208,17 +1153,19 @@ with gr.Blocks(css_paths=["app.css"], theme=theme) as demo:
 
 
 
-#################################################
-# 4) deploy_btn 클릭 이벤트
-#################################################
+
+
+
+############################################################
+# 4) deploy_btn.click: handle_deploy_legacy를 호출
+############################################################
             deploy_btn.click(
-                fn=handle_deploy,
-                inputs=[code_output, deploy_status],
-                outputs=[deploy_result_container, deploy_status]
+                fn=handle_deploy_legacy,
+                inputs=[code_output],       # deploy할 code
+                outputs=[deploy_result_container]
             )
 
 
-
 # ------------------------
 # 9) 실행
 # ------------------------