Update app.py

app.py

@@ -1,4 +1,4 @@
-import os, json, time, datetime, requests, gradio as gr
+import os, json, time, datetime, requests, gradio as gr, re
 
 # ───────────────────── 1. 기본 설정 ─────────────────────
 BEST_FILE, PER_PAGE = "best_games.json", 9          # ❶ 페이지당 9개 유지
@@ -41,11 +41,24 @@ def page(lst, pg):
     return lst[s:e], total
 
 def process_url_for_iframe(url):
-    # Hugging Face Spaces embed 우선
+    """
+    반환: (iframe_url, extra_class, alternate_urls)
+      extra_class : '' | 'huggingface' | 'hfspace'
+    """
+    # Hugging Face Spaces embed (Gradio/Streamlit)
     if "huggingface.co/spaces" in url:
         owner, name = url.rstrip("/").split("/spaces/")[1].split("/")[:2]
-        return f"https://huggingface.co/spaces/{owner}/{name}/embed", True, []
-    return url, False, []
+        return f"https://huggingface.co/spaces/{owner}/{name}/embed", "huggingface", []
+
+    # *.hf.space (정적/static Space 포함)
+    m = re.match(r"https?://([^/]+)\.hf\.space(/.*)?", url)
+    if m:
+        sub, rest = m.groups()
+        static_url = f"https://{sub}.static.hf.space{rest or ''}"
+        # alt_urls 에 원본 저장(실패 시 재시도 가능)
+        return static_url, "hfspace", [url]
+
+    return url, "", []
 
 # ───────────────────── 6. HTML 그리드 ───────────────────
 def html(cards, pg, total):
@@ -61,14 +74,12 @@ def html(cards, pg, total):
         background-attachment:fixed;
         overflow-x:hidden;overflow-y:auto;
     }
-
     .container{width:100%;padding:10px 10px 70px;box-sizing:border-box;}
     .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;}
     .card{
         background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.08);
         height:420px;display:flex;flex-direction:column;position:relative;
     }
-
     /* 게임 화면 축소 */
     .frame{flex:1;position:relative;overflow:hidden;}
     .frame iframe{
@@ -76,13 +87,21 @@ def html(cards, pg, total):
         width:166.667%;height:166.667%;
         transform:scale(0.6);transform-origin:top left;border:0;
     }
-    .frame.huggingface iframe{width:100%!important;height:100%!important;transform:none!important;border:none!important;}
-
+    /* Gradio/Streamlit Embed용 */
+    .frame.huggingface iframe{
+        width:100%!important;height:100%!important;
+        transform:none!important;border:none!important;
+    }
+    /* hf.space 전체 페이지용 - 한 번 더 축소 */
+    .frame.hfspace iframe{
+        width:200%;height:200%;
+        transform:scale(0.5);
+        transform-origin:top left;border:0;
+    }
     /* 하단 바로가기 */
     .foot{height:34px;display:flex;align-items:center;justify-content:center;background:#fafafa;border-top:1px solid #eee;}
     .foot a{font-size:0.85rem;font-weight:600;color:#4a6dd8;text-decoration:none;}
     .foot a:hover{text-decoration:underline;}
-
     /* 반응형 높이 */
     @media(min-width:1200px){.card{height:560px;}}
     @media(max-width:767px){
@@ -99,8 +118,8 @@ def html(cards, pg, total):
 
     h = css + js + '<div class="container"><div class="grid">'
     for idx, url in enumerate(cards):
-        iframe_url, is_huggingface, alt_urls = process_url_for_iframe(url)
-        frame_class = "frame huggingface" if is_huggingface else "frame"
+        iframe_url, extra_cls, alt_urls = process_url_for_iframe(url)
+        frame_class = f"frame {extra_cls}".strip()
         iframe_id = f"iframe-{idx}-{hash(url)%10000}"
         alt_attr = f'data-alternate-urls="{",".join(alt_urls)}"' if alt_urls else ""
         h += f"""