114 lines
3.2 KiB
TypeScript
114 lines
3.2 KiB
TypeScript
import basicSsl from "@vitejs/plugin-basic-ssl";
|
|
import react from "@vitejs/plugin-react";
|
|
import { defineConfig } from "vite";
|
|
import { VitePWA } from "vite-plugin-pwa";
|
|
|
|
const useHttps =
|
|
process.env.WATERMAPS_HTTPS === "true" ||
|
|
process.env.SEACOMPASS_HTTPS === "true" ||
|
|
process.env.HTTPS === "true";
|
|
|
|
export default defineConfig({
|
|
plugins: [
|
|
react(),
|
|
...(useHttps ? [basicSsl()] : []),
|
|
VitePWA({
|
|
registerType: "autoUpdate",
|
|
includeAssets: ["favicon.svg"],
|
|
manifest: {
|
|
name: "Watermaps",
|
|
short_name: "Watermaps",
|
|
description: "Bootsrouten, Etappen, Live-Wasserstände, Offline-Navigation, GPS, Wetter und Tide.",
|
|
theme_color: "#0f4c5c",
|
|
background_color: "#f5f7f4",
|
|
display: "standalone",
|
|
orientation: "portrait",
|
|
scope: "/",
|
|
start_url: "/",
|
|
icons: [
|
|
{
|
|
src: "/favicon.svg",
|
|
sizes: "any",
|
|
type: "image/svg+xml",
|
|
purpose: "any maskable"
|
|
}
|
|
]
|
|
},
|
|
workbox: {
|
|
navigateFallback: "/",
|
|
runtimeCaching: [
|
|
{
|
|
urlPattern: /^https:\/\/tiles\.openseamap\.org\/.*/i,
|
|
handler: "CacheFirst",
|
|
options: {
|
|
cacheName: "openseamap-tiles",
|
|
cacheableResponse: {
|
|
statuses: [0, 200]
|
|
},
|
|
expiration: {
|
|
maxEntries: 500,
|
|
maxAgeSeconds: 60 * 60 * 24 * 14
|
|
}
|
|
}
|
|
},
|
|
{
|
|
urlPattern: /^https:\/\/tiles\.openfreemap\.org\/.*/i,
|
|
handler: "StaleWhileRevalidate",
|
|
options: {
|
|
// Runtime caching sees only resources requested during normal map
|
|
// use. It deliberately does not prefetch whole route corridors.
|
|
cacheName: "openfreemap-visited-resources",
|
|
cacheableResponse: {
|
|
statuses: [0, 200]
|
|
},
|
|
expiration: {
|
|
maxEntries: 1_200,
|
|
maxAgeSeconds: 60 * 60 * 24 * 30
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
})
|
|
],
|
|
build: {
|
|
manifest: true,
|
|
// MapLibre is delivered upstream as one pre-bundled module. Its isolated
|
|
// chunk is intentionally large and checked separately after each build.
|
|
chunkSizeWarningLimit: 1_100,
|
|
rollupOptions: {
|
|
output: {
|
|
onlyExplicitManualChunks: true,
|
|
manualChunks(id) {
|
|
const normalizedId = id.replaceAll("\\", "/");
|
|
if (
|
|
normalizedId.includes("/node_modules/maplibre-gl/") &&
|
|
!normalizedId.endsWith(".css")
|
|
) {
|
|
return "map-engine";
|
|
}
|
|
if (
|
|
normalizedId.includes("/node_modules/react/") ||
|
|
normalizedId.includes("/node_modules/react-dom/") ||
|
|
normalizedId.includes("/node_modules/scheduler/")
|
|
) {
|
|
return "react-vendor";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
server: {
|
|
proxy: {
|
|
"/api": {
|
|
target: "http://localhost:5174",
|
|
changeOrigin: true
|
|
},
|
|
"/health": {
|
|
target: "http://localhost:5174",
|
|
changeOrigin: true
|
|
}
|
|
}
|
|
}
|
|
});
|