Update app.py

app.py

@@ -134,13 +134,9 @@ def html(cards, pg, total):
     .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{position:relative;width:100%;padding-top:60%;overflow:hidden;background:#f7f7f7;}
     .frame iframe{position:absolute;top:0;left:0;width:142.857%;height:142.857%;
                   transform:scale(.7);transform-origin:top left;border:0;opacity:0;transition:opacity 0.3s;}
-    .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;}
-    /* 추가 - iframe 오류 상태 처리 */
     .frame-error {position:absolute;top:0;left:0;width:100%;height:100%;
                   display:flex;align-items:center;justify-content:center;
                   background:#f8f8f8;color:#666;font-size:14px;text-align:center;
@@ -150,116 +146,73 @@ def html(cards, pg, total):
                       border-radius:20px;font-size:12px;cursor:pointer;border:none;
                       transition:all 0.2s ease;}
     .frame-error-btn:hover {background:#3a5dc8;transform:scale(1.05);}
+    .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>
 
     <script>
-    // iframe 로드 오류 처리 함수
-    function handleIframeError(iframe) {
-      const container = iframe.parentNode;
-      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);
+    document.addEventListener('DOMContentLoaded', function() {
+      // iframe 로드 오류 처리 함수
+      function handleIframeError(iframe) {
+        const container = iframe.parentNode;
+        const url = iframe.src;
+        iframe.style.display = 'none';
+        const errorDiv = document.createElement('div');
+        errorDiv.className = 'frame-error';
+        errorDiv.innerHTML = '<div class="frame-error-icon">🎮</div>' + 
+                            '<div><strong>미리보기를 표시할 수 없습니다</strong></div>' +
+                            '<div>새 탭에서 직접 확인해보세요</div>' +
+                            '<button class="frame-error-btn" onclick="window.open(\'' + url + '\', \'_blank\')">게임 열기</button>';
+        container.appendChild(errorDiv);
       }
       
-      errorDiv.innerHTML = '<div class="frame-error-icon">🔒</div>' + 
-                          '<div><strong>보호된 배포입니다</strong></div>' +
-                          '<div>보안 설정으로 인해 iframe에서 표시할 수 없습니다</div>' +
-                          '<button class="frame-error-btn" onclick="window.open(\'' + bypassUrl + '\', \'_blank\')">새 탭에서 열기</button>';
-      
-      container.appendChild(errorDiv);
-    }
-
-    // iframe 로드 성공 처리
-    function handleIframeLoad(iframe) {
-      try {
-        // CORS 오류 탐지 시도
-        if(iframe.contentWindow.location.href) {
-          iframe.style.opacity = 1;
+      // iframe 로드 성공 처리
+      function handleIframeLoad(iframe) {
+        try {
+          // CORS 오류 탐지 시도
+          if (iframe.contentWindow && iframe.contentWindow.location && iframe.contentWindow.location.href) {
+            iframe.style.opacity = 1;
+          } else {
+            handleIframeError(iframe);
+          }
+        } catch (e) {
+          handleIframeError(iframe);
         }
-      } catch (e) {
-        // CORS 오류가 발생하면 handleIframeError 호출
-        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에 핸들러 추가
+      
+      // 모든 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() {
-          handleIframeError(this);
-        });
+        // iframe이 처음부터 보이도록 기본 오류 UI 표시
+        handleIframeError(frame);
         
+        // 실제 iframe 로드 시도
         frame.addEventListener('load', function() {
           handleIframeLoad(this);
         });
         
-        // 5초 후에도 로드되지 않으면 오류로 간주
-        setTimeout(function() {
-          if(frame.style.opacity !== '1') {
-            handleIframeError(frame);
-          }
-        }, 5000);
+        frame.addEventListener('error', function() {
+          handleIframeError(this);
+        });
       });
     });
     </script>"""
     
-    # 우회 비밀키가 있다면 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'>"
-    
+    h=css+"<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="{url}" loading="lazy"
-                   referrerpolicy="no-referrer"
-                   sandbox="allow-scripts allow-same-origin allow-forms"
+            <iframe src="{c['url']}" loading="lazy"
                    allow="accelerometer; camera; encrypted-media; gyroscope;"></iframe>
           </div>
-          <div class='foot'><a class='link' href="{url}" target="_blank">원본↗</a></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 Blocks UI ───────────────
 def build():
     _init_best()