Test

scripts/generateTeamLogos.js

@@ -0,0 +1,73 @@
+const { PrismaClient } = require('../generated/prisma');
+
+const prisma = new PrismaClient();
+
+// Generate random SVG logo based on team name
+function generateSVGLogo(teamName, size = 40) {
+  // Use team name to generate consistent colors and patterns
+  let hash = 0;
+  for (let i = 0; i < teamName.length; i++) {
+    hash = teamName.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  
+  const hue = hash % 360;
+  const saturation = 60 + (hash % 30);
+  const lightness = 40 + (hash % 30);
+  const color = `hsl(${hue}, ${saturation}%, ${lightness}%)`;
+  
+  // Generate secondary color
+  const secondaryHue = (hue + 180) % 360;
+  const secondaryColor = `hsl(${secondaryHue}, ${saturation}%, ${lightness}%)`;
+  
+  // Choose a logo pattern based on hash
+  const pattern = hash % 4;
+  const initials = teamName.split(' ').map(w => w[0]).join('').toUpperCase().slice(0, 2);
+  
+  let svgContent = '';
+  
+  switch (pattern) {
+    case 0: // Circle with initials
+      svgContent = `<svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}"><circle cx="${size/2}" cy="${size/2}" r="${size/2}" fill="${color}" stroke="${secondaryColor}" stroke-width="2"/><text x="50%" y="55%" text-anchor="middle" font-size="${size/3}" fill="white" font-family="Arial, sans-serif" font-weight="bold">${initials}</text></svg>`;
+      break;
+      
+    case 1: // Square with diagonal
+      svgContent = `<svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}"><rect x="2" y="2" width="${size-4}" height="${size-4}" fill="${color}" stroke="${secondaryColor}" stroke-width="2"/><line x1="0" y1="0" x2="${size}" y2="${size}" stroke="${secondaryColor}" stroke-width="3"/><text x="50%" y="55%" text-anchor="middle" font-size="${size/3}" fill="white" font-family="Arial, sans-serif" font-weight="bold">${initials}</text></svg>`;
+      break;
+      
+    case 2: // Triangle
+      svgContent = `<svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}"><polygon points="${size/2},5 ${size-5},${size-5} 5,${size-5}" fill="${color}" stroke="${secondaryColor}" stroke-width="2"/><text x="50%" y="60%" text-anchor="middle" font-size="${size/3}" fill="white" font-family="Arial, sans-serif" font-weight="bold">${initials}</text></svg>`;
+      break;
+      
+    case 3: // Diamond
+      svgContent = `<svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}"><polygon points="${size/2},5 ${size-5},${size/2} ${size/2},${size-5} 5,${size/2}" fill="${color}" stroke="${secondaryColor}" stroke-width="2"/><text x="50%" y="55%" text-anchor="middle" font-size="${size/3}" fill="white" font-family="Arial, sans-serif" font-weight="bold">${initials}</text></svg>`;
+      break;
+  }
+  
+  return svgContent;
+}
+
+async function updateTeamLogos() {
+  try {
+    const teams = await prisma.team.findMany();
+    console.log(`Found ${teams.length} teams to update`);
+    
+    for (const team of teams) {
+      const svgLogo = generateSVGLogo(team.name);
+      
+      await prisma.team.update({
+        where: { id: team.id },
+        data: { logo: svgLogo }
+      });
+      
+      console.log(`Updated ${team.name} with SVG logo`);
+    }
+    
+    console.log('✅ All team logos updated successfully!');
+  } catch (err) {
+    console.error('Error updating team logos:', err);
+  } finally {
+    await prisma.$disconnect();
+  }
+}
+
+updateTeamLogos();