sLogos/scripts/update-data.js

#!/usr/bin/env node

const fs = require('fs');
const path = require('path');
const { Resvg } = require('@resvg/resvg-js');

// Use collections from src/collections.js
const { collections } = require('../src/collections.js');

// Accept collection as a CLI arg or env var
const collectionArg = process.argv.find(arg => arg.startsWith('--collection='));
const collectionName = collectionArg ? collectionArg.split('=')[1] : (process.env.COLLECTION || 'logos');
const collection = collections.find(c => c.name === collectionName) || collections[0];

const logosDir = path.join(__dirname, '..', 'public', collection.baseDir);
const outputFile = path.join(__dirname, '..', 'public', collection.dataFile);
const genDir = path.join(__dirname, '..', 'public', collection.genDir);

// Remove old PNG/JPG folders if they exist
const pngDir = path.join(__dirname, '..', 'public', collection.baseDir + '-png');
const jpgDir = path.join(__dirname, '..', 'public', collection.baseDir + '-jpg');
if (fs.existsSync(pngDir)) fs.rmSync(pngDir, { recursive: true, force: true });
if (fs.existsSync(jpgDir)) fs.rmSync(jpgDir, { recursive: true, force: true });

// Get file extension without the dot
function getFileExtension(filename) {
  return path.extname(filename).slice(1).toUpperCase();
}

// Get file name without extension
function getBaseName(filename) {
  return path.basename(filename, path.extname(filename));
}

// Convert filename to readable name (replace hyphens with spaces, capitalize words)
function formatName(filename) {
  return getBaseName(filename)
    .split(/[-_]/)
    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
    .join(' ');
}

// Clean directory (remove all contents)
function cleanDir(dir) {
  if (fs.existsSync(dir)) {
    for (const file of fs.readdirSync(dir)) {
      if (file !== '.gitignore') {
        const filePath = path.join(dir, file);
        if (fs.lstatSync(filePath).isDirectory()) {
          fs.rmSync(filePath, { recursive: true, force: true });
        } else {
          fs.unlinkSync(filePath);
        }
      }
    }
  } else {
    fs.mkdirSync(dir, { recursive: true });
  }
}

// Convert SVG to PNG with transparency
function svgToPng(svgBuffer, width, height) {
  // 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) {
  // 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;
}

// Pregenerate PNG and JPG images for SVG files
function pregenerateImages(logoFiles, logosDir, genDir) {
  cleanDir(genDir);
  // Only process SVG files
  const svgFiles = logoFiles.filter(file => /\.svg$/i.test(file));
  for (const file of svgFiles) {
    const base = getBaseName(file);
    const svgPath = path.join(logosDir, file);
    const pngPath = path.join(genDir, base + '.png');
    const jpgPath = path.join(genDir, base + '.jpg');
    try {
      const svgBuffer = fs.readFileSync(svgPath);
      const pngBuffer = svgToPng(svgBuffer, 256, 256);
      fs.writeFileSync(pngPath, pngBuffer);
      const jpgBuffer = svgToJpg(svgBuffer);
      fs.writeFileSync(jpgPath, jpgBuffer);
    } catch (e) {
      console.error('Error generating PNG/JPG for', file, e);
    }
  }
}

