palettes.js

// Cache for bundled palettes (loaded once)
let bundledPalettes = null;

const loadBundledPalettes = async () => {
  if (bundledPalettes) return bundledPalettes;
  try {
    const response = await fetch(import.meta.env.BASE_URL + 'palettes/bundled.json');
    if (!response.ok) throw new Error('Bundled palettes not found');
    bundledPalettes = await response.json();
    return bundledPalettes;
  } catch {
    bundledPalettes = {};
    return bundledPalettes;
  }
};

export const fetchLospecPalette = async (name) => {
  try {
    // Check bundled palettes first
    const bundled = await loadBundledPalettes();
    if (bundled[name]) return bundled[name];

    // Fall back to fetching from Lospec
    const baseUrl = import.meta.env.DEV
      ? '/lospec-api'
      : 'https://corsproxy.io/?https://lospec.com';

    const response = await fetch(`${baseUrl}/palette-list/${name}.hex`);
    if (!response.ok) throw new Error('Palette not found');
    const text = await response.text();
    return parseHexFile(text);
  } catch (error) {
    console.error('Error fetching palette:', error);
    return null;
  }
};

export const parseHexFile = (text) => {
  return text
    .split('\n')
    .map(line => line.trim())
    .filter(line => line && !line.startsWith(';')) // Lospec .hex files sometimes have comments
    .map(hex => hex.startsWith('#') ? hex : `#${hex}`);
};

export const getPopularPaletteNames = async () => {
  try {
    const response = await fetch(import.meta.env.BASE_URL + 'lospec-palettes.json');
    if (!response.ok) throw new Error('Local palette list not found');
    return await response.json();
  } catch (error) {
    console.error('Error loading palette list:', error);
    return ['pico-8', 'sweetie-16', 'aap-64', 'dawnbringer-32'];
  }
};