/* ===================================================================== gate-worker.js — Zugangs-Schranke vor der ganzen statischen Website. Warum ein eigener Worker-Einstiegspunkt statt reiner "[assets]"-Auslieferung: Solange die Seite noch nicht öffentlich sein soll (Dogi will weiter daran arbeiten), aber Dogi + VanVan trotzdem jederzeit von überall draufkommen müssen, reicht eine reine statische Auslieferung nicht — es braucht eine Prüfung VOR jeder Anfrage. Cloudflare Access (Zero Trust) wäre die "Enterprise"-Lösung, kostet aber ab einer gewissen Nutzerzahl und bräuchte einen separaten Login-Flow; diese Lösung hier ist funktional gleichwertig für 2 Personen, komplett kostenlos und lebt im selben Repo. Ablauf: - Kein/ungültiges Session-Cookie -> Zugangscode-Seite (gate.html) statt der eigentlichen Seite, Zielseite wird als ?next= mitgegeben. - POST /gate-auth mit korrektem Code -> signiertes, HttpOnly-Cookie "dogi_session" (90 Tage) wird gesetzt + ein zweites, NICHT-HttpOnly Cookie "dogi_role" (dogi/vanvan) — rein zur Anzeige des Vorschau-Umschalters im Frontend (main.js), kein Sicherheits-Token. - Gültiges Session-Cookie -> normale Auslieferung über env.ASSETS. Die Signatur (HMAC-SHA256 über Web Crypto, in jeder Workers-Runtime eingebaut) verhindert, dass jemand sich einfach selbst ein "dogi_session=irgendwas"-Cookie setzt. ===================================================================== */ const COOKIE_NAME = "dogi_session"; const ROLE_COOKIE_NAME = "dogi_role"; const SESSION_TAGE = 90; function b64urlEncode(bytes) { let bin = ""; bytes.forEach((b) => (bin += String.fromCharCode(b))); return btoa(bin).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, ""); } function b64urlDecodeToBytes(str) { str = str.replace(/-/g, "+").replace(/_/g, "/"); while (str.length % 4) str += "="; const bin = atob(str); return Uint8Array.from(bin, (c) => c.charCodeAt(0)); } async function hmacKey(secret) { return crypto.subtle.importKey( "raw", new TextEncoder().encode(secret), { name: "HMAC", hash: "SHA-256" }, false, ["sign", "verify"] ); } async function signSession(role, secret) { const payload = JSON.stringify({ role, exp: Date.now() + SESSION_TAGE * 24 * 60 * 60 * 1000 }); const payloadB64 = b64urlEncode(new TextEncoder().encode(payload)); const key = await hmacKey(secret); const sig = await crypto.subtle.sign("HMAC", key, new TextEncoder().encode(payloadB64)); const sigB64 = b64urlEncode(new Uint8Array(sig)); return `${payloadB64}.${sigB64}`; } async function verifySession(token, secret) { if (!token || !token.includes(".")) return null; const [payloadB64, sigB64] = token.split("."); try { const key = await hmacKey(secret); const valid = await crypto.subtle.verify( "HMAC", key, b64urlDecodeToBytes(sigB64), new TextEncoder().encode(payloadB64) ); if (!valid) return null; const payload = JSON.parse(new TextDecoder().decode(b64urlDecodeToBytes(payloadB64))); if (!payload.exp || payload.exp < Date.now()) return null; return payload; // { role, exp } } catch { return null; } } function getCookie(request, name) { const header = request.headers.get("Cookie") || ""; const match = header.match(new RegExp(`(?:^|;\\s*)${name}=([^;]+)`)); return match ? decodeURIComponent(match[1]) : null; } /* html_handling = "none" (wrangler.toml) liefert NUR exakt passende Dateipfade aus — verhindert zwar die Redirect-Schleife zwischen /gate.html und /gate (siehe Kommentar in wrangler.toml), heißt aber auch: der bloße Wurzelpfad "/" wird NICHT mehr automatisch auf "/index.html" abgebildet (es gibt ja keine Datei namens "/"). Ohne diesen Ausgleich hier landete man nach erfolgreichem Login auf einer 404-Seite, weil sowohl der Standard-"next"-Wert als auch direkte Aufrufe der nackten Domain auf "/" zeigen. Deshalb: "/" bei der Auslieferung IMMER auf "/index.html" umbiegen. */ function assetsFetch(request, env) { const url = new URL(request.url); if (url.pathname === "/") { url.pathname = "/index.html"; request = new Request(url, request); } return env.ASSETS.fetch(request); } async function handleAuth(request, env) { let body; try { body = await request.json(); } catch { return new Response(JSON.stringify({ ok: false, error: "Ungültige Anfrage." }), { status: 400, headers: { "Content-Type": "application/json" }, }); } const code = (body.code || "").trim(); // "/" wird HIER schon aussortiert (nicht erst in assetsFetch weiter unten // abgefangen) — Grund: ein bereits offener, veralteter gate.html-Tab // (z.B. mit "?next=%2F" von vor diesem Fix in der Adresszeile) würde // sonst weiterhin exakt "/" an den Server schicken und dieser hätte es // unverändert durchgereicht ("/" beginnt ja mit "/", bestand also den // alten Check). Das war der eigentliche Rest-Bug, wieso die 404-Seite // nach dem Einloggen trotz der vorherigen Korrektur weiter auftauchte: // der Server war nicht wirklich die "Quelle der Wahrheit", sondern hat // dem Client teilweise vertraut. Jetzt: "/" gilt serverseitig IMMER als // ungültiges Ziel, unabhängig davon, was der (evtl. veraltete) Client // schickt. const next = typeof body.next === "string" && body.next.startsWith("/") && body.next !== "/" ? body.next : "/index.html"; let role = null; if (env.SITE_ACCESS_CODE_DOGI && code === env.SITE_ACCESS_CODE_DOGI) role = "dogi"; else if (env.SITE_ACCESS_CODE_VANVAN && code === env.SITE_ACCESS_CODE_VANVAN) role = "vanvan"; if (!role) { return new Response(JSON.stringify({ ok: false, error: "Falscher Zugangscode." }), { status: 401, headers: { "Content-Type": "application/json" }, }); } const session = await signSession(role, env.SITE_ACCESS_SECRET); const maxAge = SESSION_TAGE * 24 * 60 * 60; const headers = new Headers({ "Content-Type": "application/json" }); headers.append( "Set-Cookie", `${COOKIE_NAME}=${encodeURIComponent(session)}; Path=/; Max-Age=${maxAge}; HttpOnly; Secure; SameSite=Lax` ); headers.append( "Set-Cookie", `${ROLE_COOKIE_NAME}=${role}; Path=/; Max-Age=${maxAge}; Secure; SameSite=Lax` ); return new Response(JSON.stringify({ ok: true, next }), { status: 200, headers }); } export default { async fetch(request, env) { const url = new URL(request.url); // Fail-open-Absicherung umgekehrt: fehlen die Zugangs-Secrets (z.B. noch // nicht gesetzt), lieber die Schranke NICHT scharf schalten, als Dogi // selbst auszusperren, während er live daran arbeitet. if (!env.SITE_ACCESS_SECRET || (!env.SITE_ACCESS_CODE_DOGI && !env.SITE_ACCESS_CODE_VANVAN)) { return assetsFetch(request, env); } if (url.pathname === "/gate-auth" && request.method === "POST") { return handleAuth(request, env); } const sessionToken = getCookie(request, COOKIE_NAME); const payload = sessionToken ? await verifySession(sessionToken, env.SITE_ACCESS_SECRET) : null; if (payload) { return assetsFetch(request, env); } // gate.html selbst + seine Assets (CSS/Bilder) müssen ohne Session // ladbar sein, sonst kommt niemand überhaupt bis zur Eingabemaske. // /assets/ generell mit freizugeben ist bewusst in Kauf genommen (reines // Design-CSS/JS, kein Inhalt) — hält gate.html im selben Look wie die // restliche Seite, ohne alles inline duplizieren zu müssen. // manifest.json/sw.js/Icons ebenfalls IMMER freigeben (04.08.2026-Fix): // der Browser fragt diese rein technischen PWA-Dateien manchmal in // einem Kontext ab, der kein Session-Cookie mitschickt — landete dann // in der Login-Weiterleitung statt echtem JSON ("Manifest: Syntax // error" in der Konsole, Icons/PWA-Installierbarkeit kaputt). Kein // schützenswerter Inhalt, nur Technik. if ( url.pathname === "/gate.html" || url.pathname.startsWith("/assets/") || url.pathname === "/manifest.json" || url.pathname === "/sw.js" || url.pathname === "/favicon.ico" ) { return assetsFetch(request, env); } // "/" selbst soll ebenfalls zu gate.html führen, aber als spätere // Zielseite "/index.html" mitgeben (siehe next-Kommentar oben) statt // des nicht auflösbaren "/". const next = url.pathname === "/" ? "/index.html" : url.pathname + url.search; return Response.redirect(`${url.origin}/gate.html?next=${encodeURIComponent(next)}`, 302); }, };