import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import { VitePWA } from 'vite-plugin-pwa';

export default defineConfig({
	plugins: [
		sveltekit(),
		VitePWA({
			strategies: 'injectManifest',
			srcDir: 'src',
			filename: 'sw.ts',
			registerType: 'autoUpdate',
			manifest: {
				name: 'vereins.haus',
				short_name: 'vereins.haus',
				description: 'Vereinsverwaltung die einfach funktioniert',
				theme_color: '#1e40af',
				background_color: '#f8fafc',
				display: 'standalone',
				start_url: '/',
				icons: [
					{ src: '/icons/icon-192.png', sizes: '192x192', type: 'image/png', purpose: 'any' },
					{ src: '/icons/icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'any maskable' },
					{ src: '/icons/apple-touch-icon.png', sizes: '180x180', type: 'image/png' }
				]
			},
			injectManifest: {
				globPatterns: ['**/*.{js,css,html,svg,png,ico}'],
			},
		}),
	],
});