// Scan directory and update logo objects
function scanLogos() {
  console.log(`Scanning logos directory: ${logosDir}`);

  let existing = [];
  if (fs.existsSync(outputFile)) {
    try {
      existing = JSON.parse(fs.readFileSync(outputFile, 'utf8'));
    } catch (e) {
      console.error('Could not parse existing logos.json:', e);
    }
  }

  try {
    if (!fs.existsSync(logosDir)) {
      console.error(`Directory does not exist: ${logosDir}`);
      return [];
    }

    const files = fs.readdirSync(logosDir);
    // Filter for image files (svg, png, jpg, jpeg)
    const logoFiles = files.filter(file =>
      /\.(svg|png|jpg|jpeg)$/i.test(file)
    );

    console.log(`Found ${logoFiles.length} logo files`);

    // Create a Set of all logo paths in the directory
    const logoPathsSet = new Set(logoFiles.map(file => `logos/${file}`));

    // Mark existing records as disabled if they are not found in the directory
    for (const logo of existing) {
      if (!logoPathsSet.has(logo.path)) {
        logo.disable = true;
      }
    }

    // Create a Set of existing paths to avoid duplication
    const existingPathsSet = new Set(existing.map(logo => logo.path));

    // Create new minimal logo objects for files that don't have records yet
    const newLogos = logoFiles
      .filter(file => !existingPathsSet.has(`logos/${file}`))
      .map(file => {
        const format = getFileExtension(file);
        const logoPath = `logos/${file}`;

        // Create minimal object for new logos - just the essential fields
        return {
          name: formatName(file),
          path: logoPath,
          format: format,
          disable: false,
          brand: formatName(file)
        };
      })
      .sort((a, b) => a.name.localeCompare(b.name));

    // Merge existing and new logos
    let merged = [...existing];

    // Add new logos in alphabetical order
    for (const newLogo of newLogos) {
      // Find the position to insert based on name
      let insertIdx = merged.findIndex(l => newLogo.name.localeCompare(l.name) < 0);
      if (insertIdx === -1) {
        merged.push(newLogo);
      } else {
        merged.splice(insertIdx, 0, newLogo);
      }
    }

    // Force-upgrade SVGs with older colorConfig format to the new targets+sets format
    // but ONLY if they have colors and either a target or selector defined
    // Don't add empty objects to logos that don't need them
    for (const logoObj of merged) {
      // Only proceed if this is an SVG with existing color info that needs upgrading
      if (logoObj.format?.toLowerCase() === 'svg' &&
          logoObj.colors &&
          Object.keys(logoObj.colors).length > 0 &&
          logoObj.colorConfig &&
          !logoObj.sets) {

        // Initialize targets only if needed
        if (!logoObj.targets) {
          logoObj.targets = {};

          if (logoObj.colorConfig.selector) {
            // Split multiple selectors (e.g., "#text, #logo_int")
            const selectors = logoObj.colorConfig.selector.split(',').map(s => s.trim());

            // Create a target for each selector
            selectors.forEach((selector, index) => {
              logoObj.targets[`selector_${index + 1}`] = selector;
            });
          } else if (logoObj.colorConfig.target) {
            logoObj.targets.main = logoObj.colorConfig.target;
          }
        }

        // Initialize sets only if we have both colors and targets
        if (logoObj.targets && Object.keys(logoObj.targets).length > 0) {
          logoObj.sets = {};
          let setIndex = 1;

          // Create a set for each color
          for (const [colorName, colorValue] of Object.entries(logoObj.colors)) {
            const setName = `set_${setIndex}`;
            logoObj.sets[setName] = {};

            // Apply this color to all targets
            Object.keys(logoObj.targets).forEach(targetName => {
              logoObj.sets[setName][targetName] = colorName;
            });

            setIndex++;
          }
        }
      }
    }

    return merged;
  } catch (error) {
    console.error('Error scanning logos directory:', error);
    return [];
  }
}

// Save logos data to JSON file
function saveLogosToJson(logos) {
  try {
    const data = JSON.stringify(logos, null, 2);
    fs.writeFileSync(outputFile, data);
    console.log(`Successfully wrote ${logos.length} logos to ${outputFile}`);
  } catch (error) {
    console.error('Error writing logos data to file:', error);
  }
}

