Update app-backup.py

app-backup.py

@@ -195,7 +195,7 @@ def get_space_card(space, index):
 def get_vercel_deployments():
     """Vercel API를 통해 배포된 서비스 정보 가져오기"""
     token = "A8IFZmgW2cqA4yUNlLPnci0N"
-    url = "https://api.vercel.com/v6/deployments"
+    url = "https://api.vercel.com/v6/deployments?limit=100"  # limit 파라미터 추가
     
     headers = {
         "Authorization": f"Bearer {token}",
@@ -223,23 +223,38 @@ def get_vercel_deployments():
         print(f"Error fetching Vercel deployments: {str(e)}")
         return []
 
+
 def get_vercel_card(deployment, index):
     """Generate HTML card for a Vercel deployment with like button"""
     raw_url = deployment.get('url', '')
-    project_name = raw_url[:6] if len(raw_url) >= 6 else raw_url
-    url = f"{project_name}.vercel.app"
+    
+    # URL 처리 로직 수정
+    if raw_url.startswith('http'):
+        url = raw_url  # 전체 URL이 제공된 경우 그대로 사용
+    else:
+        project_name = raw_url[:6] if len(raw_url) >= 6 else raw_url
+        url = f"{project_name}.vercel.app"
+    
+    # Hugging Face 스페이스 URL인 경우 직접 사용
+    if 'huggingface.co' in url:
+        final_url = url
+    else:
+        final_url = f"https://{url}" if not url.startswith('http') else url
     
     created = format_timestamp(deployment.get('created'))
     name = deployment.get('name', 'Unnamed Project')
     state = deployment.get('state', 'N/A')
     
     # 고유 ID 생성 (카드 식별용)
-    card_id = f"vercel-card-{project_name}"
+    card_id = f"vercel-card-{url.replace('.', '-').replace('/', '-')}"
+    
+
     
     bg_color = get_pastel_color(index + 20)
     tech_emojis = ['⚡', '🚀', '🌟', '✨', '💫', '🔥', '🌈', '🎯', '🎨', '🔮']
     random_emojis = random.sample(tech_emojis, 3)
-    
+
+
     return f"""
     <div id="{card_id}" class="vercel-card"
          data-likes="0"
@@ -254,28 +269,21 @@ def get_vercel_card(deployment, index):
                 overflow: hidden;'
          onmouseover='this.style.transform="translateY(-5px) scale(1.02)"; this.style.boxShadow="0 8px 25px rgba(0,0,0,0.15)"'
          onmouseout='this.style.transform="translateY(0) scale(1)"; this.style.boxShadow="0 4px 15px rgba(0,0,0,0.1)"'>
-        <div style='position: absolute; top: -15px; right: -15px; font-size: 100px; opacity: 0.1;'>
-            {random_emojis[0]}
-        </div>
-        <div style='position: absolute; top: 10px; right: 10px; font-size: 20px;'>
-            {random_emojis[1]}
-        </div>
-        <div style='position: absolute; bottom: 10px; left: 10px; font-size: 20px;'>
-            {random_emojis[2]}
-        </div>
-        <h3 style='color: #2d2d2d; 
-                   margin: 0 0 20px 0; 
-                   font-size: 1.4em;
-                   display: flex;
-                   align-items: center;
-                   gap: 10px;'>
-            <span style='font-size: 1.3em'>{random_emojis[0]}</span>
-            <a href='https://{url}' target='_blank' 
-               style='text-decoration: none; color: #2d2d2d;'>
-                {name}
-            </a>
-            <span style='font-size: 1.3em'>{random_emojis[1]}</span>
-        </h3>
+         <!-- ... (이전 코드와 동일) ... -->
+         <h3 style='color: #2d2d2d; 
+                    margin: 0 0 20px 0; 
+                    font-size: 1.4em;
+                    display: flex;
+                    align-items: center;
+                    gap: 10px;'>
+             <span style='font-size: 1.3em'>{random_emojis[0]}</span>
+             <a href='{final_url}' target='_blank' 
+                style='text-decoration: none; color: #2d2d2d;'>
+                 {name}
+             </a>
+             <span style='font-size: 1.3em'>{random_emojis[1]}</span>
+         </h3>    
+
         <div style='margin: 15px 0; color: #444; background: rgba(255,255,255,0.5); 
                     padding: 15px; border-radius: 12px;'>
             <p style='margin: 8px 0;'>
@@ -288,35 +296,228 @@ def get_vercel_card(deployment, index):
                 <strong>URL:</strong> 🔗 https://{url}
             </p>
         </div>
-        <div style='margin-top: 20px; display: flex; justify-content: space-between; align-items: center;'>
-            <div class="like-section" style="display: flex; align-items: center; gap: 10px;">
-                <button onclick="toggleLike('{card_id}')" class="like-button" 
-                        style="background: none; border: none; cursor: pointer; font-size: 1.5em; padding: 5px 10px;">
-                    🤍
-                </button>
-                <span class="like-count" style="font-size: 1.2em; color: #666;">0</span>
-            </div>
-            <a href='https://{url}' target='_blank' 
-               style='background: linear-gradient(45deg, #0084ff, #00a3ff);
-                      color: white; 
-                      padding: 10px 20px; 
-                      border-radius: 15px; 
-                      text-decoration: none; 
-                      display: inline-flex;
-                      align-items: center;
-                      gap: 8px;
-                      font-weight: 500; 
-                      transition: all 0.3s;
-                      box-shadow: 0 2px 8px rgba(0,132,255,0.3);'
-               onmouseover='this.style.transform="scale(1.05)"; this.style.boxShadow="0 4px 12px rgba(0,132,255,0.4)"'
-               onmouseout='this.style.transform="scale(1)"; this.style.boxShadow="0 2px 8px rgba(0,132,255,0.3)"'>
-                <span>View Deployment</span> 🚀 {random_emojis[0]}
-            </a>
-        </div>
+         <div style='margin-top: 20px; display: flex; justify-content: space-between; align-items: center;'>
+             <div class="like-section" style="display: flex; align-items: center; gap: 10px;">
+                 <button onclick="toggleLike('{card_id}')" class="like-button" 
+                         style="background: none; border: none; cursor: pointer; font-size: 1.5em; padding: 5px 10px;">
+                     🤍
+                 </button>
+                 <span class="like-count" style="font-size: 1.2em; color: #666;">0</span>
+             </div>
+             <a href='{final_url}' target='_blank' 
+                style='background: linear-gradient(45deg, #0084ff, #00a3ff);
+                       color: white; 
+                       padding: 10px 20px; 
+                       border-radius: 15px; 
+                       text-decoration: none; 
+                       display: inline-flex;
+                       align-items: center;
+                       gap: 8px;
+                       font-weight: 500; 
+                       transition: all 0.3s;
+                       box-shadow: 0 2px 8px rgba(0,132,255,0.3);'
+                onmouseover='this.style.transform="scale(1.05)"; this.style.boxShadow="0 4px 12px rgba(0,132,255,0.4)"'
+                onmouseout='this.style.transform="scale(1)"; this.style.boxShadow="0 2px 8px rgba(0,132,255,0.3)"'>
+                 <span>View Deployment</span> 🚀 {random_emojis[0]}
+             </a>
+         </div>
     </div>
     """
 
-# get_user_spaces 함수 수정
+# Top Best URLs 정의
+TOP_BEST_URLS = [
+    
+    {
+        "url": "dekvxz.vercel.app",
+        "name": "[게임] 다이어트 헌터",
+        "created": "2024-11-20 00:00",
+        "state": "READY"
+    },
+    {
+        "url": "jtufui.vercel.app",
+        "name": "[게임] 테러리스트",
+        "created": "2024-11-20 00:00",
+        "state": "READY"
+    },            
+    {
+        "url": "https://huggingface.co/spaces/openfree/ggumim",
+        "name": "[MOUSE-II] 이미지에 한글 출력",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },      
+    {
+        "url": "xabtnc.vercel.app",
+        "name": "[ChatGPT] 나만의 LLM",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "https://huggingface.co/spaces/openfree/ifbhdc",
+        "name": "[게임] 보석 팡팡",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },
+    {
+        "url": "nxhquk.vercel.app",
+        "name": "[게임] 테트리스",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "bydcnd.vercel.app",
+        "name": "[모델] 3D 분자 모형",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },   
+    {
+        "url": "ijhama.vercel.app",
+        "name": "투자 포트폴리오 분석",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "oschnl.vercel.app",
+        "name": "로또 번호 분석/추천",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },      
+    {
+        "url": "rzwzrq.vercel.app",
+        "name": "엑셀/CSV 데이터 분석",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },            
+    {
+        "url": "twkqre.vercel.app",
+        "name": "[운세] 타로카드",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "htwymz.vercel.app",
+        "name": "[게임] 소방헬기",
+        "created": "2024-11-20 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "mktmbn.vercel.app",
+        "name": "[게임] 우주전쟁",
+        "created": "2024-11-19 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "euguwt.vercel.app",
+        "name": "[게임] 포세이돈",
+        "created": "2024-11-19 00:00",
+        "state": "READY"
+    },    
+     {
+        "url": "qmdzoh.vercel.app",
+        "name": "[게임] 하늘을 지켜라",
+        "created": "2024-11-19 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "kofaqo.vercel.app",
+        "name": "[게임] 운석 충돌!",
+        "created": "2024-11-19 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "qoqqkq.vercel.app",
+        "name": "[게임] 두더쥐 잡기",
+        "created": "2024-11-19 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "nmznel.vercel.app",
+        "name": "[게임] 고양이 전용",
+        "created": "2024-11-19 00:00",
+        "state": "READY"
+    },    
+
+    
+    {
+        "url": "psrrtp.vercel.app",
+        "name": "[대시보드] 세계 인구",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },
+    {
+        "url": "xxloav.vercel.app",
+        "name": "[게임] 벽돌 깨기",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },
+    {
+        "url": "https://huggingface.co/spaces/openfree/edpaje",
+        "name": "[게임] 기억력 카드",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },
+    {
+        "url": "https://huggingface.co/spaces/openfree/ixtidb",
+        "name": "AI 요리사",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },    
+    
+    {
+        "url": "cnlzji.vercel.app",
+        "name": "국가 정보 비교",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },
+    {
+        "url": "fazely.vercel.app",
+        "name": "Wikipedia 지식 분석",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },
+    {
+        "url": "pkzhbo.vercel.app",
+        "name": "세계 국가별 시간대",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "pammgl.vercel.app",
+        "name": "보도자료 배포 서비스",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },       
+
+    
+    {
+        "url": "https://ktduhm.vercel.app/",
+        "name": "수학을 그래프로 이해",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },    
+
+
+    {
+        "url": "vjmfoy.vercel.app",
+        "name": "[게임] 3D 벽돌쌓기",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },  
+    {
+        "url": "aodakf.vercel.app",
+        "name": "[버추얼] 3D 가상현실",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    },    
+    {
+        "url": "mxoeue.vercel.app",
+        "name": "음성 생성(TTS),조정",
+        "created": "2024-11-18 00:00",
+        "state": "READY"
+    }
+]
+
+
+
 def get_user_spaces():
     # 기존 Hugging Face 스페이스 가져오기
     url = f"https://huggingface.co/api/spaces?author={USERNAME}&limit=500"
@@ -338,6 +539,9 @@ def get_user_spaces():
 
         # Vercel 배포 가져오기
         vercel_deployments = get_vercel_deployments()
+        
+        # 순수 Vercel 배포 수만 카운트
+        vercel_count = len(vercel_deployments) if vercel_deployments else 0
 
         html_content = f"""
         <div style='padding: 20px; background-color: #f5f5f5;'>
@@ -351,9 +555,17 @@ def get_user_spaces():
                     </a>
                 </p>
                 <p style='color: #666; margin: 0;'>
-                    Found {len(vercel_deployments)} Vercel deployments and {len(user_spaces)} Hugging Face spaces
+                    Found {vercel_count} Vercel deployments and {len(user_spaces)} Hugging Face spaces
                 </p>
             </div>
+
+            
+            <!-- Top Best -->
+            <h3 style='color: #333; margin: 20px 0;'>🏆 Top Best</h3>
+            <div style='display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;'>
+                {"".join(get_vercel_card({"url": url["url"], "created": url["created"], "name": url["name"], "state": url["state"]}, idx) 
+                        for idx, url in enumerate(TOP_BEST_URLS))}
+            </div>
             
             <!-- Vercel Deployments -->
             <h3 style='color: #333; margin: 20px 0;'>⚡ Vercel Deployments</h3>
@@ -367,6 +579,7 @@ def get_user_spaces():
                 {"".join(get_space_card(space, idx) for idx, space in enumerate(user_spaces))}
             </div>
         </div>
+        
         <script>
         document.addEventListener('DOMContentLoaded', function() {{
             // 좋아요 상태 로드
@@ -420,6 +633,7 @@ def get_user_spaces():
         </script>
         """
 
+        
         return html_content
 
     except Exception as e:
@@ -431,7 +645,7 @@ def get_user_spaces():
             <p>Please try again later.</p>
         </div>
         """
-
+        
 # Creating the Gradio interface
 demo = gr.Blocks()