Update app.py

app.py

@@ -42,41 +42,84 @@ target_spaces = {
     "NCSOFT/VARCO_Arena": "https://huggingface.co/spaces/NCSOFT/VARCO_Arena"
 }
 
-def get_trending_spaces():
+def get_trending_spaces(search_query="", sort_by="rank", progress=gr.Progress()):
+    """트렌딩 스페이스 가져오기"""
+    url = "https://huggingface.co/api/spaces"
+    
     try:
-        # 트렌딩 API 엔드포인트 수정
-        url = "https://huggingface.co/api/spaces/trending"
-        
-        headers = {
-            'Authorization': f'Bearer {HF_TOKEN}',
-            'Accept': 'application/json',
-            'User-Agent': 'Mozilla/5.0'
-        }
-        
-        # 모든 결과를 가져오기 위해 limit 증가
+        progress(0, desc="Fetching spaces data...")
         params = {
-            'limit': 5000,  # 최대한 많은 결과를 가져오기
-            'interval': 'day'  # 일간 트렌딩
+            'full': 'true',
+            'limit': 1000  # 충분한 수의 스페이스를 가져오기 위해 증가
         }
+
+        response = requests.get(url, params=params)
+        response.raise_for_status()
+        all_spaces = response.json()
         
-        response = requests.get(url, headers=headers, params=params)
+        # target_spaces에 있는 스페이스만 필터링
+        spaces = [space for space in all_spaces if space.get('id', '') in target_spaces]
+        
+        progress(0.1, desc="Creating visualization...")
+        
+        # 트렌드 시각화 생성
+        plot = create_trend_visualization(spaces)
+        
+        progress(0.4, desc="Creating space cards...")
+        
+        # 스페이스 카드 HTML 생성
+        html_content = """
+        <div style='padding: 20px; background: #f5f5f5;'>
+            <div style='display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;'>
+        """
+        
+        for idx, space in enumerate(spaces):
+            space_id = space.get('id', '')
+            likes = space.get('likes', 0)
+            title = space.get('title', 'No Title')
+            description = space.get('description', 'No Description')[:100]
+            
+            html_content += f"""
+            <div style='
+                background: white;
+                padding: 20px;
+                border-radius: 10px;
+                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+                transition: transform 0.2s;
+            '>
+                <h3 style='color: #34495e;'>#{idx + 1} - {space_id}</h3>
+                <p style='color: #7f8c8d;'>👍 Likes: {likes}</p>
+                <p style='color: #2c3e50;'>{title}</p>
+                <p style='color: #7f8c8d; font-size: 0.9em;'>{description}...</p>
+                <a href='{target_spaces[space_id]}' 
+                   target='_blank' 
+                   style='
+                    display: inline-block;
+                    padding: 8px 16px;
+                    background: #3498db;
+                    color: white;
+                    text-decoration: none;
+                    border-radius: 5px;
+                    transition: background 0.3s;
+                   '>
+                   Visit Space 🔗
+                </a>
+            </div>
+            """
+            progress((0.4 + 0.5 * idx/len(spaces)), desc=f"Loading space {idx+1}/{len(spaces)}...")
+            
+        html_content += "</div></div>"
+        
+        # 데이터 테이블 생성
+        df = create_data_table(spaces)
+        
+        progress(1.0, desc="Complete!")
+        return plot, html_content, df
         
-        if response.status_code == 200:
-            data = response.json()
-            # target_spaces에 있는 스페이스만 필터링
-            filtered_data = []
-            for space in data:
-                space_id = space.get('id', '')
-                if space_id in target_spaces:
-                    filtered_data.append(space)
-            return filtered_data
-        else:
-            print(f"API 요청 실패: {response.status_code}")
-            print(f"Response: {response.text}")
-            return None
     except Exception as e:
-        print(f"API 호출 중 에러 발생: {str(e)}")
-        return None
+        error_html = f'<div style="color: red; padding: 20px;">Error: {str(e)}</div>'
+        error_plot = create_error_plot()
+        return error_plot, error_html, pd.DataFrame()
 
 def create_trend_visualization(spaces_data):
     if not spaces_data:
@@ -299,22 +342,24 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
         df_output = gr.DataFrame()
     
     refresh_btn = gr.Button("🔄 Refresh Data", variant="primary")
+    
+    def refresh_data():
+        return get_trending_spaces()
+    
     refresh_btn.click(
         refresh_data,
         outputs=[plot_output, info_output, df_output]
     )
     
     # 초기 데이터 로드
-    initial_plot, initial_info, initial_df = refresh_data()
+    initial_plot, initial_info, initial_df = get_trending_spaces()
     plot_output.value = initial_plot
     info_output.value = initial_info
     df_output.value = initial_df
 
 # Gradio 앱 실행
-if __name__ == "__main__":
-    demo.launch(
-        server_name="0.0.0.0",
-        server_port=7860,
-        share=False,  # True로 설정하면 공개 링크 생성
-        debug=True
-    )
+demo.launch(
+    server_name="0.0.0.0",
+    server_port=7860,
+    share=False
+)