include downloads from unstoppableswap-gui repo

Author: binarybaron

builder/statistics.ts

@@ -6,8 +6,10 @@ import * as vl from 'vega-lite';
 // API Configuration
 const LIST_API_URL = 'https://api.unstoppableswap.net/api/list';
 const LIQUIDITY_DAILY_API_URL = 'https://api.unstoppableswap.net/api/liquidity-daily';
-const GITHUB_API_BASE = 'https://api.github.com/repos/eigenwallet/core';
-const GITHUB_RELEASES_API = `${GITHUB_API_BASE}/releases`;
+const GITHUB_CORE_API_BASE = 'https://api.github.com/repos/eigenwallet/core';
+const GITHUB_GUI_API_BASE = 'https://api.github.com/repos/eigenwallet/unstoppableswap-gui';
+const GITHUB_CORE_RELEASES_API = `${GITHUB_CORE_API_BASE}/releases`;
+const GITHUB_GUI_RELEASES_API = `${GITHUB_GUI_API_BASE}/releases`;
 
 // Cache Configuration
 const CACHE_FILE_NAME = '.stats-cache.json';
@@ -134,29 +136,52 @@ async function fetchApiData(): Promise<{ peers: PeerData[]; liquidity: Liquidity
 }
 
 /**
- * Fetch total downloads from GitHub releases
+ * Fetch total downloads from GitHub releases (both core and GUI repositories)
  */
 async function fetchTotalDownloads(): Promise<number> {
   try {
-    console.log('Fetching GitHub download statistics...');
-    const response = await fetch(GITHUB_RELEASES_API);
+    console.log('Fetching GitHub download statistics from both repositories...');
 
-    if (!response.ok) {
-      console.warn(`GitHub API responded with status: ${response.status}`);
-      return 0;
-    }
-
-    const releases: any[] = await response.json();
+    // Fetch from both repositories in parallel
+    const [coreResponse, guiResponse] = await Promise.all([
+      fetch(GITHUB_CORE_RELEASES_API),
+      fetch(GITHUB_GUI_RELEASES_API)
+    ]);
 
     let totalDownloads = 0;
-    for (const release of releases) {
-      if (release.assets && Array.isArray(release.assets)) {
-        for (const asset of release.assets) {
-          if (asset.download_count) {
-            totalDownloads += asset.download_count;
+    
+    // Process core repository downloads
+    if (coreResponse.ok) {
+      const coreReleases: any[] = await coreResponse.json();
+      for (const release of coreReleases) {
+        if (release.assets && Array.isArray(release.assets)) {
+          for (const asset of release.assets) {
+            if (asset.download_count) {
+              totalDownloads += asset.download_count;
+            }
+          }
+        }
+      }
+      console.log('Fetched core repository download statistics');
+    } else {
+      console.warn(`Core GitHub API responded with status: ${coreResponse.status}`);
+    }
+    
+    // Process GUI repository downloads
+    if (guiResponse.ok) {
+      const guiReleases: any[] = await guiResponse.json();
+      for (const release of guiReleases) {
+        if (release.assets && Array.isArray(release.assets)) {
+          for (const asset of release.assets) {
+            if (asset.download_count) {
+              totalDownloads += asset.download_count;
+            }
           }
         }
       }
+      console.log('Fetched GUI repository download statistics');
+    } else {
+      console.warn(`GUI GitHub API responded with status: ${guiResponse.status}`);
     }
 
     return totalDownloads;
@@ -341,9 +366,11 @@ export async function generateStatsData(): Promise<StatsData> {
   if (isDevelopmentMode()) {
     const cachedData = loadCache();
     if (cachedData) {
+      console.log(`Using cached downloads: ${cachedData.totalDownloads}`);
       apiData = cachedData;
     } else {
       apiData = await fetchApiData();
+      console.log(`Caching fresh downloads: ${apiData.totalDownloads}`);
       saveCache(apiData);
     }
   } else {

content/statistics.md

@@ -1,25 +1,35 @@
 ## Network Statistics
 
-<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin: 2rem 0;">
-  <div style="text-align: center; padding: 1.5rem; border: 1px solid #333; border-radius: 8px;">
-    <div style="font-size: 2rem; font-weight: bold; color: #ff6b35;">{{TOTAL_LIQUIDITY}}</div>
-    <div style="font-size: 0.9rem; color: #666; margin-top: 0.5rem;">Total Liquidity (BTC)</div>
-  </div>
-  
-  <div style="text-align: center; padding: 1.5rem; border: 1px solid #333; border-radius: 8px;">
-    <div style="font-size: 2rem; font-weight: bold; color: #ff6b35;">{{MAX_SWAP}}</div>
-    <div style="font-size: 0.9rem; color: #666; margin-top: 0.5rem;">Maximum Swap (BTC)</div>
-  </div>
-  
-  <div style="text-align: center; padding: 1.5rem; border: 1px solid #333; border-radius: 8px;">
-    <div style="font-size: 2rem; font-weight: bold; color: #ff6b35;">{{MIN_SWAP}}</div>
-    <div style="font-size: 0.9rem; color: #666; margin-top: 0.5rem;">Minimum Swap (BTC)</div>
-  </div>
-  
-  <div style="text-align: center; padding: 1.5rem; border: 1px solid #333; border-radius: 8px;">
-    <div style="font-size: 2rem; font-weight: bold; color: #ff6b35;">{{TOTAL_DOWNLOADS}}</div>
-    <div style="font-size: 0.9rem; color: #666; margin-top: 0.5rem;">Total Downloads</div>
-  </div>
+<!-- Hero Metric -->
+<div style="text-align: center; margin: 2rem 0 3rem 0; padding: 2rem; border: 2px solid #ff6b35; border-radius: 8px; background: #fafafa;">
+  <div style="font-size: 3.5rem; font-weight: bold; margin-bottom: 0.5rem; color: #ff6b35;">{{TOTAL_LIQUIDITY}} BTC</div>
+  <div style="font-size: 1.2rem; color: #666;">Total Network Liquidity</div>
+</div>
+
+<!-- Supporting Metrics Table -->
+<div style="margin: 2rem 0;">
+  <table style="width: 100%; border-collapse: collapse; margin: 0; background: white;">
+    <thead>
+      <tr style="background: #f8f9fa;">
+        <th style="padding: 1rem; text-align: left; border-bottom: 2px solid #dee2e6; font-weight: 600;">Metric</th>
+        <th style="padding: 1rem; text-align: right; border-bottom: 2px solid #dee2e6; font-weight: 600;">Value</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr style="border-bottom: 1px solid #dee2e6;">
+        <td style="padding: 1rem; color: #495057;">Maximum Swap Amount</td>
+        <td style="padding: 1rem; text-align: right; font-weight: 600; color: #ff6b35;">{{MAX_SWAP}} BTC</td>
+      </tr>
+      <tr style="border-bottom: 1px solid #dee2e6;">
+        <td style="padding: 1rem; color: #495057;">Minimum Swap Amount</td>
+        <td style="padding: 1rem; text-align: right; font-weight: 600; color: #ff6b35;">{{MIN_SWAP}} BTC</td>
+      </tr>
+      <tr>
+        <td style="padding: 1rem; color: #495057;">Total Downloads</td>
+        <td style="padding: 1rem; text-align: right; font-weight: 600; color: #ff6b35;">{{TOTAL_DOWNLOADS}}</td>
+      </tr>
+    </tbody>
+  </table>
 </div>
 
 ### Liquidity Over Time