Rechtstexte wieder gestylt: als Vite-Einstiege mit app.css gebaut

Die Seiten verlinkten /css/app.css, das es seit dem React-Umbau nicht mehr
gibt. Jetzt liegen sie unter frontend/static/docs, Vite baut sie mit und
schreibt den Link auf das gehashte app.css um; serveDoc liefert sie unter
den bisherigen Adressen /static/docs/… aus web/ aus.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TiXsPUqw7oeomZ8wZrQW5q
This commit is contained in:
irrlicht
2026-09-27 15:14:53 +02:00
co-authored by Claude Opus 5.5
parent df0cfec132
commit 43c640dee6
7 changed files with 29 additions and 4 deletions
+10
View File
@@ -2,7 +2,10 @@ package main
import (
"net/http"
"path"
"strings"
"github.com/go-chi/chi/v5"
)
// webDir enthält das gebaute React-Frontend (frontend/ -> npm run build):
@@ -19,6 +22,13 @@ func serveApp(w http.ResponseWriter, r *http.Request) {
http.ServeFile(w, r, webDir+"/index.html")
}
// serveDoc liefert einen Rechtstext. Sie werden mit dem Frontend gebaut
// (frontend/static/docs), damit sie dasselbe app.css bekommen.
func serveDoc(w http.ResponseWriter, r *http.Request) {
w.Header().Set("Cache-Control", "no-cache")
http.ServeFile(w, r, webDir+"/static/docs/"+path.Base(chi.URLParam(r, "page")))
}
// serveAssets liefert die gebauten JS/CSS-Dateien. Ihre Namen enthalten einen
// Inhalts-Hash, sie ändern sich also nie -> dauerhaft cachebar. Verzeichnisse
// gibt es nicht zu sehen (kein Listing).
@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beitragsordnung - Kontrollverlust</title>
<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/src/app.css">
</head>
<body>
<header>
@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Datenschutz - Kontrollverlust</title>
<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/src/app.css">
</head>
<body>
<header>
@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Impressum - Kontrollverlust</title>
<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/src/app.css">
</head>
<body>
<header>
+10
View File
@@ -16,9 +16,19 @@ export default defineConfig({
// Das Go-Backend liefert das Build aus web/ aus (siehe frontend.go).
// emptyOutDir muss explizit an sein, weil das Ziel außerhalb von frontend/
// liegt.
// Die Rechtstexte sind eigene statische Seiten ohne JS; als weitere Einstiege
// bekommen sie dasselbe gebaute app.css wie die App.
build: {
outDir: "../web",
emptyOutDir: true,
rollupOptions: {
input: [
"index.html",
"static/docs/impressum.html",
"static/docs/datenschutz.html",
"static/docs/beitragsordnung.html",
],
},
},
server: {
proxy: {
+2 -1
View File
@@ -171,8 +171,9 @@ func routes() http.Handler {
http.Redirect(w, r, "/stats", http.StatusMovedPermanently)
})
r.Handle("/assets/*", serveAssets())
r.Get("/static/docs/{page}", serveDoc)
// Hochgeladene Medien + statische Dateien (Schriften, Rechtstexte).
// Hochgeladene Medien + statische Dateien (Schriften, Bilder).
// nosniff (global via secHeaders) verhindert, dass der Browser eine
// durchgereichte (nicht re-kodierte) Datei als HTML/JS interpretiert ->
// schließt Polyglot/Stored-XSS über Bild-Uploads.
+4
View File
@@ -24,6 +24,10 @@ Vite reicht `/api` und `/static` ans Backend durch (`frontend/vite.config.ts`,
(gitignored). Von dort liefert das Go-Backend aus (`frontend.go`), lokal also
auch ohne Vite: `npm run build`, dann `go run .`.
Die Rechtstexte (`frontend/static/docs/*.html`) sind reine HTML-Seiten ohne JS,
aber weitere Einstiege des Builds (`vite.config.ts`). So bekommen sie dasselbe
gebaute `app.css`; ausgeliefert unter `/static/docs/…` (`serveDoc`).
### DEV-Container
`./dev-up.sh` baut das Image aus dem Arbeitsverzeichnis und startet den