fetch images of cars from google and sort them by color in javascript

index.tsx
const fetch = require('node-fetch');
const ColorThief = require('color-thief');

const API_KEY = 'YOUR_API_KEY';
const SEARCH_ENGINE_ID = 'YOUR_SEARCH_ENGINE_ID';

// Fetch images from Google Custom Search API
async function fetchImages(query) {
  const res = await fetch(`https://www.googleapis.com/customsearch/v1?key=${API_KEY}&cx=${SEARCH_ENGINE_ID}&q=${query}&searchType=image&num=10`);
  const data = await res.json();
  return data.items;
}

// Sort images by dominant color
async function sortImagesByColor(query) {
  const images = await fetchImages(query);
  const colorThief = new ColorThief();
  const coloredImages = [];
  
  for (let i = 0; i < images.length; i++) {
    const img = images[i];
    const dominantColor = await colorThief.getColor(img.link);
    const coloredImage = {
      imageURL: img.link,
      dominantColor
    };
    coloredImages.push(coloredImage);
  }

  coloredImages.sort((a, b) => {
    const c1 = a.dominantColor;
    const c2 = b.dominantColor;
    // Sort by hue, saturation, and value
    return c1[0] - c2[0] || c1[1] - c2[1] || c1[2] - c2[2];
  });

  return coloredImages;
}

// Usage
sortImagesByColor('red sports car')
  .then(images => console.log(images));
1212 chars
43 lines