Update app.py

app.py

@@ -1,14 +1,23 @@
-
 import os, re, time, json, datetime, requests, gradio as gr
 
 # ───────────────────── 1. Vercel API ─────────────────────
 TOKEN = os.getenv("SVR_TOKEN")
 TEAM  = os.getenv("VERCEL_TEAM_ID")
+
+# 팀 ID가 없는 경우 여기에 직접 입력할 수 있음
+if not TEAM:
+    # 실제 팀 ID로 교체하세요
+    TEAM = "team_YOUR_ACTUAL_TEAM_ID_HERE"  
+    print(f"환경 변수에 팀 ID가 없어서 하드코딩된 값을 사용합니다: {TEAM}")
+
 if not TOKEN:
     raise EnvironmentError("SVR_TOKEN 환경변수를 설정하세요.")
+
 API   = "https://api.vercel.com"
 HEAD  = {"Authorization": f"Bearer {TOKEN}"}
 
+print(f"사용 중인 팀 ID: {TEAM if TEAM else '없음'}")
+
 # ───────────────────── 2. BEST 데이터 ────────────────────
 BEST_FILE, PER_PAGE = "best_games.json", 48
 def _init_best():
@@ -24,11 +33,9 @@ def _load_best():
     except Exception:
         return []
 
-# ───────────────────── 3. NEW: 6글자 vercel.app 배포 ─────
-# 3. NEW: 6글자 vercel.app 배포
-
-# 수정
-PAT = re.compile(r"^[a-z0-9-]{1,}\.vercel\.app$", re.I)  # 6자 제한 완화
+# ───────────────────── 3. NEW: Vercel.app 배포 ─────
+# 패턴 완화: 모든 vercel.app 도메인 허용
+PAT = re.compile(r"^[a-z0-9-]{1,}\.vercel\.app$", re.I)
 
 def fetch_all(limit=200):
     """
@@ -41,14 +48,21 @@ def fetch_all(limit=200):
             return []
             
         params = {"limit": limit}
+        
+        # 팀 ID 처리 개선
         if TEAM:
             params["teamId"] = TEAM
+            print(f"팀 ID로 요청합니다: {TEAM}")
+        else:
+            print("경고: 팀 ID가 설정되지 않았습니다. 개인 프로젝트만 조회됩니다.")
 
-        print(f"Vercel API 호출: {API}/v6/deployments (limit={limit})")
+        print(f"Vercel API 호출: {API}/v6/deployments (params={params})")
         
         resp = requests.get(f"{API}/v6/deployments",
                             headers=HEAD, params=params, timeout=30)
         
+        # 상세한 응답 정보 출력
+        print(f"API 응답 상태 코드: {resp.status_code}")
         if resp.status_code != 200:
             print(f"API 응답 오류: {resp.status_code}, {resp.text[:200]}")
             return []
@@ -138,36 +152,54 @@ def html(cards, pg, total):
                   background:#f8f8f8;color:#666;font-size:14px;text-align:center;
                   padding:20px;box-sizing:border-box;flex-direction:column;}
     .frame-error-icon {font-size:36px;margin-bottom:12px;color:#999;}
+    .frame-error-btn {margin-top:12px;padding:6px 16px;background:#4a6dd8;color:white;
+                      border-radius:20px;font-size:12px;cursor:pointer;border:none;
+                      transition:all 0.2s ease;}
+    .frame-error-btn:hover {background:#3a5dc8;transform:scale(1.05);}
     </style>
 
     <script>
     // iframe 로드 오류 처리 함수
     function handleIframeError(iframe) {
       const container = iframe.parentNode;
+      const url = iframe.src;
       iframe.style.display = 'none';
       const errorDiv = document.createElement('div');
       errorDiv.className = 'frame-error';
       errorDiv.innerHTML = '<div class="frame-error-icon">🔒</div>' + 
-                          '<div>이 콘텐츠는 iframe으로 표시할 수 없습니다.</div>' +
-                          '<div>보안 설정으로 인해 차단되었습니다.</div>' +
-                          '<div style="margin-top:10px;font-size:12px;color:#999;">아래 원본 링크를 클릭하여 새 탭에서 열어보세요.</div>';
+                          '<div><strong>접근이 제한된 배포입니다</strong></div>' +
+                          '<div>팀 설정으로 인해 iframe에서 표시할 수 없습니다</div>' +
+                          '<button class="frame-error-btn" onclick="window.open(\'' + url + '\', \'_blank\')">새 탭에서 열기</button>';
       container.appendChild(errorDiv);
     }
 
     // iframe 로드 성공 처리
     function handleIframeLoad(iframe) {
-      iframe.style.opacity = 1;
+      try {
+        // CORS 오류 탐지 시도
+        iframe.contentWindow.location.href;
+        iframe.style.opacity = 1;
+      } catch (e) {
+        // CORS 오류가 발생하면 handleIframeError 호출
+        handleIframeError(iframe);
+      }
     }
 
     // iframe 로드 상태 확인
     document.addEventListener('DOMContentLoaded', function() {
-      // 모든 iframe에 error 핸들러 추가
+      // 모든 iframe에 핸들러 추가
       const frames = document.querySelectorAll('iframe');
       frames.forEach(frame => {
+        // 오류 이벤트 리스너
         frame.addEventListener('error', function() {
           handleIframeError(this);
         });
         
+        // 로드 이벤트 리스너
+        frame.addEventListener('load', function() {
+          handleIframeLoad(this);
+        });
+        
         // 5초 후에도 로드되지 않으면 오류로 간주
         setTimeout(function() {
           if(frame.style.opacity !== '1') {
@@ -186,8 +218,8 @@ def html(cards, pg, total):
           <div class='hdr'><p class='ttl'>{c['title']}</p><p class='date'>{date}</p></div>
           <div class='frame'>
             <iframe src="{c['url']}" loading="lazy"
-                   allow="accelerometer; camera; encrypted-media; gyroscope;"
-                   onload="handleIframeLoad(this)"></iframe>
+                   sandbox="allow-scripts allow-same-origin"
+                   allow="accelerometer; camera; encrypted-media; gyroscope;"></iframe>
           </div>
           <div class='foot'><a class='link' href="{c['url']}" target="_blank">원본↗</a></div>
         </div>"""
@@ -234,4 +266,4 @@ def build():
 app = build()
 
 if __name__ == "__main__":
-    app.launch()
+    app.launch()