Update app.py

app.py

@@ -180,7 +180,109 @@ def get_space_card(space, index):
     </div>
     """
 
+def get_vercel_deployments():
+    """Vercel API를 통해 배포된 서비스 정보 가져오기"""
+    token = "A8IFZmgW2cqA4yUNlLPnci0N"
+    url = "https://api.vercel.com/v6/deployments"
+    
+    headers = {
+        "Authorization": f"Bearer {token}",
+        "Content-Type": "application/json"
+    }
+    
+    try:
+        response = requests.get(url, headers=headers)
+        if response.status_code != 200:
+            print(f"Vercel API Error: {response.text}")
+            return []
+            
+        deployments = response.json().get('deployments', [])
+        
+        # 상태가 'READY'이고 'url'이 있는 배포만 필터링
+        active_deployments = [
+            dep for dep in deployments 
+            if dep.get('state') == 'READY' and dep.get('url')
+        ]
+        
+        return active_deployments
+    except Exception as e:
+        print(f"Error fetching Vercel deployments: {str(e)}")
+        return []
+
+def get_vercel_card(deployment, index):
+    """Generate HTML card for a Vercel deployment"""
+    url = deployment.get('url', '')
+    created = format_timestamp(deployment.get('created'))
+    name = deployment.get('name', 'Unnamed Project')
+    state = deployment.get('state', 'N/A')
+    
+    bg_color = get_pastel_color(index + 20)  # 기존 색상과 겹치지 않도록 인덱스 조정
+    
+    # 랜덤 이모지 선택
+    tech_emojis = ['⚡', '🚀', '🌟', '✨', '💫', '🔥', '🌈', '🎯', '🎨', '🔮']
+    random_emojis = random.sample(tech_emojis, 3)
+    
+    return f"""
+    <div style='border: none; 
+                padding: 25px; 
+                margin: 15px; 
+                border-radius: 20px; 
+                background-color: {bg_color};
+                box-shadow: 0 4px 15px rgba(0,0,0,0.1);
+                transition: all 0.3s ease-in-out;
+                position: relative;
+                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>
+        <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[1]}</span>
+            <a href='https://{url}' target='_blank' 
+               style='text-decoration: none; color: #2d2d2d;'>
+                {name}
+            </a>
+            <span style='font-size: 1.3em'>{random_emojis[2]}</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;'>
+                <strong>Status:</strong> ✅ {state}
+            </p>
+            <p style='margin: 8px 0;'>
+                <strong>Created:</strong> 📅 {created}
+            </p>
+        </div>
+        <div style='margin-top: 20px;'>
+            <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> 🚀
+            </a>
+        </div>
+    </div>
+    """
+
+# get_user_spaces 함수 수정
 def get_user_spaces():
+    # 기존 Hugging Face 스페이스 가져오기
     url = f"https://huggingface.co/api/spaces?author={USERNAME}&limit=500"
     headers = {
         "Accept": "application/json",
@@ -188,14 +290,9 @@ def get_user_spaces():
     }
 
     try:
+        # Hugging Face 스페이스 가져오기
         response = requests.get(url, headers=headers)
-        print(f"Status Code: {response.status_code}")
-        print(f"Response length: {len(response.json()) if response.status_code == 200 else 'N/A'}")
-
-        if response.status_code != 200:
-            return f"Error: Failed to fetch spaces (Status Code: {response.status_code})"
-
-        spaces_data = response.json()
+        spaces_data = response.json() if response.status_code == 200 else []
         
         # 제외할 스페이스 필터링
         user_spaces = [
@@ -203,16 +300,8 @@ def get_user_spaces():
             if not should_exclude_space(space.get('id', '').split('/')[-1])
         ]
 
-        if not user_spaces:
-            return f"""
-            <div style='padding: 20px; text-align: center; color: #666;'>
-                <h2>No public Spaces found for user: {USERNAME}</h2>
-                <p>Try visiting: <a href='https://huggingface.co/{USERNAME}' target='_blank'>
-                    https://huggingface.co/{USERNAME}</a></p>
-            </div>
-            """
-
-        user_spaces.sort(key=lambda x: x.get('likes', 0), reverse=True)
+        # Vercel 배포 가져오기
+        vercel_deployments = get_vercel_deployments()
 
         html_content = f"""
         <div style='padding: 20px; background-color: #f5f5f5;'>
@@ -221,25 +310,29 @@ def get_user_spaces():
                 <p style='color: #666; margin: 0 0 15px 0; font-size: 0.9em;'>
                     프롬프트만으로 나만의 웹서비스를 즉시 생성하는 MOUSE 
                     <a href='https://openfree-mouse.hf.space' target='_blank' 
-                       style='color: #0084ff; text-decoration: none; transition: color 0.3s;'
-                       onmouseover='this.style.color="#00a3ff"'
-                       onmouseout='this.style.color="#0084ff"'>
+                       style='color: #0084ff; text-decoration: none;'>
                         https://openfree-mouse.hf.space
                     </a>
                 </p>
-                <p style='color: #666; margin: 0;'>Found {len(user_spaces)} public spaces</p>
+                <p style='color: #666; margin: 0;'>
+                    Found {len(user_spaces)} Hugging Face spaces and {len(vercel_deployments)} Vercel deployments
+                </p>
             </div>
-            <div style='
-                display: grid;
-                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-                gap: 20px;
-            '>
+            
+            <!-- Hugging Face Spaces -->
+            <h3 style='color: #333; margin: 20px 0;'>🤗 Hugging Face Spaces</h3>
+            <div style='display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;'>
                 {"".join(get_space_card(space, idx) for idx, space in enumerate(user_spaces))}
             </div>
+            
+            <!-- Vercel Deployments -->
+            <h3 style='color: #333; margin: 20px 0;'>⚡ Vercel Deployments</h3>
+            <div style='display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;'>
+                {"".join(get_vercel_card(dep, idx) for idx, dep in enumerate(vercel_deployments))}
+            </div>
         </div>
         """
 
-
         return html_content
 
     except Exception as e: