Update index.html

index.html

@@ -365,21 +365,30 @@
 
 			async loadSpaces() {
 				try {
-					// First, try to get spaces by tag
-					const response = await fetch(`https://huggingface.co/api/spaces?tags=${this.targetTag}&sort=likes&direction=-1&limit=100`);
+					console.log('Searching for spaces with exactly "reachy_mini" tag...');
+					
+					// Use Hugging Face API to search for spaces with the exact tag
+					const response = await fetch(`https://huggingface.co/api/spaces?tags=${this.targetTag}&sort=likes&direction=-1&limit=200`);
 					
 					if (!response.ok) {
 						throw new Error(`HTTP error! status: ${response.status}`);
 					}
 
 					const data = await response.json();
+					console.log('API response:', data.length, 'spaces found');
+
+					// Filter ONLY spaces that have exactly the "reachy_mini" tag
+					const exactTagSpaces = data.filter(space => {
+						const hasExactTag = space.tags && space.tags.includes(this.targetTag);
+						if (hasExactTag) {
+							console.log('Found space with reachy_mini tag:', space.id, 'tags:', space.tags);
+						}
+						return hasExactTag;
+					});
 
-					// Filter spaces that actually have the reachy_mini tag
-					const reachyMiniSpaces = data.filter(space => 
-						space.tags && space.tags.includes(this.targetTag)
-					);
+					console.log('Spaces with exact reachy_mini tag:', exactTagSpaces.length);
 
-					this.spaces = reachyMiniSpaces.map(space => ({
+					this.spaces = exactTagSpaces.map(space => ({
 						id: space.id,
 						title: space.id.split('/').pop().replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase()),
 						author: space.author,
@@ -391,57 +400,38 @@
 						downloads: space.downloads || 0
 					}));
 
-					// If no spaces found with tag, try alternative search
+					this.filteredSpaces = [...this.spaces];
+					this.updateStats();
+
 					if (this.spaces.length === 0) {
-						await this.fallbackSearch();
+						console.log('No spaces with reachy_mini tag found');
+						this.showNoResults();
 					}
 
-					this.filteredSpaces = [...this.spaces];
-					this.updateStats();
 				} catch (error) {
 					console.error('Error loading spaces:', error);
-					await this.fallbackSearch();
+					this.showError();
 				}
 			}
 
-			async fallbackSearch() {
-				try {
-					console.log('Trying fallback search...');
-					// Fallback: search by text in case tag search doesn't work
-					const response = await fetch('https://huggingface.co/api/spaces?search=reachy&sort=likes&direction=-1&limit=100');
-					
-					if (!response.ok) {
-						throw new Error(`HTTP error! status: ${response.status}`);
-					}
-
-					const data = await response.json();
-
-					// Filter for spaces that contain "reachy" or "mini" in name/description
-					const reachySpaces = data.filter(space => {
-						const name = space.id.toLowerCase();
-						const description = (space.cardData?.short_description || space.cardData?.description || '').toLowerCase();
-						return name.includes('reachy') || name.includes('mini') || 
-							   description.includes('reachy') || description.includes('mini');
-					});
-
-					this.spaces = reachySpaces.map(space => ({
-						id: space.id,
-						title: space.id.split('/').pop().replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase()),
-						author: space.author,
-						description: space.cardData?.short_description || space.cardData?.description || 'No description available',
-						likes: space.likes || 0,
-						created: new Date(space.createdAt).getTime(),
-						url: `https://huggingface.co/spaces/${space.id}`,
-						tags: space.tags || [],
-						downloads: space.downloads || 0
-					}));
+			showNoResults() {
+				const grid = document.getElementById('spacesGrid');
+				const stats = document.getElementById('stats');
 
-					this.filteredSpaces = [...this.spaces];
-					this.updateStats();
-				} catch (error) {
-					console.error('Fallback search also failed:', error);
-					this.showError();
-				}
+				stats.innerHTML = 'No spaces found with reachy_mini tag';
+				grid.innerHTML = `
+					<div class="no-results">
+						<h3>🔍 No Reachy Mini Spaces Found</h3>
+						<p>No spaces were found with the "reachy_mini" tag or related variants.</p>
+						<p>This could mean:</p>
+						<ul style="text-align: left; margin-top: 15px; display: inline-block;">
+							<li>No spaces have been tagged with "reachy_mini" yet</li>
+							<li>The spaces might use different tag variations</li>
+							<li>The API might have restrictions or rate limits</li>
+						</ul>
+						<p style="margin-top: 15px;">Try checking Hugging Face Spaces directly for the most up-to-date results.</p>
+					</div>
+				`;
 			}
 
 			setupEventListeners() {