Update app.py

app.py

@@ -32,7 +32,7 @@ def generate_dummy_spaces(count):
 # Function to fetch Zero-GPU (CPU-based) Spaces from Huggingface with pagination
 def fetch_trending_spaces(offset=0, limit=72):
     """
-    원본 코드에서 수정: hardware=cpu 파라미터를 추가하여
+    hardware=cpu 파라미터를 추가하여
     GPU가 없는(=CPU 전용) 스페이스만 필터링
     """
     try:
@@ -40,7 +40,6 @@ def fetch_trending_spaces(offset=0, limit=72):
         params = {
             "limit": 10000,  # 더 많이 가져오기
             "hardware": "cpu"  # <-- Zero GPU(=CPU) 필터 적용
-            # "sort": "trending",  # 필요시 추가 (HF API 지원 여부에 따라)
         }
         response = requests.get(url, params=params, timeout=30)
 
@@ -54,6 +53,10 @@ def fetch_trending_spaces(offset=0, limit=72):
                    and space.get('id', '').split('/', 1)[0] != 'None'
             ]
 
+            # 전체 목록에 대해 "글로벌 랭크"를 매긴다 (1부터 시작)
+            for i, sp in enumerate(filtered_spaces):
+                sp['global_rank'] = i + 1
+
             # Slice according to requested offset and limit
             start = min(offset, len(filtered_spaces))
             end = min(offset + limit, len(filtered_spaces))
@@ -109,8 +112,9 @@ def transform_url(owner, name):
 # Get space details
 def get_space_details(space_data, index, offset):
     """
-    원본 코드에서 수정:
     - description, avatar_url, author_name 등 추가 필드를 추출
+    - rank는 현재 페이지 내 offset 기반으로 계산
+      (단, Top 500 계산은 global_rank 사용)
     """
     try:
         if '/' in space_data.get('id', ''):
@@ -151,7 +155,7 @@ def get_space_details(space_data, index, offset):
             'description': short_desc,
             'avatar_url': avatar_url,
             'author_name': author_name,
-            'rank': offset + index + 1
+            'rank': offset + index + 1  # 현재 페이지에서의 표시용 랭크
         }
     except Exception as e:
         print(f"Error processing space data: {e}")
@@ -172,24 +176,26 @@ def get_space_details(space_data, index, offset):
 # Get owner statistics from all spaces
 def get_owner_stats(all_spaces):
     """
-    모든 스페이스에서 owner 등장 빈도 상위 30명 추출
+    상위 500위(global_rank <= 500) 이내에 배치된 스페이스들의 owner를 추출해,
+    각 owner가 몇 번 등장했는지 센 뒤 상위 30명만 반환
     """
+    # Top 500
+    top_500 = [s for s in all_spaces if s.get('global_rank', 999999) <= 500]
+
     owners = []
-    for space in all_spaces:
+    for space in top_500:
         if '/' in space.get('id', ''):
             owner, _ = space.get('id', '').split('/', 1)
         else:
             owner = space.get('owner', '')
-
-        if owner != 'None':
+        if owner and owner != 'None':
             owners.append(owner)
 
-    # Count occurrences of each owner
+    # Count occurrences of each owner in top 500
     owner_counts = Counter(owners)
 
     # Get top 30 owners by count
     top_owners = owner_counts.most_common(30)
-
     return top_owners
 
 # Homepage route
@@ -200,7 +206,7 @@ def home():
     """
     return render_template('index.html')
 
-# Zero-GPU spaces API (원본: 'trending-spaces' -> 이제 CPU only)
+# Zero-GPU spaces API
 @app.route('/api/trending-spaces', methods=['GET'])
 def trending_spaces():
     """
@@ -230,7 +236,7 @@ def trending_spaces():
 
         results.append(space_info)
 
-    # Get owner statistics for all spaces
+    # Get owner statistics (Top 500 → Top 30)
     top_owners = get_owner_stats(spaces_data.get('all_spaces', []))
 
     return jsonify({
@@ -933,7 +939,7 @@ if __name__ == '__main__':
             </div>
             <div class="mac-content">
               <div class="stats-header">
-                <div class="stats-title">Top 30 Creators by Count Number of TOP 1000 RANK</div>
+                <div class="stats-title">Top 30 Creators by Count in Top 500</div>
                 <button id="statsToggle" class="stats-toggle">Show Stats</button>
               </div>
               <div id="statsContent" class="stats-content">
@@ -1130,7 +1136,7 @@ if __name__ == '__main__':
         data: {
           labels: labels,
           datasets: [{
-            label: 'Number of Spaces',
+            label: 'Number of Spaces in Top 500',
             data: data,
             backgroundColor: colors,
             borderColor: colors.map(color => color.replace('0.7', '1')),
@@ -1303,7 +1309,6 @@ if __name__ == '__main__':
       container.appendChild(errorPlaceholder);
     }
 
-    // 여기서부터 카드 HTML 구조 (Zero-GPU 전용) 렌더링
     function renderGrid(spaces) {
       elements.gridContainer.innerHTML = '';
       
@@ -1332,12 +1337,11 @@ if __name__ == '__main__':
           const headerDiv = document.createElement('div');
           headerDiv.className = 'grid-header';
 
-
           // space-header (순위 + 제목 + Zero GPU 배지)
           const spaceHeader = document.createElement('div');
           spaceHeader.className = 'space-header';
 
-          // 순위 배지 (이전에 로봇 이모지가 있던 자리)
+          // 순위 배지
           const rankBadge = document.createElement('div');
           rankBadge.className = 'rank-badge';
           rankBadge.textContent = `#${rank}`;
@@ -1347,8 +1351,7 @@ if __name__ == '__main__':
           const titleWrapper = document.createElement('div');
           titleWrapper.style.display = 'flex';
           titleWrapper.style.alignItems = 'center';
-          titleWrapper.style.marginLeft = '8px';  // 순위와 제목 사이 간격
-
+          titleWrapper.style.marginLeft = '8px';
 
           const titleEl = document.createElement('h3');
           titleEl.className = 'space-title';
@@ -1375,10 +1378,10 @@ if __name__ == '__main__':
           // 왼쪽: rank + author
           const leftMeta = document.createElement('div');
 
-          const rankBadge = document.createElement('div');
-          rankBadge.className = 'rank-badge';
-          rankBadge.textContent = `#${rank}`;
-          leftMeta.appendChild(rankBadge);
+          const rankBadge2 = document.createElement('div');
+          rankBadge2.className = 'rank-badge';
+          rankBadge2.textContent = `#${rank}`;
+          leftMeta.appendChild(rankBadge2);
 
           const authorSpan = document.createElement('span');
           authorSpan.className = 'author-name';
@@ -1680,4 +1683,3 @@ if __name__ == '__main__':
 
     # Flask 앱 실행 (포트 7860)
     app.run(host='0.0.0.0', port=7860)
-