Update app.py

app.py

@@ -3,24 +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")  # 팀 슬러그도 추가
-
-# 팀 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}")
+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"사용 중인 팀 정보: ID={TEAM if TEAM else '없음'}, Slug={TEAM_SLUG if TEAM_SLUG else '없음'}")
-
 # ───────────────────── 2. BEST 데이터 ────────────────────
 BEST_FILE, PER_PAGE = "best_games.json", 48
 def _init_best():
@@ -50,12 +40,7 @@ def fetch_all(limit=200):
             print("오류: API 토큰이 설정되지 않았습니다")
             return []
             
-        # API 문서 기반으로 파라미터 설정
-        params = {
-            "limit": limit,
-            # 상태가 "READY"인 배포만 가져오기 위한 필터링
-            "state": "READY"
-        }
+        params = {"limit": limit}
         
         # 팀 ID 또는 슬러그 처리
         if TEAM:
@@ -89,20 +74,11 @@ def fetch_all(limit=200):
             
         print(f"{len(data['deployments'])}개의 배포를 찾았습니다")
         
-        # 디버깅: 첫 번째 응답 형식 확인
-        if data["deployments"]:
-            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
 
@@ -120,26 +96,11 @@ 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": ts,
-                    "meta": {  # 추가 메타데이터 저장
-                        "projectId": d.get("projectId"),
-                        "target": d.get("target"),
-                        "deploymentId": d.get("uid")
-                    }
+                    "ts": int(d.get("created", time.time() * 1000) / 1000),
+                    "deploymentId": d.get("uid", "")  # 배포 ID 저장
                 })
 
         print(f"vercel.app 도메인 배포 {len(games)}개를 필터링했습니다")
@@ -195,52 +156,72 @@ def html(cards, pg, total):
     // iframe 로드 오류 처리 함수
     function handleIframeError(iframe) {
       const container = iframe.parentNode;
-      const url = iframe.src;
+      const originalUrl = iframe.src;
       iframe.style.display = 'none';
       const errorDiv = document.createElement('div');
       errorDiv.className = 'frame-error';
+
+      // 우회 비밀키가 있는 경우 URL에 추가 (Protection Bypass)
+      let bypassUrl = originalUrl;
+      if (typeof BYPASS_SECRET !== 'undefined' && BYPASS_SECRET) {
+        // URL에 이미 쿼리 파라미터가 있는지 확인
+        const hasQuery = bypassUrl.includes('?');
+        bypassUrl = bypassUrl + (hasQuery ? '&' : '?') + 'bypass=' + encodeURIComponent(BYPASS_SECRET);
+      }
+      
       errorDiv.innerHTML = '<div class="frame-error-icon">🔒</div>' + 
-                          '<div><strong>접근이 제한된 배포입니다</strong></div>' +
+                          '<div><strong>보호된 배포입니다</strong></div>' +
                           '<div>보안 설정으로 인해 iframe에서 표시할 수 없습니다</div>' +
-                          '<button class="frame-error-btn" onclick="window.open(\'' + url + '\', \'_blank\')">새 탭에서 열기</button>';
+                          '<button class="frame-error-btn" onclick="window.open(\'' + bypassUrl + '\', \'_blank\')">새 탭에서 열기</button>';
+      
       container.appendChild(errorDiv);
     }
 
     // iframe 로드 성공 처리
     function handleIframeLoad(iframe) {
       try {
-        // CORS 오류 탐지 시도 - 다른 도메인의 iframe 접근 시 예외 발생
+        // CORS 오류 탐지 시도
         if(iframe.contentWindow.location.href) {
           iframe.style.opacity = 1;
         }
       } catch (e) {
         // CORS 오류가 발생하면 handleIframeError 호출
-        console.log("CORS 오류 또는 접근 거부됨:", e);
+        console.log("CORS 오류 또는 보호된 배포:", e);
         handleIframeError(iframe);
       }
     }
 
     // iframe 로드 상태 확인
     document.addEventListener('DOMContentLoaded', function() {
+      // 자동화 우회 비밀키가 있으면 전역 변수로 설정
+      const bypassSecret = "BYPASS_SECRET_PLACEHOLDER";
+      if (bypassSecret && bypassSecret !== "BYPASS_SECRET_PLACEHOLDER") {
+        window.BYPASS_SECRET = bypassSecret;
+      }
+
       // 모든 iframe에 핸들러 추가
       const frames = document.querySelectorAll('iframe');
       frames.forEach(frame => {
-        // 오류 이벤트 리스너
+        // URL에 우회 파라미터 추가 (Protection Bypass)
+        if (window.BYPASS_SECRET) {
+          let url = frame.src;
+          const hasQuery = url.includes('?');
+          url = url + (hasQuery ? '&' : '?') + 'bypass=' + encodeURIComponent(window.BYPASS_SECRET);
+          frame.src = url;
+        }
+
+        // 이벤트 리스너 추가
         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);
@@ -248,19 +229,33 @@ def html(cards, pg, total):
     });
     </script>"""
     
-    h=css+"<div class='grid'>"
+    # 우회 비밀키가 있다면 JavaScript에 주입
+    bypass_script = ""
+    if BYPASS_SECRET:
+        bypass_script = f"<script>window.BYPASS_SECRET = '{BYPASS_SECRET}';</script>"
+        css = css.replace("BYPASS_SECRET_PLACEHOLDER", BYPASS_SECRET)
+    
+    h = css + bypass_script + "<div class='grid'>"
+    
     for c in cards:
         date=datetime.datetime.fromtimestamp(int(c["ts"])).strftime("%Y-%m-%d")
+        
+        # URL에 protection bypass 쿼리 파라미터 추가
+        url = c['url']
+        if BYPASS_SECRET:
+            url_separator = '&' if '?' in url else '?'
+            url = f"{url}{url_separator}bypass={BYPASS_SECRET}"
+            
         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"
+            <iframe src="{url}" loading="lazy"
                    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>
+          <div class='foot'><a class='link' href="{url}" target="_blank">원본↗</a></div>
         </div>"""
     h+="</div><p class='cnt'>Page "+str(pg)+" / "+str(total)+"</p>"
     return h