From 3cdf49419e3aab1ab2f3d9ba1f30907d7caff49e Mon Sep 17 00:00:00 2001
From: SysAdmin Agent <sysadmin@vhtv-stiftung.de>
Date: Tue, 24 Mar 2026 09:57:29 +0000
Subject: [PATCH] Fix GrampsWeb subpath: patch API/lang/font paths in JS at
 startup (STI-90)

GrampsWeb's frontend JS hardcodes absolute paths like "/api/...",
"/lang/...", "/fonts/..." which bypass <base href>. These now get
rewritten to "/ahnenforschung/api/..." etc. at container startup,
matching both double-quoted and template-literal (backtick) patterns.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 compose.yml                               | 23 +++++++++++++++++++++--
 deploy-production/docker-compose.prod.yml | 23 +++++++++++++++++++++--
 2 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/compose.yml b/compose.yml
index 45d22c4..12f43ee 100644
--- a/compose.yml
+++ b/compose.yml
@@ -210,11 +210,30 @@ services:
         if [ -n "$$GRAMPSWEB_SUBPATH" ] && [ "$$GRAMPSWEB_SUBPATH" != "/" ]; then
           SUBPATH="$$GRAMPSWEB_SUBPATH"
           case "$$SUBPATH" in */) ;; *) SUBPATH="$${SUBPATH}/" ;; esac
-          echo "[grampsweb] Patching <base href> to $$SUBPATH ..."
+          echo "[grampsweb] Patching static files for subpath $$SUBPATH ..."
           find / -name index.html -path "*/gramps*" -o -name index.html -path "*/static/*" 2>/dev/null | while read f; do
             if grep -q '<base href="/">' "$$f" 2>/dev/null; then
               sed -i "s|<base href=\"/\">|<base href=\"$$SUBPATH\">|g" "$$f"
-              echo "[grampsweb]   patched: $$f"
+              echo "[grampsweb]   patched base href: $$f"
+            fi
+          done
+          for f in /app/static/*.js; do
+            if [ -f "$$f" ] && grep -q '/api/' "$$f" 2>/dev/null; then
+              sed -i "s|\"/api/|\"$${SUBPATH}api/|g" "$$f"
+              sed -i 's|`/api/|`'"$${SUBPATH}"'api/|g' "$$f"
+              sed -i "s|\"/lang/|\"$${SUBPATH}lang/|g" "$$f"
+              sed -i 's|`/lang/|`'"$${SUBPATH}"'lang/|g' "$$f"
+              sed -i "s|\"/fonts/|\"$${SUBPATH}fonts/|g" "$$f"
+              sed -i 's|`/fonts/|`'"$${SUBPATH}"'fonts/|g' "$$f"
+              sed -i "s|\"/assets/|\"$${SUBPATH}assets/|g" "$$f"
+              sed -i 's|`/assets/|`'"$${SUBPATH}"'assets/|g' "$$f"
+              echo "[grampsweb]   patched JS paths: $$f"
+            fi
+          done
+          for f in /app/static/*.css; do
+            if [ -f "$$f" ] && grep -q '"/fonts/' "$$f" 2>/dev/null; then
+              sed -i "s|\"/fonts/|\"$${SUBPATH}fonts/|g" "$$f"
+              echo "[grampsweb]   patched CSS paths: $$f"
             fi
           done
           echo "[grampsweb] Done."
diff --git a/deploy-production/docker-compose.prod.yml b/deploy-production/docker-compose.prod.yml
index fe4b69a..8eb9688 100644
--- a/deploy-production/docker-compose.prod.yml
+++ b/deploy-production/docker-compose.prod.yml
@@ -136,11 +136,30 @@ services:
         if [ -n "$$GRAMPSWEB_SUBPATH" ] && [ "$$GRAMPSWEB_SUBPATH" != "/" ]; then
           SUBPATH="$$GRAMPSWEB_SUBPATH"
           case "$$SUBPATH" in */) ;; *) SUBPATH="$${SUBPATH}/" ;; esac
-          echo "[grampsweb] Patching <base href> to $$SUBPATH ..."
+          echo "[grampsweb] Patching static files for subpath $$SUBPATH ..."
           find / -name index.html -path "*/gramps*" -o -name index.html -path "*/static/*" 2>/dev/null | while read f; do
             if grep -q '<base href="/">' "$$f" 2>/dev/null; then
               sed -i "s|<base href=\"/\">|<base href=\"$$SUBPATH\">|g" "$$f"
-              echo "[grampsweb]   patched: $$f"
+              echo "[grampsweb]   patched base href: $$f"
+            fi
+          done
+          for f in /app/static/*.js; do
+            if [ -f "$$f" ] && grep -q '/api/' "$$f" 2>/dev/null; then
+              sed -i "s|\"/api/|\"$${SUBPATH}api/|g" "$$f"
+              sed -i 's|`/api/|`'"$${SUBPATH}"'api/|g' "$$f"
+              sed -i "s|\"/lang/|\"$${SUBPATH}lang/|g" "$$f"
+              sed -i 's|`/lang/|`'"$${SUBPATH}"'lang/|g' "$$f"
+              sed -i "s|\"/fonts/|\"$${SUBPATH}fonts/|g" "$$f"
+              sed -i 's|`/fonts/|`'"$${SUBPATH}"'fonts/|g' "$$f"
+              sed -i "s|\"/assets/|\"$${SUBPATH}assets/|g" "$$f"
+              sed -i 's|`/assets/|`'"$${SUBPATH}"'assets/|g' "$$f"
+              echo "[grampsweb]   patched JS paths: $$f"
+            fi
+          done
+          for f in /app/static/*.css; do
+            if [ -f "$$f" ] && grep -q '"/fonts/' "$$f" 2>/dev/null; then
+              sed -i "s|\"/fonts/|\"$${SUBPATH}fonts/|g" "$$f"
+              echo "[grampsweb]   patched CSS paths: $$f"
             fi
           done
           echo "[grampsweb] Done."