@champz-llc/legends-mcp-server 1.7.0 → 1.7.1

package/index.js

@@ -10,7 +10,7 @@ import fetch from 'node-fetch';
 import sharp from 'sharp';
 
 // Helper function to fetch image, resize, and convert to base64
-async function fetchImageAsBase64(imageUrl) {
+async function fetchImageAsBase64(imageUrl, options = {}) {
   try {
     console.error(`[MCP] Fetching image: ${imageUrl}`);
     const response = await fetch(imageUrl);
@@ -27,24 +27,63 @@ async function fetchImageAsBase64(imageUrl) {
     const originalBuffer = Buffer.from(arrayBuffer);
     console.error(`[MCP] Original image size: ${Math.round(originalBuffer.length / 1024)}KB`);
 
-    // Resize image to max 200x200 (perfect for chat) and convert to JPEG for smaller size
-    const resizedBuffer = await sharp(originalBuffer)
-      .resize(200, 200, {
+    // Default options
+    const maxSize = options.maxSize || 300; // Increased from 200 to 300
+    const quality = options.quality || 95; // Increased from 80 to 95
+    const format = options.format || 'jpeg'; // Can override to 'png'
+
+    // Resize image
+    let processor = sharp(originalBuffer)
+      .resize(maxSize, maxSize, {
         fit: 'inside',
         withoutEnlargement: true
-      })
-      .jpeg({ quality: 80, mozjpeg: true }) // JPEG is much smaller than PNG
-      .toBuffer();
+      });
 
+    // Apply format
+    if (format === 'png') {
+      processor = processor.png({ quality, compressionLevel: 6 });
+    } else {
+      processor = processor.jpeg({ quality, mozjpeg: true });
+    }
+
+    const resizedBuffer = await processor.toBuffer();
     const base64 = resizedBuffer.toString('base64');
     console.error(`[MCP] Resized image size: ${Math.round(resizedBuffer.length / 1024)}KB, base64: ${Math.round(base64.length / 1024)}KB`);
-    return base64;
+    return { base64, format };
   } catch (error) {
     console.error(`[MCP] Error processing image ${imageUrl}:`, error.message);
     return null;
   }
 }
 
+// Helper function to fetch token icons (smaller, simpler images)
+async function fetchTokenIcon(iconUrl) {
+  try {
+    console.error(`[MCP] Fetching token icon: ${iconUrl}`);
+    const response = await fetch(iconUrl);
+    if (!response.ok) {
+      console.error(`[MCP] Icon fetch failed: ${response.status}`);
+      return null;
+    }
+
+    const contentType = response.headers.get('content-type');
+    const arrayBuffer = await response.arrayBuffer();
+    const buffer = Buffer.from(arrayBuffer);
+
+    // For small icons, keep original or resize to max 64x64, use PNG for transparency
+    const format = contentType?.includes('svg') ? 'png' : 'png';
+    const resizedBuffer = await sharp(buffer)
+      .resize(64, 64, { fit: 'inside', withoutEnlargement: false })
+      .png({ quality: 100 })
+      .toBuffer();
+
+    return resizedBuffer.toString('base64');
+  } catch (error) {
+    console.error(`[MCP] Error fetching token icon:`, error.message);
+    return null;
+  }
+}
+
 // MCP Signature Authentication (optional - for player data access)
 const WALLET = process.env.WALLET;
 const SIGNATURE = process.env.SIGNATURE;
@@ -382,9 +421,12 @@ Last updated: ${new Date(stats.cached_at * 1000).toLocaleString()}`;
           };
         }
 
-        // Build HTML artifact with real token icons
-        const champzIcon = 'https://img.champz.world/img/icon_small.png';
-        const usdcIcon = 'https://img.champz.world/img/loots/usdc.svg';
+        // Fetch and embed token icons as base64
+        const champzIconBase64 = await fetchTokenIcon('https://img.champz.world/img/icon_small.png');
+        const usdcIconBase64 = await fetchTokenIcon('https://img.champz.world/img/loots/usdc.svg');
+
+        const champzIcon = champzIconBase64 ? `data:image/png;base64,${champzIconBase64}` : '';
+        const usdcIcon = usdcIconBase64 ? `data:image/png;base64,${usdcIconBase64}` : '';
 
         let claimsHTML = '';
 
@@ -1146,9 +1188,11 @@ You can still ask about:
           };
         }
 
-        // Fetch image
+        // Fetch image with higher quality settings
         const imageUrl = `https://img.champz.world${legend.image_path}`;
-        const base64Data = await fetchImageAsBase64(imageUrl);
+        const imageData = await fetchImageAsBase64(imageUrl, { maxSize: 300, quality: 95 });
+        const base64Data = imageData?.base64;
+        const imageFormat = imageData?.format || 'jpeg';
 
         // Build HTML card with embedded image
         const rarityColors = {
@@ -1317,7 +1361,7 @@ You can still ask about:
     </div>
     ${base64Data ? `
     <div class="image-container">
-      <img src="data:image/jpeg;base64,${base64Data}" alt="${legend.name}" class="legend-image">
+      <img src="data:image/${imageFormat};base64,${base64Data}" alt="${legend.name}" class="legend-image">
     </div>` : ''}
     <div class="elements">${elementIcons}</div>
     <div class="stats">
@@ -1401,9 +1445,11 @@ You can still ask about:
           };
         }
 
-        // Fetch and convert image to base64
+        // Fetch and convert image to base64 with higher quality settings
         const imageUrl = `https://img.champz.world${throne.image_path}`;
-        const base64Data = await fetchImageAsBase64(imageUrl);
+        const imageData = await fetchImageAsBase64(imageUrl, { maxSize: 300, quality: 95 });
+        const base64Data = imageData?.base64;
+        const imageFormat = imageData?.format || 'jpeg';
 
         // Build HTML card with embedded image
         const rarityColors = {
@@ -1547,7 +1593,7 @@ You can still ask about:
     </div>
     ${base64Data ? `
     <div class="image-container">
-      <img src="data:image/jpeg;base64,${base64Data}" alt="${throne.name}" class="throne-image">
+      <img src="data:image/${imageFormat};base64,${base64Data}" alt="${throne.name}" class="throne-image">
     </div>` : ''}
     <div class="info">
       <div class="info-row">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@champz-llc/legends-mcp-server",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "MCP server for Legends of Champz - Query game stats, access personal data with signature auth, and claim rewards through Claude Desktop",
   "type": "module",
   "main": "index.js",