Create app.py

app.py

@@ -0,0 +1,215 @@
+import os, re, time, json, datetime, requests, gradio as gr
+
+# ───────────────────── 1. 기본 설정 ─────────────────────
+BEST_FILE, PER_PAGE = "best_games.json", 9
+
+# ───────────────────── 2. BEST 데이터 ────────────────────
+def _init_best():
+    if not os.path.exists(BEST_FILE):
+        json.dump([], open(BEST_FILE, "w"), ensure_ascii=False)
+
+def _load_best():
+    """best_games.json →  ["https://foo.vercel.app", ...]  형태로 로드"""
+    try:
+        raw = json.load(open(BEST_FILE))
+        if isinstance(raw, list):
+            urls = []
+            for it in raw:
+                if isinstance(it, str):
+                    urls.append(it)
+                elif isinstance(it, dict) and "url" in it:
+                    urls.append(it["url"])
+            return urls
+        return []
+    except Exception as e:
+        print(f"BEST 데이터 로드 오류: {e}")
+        return []
+
+def _save_best(url_list: list[str]) -> bool:
+    try:
+        json.dump(url_list, open(BEST_FILE, "w"), ensure_ascii=False, indent=2)
+        return True
+    except Exception as e:
+        print(f"BEST 데이터 저장 오류: {e}")
+        return False
+
+# ───────────────────── 3. URL 추가 기능 ─────────────────────
+def add_url_to_best(url: str) -> bool:
+    try:
+        data = _load_best()
+        if url in data:
+            print("이미 존재:", url)
+            return False
+        data.insert(0, url)
+        return _save_best(data)
+    except Exception as e:
+        print("URL 추가 오류:", e)
+        return False
+
+# ───────────────────── 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
+
+# ───────────────────── 5. URL → iframe 변환 ───────────────
+def process_url_for_iframe(url):
+    is_huggingface = False
+    embed_urls = []
+    if "huggingface.co/spaces" in url:
+        is_huggingface = True
+        base_url = url.rstrip("/")
+        try:
+            path = base_url.split("/spaces/")[1]
+            owner, *rest = path.split("/")
+            if rest:
+                name = rest[0]
+                clean_owner = owner.lower()
+                clean_name  = name.replace('.', '-').replace('_', '-').lower()
+                embed_urls.append(f"https://huggingface.co/spaces/{owner}/{name}/embed")
+                embed_urls.append(f"https://{clean_owner}-{clean_name}.hf.space")
+            else:
+                embed_urls.append(f"https://huggingface.co/spaces/{owner}/embed")
+        except Exception:
+            if not base_url.endswith("/embed"):
+                embed_urls.append(f"{base_url}/embed")
+            else:
+                embed_urls.append(base_url)
+    elif ".hf.space" in url:
+        is_huggingface = True
+        embed_urls.append(url)
+    else:
+        return url, False, []
+    primary = embed_urls[0] if embed_urls else url
+    return primary, is_huggingface, embed_urls[1:]
+
+# ───────────────────── 6. HTML 렌더 ───────────────────────
+def html(urls, pg, total):
+    if not urls:
+        return "<div style='text-align:center;padding:70px;color:#555;'>표시할 배포가 없습니다.</div>"
+
+    css = r"""
+    <style>
+      body{margin:0;font-family:Poppins,sans-serif;background:#f4f5f7;}
+      .container{padding:16px;}
+      .grid{
+          display:grid;
+          grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
+          gap:16px;
+      }
+      .card{
+          background:#fff;
+          border-radius:10px;
+          overflow:hidden;
+          box-shadow:0 2px 8px rgba(0,0,0,.05);
+          transition:transform .2s;
+      }
+      .card:hover{transform:translateY(-4px);}
+      .frame{position:relative;width:100%;padding-top:56.25%;}
+      .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
+      .frame.huggingface iframe{padding:0;margin:0;}
+      .page-info{text-align:center;color:#777;margin:12px 0;}
+    </style>"""
+
+    js = """
+    <script>
+    function handleIframeError(id, alternates, origin){
+        const f=document.getElementById(id); if(!f)return;
+        f.onerror=()=>tryNext(id, alternates, origin);
+        f.onload=()=>setTimeout(()=>{if(f.offsetWidth===0||f.offsetHeight===0)tryNext(id, alternates, origin);},4000);
+    }
+    function tryNext(id, alternates, origin){
+        const f=document.getElementById(id); if(!f)return;
+        if(alternates.length){
+            f.src=alternates.shift();
+            handleIframeError(id, alternates, origin);
+        }else{
+            f.parentNode.innerHTML='<div style="display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;color:#999;">로드 실패 ↗</div>';
+        }
+    }
+    window.addEventListener('load',()=>{
+        document.querySelectorAll('.huggingface iframe').forEach(f=>{
+            const id=f.id;
+            const alt=(f.getAttribute('data-alt')||'').split(',').filter(Boolean);
+            if(id&&alt.length)handleIframeError(id,alt,f.src);
+        });
+    });
+    </script>"""
+
+    body = '<div class="container"><div class="grid">'
+    for i, url in enumerate(urls):
+        iframe_url, is_hf, alt = process_url_for_iframe(url)
+        frame_cls = "frame huggingface" if is_hf else "frame"
+        iframe_id = f"f{i}"
+        alt_attr  = f'data-alt="{",".join(alt)}"' if alt else ""
+        body += f"""
+        <div class="card">
+          <div class="{frame_cls}">
+            <iframe id="{iframe_id}" src="{iframe_url}" loading="lazy" {alt_attr}></iframe>
+          </div>
+        </div>"""
+    body += "</div></div>"
+    page_info = f'<div class="page-info">Page {pg} / {total}</div>'
+    return css + js + body + page_info
+
+# ───────────────────── 7. UI ─────────────────────────────
+def build():
+    _init_best()
+
+    header_html = """
+    <style>
+      .app-header{text-align:center;padding:16px 0 8px;margin:0;position:sticky;top:0;background:#fff;z-index:1100;border-bottom:1px solid #eee;}
+      .badge-row{display:inline-flex;gap:8px;margin:8px 0;}
+    </style>
+    <div class="app-header">
+        <h1 style="margin:0;font-size:28px;">🎮 Vibe Game Gallery</h1>
+        <div class="badge-row">
+            <a href="https://huggingface.co/spaces/openfree/Vibe-Game" target="_blank"><img src="https://img.shields.io/static/v1?label=huggingface&message=Vibe%20Game%20Craft&color=%23800080&labelColor=%23ffa500&logo=huggingface&logoColor=%23ffff00&style=for-the-badge"></a>
+            <a href="https://huggingface.co/spaces/openfree/Game-Gallery" target="_blank"><img src="https://img.shields.io/static/v1?label=huggingface&message=Game%20Gallery&color=%23800080&labelColor=%23ffa500&logo=huggingface&logoColor=%23ffff00&style=for-the-badge"></a>
+            <a href="https://discord.gg/openfreeai" target="_blank"><img src="https://img.shields.io/static/v1?label=Discord&message=Openfree%20AI&color=%230000ff&labelColor=%23800080&logo=discord&logoColor=white&style=for-the-badge"></a>
+        </div>
+    </div>
+    """
+
+    css_global = """
+    footer{display:none !important;}
+    .button-row{position:fixed;bottom:0;left:0;right:0;height:60px;background:#f0f0f0;padding:10px;text-align:center;box-shadow:0 -2px 10px rgba(0,0,0,.05);z-index:1000;}
+    .button-row button{margin:0 10px;padding:10px 20px;font-size:16px;font-weight:bold;border-radius:50px;}
+    #content-area{overflow-y:auto;height:calc(100vh - 60px - 120px);}
+    """
+
+    with gr.Blocks(title="Vibe Game Gallery", css=css_global) as demo:
+        gr.HTML(header_html)
+        out = gr.HTML(elem_id="content-area")
+        with gr.Row(elem_classes="button-row"):
+            b_prev = gr.Button("◀ 이전", size="lg")
+            b_next = gr.Button("다음 ▶", size="lg")
+
+        bp = gr.State(1)
+
+        def show_best(p=1):
+            d, t = page(_load_best(), p)
+            return html(d, p, t), p
+
+        def prev(b):
+            b = max(1, b-1)
+            h, _ = show_best(b)
+            return h, b
+
+        def nxt(b):
+            maxp = (len(_load_best()) + PER_PAGE - 1) // PER_PAGE
+            b = min(maxp, b+1)
+            h, _ = show_best(b)
+            return h, b
+
+        b_prev.click(prev, inputs=[bp], outputs=[out, bp])
+        b_next.click(nxt,  inputs=[bp], outputs=[out, bp])
+        demo.load(show_best, outputs=[out, bp])
+
+    return demo
+
+app = build()
+
+if __name__ == "__main__":
+    app.launch()