Update app.py

app.py

@@ -3,14 +3,14 @@ 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")
-BYPASS_SECRET = os.getenv("VERCEL_AUTOMATION_BYPASS_SECRET")  # 자동화 우회 비밀키 추가
-
 if not TOKEN:
     raise EnvironmentError("SVR_TOKEN 환경변수를 설정하세요.")
 API   = "https://api.vercel.com"
 HEAD  = {"Authorization": f"Bearer {TOKEN}"}
 
+print(f"API 토큰: {TOKEN[:4]}... (마스킹됨)")
+print(f"팀 ID: {TEAM if TEAM else '없음'}")
+
 # ───────────────────── 2. BEST 데이터 ────────────────────
 BEST_FILE, PER_PAGE = "best_games.json", 48
 def _init_best():
@@ -23,87 +23,78 @@ def _load_best():
             if "ts" not in it:
                 it["ts"] = int(it.get("timestamp", time.time()))
         return data
-    except Exception:
+    except Exception as e:
+        print(f"BEST 데이터 로드 오류: {e}")
         return []
 
-# ───────────────────── 3. NEW: Vercel.app 배포 ─────
-# 패턴 완화: 모든 vercel.app 도메인 허용
-PAT = re.compile(r"^[a-z0-9-]{1,}\.vercel\.app$", re.I)
-
-def fetch_all(limit=200):
+# ───────────────────── 3. NEW: 프로젝트 API 호출 ─────────────────
+def fetch_all(limit=50):
     """
-    Vercel 배포 중 vercel.app 도메인을 가진 것을 수집
+    Vercel API v10/projects를 사용하여 프로젝트 목록을 가져옵니다.
     """
     try:
-        # 토큰 검증
-        if not TOKEN:
-            print("오류: API 토큰이 설정되지 않았습니다")
-            return []
-            
+        # API 파라미터 설정
         params = {"limit": limit}
-        
-        # 팀 ID 또는 슬러그 처리
         if TEAM:
             params["teamId"] = TEAM
-            print(f"팀 ID로 요청합니다: {TEAM}")
-        elif TEAM_SLUG:
-            params["slug"] = TEAM_SLUG
-            print(f"팀 슬러그로 요청합니다: {TEAM_SLUG}")
-        else:
-            print("경고: 팀 정보가 설정되지 않았습니다. 개인 프로젝트만 조회됩니다.")
 
-        print(f"Vercel API 호출: {API}/v6/deployments (params={params})")
+        print(f"Vercel API 호출 (프로젝트): {API}/v10/projects (params={params})")
         
