Update app.py

app.py

@@ -3,9 +3,12 @@ import os, re, time, json, datetime, requests, gradio as gr
 # ───────────────────── 1. Vercel API ─────────────────────
 TOKEN = os.getenv("SVR_TOKEN")
 TEAM  = os.getenv("VERCEL_TEAM_ID")
+TEAM_SLUG = os.getenv("VERCEL_TEAM_SLUG")  # 팀 슬러그도 추가
 
-# 팀 ID가 없는 경우 여기에 직접 입력할 수 있음
-if not TEAM:
+# 팀 ID 또는 슬러그 확인
+if not TEAM and TEAM_SLUG:
+    print(f"팀 ID 대신 팀 슬러그를 사용합니다: {TEAM_SLUG}")
+elif not TEAM:
     # 실제 팀 ID로 교체하세요
     TEAM = "team_YOUR_ACTUAL_TEAM_ID_HERE"  
     print(f"환경 변수에 팀 ID가 없어서 하드코딩된 값을 사용합니다: {TEAM}")
@@ -16,7 +19,7 @@ if not TOKEN:
 API   = "https://api.vercel.com"
 HEAD  = {"Authorization": f"Bearer {TOKEN}"}
 
-print(f"사용 중인 팀 ID: {TEAM if TEAM else '없음'}")
+print(f"사용 중인 팀 정보: ID={TEAM if TEAM else '없음'}, Slug={TEAM_SLUG if TEAM_SLUG else '없음'}")
 
 # ───────────────────── 2. BEST 데이터 ────────────────────
 BEST_FILE, PER_PAGE = "best_games.json", 48
@@ -47,14 +50,22 @@ def fetch_all(limit=200):
             print("오류: API 토큰이 설정되지 않았습니다")
             return []
             
-        params = {"limit": limit}
+        # API 문서 기반으로 파라미터 설정
+        params = {
+            "limit": limit,
+            # 상태가 "READY"인 배포만 가져오기 위한 필터링
+            "state": "READY"
+        }
         
-        # 팀 ID 처리 개선
+        # 팀 ID 또는 슬러그 처리
         if TEAM:
             params["teamId"] = TEAM
             print(f"팀 ID로 요청합니다: {TEAM}")
+        elif TEAM_SLUG:
+            params["slug"] = TEAM_SLUG
+            print(f"팀 슬러그로 요청합니다: {TEAM_SLUG}")
         else:
-            print("경고: 팀 ID가 설정되지 않았습니다. 개인 프로젝트만 조회됩니다.")
+            print("경고: 팀 정보가 설정되지 않았습니다. 개인 프로젝트만 조회됩니다.")
 
         print(f"Vercel API 호출: {API}/v6/deployments (params={params})")
         
@@ -64,7 +75,10 @@ def fetch_all(limit=200):
         # 상세한 응답 정보 출력
         print(f"API 응답 상태 코드: {resp.status_code}")
         if resp.status_code != 200:
-            print(f"API 응답 오류: {resp.status_code}, {resp.text[:200]}")
+            error_msg = f"API 응답 오류: {resp.status_code}"
+            if hasattr(resp, 'text'):
+                error_msg += f", {resp.text[:200]}"
+            print(error_msg)
             return []
             
         data = resp.json()
@@ -80,12 +94,15 @@ def fetch_all(limit=200):
             first = data["deployments"][0]
             print(f"\n첫 번째 배포 URL: {first.get('url')}")
             print(f"첫 번째 배포 Alias: {first.get('alias', [])}\n")
+            print(f"첫 번째 배포 상태: {first.get('state')}\n")
         
         # 패턴 완화: vercel.app으로 끝나는 모든 URL 허용
         domain_pat = re.compile(r"\.vercel\.app$", re.I)
         
         games = []
         for d in data.get("deployments", []):
+            # 문서에서는 state 필터링을 URL 파라미터로 했지만, 
+            # 추가 검증을 위해 여기서도 확인합니다
             if d.get("state") != "READY":
                 continue
 
@@ -103,10 +120,26 @@ def fetch_all(limit=200):
                         break
             
             if matched_url:
+                # 시간 형식 변환 개선
+                created_time = d.get("created")
+                if created_time:
+                    # milliseconds to seconds 변환
+                    try:
+                        ts = int(created_time / 1000)
+                    except:
+                        ts = int(time.time())
+                else:
+                    ts = int(time.time())
+                
                 games.append({
                     "title": d.get("name", "(제목 없음)"),
                     "url": f"https://{matched_url}",
-                    "ts": int(d.get("created", time.time() * 1000) / 1000)
+                    "ts": ts,
+                    "meta": {  # 추가 메타데이터 저장
+                        "projectId": d.get("projectId"),
+                        "target": d.get("target"),
+                        "deploymentId": d.get("uid")
+                    }
                 })
 
         print(f"vercel.app 도메인 배포 {len(games)}개를 필터링했습니다")
@@ -168,7 +201,7 @@ def html(cards, pg, total):
       errorDiv.className = 'frame-error';
       errorDiv.innerHTML = '<div class="frame-error-icon">🔒</div>' + 
                           '<div><strong>접근이 제한된 배포입니다</strong></div>' +
-                          '<div>팀 설정으로 인해 iframe에서 표시할 수 없습니다</div>' +
+                          '<div>보안 설정으로 인해 iframe에서 표시할 수 없습니다</div>' +
                           '<button class="frame-error-btn" onclick="window.open(\'' + url + '\', \'_blank\')">새 탭에서 열기</button>';
       container.appendChild(errorDiv);
     }
@@ -176,11 +209,13 @@ def html(cards, pg, total):
     // iframe 로드 성공 처리
     function handleIframeLoad(iframe) {
       try {
-        // CORS 오류 탐지 시도
-        iframe.contentWindow.location.href;
-        iframe.style.opacity = 1;
+        // CORS 오류 탐지 시도 - 다른 도메인의 iframe 접근 시 예외 발생
+        if(iframe.contentWindow.location.href) {
+          iframe.style.opacity = 1;
+        }
       } catch (e) {
         // CORS 오류가 발생하면 handleIframeError 호출
+        console.log("CORS 오류 또는 접근 거부됨:", e);
         handleIframeError(iframe);
       }
     }
@@ -192,17 +227,20 @@ def html(cards, pg, total):
       frames.forEach(frame => {
         // 오류 이벤트 리스너
         frame.addEventListener('error', function() {
+          console.log("iframe 로드 오류 발생");
           handleIframeError(this);
         });
         
         // 로드 이벤트 리스너
         frame.addEventListener('load', function() {
+          console.log("iframe 로드됨:", this.src);
           handleIframeLoad(this);
         });
         
         // 5초 후에도 로드되지 않으면 오류로 간주
         setTimeout(function() {
           if(frame.style.opacity !== '1') {
+            console.log("iframe 로드 타임아웃:", frame.src);
             handleIframeError(frame);
           }
         }, 5000);
@@ -218,7 +256,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"
-                   sandbox="allow-scripts allow-same-origin"
+                   referrerpolicy="no-referrer"
+                   sandbox="allow-scripts allow-same-origin allow-forms"
                    allow="accelerometer; camera; encrypted-media; gyroscope;"></iframe>
           </div>
           <div class='foot'><a class='link' href="{c['url']}" target="_blank">원본↗</a></div>