manifest.ts

import { ManifestOptions } from "vite-plugin-pwa";

export const manifest: Partial<ManifestOptions> = {
  name: "Othello",
  short_name: "Othello",
  description: "Play Othello against an AI with this beautiful modern web app.",
  id: "othello-web-app",
  background_color: "#121212",
  theme_color: "#121212",
  display: "standalone",
  categories: ["games"],
  iarc_rating_id: "b5c3da86-e1a0-4f97-86b6-a3f6246c90ff",
  related_applications: [
    {
      platform: "play",
      url: "https://play.google.com/store/apps/details?id=app.web.othello_rust.twa",
      id: "app.web.othello_rust.twa",
    },
    {
      platform: "windows",
      url: "https://www.microsoft.com/store/productId/9N6P75JT9G40",
    },
  ],
  icons: getIcons(),
  screenshots: getScreenshots(),
};

function getIcons() {
  const purposes = ["any", "maskable"];
  const sizes = ["192", "512"];
  const types = ["png", "webp"];

  const icons: { src: string; sizes: string; type: string; purpose: string }[] = [];
  for (const purpose of purposes) {
    for (const type of types) {
      for (const size of sizes) {
        icons.push({
          src: `icons/${purpose}-${size}.${type}`,
          sizes: `${size}x${size}`,
          type: `image/${type}`,
          purpose: purpose,
        });
      }
    }
    icons.push({
      src: `icons/${purpose}.svg`,
      sizes: "any",
      type: "image/svg+xml",
      purpose,
    });
  }

  return icons;
}

function getScreenshots() {
  return [
    ...[0, 1, 2, 3, 4, 5].map((id) => {
      return {
        src: `screenshots/android/${id}.webp`,
        sizes: "1080x1920",
        type: "image/webp",
        platform: "android",
      };
    }),
    ...[0, 1, 2, 3, 4, 5].map((id) => {
      return {
        src: `screenshots/windows/${id}.webp`,
        sizes: "2560x1440",
        type: "image/webp",
        platform: "windows",
      };
    }),
  ];
}