-        resp = requests.get(f"{API}/v6/deployments",
+        resp = requests.get(f"{API}/v10/projects",
                             headers=HEAD, params=params, timeout=30)
         
-        # 상세한 응답 정보 출력
         print(f"API 응답 상태 코드: {resp.status_code}")
         if resp.status_code != 200:
-            error_msg = f"API 응답 오류: {resp.status_code}"
-            if hasattr(resp, 'text'):
-                error_msg += f", {resp.text[:200]}"
-            print(error_msg)
+            print(f"API 응답 오류: {resp.status_code}, {resp.text[:200] if hasattr(resp, 'text') else ''}")
             return []
             
         data = resp.json()
         
-        if "deployments" not in data:
-            print(f"API 응답에 deployments 필드가 없습니다: {str(data)[:200]}...")
+        if "projects" not in data:
+            print(f"API 응답에 projects 필드가 없습니다: {str(data)[:200]}...")
             return []
             
-        print(f"{len(data['deployments'])}개의 배포를 찾았습니다")
-        
-        # 패턴 완화: vercel.app으로 끝나는 모든 URL 허용
-        domain_pat = re.compile(r"\.vercel\.app$", re.I)
+        print(f"{len(data['projects'])}개의 프로젝트를 찾았습니다")
         
+        # 각 프로젝트의 최신 배포 정보 가져오기
         games = []
-        for d in data.get("deployments", []):
-            if d.get("state") != "READY":
-                continue
-
-            # URL이나 alias 중 하나라도 vercel.app으로 끝나면 포함
-            url = d.get("url", "")
-            aliases = d.get("alias", [])
-            
-            matched_url = None
-            if url and domain_pat.search(url):
-                matched_url = url
-            else:
-                for alias in aliases:
-                    if domain_pat.search(alias):
-                        matched_url = alias
-                        break
+        for project in data.get("projects", []):
+            project_id = project.get("id")
+            project_name = project.get("name", "(제목 없음)")
             
-            if matched_url:
-                games.append({
-                    "title": d.get("name", "(제목 없음)"),
-                    "url": f"https://{matched_url}",
-                    "ts": int(d.get("created", time.time() * 1000) / 1000),
-                    "deploymentId": d.get("uid", "")  # 배��� ID 저장
-                })
+            # 각 프로젝트의 최신 배포 가져오기
+            try:
+                deploy_params = {"limit": 1, "target": "production"}
+                if TEAM:
+                    deploy_params["teamId"] = TEAM
+                
+                deploy_resp = requests.get(
+                    f"{API}/v6/deployments",
+                    headers=HEAD,
+                    params=deploy_params,
+                    timeout=30
+                )
+                
+                if deploy_resp.status_code == 200:
+                    deploy_data = deploy_resp.json()
+                    deployments = deploy_data.get("deployments", [])
+                    
+                    if deployments:
+                        deployment = deployments[0]
+                        if deployment.get("state") == "READY":
+                            url = deployment.get("url", "")
+                            if url:
+                                games.append({
+                                    "title": project_name,
+                                    "url": f"https://{url}",
+                                    "ts": int(deployment.get("created", time.time() * 1000) / 1000),
+                                    "projectId": project_id
+                                })
+            except Exception as e:
+                print(f"프로젝트 {project_id}의 배포 정보 가져오기 실패: {e}")
+                continue
 
-        print(f"vercel.app 도메인 배포 {len(games)}개를 필터링했습니다")
+        print(f"사용 가능한 배포 {len(games)}개를 찾았습니다")
         return sorted(games, key=lambda x: x["ts"], reverse=True)
 
     except Exception as e:
@@ -112,7 +103,6 @@ def fetch_all(limit=200):
         traceback.print_exc()
         return []
 
-
 # ───────────────────── 4. 페이지네이션 ───────────────────
 def page(lst, pg):
     s=(pg-1)*PER_PAGE; e=s+PER_PAGE
@@ -134,70 +124,13 @@ def html(cards, pg, total):
     .hdr{padding:20px 24px;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);border-bottom:1px solid #eee;}
     .ttl{margin:0;font-size:1.15rem;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
     .date{margin-top:4px;font-size:.85rem;color:#777;}
-    .frame{position:relative;width:100%;padding-top:60%;overflow:hidden;background:#f7f7f7;}
+    .frame{position:relative;width:100%;padding-top:60%;overflow:hidden;}
     .frame iframe{position:absolute;top:0;left:0;width:142.857%;height:142.857%;
-                  transform:scale(.7);transform-origin:top left;border:0;opacity:0;transition:opacity 0.3s;}
-    .frame-error {position:absolute;top:0;left:0;width:100%;height:100%;
-                  display:flex;align-items:center;justify-content:center;
-                  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);}
+                  transform:scale(.7);transform-origin:top left;border:0;}
     .foot{padding:14px 24px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);text-align:right;}
     .link{font-size:.85rem;font-weight:600;color:#4a6dd8;text-decoration:none;}
     .cnt{text-align:center;font-size:.85rem;color:#555;margin:10px 0 40px;}
-    </style>
-
-    <script>
-    document.addEventListener('DOMContentLoaded', function() {
-      // 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><strong>미리보기를 표시할 수 없습니다</strong></div>' +
-                            '<div>새 탭에서 직접 확인해보세요</div>' +
-                            '<button class="frame-error-btn" onclick="window.open(\'' + url + '\', \'_blank\')">게임 열기</button>';
-        container.appendChild(errorDiv);
-      }
-      
-      // iframe 로드 성공 처리
-      function handleIframeLoad(iframe) {
-        try {
-          // CORS 오류 탐지 시도
-          if (iframe.contentWindow && iframe.contentWindow.location && iframe.contentWindow.location.href) {
-            iframe.style.opacity = 1;
-          } else {
-            handleIframeError(iframe);
-          }
-        } catch (e) {
-          handleIframeError(iframe);
-        }
-      }
-      
-      // 모든 iframe 처리
-      const frames = document.querySelectorAll('iframe');
-      frames.forEach(frame => {
-        // iframe이 처음부터 보이도록 기본 오류 UI 표시
-        handleIframeError(frame);
-        
-        // 실제 iframe 로드 시도
-        frame.addEventListener('load', function() {
-          handleIframeLoad(this);
-        });
-        
-        frame.addEventListener('error', function() {
-          handleIframeError(this);
-        });
-      });
-    });
-    </script>"""
+    </style>"""
     
     h=css+"<div class='grid'>"
     for c in cards:
@@ -205,14 +138,13 @@ def html(cards, pg, total):
         h+=f"""
         <div class='card'>
           <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;"></iframe>
-          </div>
+          <div class='frame'><iframe src="{c['url']}" loading="lazy"
+               allow="accelerometer; camera; encrypted-media; gyroscope;"></iframe></div>
           <div class='foot'><a class='link' href="{c['url']}" target="_blank">원본↗</a></div>
         </div>"""
     h+="</div><p class='cnt'>Page "+str(pg)+" / "+str(total)+"</p>"
     return h
+
 # ───────────────────── 6. Gradio Blocks UI ───────────────
 def build():
     _init_best()