marcandClaude Opus 5
6c7eb348b0
Die Adresse im <script>-Tag stand fest im Quelltext, waehrend die CSP aus HONEYBAR_ORIGIN kam. Wer die Leiste woanders betreibt, bekam genau den Widerspruch: die CSP erlaubte den eigenen Ursprung, geladen wurde der alte. Beides speist sich jetzt aus derselben Variablen. Ist sie leer, nimmt vite.config.ts den Tag ganz heraus — sonst bliebe src="/honeybar/honeybar.js" stehen und der Service Worker beantwortete das mit index.html. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
46 lines
2.3 KiB
HTML
46 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<!-- viewport-fit=cover: Als installierte App soll der Inhalt den ganzen
|
||
Schirm nutzen und nicht neben der Kamera-Aussparung eingerahmt stehen.
|
||
Der Preis ist, dass er dann *unter* Statusleiste und Wischbalken laufen
|
||
kann – dagegen die safe-area-Abstände in index.css. -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||
<link rel="icon" type="image/svg+xml" href="/icon.svg" />
|
||
<link rel="apple-touch-icon" href="/icon-192.png" />
|
||
<!-- Das Plugin fuegt keinen Link mehr ein (manifest: false) – der Server
|
||
erzeugt das Manifest aus den Einstellungen. -->
|
||
<link rel="manifest" href="/manifest.webmanifest" />
|
||
<meta name="theme-color" content="#6366f1" />
|
||
<title>Aether</title>
|
||
</head>
|
||
<body>
|
||
<div id="root"></div>
|
||
<script type="module" src="/src/main.tsx"></script>
|
||
|
||
<!-- HoneyOS-Leiste: der Umschalter zwischen den eigenen Apps. Sie rendert
|
||
in einem Shadow DOM, Aethers Stile berührt sie nicht.
|
||
|
||
Sie steht hier statt serverseitig eingespritzt, weil der Service Worker
|
||
die index.html in seinen Vorrat legt (navigateFallback) — was zur
|
||
Bauzeit nicht drinsteht, käme beim Browser nie an.
|
||
|
||
`defer`: ohne wartet der Seitenaufbau auf das Skript. Ist HoneyOS
|
||
langsam oder aus, darf das Aether nicht ausbremsen.
|
||
|
||
Ursprung und Schlüssel kommen beide aus der .env (HONEYBAR_ORIGIN,
|
||
HONEYBAR_KEY) und werden beim Bauen eingesetzt. Derselbe Ursprung
|
||
landet zur Laufzeit in der CSP — so können die beiden nicht
|
||
auseinanderlaufen. Ist er leer, entfernt vite.config.ts diesen Tag
|
||
ganz; Aether läuft dann ohne Leiste weiter. HoneyOS liegt auf einer anderen Site als Aether
|
||
(duckdns.org ist ein public suffix), deshalb schickt der Browser die
|
||
HoneyOS-Sitzung nicht mit — ohne diesen zweiten Ausweis bekäme die
|
||
Leiste nie eine App-Liste. Der Schlüssel steht bewusst nicht im
|
||
Quelltext: er käme sonst ins Repo und liesse sich nur mit einer
|
||
Code-Änderung wechseln. -->
|
||
<script defer src="%VITE_HONEYBAR_ORIGIN%/honeybar/honeybar.js"
|
||
data-app="aether" data-key="%VITE_HONEYBAR_KEY%"></script>
|
||
</body>
|
||
</html>
|