vite.config.ts

import devtoolsJson from 'vite-plugin-devtools-json';
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import { SvelteKitPWA } from '@vite-pwa/sveltekit';
import type { ManifestOptions } from 'vite-plugin-pwa';
import { sitemapPlugin } from 'sveltekit-sitemap/dist/plugin.js';
import rawManifest from './static/manifest.json';

const manifest = rawManifest as Partial<ManifestOptions>;

export default defineConfig(({ mode }) => {
	const isDevelopment = mode === 'development';
	return {
		resolve: {
			dedupe: ['svelte']
		},
		plugins: [
			sveltekit(),
			// Disable PWA in dev to avoid SW interfering with HMR
			!isDevelopment &&
				SvelteKitPWA({
					registerType: 'autoUpdate',
					manifest,
					workbox: {
						globPatterns: ['**/*.{js,css,html,ico,png,svg,jpg,jpeg,gif,webp,woff,woff2,ttf,eot}'],
						runtimeCaching: [
							{
								urlPattern: /^https:\/\/play\.maple\.music\/.*/i,
								handler: 'NetworkFirst',
								options: {
									cacheName: 'api-cache',
									networkTimeoutSeconds: 10,
									cacheableResponse: { statuses: [0, 200] }
								}
							}
						]
					},
					devOptions: { enabled: false }
				}),
			!isDevelopment &&
				sitemapPlugin({
					routesDir: './src/routes',
					sitemapFile: './src/sitemap.ts'
				}),
			!isDevelopment && devtoolsJson()
		].filter(Boolean),
		optimizeDeps: {
			exclude: ['svelte']
		},
		server: {
			watch: {
				usePolling: true
			}
		}
	};
});