storage.js

const STORAGE_PREFIX = 'pixel-pint-';
const LIST_KEY = `${STORAGE_PREFIX}projects-list`;

const CUSTOM_PALETTES_KEY = `${STORAGE_PREFIX}custom-palettes`;

export const getProjects = () => {
  const list = localStorage.getItem(LIST_KEY);
  return list ? JSON.parse(list) : [];
};

export const saveProjectList = (projects) => {
  localStorage.setItem(LIST_KEY, JSON.stringify(projects));
};

export const saveProjectData = (id, data) => {
  localStorage.setItem(`${STORAGE_PREFIX}project-${id}`, JSON.stringify(data));
};

export const loadProjectData = (id) => {
  const data = localStorage.getItem(`${STORAGE_PREFIX}project-${id}`);
  return data ? JSON.parse(data) : null;
};

export const createProject = (name, width, height, palette, paletteName = null) => {
  const id = Date.now().toString();
  const newProject = {
    id,
    name,
    width: parseInt(width),
    height: parseInt(height),
    palette: palette || ['#000000', '#FFFFFF'],
    paletteName: paletteName || null,
    lastModified: Date.now(),
  };

  const projects = getProjects();
  projects.unshift(newProject);
  saveProjectList(projects);

  // Initialize empty data
  saveProjectData(id, { foreground: null, background: null });

  return newProject;
};

export const getCustomPalettes = () => {
  const data = localStorage.getItem(CUSTOM_PALETTES_KEY);
  return data ? JSON.parse(data) : {};
};

export const saveCustomPalette = (name, colors) => {
  const palettes = getCustomPalettes();
  palettes[name] = colors;
  localStorage.setItem(CUSTOM_PALETTES_KEY, JSON.stringify(palettes));
};

export const deleteProject = (id) => {
  const projects = getProjects().filter(p => p.id !== id);
  saveProjectList(projects);
  localStorage.removeItem(`${STORAGE_PREFIX}project-${id}`);
  return projects;
};

export const updateProjectMeta = (id, updates) => {
  const projects = getProjects();
  const index = projects.findIndex(p => p.id === id);
  if (index !== -1) {
    projects[index] = { ...projects[index], ...updates, lastModified: Date.now() };
    saveProjectList(projects);
    return projects;
  }
  return projects;
};