import type { VitePWAOptions } from "vite-plugin-pwa";

export const pwaOptions: Partial<VitePWAOptions> = {
	registerType: "autoUpdate",
	workbox: {
		globPatterns: ["**/*.{js,wasm,css,html,woff2}"],
		navigateFallback: undefined,
		runtimeCaching: [
			{
				urlPattern: () => true,
				handler: "NetworkOnly",
			},
		],
	},
	manifest: {
		name: "Pico Pixel Player",
		description: "A directory based audio player with offline functionality",
		theme_color: "#3f4d4e",
		screenshots: [
			{
				src: "/assets/screenshot-narrow.png",
				form_factor: "narrow",
				sizes: "2302x1921",
			},
			{
				src: "/assets/screenshot-wide.png",
				form_factor: "wide",
				sizes: "2302x1278",
			},
		],
		background_color: "#3f4d4e",
		icons: [
			{
				src: "/assets/favicon-any.svg",
				sizes: "any",
				type: "image/svg+xml",
				purpose: "any",
			},
			{
				src: "/assets/favicon-maskable.svg",
				sizes: "any",
				type: "image/svg+xml",
				purpose: "maskable",
			},
			{
				//Android
				src: "/assets/favicon-192x192.png",
				sizes: "192x192",
				type: "image/png",
				purpose: "maskable",
			},
			{
				//iOS
				src: "/assets/favicon-180x180.png",
				sizes: "180x180",
				type: "image/png",
				purpose: "maskable",
			},
		],
		display: "standalone",
		display_override: ["standalone", "minimal-ui", "fullscreen"],
	},
};