generated from Dicken/dickendock
75 lines
2.5 KiB
TypeScript
75 lines
2.5 KiB
TypeScript
import { defineConfig } from "vite";
|
|
import react from "@vitejs/plugin-react";
|
|
import { VitePWA } from "vite-plugin-pwa";
|
|
|
|
export default defineConfig({
|
|
plugins: [
|
|
react(),
|
|
VitePWA({
|
|
registerType: "autoUpdate",
|
|
includeAssets: ["favicon.svg", "apple-touch-icon.png"],
|
|
manifest: {
|
|
name: "LaunchPad",
|
|
short_name: "LaunchPad",
|
|
description: "Schneller, minimalistischer Homelab-Launcher",
|
|
lang: "de",
|
|
theme_color: "#0a0a0a",
|
|
background_color: "#0a0a0a",
|
|
display: "standalone",
|
|
start_url: "/",
|
|
icons: [
|
|
{ src: "/icons/icon-192.png", sizes: "192x192", type: "image/png" },
|
|
{ src: "/icons/icon-512.png", sizes: "512x512", type: "image/png" },
|
|
{
|
|
src: "/icons/icon-maskable-192.png",
|
|
sizes: "192x192",
|
|
type: "image/png",
|
|
purpose: "maskable",
|
|
},
|
|
{
|
|
src: "/icons/icon-maskable-512.png",
|
|
sizes: "512x512",
|
|
type: "image/png",
|
|
purpose: "maskable",
|
|
},
|
|
],
|
|
},
|
|
workbox: {
|
|
// Zeigt beim Offline-Öffnen weiterhin die (gecachte) App-Shell an -
|
|
// ABER NICHT für /api/* oder /ca.crt: ein <a href="/api/..." download>-
|
|
// oder <a href="/ca.crt" download>-Klick wird vom Browser als
|
|
// "Navigation" behandelt, und ohne dieses Denylist hätte der Service
|
|
// Worker dafür fälschlich die App-Shell (index.html) ausgeliefert
|
|
// statt die Anfrage ans Backend/an nginx durchzulassen (Ursache für
|
|
// "Export lädt weiße .htm-Seite" / "ca.crt enthält HTML-Code").
|
|
navigateFallback: "/index.html",
|
|
navigateFallbackDenylist: [/^\/api\//, /^\/ca\.crt$/],
|
|
runtimeCaching: [
|
|
{
|
|
// Zuletzt geladene Geräte/Dienste/Kategorien bleiben offline verfügbar
|
|
// (NetworkFirst: frische Daten, wenn erreichbar, sonst letzter Cache-Stand).
|
|
urlPattern: ({ url }: { url: URL }) => url.pathname.startsWith("/api/"),
|
|
handler: "NetworkFirst",
|
|
options: {
|
|
cacheName: "launchpad-api-cache",
|
|
networkTimeoutSeconds: 3,
|
|
cacheableResponse: { statuses: [0, 200] },
|
|
expiration: { maxEntries: 100, maxAgeSeconds: 60 * 60 * 24 },
|
|
},
|
|
},
|
|
],
|
|
},
|
|
}),
|
|
],
|
|
server: {
|
|
host: true,
|
|
port: 5173,
|
|
proxy: {
|
|
"/api": {
|
|
target: process.env.BACKEND_URL ?? "http://localhost:3001",
|
|
changeOrigin: true,
|
|
},
|
|
},
|
|
},
|
|
});
|