update app

index.html

@@ -1330,78 +1330,74 @@
             const p = state.profile;
             const fullname = p?.fullname || p?.name || u;
             
-            let avatarDataUrl = null;
+            // Try to load and process avatar
+            let avatarBase64 = null;
             if (p?.avatarUrl) {
-                const fullUrl = p.avatarUrl.startsWith('http') ? p.avatarUrl : `https://huggingface.co${p.avatarUrl}`;
                 try {
-                    let res = await fetch(fullUrl);
-                    if (!res.ok) throw new Error();
-                    let blob = await res.blob();
-                    avatarDataUrl = await new Promise((resolve) => {
-                        const reader = new FileReader();
-                        reader.onload = () => resolve(reader.result);
-                        reader.onerror = () => resolve(null);
-                        reader.readAsDataURL(blob);
-                    });
-                } catch(e) {
-                    try {
-                        let res = await fetch(`https://corsproxy.io/?${encodeURIComponent(fullUrl)}`);
-                        if (res.ok) {
-                            let blob = await res.blob();
-                            avatarDataUrl = await new Promise((resolve) => {
-                                const reader = new FileReader();
-                                reader.onload = () => resolve(reader.result);
-                                reader.onerror = () => resolve(null);
-                                reader.readAsDataURL(blob);
-                            });
-                        }
-                    } catch(err) {}
+                    const fullUrl = p.avatarUrl.startsWith('http') ? p.avatarUrl : `https://huggingface.co${p.avatarUrl}`;
+                    const res = await fetch(fullUrl);
+                    if (res.ok) {
+                        const blob = await res.blob();
+                        const objectUrl = URL.createObjectURL(blob);
+                        
+                        const img = new Image();
+                        await new Promise((resolve, reject) => {
+                            img.onload = resolve;
+                            img.onerror = reject;
+                            img.src = objectUrl;
+                        });
+                        
+                        const canvas = document.createElement('canvas');
+                        canvas.width = 64;
+                        canvas.height = 64;
+                        const ctx = canvas.getContext('2d');
+                        ctx.fillStyle = '#ffffff'; // White bg for transparency safety
+                        ctx.fillRect(0, 0, 64, 64);
+                        ctx.drawImage(img, 0, 0, 64, 64);
+                        avatarBase64 = canvas.toDataURL('image/jpeg', 0.95);
+                        
+                        URL.revokeObjectURL(objectUrl);
+                    }
+                } catch (e) {
+                    console.warn('Could not fetch avatar for PDF:', e);
                 }
             }
             
