Files
wotra/web/vite.config.ts

71 lines
1.9 KiB
TypeScript

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vitest/config';
import { VitePWA } from 'vite-plugin-pwa';
// A revision that changes on every build, so the SW always re-fetches index.html
// when the app is redeployed. index.html is not picked up by globPatterns because
// the static adapter creates it AFTER the service worker precache manifest is
// generated — so we add it explicitly here instead.
const buildId = Date.now().toString();
export default defineConfig({
plugins: [
sveltekit(),
VitePWA({
registerType: 'autoUpdate',
strategies: 'generateSW',
injectRegister: false,
workbox: {
globPatterns: ['**/*.{js,css,svg,png,ico,woff,woff2}'],
additionalManifestEntries: [
{ url: '/', revision: buildId },
{ url: '/index.html', revision: buildId }
],
cleanupOutdatedCaches: true,
clientsClaim: true,
navigateFallback: '/index.html',
navigateFallbackDenylist: [/^\/api/, /^\/healthz/],
runtimeCaching: [
{
urlPattern: /^\/api\//,
handler: 'NetworkFirst',
options: {
cacheName: 'api-cache',
networkTimeoutSeconds: 5,
cacheableResponse: { statuses: [0, 200] }
}
}
]
},
devOptions: {
enabled: true,
type: 'module'
},
manifest: {
name: 'Wotra — Working Time Tracker',
short_name: 'Wotra',
description: 'Track your working hours, close days and weeks, compute overtime.',
theme_color: '#1a1a2e',
background_color: '#f8f9fa',
display: 'standalone',
start_url: '/',
icons: [
{ src: '/icon-192.png', sizes: '192x192', type: 'image/png' },
{ src: '/icon-512.png', sizes: '512x512', type: 'image/png' }
]
}
})
],
server: {
proxy: {
'/api': 'http://localhost:8080',
'/healthz': 'http://localhost:8080'
}
},
test: {
environment: 'jsdom',
globals: true,
include: ['src/**/*.test.ts']
}
});