Update app.py

app.py

@@ -1,175 +1,154 @@
-import os, time, json, datetime, requests, gradio as gr
 
 # ──────────────────────────────────────────────────────────
+import os, time, json, datetime, requests, gradio as gr
+
 # 1. Vercel API 설정
-VERCEL_API_TOKEN = os.getenv("SVR_TOKEN")
-VERCEL_TEAM_ID   = os.getenv("VERCEL_TEAM_ID")  # 개인 계정이면 None
-if not VERCEL_API_TOKEN:
+TOKEN = os.getenv("SVR_TOKEN")            # 필수
+TEAM  = os.getenv("VERCEL_TEAM_ID")       # 팀 계정이면 지정
+if not TOKEN:
     raise EnvironmentError("SVR_TOKEN 환경변수를 설정하세요.")
+API   = "https://api.vercel.com"
+HEAD  = {"Authorization": f"Bearer {TOKEN}"}
 
-API_BASE = "https://api.vercel.com"
-HEADERS  = {"Authorization": f"Bearer {VERCEL_API_TOKEN}"}
-
-# ──────────────────────────────────────────────────────────
-# 2. BEST 탭 파일 / 상수
-BEST_FILE     = "best_games.json"
-CARDS_PER_PG  = 48
-
-def init_best():
+# 2. BEST 탭 데이터
+BEST_FILE  = "best_games.json"
+PER_PAGE   = 48
+def _init_best():
     if not os.path.exists(BEST_FILE):
         json.dump([], open(BEST_FILE, "w"))
-
-def load_best():
+def _load_best():
     try:
         return json.load(open(BEST_FILE))
     except Exception:
         return []
 
-# ──────────────────────────────────────────────────────────
-# 3. 모든 프로젝트 최신 배포 가져오기
-def fetch_deployments(limit=100):
+# 3. 모든 배포 가져오기 (v6)
+def fetch_all(limit=200):
     try:
         params = {"limit": limit}
-        if VERCEL_TEAM_ID:
-            params["teamId"] = VERCEL_TEAM_ID
-        r = requests.get(f"{API_BASE}/v13/deployments",
-                         headers=HEADERS, params=params, timeout=30)
+        if TEAM:
+            params["teamId"] = TEAM
+        r = requests.get(f"{API}/v6/deployments",
+                         headers=HEAD, params=params, timeout=30)
         r.raise_for_status()
 
-        games = []
+        out = []
         for d in r.json().get("deployments", []):
             if d.get("state") != "READY":
                 continue
