From bf03a15337b8617a0ac1713b50908a66085d0359 Mon Sep 17 00:00:00 2001
From: Bobban Rydh <bobban@tooweb.se>
Date: Sat, 26 Sep 2026 02:07:04 +0200
Subject: [PATCH] Make the app installable as a PWA
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds a web manifest, icons (standard 192/512, a full-bleed maskable
512 with the glyph kept inside the safe zone, and an iOS touch icon),
theme-color/apple meta tags, and a service worker, so "Install app" /
"Add to Home Screen" gives it its own icon and a standalone window.

The service worker is a deliberate no-cache pass-through: it registers
a fetch listener (so browsers treat the app as installable) but never
calls respondWith(), so every request goes to the network exactly as
without a worker. A caching worker would keep serving an old JS bundle
after each rebuild — the same stale-build confusion that already cost
time on the settings layout fix — and this app is a live view of
authenticated data with no useful offline mode. Registered in
production builds only.

Icons are generated procedurally (server-rack glyph on the sidebar's
dark colour) and encoded as real PNGs; visually checked, including
that the maskable variant keeps the glyph inside the safe zone.

Verified in a real Chromium (headless Edge) over the DevTools protocol
against the built bundle served with the same express.static setup as
production: the DevTools installability audit reported no errors, the
manifest parsed with no errors, the worker registered at scope "/",
activated and took control, and a navigation through the worker
returned the app page normally. The manifest is served as
application/manifest+json and sw.js as JavaScript. The in-app preview
pane silently blocks service-worker script fetches, so it could not
be used for this — hence the real browser. Real dev database mtime
untouched throughout.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 README.md                        |   6 ++++++
 web/index.html                   |   7 +++++++
 web/public/apple-touch-icon.png  | Bin 0 -> 797 bytes
 web/public/icon-192.png          | Bin 0 -> 1744 bytes
 web/public/icon-512.png          | Bin 0 -> 5751 bytes
 web/public/icon-maskable-512.png | Bin 0 -> 3825 bytes
 web/public/manifest.webmanifest  |  16 ++++++++++++++++
 web/public/sw.js                 |   8 ++++++++
 web/src/main.tsx                 |   9 +++++++++
 9 files changed, 46 insertions(+)
 create mode 100644 web/public/apple-touch-icon.png
 create mode 100644 web/public/icon-192.png
 create mode 100644 web/public/icon-512.png
 create mode 100644 web/public/icon-maskable-512.png
 create mode 100644 web/public/manifest.webmanifest
 create mode 100644 web/public/sw.js

diff --git a/README.md b/README.md
index 328e407..2670842 100644
--- a/README.md
+++ b/README.md
@@ -135,6 +135,12 @@ real API response (fixed to derive them from `connectedToControl` and
 `enabledRoutes`). See the git log for the full verification notes per
 integration.
 
+The app is installable as a PWA — "Install app" / "Add to Home Screen" from the
+browser gives it its own icon and a standalone window on phone or desktop. This
+needs the site to be served over HTTPS (browsers only offer install on secure
+origins; `localhost` also counts). The bundled service worker deliberately
+caches nothing, so an installed copy always shows the current build.
+
 ## Requirements
 
 - Node.js 20+