-            let textX = 14;
-            if (avatarDataUrl) {
-                try {
-                    let imgFormat = avatarDataUrl.substring("data:image/".length, avatarDataUrl.indexOf(";")).toUpperCase();
-                    if (imgFormat === 'SVG+XML' || imgFormat.includes('SVG')) imgFormat = 'PNG'; // SVGs are tricky, force to PNG if converted
-                    doc.addImage(avatarDataUrl, imgFormat, 14, 15, 24, 24);
-                    textX = 42;
-                } catch(e) {
-                    console.error("Image add failed:", e);
-                }
+            // Header
+            if (avatarBase64) {
+                doc.addImage(avatarBase64, 'JPEG', 14, 12, 16, 16);
+                doc.setFontSize(22);
+                doc.text(`HuggingFace Activity Report: ${fullname}`, 34, 24);
+            } else {
+                doc.setFontSize(22);
+                doc.text(`HuggingFace Activity Report: ${fullname}`, 14, 24);
             }
             
-            doc.setFontSize(22);
-            doc.text(fullname, textX, 22);
-            
-            doc.setFontSize(14);
-            doc.text(`@${u}`, textX, 30);
-            
-            doc.setFontSize(10);
-            doc.text(`HuggingFace Activity Report`, textX, 36);
-            
             doc.setFontSize(12);
-            doc.text(`Followers: ${p?.numFollowers ?? 0} | Organizations: ${Array.isArray(p?.orgs) ? p.orgs.length : 0}`, 14, 48);
-            
-            const totalModels = state.models.length;
-            const totalDatasets = state.datasets.length;
-            const totalSpaces = state.spaces.length;
-            
-            const totalModelDl = state.models.reduce((s, m) => s + getLifetimeDownloads(m), 0);
-            const totalDatasetDl = state.datasets.reduce((s, d) => s + getLifetimeDownloads(d), 0);
-            const totalLikes = [...state.models, ...state.datasets, ...state.spaces].reduce((s, i) => s + getItemLikes(i), 0);
-            
-            doc.text(`Total Models: ${totalModels} (Downloads: ${formatNumFull(totalModelDl)})`, 14, 56);
-            doc.text(`Total Datasets: ${totalDatasets} (Downloads: ${formatNumFull(totalDatasetDl)})`, 14, 64);
-            doc.text(`Total Spaces: ${totalSpaces}`, 14, 72);
-            doc.text(`Total Likes Received: ${formatNumFull(totalLikes)}`, 14, 80);
-            
-            const totalDlMonthly = state.models.reduce((s, m) => s + getMonthlyDownloads(m), 0) + state.datasets.reduce((s, d) => s + getMonthlyDownloads(d), 0);
-            doc.text(`Downloads Last 30 Days: ${formatNumFull(totalDlMonthly)}`, 14, 88);
-            
-            const totalPrivate = [...state.models, ...state.datasets, ...state.spaces].filter(i => i.private).length;
-            doc.text(`Total Private Repositories: ${totalPrivate}`, 14, 96);
-            let startY = 106;
+            doc.text(`Username: @${u}`, 14, 34);
+            doc.text(`Followers: ${p?.numFollowers ?? 0} | Organizations: ${Array.isArray(p?.orgs) ? p.orgs.length : 0}`, 14, 42);
+                
+                const totalModels = state.models.length;
+                const totalDatasets = state.datasets.length;
+                const totalSpaces = state.spaces.length;
+                
+                const totalModelDl = state.models.reduce((s, m) => s + getLifetimeDownloads(m), 0);
+                const totalDatasetDl = state.datasets.reduce((s, d) => s + getLifetimeDownloads(d), 0);
+                const totalLikes = [...state.models, ...state.datasets, ...state.spaces].reduce((s, i) => s + getItemLikes(i), 0);
+                
+                doc.text(`Total Models: ${totalModels} (Downloads: ${formatNumFull(totalModelDl)})`, 14, 46);
+                doc.text(`Total Datasets: ${totalDatasets} (Downloads: ${formatNumFull(totalDatasetDl)})`, 14, 54);
+                doc.text(`Total Spaces: ${totalSpaces}`, 14, 62);
+                doc.text(`Total Likes Received: ${formatNumFull(totalLikes)}`, 14, 70);
+                
+                let startY = 80;
+                
+                const totalDlMonthly = state.models.reduce((s, m) => s + getMonthlyDownloads(m), 0) + state.datasets.reduce((s, d) => s + getMonthlyDownloads(d), 0);
+                doc.text(`Downloads Last 30 Days: ${formatNumFull(totalDlMonthly)}`, 14, 78);
+                
+                const totalPrivate = [...state.models, ...state.datasets, ...state.spaces].filter(i => i.private).length;
+                doc.text(`Total Private Repositories: ${totalPrivate}`, 14, 86);
+                startY = 96;
 
                 const pipelineCounts = {};
                 state.models.forEach(m => {
@@ -1479,16 +1475,15 @@
                 
                 doc.save(`hf-report-${u}-${new Date().toISOString().slice(0,10)}.pdf`);
                 btn.innerHTML = '<i class="fas fa-check"></i> Downloaded';
-            } catch (err) {
-                console.error('PDF Generation failed:', err);
-                btn.innerHTML = '<i class="fas fa-times"></i> Failed';
-            } finally {
-                setTimeout(() => {
-                    btn.innerHTML = orig;
-                    btn.disabled = false;
-                }, 2000);
-            }
-        }, 100);
+        } catch (err) {
+            console.error('PDF Generation failed:', err);
+            btn.innerHTML = '<i class="fas fa-times"></i> Failed';
+        } finally {
+            setTimeout(() => {
+                btn.innerHTML = orig;
+                btn.disabled = false;
+            }, 2000);
+        }
     }
 
     function setActiveTab(tab) {