-            ts = int(d.get("createdAt", time.time()*1000) / 1000)
-            games.append({
-                "title"      : d.get("name", "(제목 없음)"),
-                "description": f"프로젝트: {d.get('name')}",
-                "url"        : f"https://{d.get('url')}",
-                "timestamp"  : ts,
+            created_ms = d.get("created", time.time()*1000)
+            url_host   = d.get("url", "")
+            url_full   = url_host if url_host.startswith("http") else f"https://{url_host}"
+            out.append({
+                "title": d.get("name", "(제목 없음)"),
+                "url"  : url_full,
+                "ts"   : int(created_ms / 1000)
             })
-        return sorted(games, key=lambda x: x["timestamp"], reverse=True)
+        return sorted(out, key=lambda x: x["ts"], reverse=True)
     except Exception as e:
         print("Vercel API 오류:", e)
         return []
 
-# ──────────────────────────────────────────────────────────
-def paginate(lst, page):
-    s = (page-1) * CARDS_PER_PG
-    e = s + CARDS_PER_PG
-    total = (len(lst) + CARDS_PER_PG - 1)//CARDS_PER_PG
+# 4. 페이지네이션
+def page(lst, pg):
+    s = (pg-1)*PER_PAGE
+    e = s + PER_PAGE
+    total = (len(lst)+PER_PAGE-1)//PER_PAGE
     return lst[s:e], total
 
-# ──────────────────────────────────────────────────────────
-# 4. HTML 생성 (파스텔 스타일, 가로 100 %)
-def make_html(cards, page, total):
+# 5. HTML (3-열 그리드, 반응형)
+def html(cards, pg, total):
     if not cards:
-        return "<div style='text-align:center;padding:80px;font-size:1.1rem;color:#555;'>표시할 배포가 없습니다.</div>"
+        return "<div style='text-align:center;padding:70px;color:#555;'>표시할 배포가 없습니다.</div>"
 
-    css = """
+    css = r"""
     <style>
-    body{margin:0;padding:0;font-family:'Poppins',sans-serif;background:linear-gradient(135deg,#C5E8FF 0%,#FFD6E0 100%);}
-    .grid{display:grid;grid-template-columns:1fr;gap:40px;padding-bottom:60px}
-    .card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.08);transition:.3s}
-    .card:hover{transform:translateY(-8px);box-shadow:0 25px 45px rgba(0,0,0,.12)}
-    .header{padding:24px 28px;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);border-bottom:1px solid #eee}
-    .title{margin:0;font-size:1.25rem;font-weight:700;color:#333}
-    .date{font-size:.9rem;color:#777;margin-top:4px}
-    .frame{position:relative;width:100%;padding-top:56.25%;overflow:hidden}
-    .frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
-    .footer{padding:16px 28px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);text-align:right}
-    .link{font-size:.9rem;font-weight:600;color:#4a6dd8;text-decoration:none}
-    .pager{display:flex;justify-content:center;gap:16px;margin:20px 0}
-    .btn{border:none;background:#fff;padding:10px 24px;border-radius:12px;font-weight:600;
-         box-shadow:0 4px 12px rgba(0,0,0,.05);cursor:pointer;transition:.25s}
-    .btn:hover{background:#f1e8ff}
-    .btn:disabled{opacity:.4;cursor:default}
-    .count{font-size:.85rem;color:#555;text-align:center;margin-top:-4px}
+    body{margin:0;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#C5E8FF 0%,#FFD6E0 100%);}
+    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;margin:0 20px 60px;}
+    @media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr);} }
+    @media(max-width:640px){ .grid{grid-template-columns:1fr;} }
+    .card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.3s}
+    .card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.12)}
+    .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;}
+    .frame iframe{position:absolute;top:0;left:0;width:142.857%;height:142.857%;
+                  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>
     """
-
-    html = css + "<div class='grid'>"
+    h = css + "<div class='grid'>"
     for c in cards:
-        date = datetime.datetime.fromtimestamp(c["timestamp"]).strftime("%Y-%m-%d")
-        html += f"""
+        date = datetime.datetime.fromtimestamp(c["ts"]).strftime("%Y-%m-%d")
+        h += f"""
         <div class='card'>
-          <div class='header'>
-            <p class='title'>{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='footer'>
-            <a href="{c['url']}" target="_blank" class='link'>원본 사이트 ↗</a>
-          </div>
-        </div>
-        """
-    html += "</div>"
-    html += f"<p class='count'>Page {page} / {total}</p>"
-    return html
-
-# ──────────────────────────────────────────────────────────
-def build_app():
-    init_best()
-
+          <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='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 UI
+def build():
+    _init_best()
     with gr.Blocks(title="Vibe Game Craft", css="body{overflow-x:hidden;}") as demo:
-        gr.Markdown("<h1 style='text-align:center;padding:30px 0;color:#333;'>🎮 Vibe Game Craft</h1>")
+        gr.Markdown("<h1 style='text-align:center;padding:32px 0 0;color:#333;'>🎮 Vibe Game Craft</h1>")
 
         with gr.Row():
-            btn_new   = gr.Button("NEW", size="sm")
-            btn_best  = gr.Button("BEST", size="sm")
-            btn_prev  = gr.Button("⬅️ Prev", size="sm")
-            btn_next  = gr.Button("Next ➡️", size="sm")
-            btn_ref   = gr.Button("🔄 Reload", size="sm")
-
-        tab   = gr.State("new")
-        np    = gr.State(1)
-        bp    = gr.State(1)
-        out   = gr.HTML()
-
-        # 콜백  ────────────────────────────────────────────
+            b_new  = gr.Button("NEW",  size="sm")
+            b_best = gr.Button("BEST", size="sm")
+            b_prev = gr.Button("⬅️ Prev", size="sm")
+            b_next = gr.Button("Next ➡️", size="sm")
+            b_ref  = gr.Button("🔄 Reload", size="sm")
+
+        tab = gr.State("new")   # "new" / "best"
+        np  = gr.State(1)       # NEW 페이지
+        bp  = gr.State(1)       # BEST 페이지
+        out = gr.HTML()
+
+        # NEW / BEST 렌더
         def show_new(p=1):
-            cards, total = paginate(fetch_deployments(), p)
-            return make_html(cards, p, total), "new", p
-
+            data, tot = page(fetch_all(), p)
+            return html(data, p, tot), "new", p
         def show_best(p=1):
-            cards, total = paginate(load_best(), p)
-            return make_html(cards, p, total), "best", p
+            data, tot = page(_load_best(), p)
+            return html(data, p, tot), "best", p
 
-        def prev(t, cp_n, cp_b):
+        # Prev / Next
+        def prev(t, n, b):
             if t=="new":
-                cp_n = max(1, cp_n-1); html, _,_ = show_new(cp_n)
-                return html, cp_n, cp_b
-            cp_b = max(1, cp_b-1); html, _,_ = show_best(cp_b)
-            return html, cp_n, cp_b
-
-        def nxt(t, cp_n, cp_b):
+                n=max(1,n-1); h,_,_ = show_new(n); return h, n, b
+            b=max(1,b-1); h,_,_ = show_best(b); return h, n, b
+        def nxt(t, n, b):
             if t=="new":
-                max_pg = (len(fetch_deployments())+CARDS_PER_PG-1)//CARDS_PER_PG
-                cp_n = min(max_pg, cp_n+1); html, _,_ = show_new(cp_n)
-                return html, cp_n, cp_b
-            max_pg = (len(load_best())+CARDS_PER_PG-1)//CARDS_PER_PG
-            cp_b = min(max_pg, cp_b+1); html, _,_ = show_best(cp_b)
-            return html, cp_n, cp_b
-
-        def refresh(t, cp_n, cp_b):
-            return show_new(cp_n)[0] if t=="new" else show_best(cp_b)[0]
-
-        # ⦿ 버튼 연결
-        btn_new.click(show_new,  outputs=[out, tab, np])
-        btn_best.click(show_best, outputs=[out, tab, bp])
-        btn_prev.click(prev, inputs=[tab, np, bp], outputs=[out, np, bp])
-        btn_next.click(nxt, inputs=[tab, np, bp], outputs=[out, np, bp])
-        btn_ref.click(refresh, inputs=[tab, np, bp], outputs=[out])
-
-        # 초기 로드
+                maxp=(len(fetch_all())+PER_PAGE-1)//PER_PAGE
+                n=min(maxp,n+1); h,_,_ = show_new(n); return h, n, b
+            maxp=(len(_load_best())+PER_PAGE-1)//PER_PAGE
+            b=min(maxp,b+1); h,_,_ = show_best(b); return h, n, b
+
+        # Reload
+        def reload(t, n, b):
+            return show_new(n)[0] if t=="new" else show_best(b)[0]
+
+        # 버튼 연결
+        b_new.click(show_new,  outputs=[out, tab, np])
+        b_best.click(show_best, outputs=[out, tab, bp])
+        b_prev.click(prev,     inputs=[tab, np, bp], outputs=[out, np, bp])
+        b_next.click(nxt,      inputs=[tab, np, bp], outputs=[out, np, bp])
+        b_ref.click(reload,    inputs=[tab, np, bp], outputs=[out])
+
+        # 초기 로드 — NEW 1페이지
         demo.load(show_new, outputs=[out, tab, np])
 
     return demo
 
-# ──────────────────────────────────────────────────────────
-app = build_app()
+# 7. 실행
+app = build()
 
 if __name__ == "__main__":
     app.launch()