diff --git a/web/index.html b/web/index.html
index 60151f2..4d45d67 100644
--- a/web/index.html
+++ b/web/index.html
@@ -4,6 +4,13 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Homelab Manager</title>
+    <link rel="manifest" href="/manifest.webmanifest" />
+    <link rel="icon" type="image/png" href="/icon-192.png" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <meta name="theme-color" content="#182433" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-title" content="Homelab" />
     <script>
       (function () {
         try {
diff --git a/web/public/apple-touch-icon.png b/web/public/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..141e9db680e20852c84d035a961051b7a380d1da
GIT binary patch
literal 797
zcmeAS@N?(olHy`uVBq!ia0vp^TR@nD4M^IaWiw)6V0z-|;uunK>+M~|>`#Fr2NLbu
z4A`24*$yw_a4vA3eRe~h*^QoUrjKvk`t|G6uV1_7KRKl-%`-R2Dtz9DBjRy?{tJAa
zSA8wx-WTqet~PN-$L0l&7ZfsBc$?V3Ob#h1Q_uv;RL&59Fx`Oaz|3B-77!Drd+s;;
z^3v}Cw;or%JZG*Va9(L%=YsPbmT?D;Pk(Pzd3TbB&EyKR$isf(CD}hh+-B>4R1rU~
zF>mUE{yoOk;p<-CwYqIxx@rOY>hgslYV&3;;IFwN;4#;z_KSybNzFw8_qmU5a{lW7
z{k7dfOZ2?og(k5r3+n6H_rCM5|CgJ-OXKi!|3c1P>lP?K`@gT@%d~tZ;SyWN`{%;k
z>yMXdD8JBZ>I?WArSzhk^Vbz|UA7DtwG2n)40%g|E&8oMqvpS5d7HrMX#L9#Z17*J
z#F{G&_H2J*4;~WLnVwSUc}<Ern};R$VvnnFSYx8-jMUzUYaGbIRkq<#!qJQ7efxOT
z6D>~u&^YGK`$PIeIV*SghL}l5RU@-`HXL)fz;R2<z>)jbCO60E<*x(WE{M%j&ZwWn
z<j5U$q3PR1=L`EplrrpZD`v23bKJVPeF1Clg5Lflm{W>ay)WpU+@+G;%Xm#9!lW7E
z6bWz?!Qw?`%>$S-B>jx+Ud7)0v4XLl=g01*R_zGAlaD5?F=e|3)Z!S;s;1`{eXV1`
z+RLs$X8;}WPo;GMtFDpb?-Pv+YBgOh)NK>qvOsnX&>`kcVkS*yc3Cx7K!!2@TbJ;V
zYnu0_9Wa+9U+h`1mT5EBnN4m2CeT2^lbqZx#IX=eVBc;t+TFf!_jv51W58t3;OXk;
Jvd$@?2>|&~Mx+1$

literal 0
HcmV?d00001

diff --git a/web/public/icon-192.png b/web/public/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd04e1063f38f9f2047d6f2fa9bd274403635bd3
GIT binary patch
literal 1744
zcmV;>1~2)EP)<h;3K|Lk000e1NJLTq006)M006)U1^@s6Qrv6@000J;Nkl<Zc-rmV
zziS*v6u|NQ6Runc0YNqp90DdwAQ+Nd(z&}L;L=waTm)3O3|NrP%|XCLs!N|jU0S72
zp)Re+U!Xrh;e{0lSwHr4Cu#Q0=iu93G4sB&GxKKNG))1&w(DnY*U#IoKWMvt-FE%a
zz!_3--k<BCkE5?=O|8En;1@%KoCuI=IT>PLQH2m~*Du?yKh*KKhKP-2wxHi@yMEPn
z{izPdNKS{C*_(RcuXQH2WIZVnhWY(U$6?2;ieD!Tiy2cL+~?G2QR=8~af^psEYC^_
z{<%>fkMuQ|KX&l%>j*qD`;Qg;c6d<CPLbdT2_7i;k2N+5<=Ds%Ujo4o64>p5-JzZB
z^J`E{k@+q%ypmj)a<Xi;jR1}}VDiT%wmI0Q0g-`)sSiwrHW0vhex$oku*pp>4Tg;D
zNq9km%;*na0ds#?3w$7eogbv%5xS{pl?Fl$EM<KmJA5herD0GLGshm_c!a%wRG$-2
zq8t@+V*U^705`r+^^LLN$r_D;8ac24M%@cxkI|uGjtGG21<(+v76O0(00963l*vb*
ze|z@X;?3EYKmC68_0NBzV4{zrucFTgumiq$`R?qyU;jD#;kSP=A)?Qs?+CEPsQ=ZQ
zKLpdni9Rg(Yf!8J@hKHRIf%X_zy^H!{I$SIM)WBGM)J+OzXeS)qE87hg1u)y3Yers
z-xA;!p1gP~SdtQbOMnsEo`NMOC2osOUVuoxMB?R>?_d5;j55{`1gJuQ>prQm?`#{D
z0I3BS)0pvf5O@SgCqSgx$NbmF{d0jwfP4aMl3BDKAV4|+Hfc!HAOfTl;OVRPqyO*O
zFMkO>0^|~4Y+BtKfB<QCfnx9fw*QJRg}@^~N&#Xg=%%wJA&8(OK>AE@><C>HA&%Wz
z_!7WbAP|56Ai%@~hy!hcB`49h1Q>xT5IL(vxDjR=Wcot@8Qj{4zEl<B4t0S@kR$lj
z1yUSKQ7i&%S1BSAUcLy^81XMBCkX%$03ZNB0Du4h0RRF31ONyC5a8y!0&&+jP8Om(
z&WjWiV24C$lSr+*BQUMA|IugBcLdmi7*PcNv_%+GzJ>tGnxv*=37S%;Jx2aqUxHGn
zLq!VUaSLw+S1UkVpb#)QDe-blaRPWG+hf@ZV+j_OAqcS9HN3cg8Z|+^2t$Bs1c<=D
z>h5WLYV9HsAhiIumD>n0NI-zJ0*u*LmP{i+N&#ZNug)j|yb|e^NCFUm00b}vG6f=l
zMX*IM0c?ZX1|@(*m_!%>9EAV@9EJk{9EXPE&@RNlg&0>N;Yy@S@o*_#SrjOXqA(T|
z#!?y)N+T+c3&n8(<<S8G00aOC01yBm06+kM0003VlDPL9sr9(}=%_*2L?1<8U3FKR
z0C%_?6L)<D)-;K}EAbM{Bm{_tGvep?B9tsau>uJGToMpKWe61^2%w&4&36O{F!Id5
zfXPXTcLfy2g2Gq?00AZ{z~!V%R3Gyw1_9Cw5R0mtvW?2B5FoVxW6Etjef3`85g?xc
zQ38EzNfm)dfOG=H$S$Ky0Ix)PC6WL&3b09~VK2rIAe{hX)9Tg$1W3CJG^R04e+ZB|
z5%%Q8+iUL<cw~bBRb+x=ls_-Z8iW+){RD6p2n3j-05O6KmYiHSWhKC+3J`)NCnZ*j
zDDp;_Ieb3G9$z7V$Fe<=tty1Kg1r%}E|8*Fieo8_7+YtmL`<^^M5(1vCRZCYMvzE$
z#iuk9UnrO8qv)&BOCqWc4G;hX&<G#^P_F<-8UmGaL;zGTz*<9~Qr02Bfrdb(9E1RK
z4S`CThX6ATfl8S*@oT&OL}Q>bPMY(dg)pjI0ACPbp+Qg?i;DtS2cXXR{{;ySH3}->
zu(|weyMC!*PzlTCs$bjnry2*zIc=`{wOzl`KuFH&CIR*|5R$Xk-1L(ZKoxucz5+1%
zTMNM4|4IR7c7%{==jVgO*9Zw5k3ha-4;xA#JB)l;UsEBN`iz&rjWJC3#@8->ZP)K>
zOiYaZW|uz+GNej)kpP1KZW0`8WE9GA^AJB@0#rBhlK_I>?hvx?_S`W~AX$dTNOH}a
z5`II**s%#b*zty~GradC!ot@8_dMz^nv#FR*T8)O?EE}`k)!@CH_Pl4Ve1{9(KopY
z7GY&-gbk-Ut4Rm`H8LzMmT}ACcG+bA4eNx(@Oe|3y<Sd+7+6edet%Cw%!lWi*2BYn
m9`DP;d4H~lKAx8n@c#kwk%sDepK@&g0000<MNUMnLSTY%PxpHO

literal 0
HcmV?d00001

diff --git a/web/public/icon-512.png b/web/public/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..78cf380be52c9873245e730d0c2fd1ed4df5556f
GIT binary patch
literal 5751
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
bj6+it&Itpnor0yvX#v*SyVw=}z&`RHE|sV#

literal 0
HcmV?d00001

diff --git a/web/public/icon-maskable-512.png b/web/public/icon-maskable-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..34dc6e9d3a31c67ca733a3273087bc465e9295f1
GIT binary patch
literal 3825
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
JvL!(~{tYn@f9L=J

literal 0
HcmV?d00001

diff --git a/web/public/manifest.webmanifest b/web/public/manifest.webmanifest
new file mode 100644
index 0000000..4af9d6d
--- /dev/null
+++ b/web/public/manifest.webmanifest
@@ -0,0 +1,16 @@
+{
+  "id": "/",
+  "name": "Homelab Manager",
+  "short_name": "Homelab",
+  "description": "One dashboard for Proxmox, Synology, Docker, Tailscale, DNS, and more.",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#182433",
+  "theme_color": "#182433",
+  "icons": [
+    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
+    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
+    { "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
+  ]
+}
diff --git a/web/public/sw.js b/web/public/sw.js
new file mode 100644
index 0000000..12db9af
--- /dev/null
+++ b/web/public/sw.js
@@ -0,0 +1,8 @@
+// Exists so browsers treat the app as installable. It deliberately caches
+// nothing and never calls respondWith(): every request goes to the network
+// exactly as if there were no service worker. A caching worker would keep
+// serving an old JS bundle after a rebuild, and this app is a live view of
+// authenticated data with no useful offline mode anyway.
+self.addEventListener("install", () => self.skipWaiting());
+self.addEventListener("activate", (event) => event.waitUntil(self.clients.claim()));
+self.addEventListener("fetch", () => {});
diff --git a/web/src/main.tsx b/web/src/main.tsx
index 33db27d..c51ebaa 100644
--- a/web/src/main.tsx
+++ b/web/src/main.tsx
@@ -5,6 +5,15 @@ import App from "./App";
 import "@tabler/core/dist/css/tabler.min.css";
 import "./styles.css";
 
+// Production only — in dev the worker would just add another layer between Vite and the browser.
+if ("serviceWorker" in navigator && import.meta.env.PROD) {
+  window.addEventListener("load", () => {
+    navigator.serviceWorker.register("/sw.js").catch(() => {
+      // Installability is a nicety; the app works fine without a worker.
+    });
+  });
+}
+
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <BrowserRouter>