crumbs/vite.config.ts

import { sveltekit } from '@sveltejs/kit/vite';
import { SvelteKitPWA } from '@vite-pwa/sveltekit';
import tailwindcss from '@tailwindcss/vite';
import { defineConfig } from 'vite';

export default defineConfig({
	build: {
		chunkSizeWarningLimit: 850
	},
	plugins: [
		tailwindcss(),
		sveltekit(),
		SvelteKitPWA({
			registerType: 'autoUpdate',
			manifest: {
				name: 'Crumbs by Bretzel',
				short_name: 'Crumbs',
				description: 'A self-hostable, offline-first note-taking app by Bretzel',
				start_url: '/',
				display: 'standalone',
				background_color: '#f0e6d3',
				theme_color: '#C8860A',
				icons: [
					{ src: 'pwa-192x192.png', sizes: '192x192', type: 'image/png' },
					{ src: 'pwa-512x512.png', sizes: '512x512', type: 'image/png' },
					{ src: 'pwa-512x512.png', sizes: '512x512', type: 'image/png', purpose: 'maskable' }
				]
			},
			workbox: {
				globPatterns: ['client/**/*.{js,css,ico,png,svg,webp,woff,woff2}'],
				navigateFallback: '/',
				runtimeCaching: [
					{
						urlPattern: /\/api\/notes\/.*\/attachments\?attachmentId=/,
						handler: 'CacheFirst',
						options: {
							cacheName: 'attachment-cache',
							expiration: { maxEntries: 200, maxAgeSeconds: 365 * 24 * 60 * 60 }
						}
					},
					{
						urlPattern: /^https?:\/\/.*\/api\//,
						handler: 'NetworkFirst',
						options: {
							cacheName: 'api-cache',
							expiration: { maxEntries: 50, maxAgeSeconds: 300 }
						}
					}
				]
			}
		})
	]
});