// Main function
function main() {
  // If no collection is specified, process all collections
  if (!collectionArg && !process.env.COLLECTION) {
    for (const col of collections) {
      const logosDir = path.join(__dirname, '..', 'public', col.baseDir);
      const outputFile = path.join(__dirname, '..', 'public', col.dataFile);
      const genDir = path.join(__dirname, '..', 'public', col.genDir);
      if (!fs.existsSync(logosDir)) {
        fs.mkdirSync(logosDir, { recursive: true });
      }
      const files = fs.readdirSync(logosDir);
      const logos = (function scanLogosForCol() {
        let existing = [];
        if (fs.existsSync(outputFile)) {
          try {
            existing = JSON.parse(fs.readFileSync(outputFile, 'utf8'));
          } catch (e) {
            console.error('Could not parse existing', col.dataFile + ':', e);
          }
        }
        try {
          if (!fs.existsSync(logosDir)) {
            console.error(`Directory does not exist: ${logosDir}`);
            return [];
          }
          // Filter for image files (svg, png, jpg, jpeg)
          const logoFiles = files.filter(file =>
            /\.(svg|png|jpg|jpeg)$/i.test(file)
          );
          // Create a Set of all logo paths in the directory
          const logoPathsSet = new Set(logoFiles.map(file => `${col.baseDir}/${file}`));
          // Mark existing records as disabled if they are not found in the directory
          for (const logo of existing) {
            if (!logoPathsSet.has(logo.path)) {
              logo.disable = true;
            }
          }
          // Create a Set of existing paths to avoid duplication
          const existingPathsSet = new Set(existing.map(logo => logo.path));
          // Create new minimal logo objects for files that don't have records yet
          const newLogos = logoFiles
            .filter(file => !existingPathsSet.has(`${col.baseDir}/${file}`))
            .map(file => {
              const format = getFileExtension(file);
              const logoPath = `${col.baseDir}/${file}`;
              return {
                name: formatName(file),
                path: logoPath,
                format: format,
                disable: false,
                brand: formatName(file)
              };
            })
            .sort((a, b) => a.name.localeCompare(b.name));
          let merged = [...existing];
          for (const newLogo of newLogos) {
            let insertIdx = merged.findIndex(l => newLogo.name.localeCompare(l.name) < 0);
            if (insertIdx === -1) {
              merged.push(newLogo);
            } else {
              merged.splice(insertIdx, 0, newLogo);
            }
          }
          for (const logoObj of merged) {
            if (logoObj.format?.toLowerCase() === 'svg' &&
                logoObj.colors &&
                Object.keys(logoObj.colors).length > 0 &&
                logoObj.colorConfig &&
                !logoObj.sets) {
              if (!logoObj.targets) {
                logoObj.targets = {};
                if (logoObj.colorConfig.selector) {
                  const selectors = logoObj.colorConfig.selector.split(',').map(s => s.trim());
                  selectors.forEach((selector, index) => {
                    logoObj.targets[`selector_${index + 1}`] = selector;
                  });
                } else if (logoObj.colorConfig.target) {
                  logoObj.targets.main = logoObj.colorConfig.target;
                }
              }
              if (logoObj.targets && Object.keys(logoObj.targets).length > 0) {
                logoObj.sets = {};
                let setIndex = 1;
                for (const [colorName, colorValue] of Object.entries(logoObj.colors)) {
                  const setName = `set_${setIndex}`;
                  logoObj.sets[setName] = {};
                  Object.keys(logoObj.targets).forEach(targetName => {
                    logoObj.sets[setName][targetName] = colorName;
                  });
                  setIndex++;
                }
              }
            }
          }
          return merged;
        } catch (error) {
          console.error('Error scanning directory:', logosDir, error);
          return [];
        }
      })();
      // Pregenerate PNG/JPG for all SVGs
      pregenerateImages(files, logosDir, genDir);
      // Save to JSON
      try {
        const data = JSON.stringify(logos, null, 2);
        fs.writeFileSync(outputFile, data);
        console.log(`Successfully wrote ${logos.length} items to ${outputFile}`);
      } catch (error) {
        console.error('Error writing data to file:', outputFile, error);
      }
    }
  } else {
    // Single collection mode (as before)
    const logos = scanLogos();
    const files = fs.readdirSync(logosDir);
    pregenerateImages(files, logosDir, genDir);
    saveLogosToJson(logos);
  }
}

// Run the script
main();