Added favicon

scripts/generateFavicons.js

@@ -0,0 +1,68 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+const { Resvg } = require('@resvg/resvg-js');
+const jimp = require('jimp');
+
+// Paths
+const srcSvgPath = path.join(__dirname, '../public/favicon.svg');
+const pngOutputPath = path.join(__dirname, '../public/apple-touch-icon.png');
+const icoOutputPath = path.join(__dirname, '../public/favicon.ico');
+const faviconPngPath = path.join(__dirname, '../public/favicon.png');
+
+// Ensure the favicon.svg file exists
+if (!fs.existsSync(srcSvgPath)) {
+  console.error('Error: favicon.svg not found in public directory.');
+  process.exit(1);
+}
+
+console.log('Generating favicons from SVG...');
+
+async function generateFavicons() {
+  try {
+    // Read the SVG file
+    const svgData = fs.readFileSync(srcSvgPath, 'utf8');
+
+    // Render SVG to PNG using Resvg - maintain transparency
+    const opts = {
+      // No background specified to maintain transparency
+      fitTo: {
+        mode: 'width',
+        value: 1024
+      }
+    };
+    const resvg = new Resvg(svgData, opts);
+    const pngData = resvg.render();
+    const pngBuffer = pngData.asPng();
+
+    // Save a temporary high-resolution PNG
+    const tempPngPath = path.join(__dirname, '../public/temp-favicon.png');
+    fs.writeFileSync(tempPngPath, pngBuffer);
+
+    // Generate apple-touch-icon.png (180x180) using jimp
+    const appleIconImg = await jimp.read(tempPngPath);
+    await appleIconImg.resize(180, 180).writeAsync(pngOutputPath);
+    console.log(`Created ${pngOutputPath}`);
+
+    // Create favicon.png (32x32) for browsers that support PNG favicons
+    const faviconPng = await jimp.read(tempPngPath);
+    await faviconPng.resize(32, 32).writeAsync(faviconPngPath);
+    console.log(`Created ${faviconPngPath}`);
+
+    // For favicon.ico, we'll just use the 32x32 PNG since we don't have ico-encoder
+    // Most modern browsers will use the PNG or SVG anyway
+    fs.copyFileSync(faviconPngPath, icoOutputPath);
+    console.log(`Created ${icoOutputPath} (Note: This is actually a PNG file renamed to .ico)`);
+
+    // Clean up temporary file
+    fs.unlinkSync(tempPngPath);
+
+    console.log('Favicon generation completed successfully!');
+  } catch (error) {
+    console.error('Error generating favicons:', error);
+    process.exit(1);
+  }
+}
+
+generateFavicons();

scripts/scanLogos.js

@@ -51,17 +51,23 @@ function cleanDir(dir) {
   }
 }
 
-// Convert SVG to PNG
+// Convert SVG to PNG with transparency
 function svgToPng(svgBuffer, width, height) {
-  const resvg = new Resvg(svgBuffer, { fitTo: { mode: 'width', value: width || 256 } });
+  // No background specified to maintain transparency
+  const resvg = new Resvg(svgBuffer, {
+    fitTo: { mode: 'width', value: width || 256 }
+  });
   const pngData = resvg.render().asPng();
   return pngData;
 }
 
 // Convert SVG to JPG
 function svgToJpg(svgBuffer, width, height) {
-  const resvg = new Resvg(svgBuffer, { fitTo: { mode: 'width', value: width || 256 } });
-  // Convert PNG buffer to JPEG using a pure JS lib, or just save as PNG (JPEG is optional)
+  // For JPGs we need a white background since JPG doesn't support transparency
+  const resvg = new Resvg(svgBuffer, {
+    background: 'white',
+    fitTo: { mode: 'width', value: width || 256 }
+  });
   const pngData = resvg.render().asPng();
   return pngData;
 }