import { purgeCss } from 'vite-plugin-tailwind-purgecss';
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import { SvelteKitPWA } from '@vite-pwa/sveltekit';

export default defineConfig({
	build: {
		// sourcemap: true
	},
	css: {
		devSourcemap: true
	},
	plugins: [
		sveltekit(),
		SvelteKitPWA({
			devOptions: {
				enabled: true,
				type: 'module'
			},
			manifest: {
				name: 'Oracle Client',
				short_name: 'Oracle Client',
				theme_color: '#3EBCC5',
				description: 'A web-based client for the Oracle of Ages/Seasons password system',
				display_override: ['standalone', 'minimal-ui'],
				display: 'fullscreen',
				icons: [
					{
						src: 'img/pwa-192x192.png',
						sizes: '192x192',
						type: 'image/png'
					}
				],
				id: 'zorascript'
			},
			registerType: 'autoUpdate',
			workbox: {
				globPatterns: ['client/**/*.{js,css,html,svg,png}']
			}
		}),
		purgeCss()
	]
});