export default async function auth(req: Request) { const html = (content: string) => ` Password Demo ${content} `; const loginForm = `

Login

Need an account? Register

`; const registerForm = `

Create Account

Already have an account? Log in

`; const url = new URL(req.url); const page = url.searchParams.get("page") || "login"; const action = url.searchParams.get("action"); if (req.method === "POST") { const formData = await req.formData(); const password = formData.get("password")?.toString() || ""; const username = formData.get("username")?.toString() || ""; if (action === "register") { if (password.length < 120) { return new Response( html( registerForm + ` `, ), { headers: { "Content-Type": "text/html; charset=utf-8" }, }, ); } // Always succeed if password is long enough return new Response( html( loginForm + ` `, ), { headers: { "Content-Type": "text/html; charset=utf-8" }, }, ); } if (action === "login") { // Any login with long password succeeds if (password.length >= 120) { return new Response( html(`

Welcome back!

You're logged in as ${username}

Log Out`), { headers: { "Content-Type": "text/html; charset=utf-8" }, }, ); } else { return new Response( html( loginForm + ` `, ), { headers: { "Content-Type": "text/html; charset=utf-8" }, }, ); } } } return new Response( html(page === "register" ? registerForm : loginForm), { headers: { "Content-Type": "text/html; charset=utf-8" } }, ); }

password_manager_demo