Update app.py

app.py

@@ -70,7 +70,21 @@ def page(lst, pg):
     total = (len(lst) + PER_PAGE - 1) // PER_PAGE
     return lst[s:e], total
 
-# ───────────────────── 5. HTML 그리드 ───────────────────
+# ───────────────────── 5. URL 처리 함수 ─────────────────────
+def process_url_for_iframe(url):
+    """URL을 iframe에 표시하기 적합한 형태로 변환합니다."""
+    # 허깅페이스 URL 처리
+    if "huggingface.co/spaces" in url:
+        # 이미 /embed로 끝나는지 확인
+        if not url.endswith("/embed"):
+            # URL에서 trailing slash 제거
+            url = url.rstrip("/")
+            # /embed 추가
+            url = f"{url}/embed"
+    
+    return url
+
+# ───────────────────── 6. HTML 그리드 ───────────────────
 def html(cards, pg, total):
     if not cards:
         return "<div style='text-align:center;padding:70px;color:#555;'>표시할 배포가 없습니다.</div>"
@@ -146,6 +160,12 @@ def html(cards, pg, total):
         transform-origin: top left;
         border: 0;
     }
+    /* 허깅페이스 iframe 특별 스타일 */
+    .frame.huggingface iframe {
+        width: 100%;
+        height: 100%;
+        transform: none;
+    }
     .foot {
         padding: 6px 12px;
         background: rgba(255,255,255,.95);
@@ -216,12 +236,21 @@ def html(cards, pg, total):
     
     for c in cards:
         date = datetime.datetime.fromtimestamp(int(c["ts"])).strftime("%Y-%m-%d")
+        
+        # URL 처리: 허깅페이스 URL인 경우 특별 처리
+        url = c['url']
+        iframe_url = process_url_for_iframe(url)
+        
+        # 허깅페이스 URL에 특별 클래스 추가
+        frame_class = "frame huggingface" if "huggingface.co" in url else "frame"
+        
         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="foot"><a class="link" href="{c['url']}" target="_blank">원본↗</a></div>
+          <div class="{frame_class}"><iframe src="{iframe_url}" loading="lazy"
+               allow="accelerometer; camera; encrypted-media; gyroscope; microphone;"
+               sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe></div>
+          <div class="foot"><a class="link" href="{url}" target="_blank">원본↗</a></div>
         </div>"""
     
     h += """
@@ -234,7 +263,7 @@ def html(cards, pg, total):
     
     return h
 
-# ───────────────────── 6. Gradio Blocks UI ───────────────────
+# ───────────────────── 7. Gradio Blocks UI ─────────────────────
 def build():
     _init_best()
     with gr.Blocks(title="Vibe Game Craft", css="""