Update index.html

index.html

@@ -366,10 +366,10 @@
 			async loadSpaces() {
 				try {
 					console.log('Searching for spaces with reachy_mini tag...');
-					
+
 					// Search for spaces with the reachy_mini tag using filter parameter
 					const response = await fetch('https://huggingface.co/api/spaces?filter=reachy_mini&sort=likes&direction=-1&limit=50');
-					
+
 					if (!response.ok) {
 						throw new Error(`HTTP error! status: ${response.status}`);
 					}
@@ -377,17 +377,7 @@
 					const data = await response.json();
 					console.log('API response:', data.length, 'spaces found');
 
-					this.spaces = data.map(space => ({
-						id: space.id,
-						title: space.id.split('/').pop().replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase()),
-						author: space.id.split('/')[0],
-						description: space.cardData?.short_description || 'No description available',
-						likes: space.likes || 0,
-						created: new Date(space.createdAt).getTime(),
-						url: `https://huggingface.co/spaces/${space.id}`,
-						tags: space.tags || []
-					}));
-
+					this.spaces = await Promise.all(data.map(space => this.getSpaceInfo(space)));
 					this.filteredSpaces = [...this.spaces];
 					this.updateStats();
 
@@ -422,6 +412,27 @@
 				`;
 			}
 
+			async getSpaceInfo(space) {
+				const spaceData = await fetch(`https://huggingface.co/api/spaces/${space.id}`)
+					.then(res => res.json())
+					.then(data => {
+						return data;
+					})
+					.catch(err => {
+						console.error(`Error fetching card data for ${space.id}:`, err);
+						return {};
+					});
+
+				spaceData.title = spaceData.title || space.id.split('/').pop().replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
+				spaceData.author = space.id.split('/')[0];
+				spaceData.description = spaceData.cardData?.short_description || 'No description available';
+				spaceData.created = new Date(space.createdAt).getTime();
+				spaceData.url = `https://huggingface.co/spaces/${space.id}`;
+				spaceData.tags = space.tags || [];
+
+				return spaceData;
+			}
+
 			setupEventListeners() {
 				// Search functionality
 				const searchInput = document.getElementById('searchInput');
@@ -472,7 +483,7 @@
 				const total = this.spaces.length;
 				const totalLikes = this.spaces.reduce((sum, space) => sum + space.likes, 0);
 				const filtered = this.filteredSpaces.length;
-				
+
 				if (total === 0) {
 					statsEl.innerHTML = `No spaces found with "${this.targetTag}" tag`;
 				} else if (filtered === total) {
@@ -547,11 +558,7 @@
 			}
 
 			getSpaceIcon(space) {
-				// Return robot emoji for reachy-related spaces, otherwise first letter
-				if (space.title.toLowerCase().includes('reachy') || space.tags.includes('reachy_mini')) {
-					return '🤖';
-				}
-				return space.title.charAt(0).toUpperCase();
+				return space.cardData.emoji || '🤖';
 			}
 
 			formatDate(timestamp) {