import { json } from '@sveltejs/kit';
import type { RequestHandler } from './$types';
import logo from '$lib/assets/round-logo.svg';
import maskableLogo from '$lib/assets/maps-logo-maskable.svg';
import appleLogo from '$lib/assets/apple-touch-icon.png';

export const prerender = true;

export const GET: RequestHandler = ({ url }) => {
	const manifest = {
		name: 'OwlBoard Maps',
		short_name: 'OwlBoard Maps',
		start_url: '/',
		display: 'standalone',
		theme_color: '#3c6f79',
		background_color: '#3d4952',
		icons: [
			{
				src: logo,
				sizes: 'any',
				type: 'image/svg+xml',
				purpose: 'any'
			},
			{
				src: maskableLogo,
				sizes: 'any',
				type: 'image/svg+xml',
				purpose: 'maskable'
			},
			{
				src: appleLogo,
				sizes: '180x180',
				type: 'image/png',
				purpose: 'any'
			}
		]
	};

	return json(manifest, {
		headers: {
			'Content-Type': 'application/manifest+json',
			'Cache-Control': 'public, max-age=3600'
		}
	});
};