import type { MetadataRoute } from "next";

function svgIcon(size: number): string {
  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}"><rect width="100%" height="100%" fill="%230f172a"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" fill="%23ffffff" font-size="${size / 4}" font-family="sans-serif">PA</text></svg>`;
  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
}

export default function manifest(): MetadataRoute.Manifest {
  return {
    name: "Project Afterlife",
    short_name: "Afterlife",
    description: "Preserving online games",
    start_url: "/",
    display: "standalone",
    background_color: "#0f172a",
    theme_color: "#0f172a",
    icons: [
      {
        src: svgIcon(192),
        sizes: "192x192",
        type: "image/svg+xml",
      },
      {
        src: svgIcon(512),
        sizes: "512x512",
        type: "image/svg+xml",
      },
    ],
  };
}