Sign up

\n \n

\n \n \n

,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n } else if (url.pathname === \"/auth/signup\" && req.method === \"POST\") {\n const formData = await req.formData();\n const username = formData.get(\"username\") as string;\n const password = formData.get(\"password\") as string;\n\n if (\n username.length < 3\n || username.length > 31\n || !/^[a-z0-9_-]+$/.test(username)\n ) {\n return new Response(\"Invalid username: needs to be > 3 and < 31 characters and match regex: ^[a-z0-9_-]+$\", {\n status: 400,\n });\n }\n\n if (password.length < 6 || password.length > 255) {\n return new Response(\"Invalid password: needs to be > 6 and < 255 characters\", {\n status: 400,\n });\n }\n\n try {\n const userID = await createUser({\n userTable,\n sessionTable,\n username,\n password,\n });\n const session = await lucia.createSession(userID, {});\n response = redirect(\"/\");\n const cookieJar = new CookieJar(req, response);\n const sessionCookie = lucia.createSessionCookie(session.id);\n cookieJar.set(sessionCookie.name, sessionCookie.value, sessionCookie.attributes);\n console.log(\"Created user\", userID);\n } catch (err) {\n console.log(err);\n return new Response(\"User already exists\", {\n status: 400,\n });\n }\n } else if (url.pathname === \"/auth/login\" && req.method === \"GET\") {\n response = new Response(\n renderToString(\n

Sign in

\n \n

\n \n \n

,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n } else if (url.pathname === \"/auth/login\" && req.method === \"POST\") {\n const formData = await req.formData();\n const username = formData.get(\"username\") as string;\n const password = formData.get(\"password\") as string;\n\n const user = await getUser({ userTable, sessionTable, username });\n if (!user) {\n return new Response(\"Bad login\", {\n status: 400,\n });\n }\n\n const validPassword = await verifyPassword(user.hashed_password, password);\n if (!validPassword) {\n return new Response(\"Bad login\", {\n status: 400,\n });\n }\n\n const session = await lucia.createSession(user.id, {});\n response = redirect(\"/\");\n const cookieJar = new CookieJar(req, response);\n const sessionCookie = lucia.createSessionCookie(session.id);\n cookieJar.set(sessionCookie.name, sessionCookie.value, sessionCookie.attributes);\n } else if (url.pathname === \"/auth/logout\") {\n if (session) {\n await lucia.invalidateSession(session.id);\n }\n response = redirect(\"/\");\n const cookieJar = new CookieJar(req, response);\n const sessionCookie = lucia.createBlankSessionCookie();\n cookieJar.set(sessionCookie.name, sessionCookie.value, sessionCookie.attributes);\n } else {\n const clonedReq = new Request(req.url, {\n method: req.method,\n headers: new Headers(req.headers),\n body: req.body,\n });\n if (user) {\n clonedReq.headers.set(\"X-Lucia-Username\", user.username);\n }\n response = await handler(clonedReq);\n }\n\n if (session && session.fresh) {\n const cookieJar = new CookieJar(req, response);\n const sessionCookie = lucia.createSessionCookie(session.id);\n cookieJar.set(sessionCookie.name, sessionCookie.value, sessionCookie.attributes);\n }\n\n if (!session) {\n const cookieJar = new CookieJar(req, response);\n const sessionCookie = lucia.createBlankSessionCookie();\n cookieJar.set(sessionCookie.name, sessionCookie.value, sessionCookie.attributes);\n }\n\n return response;\n };\n};\n\nexport default luciaMiddleware(req =>\n new Response(\n renderToString(\n

\n {req.headers.get(\"X-Lucia-Username\")}\n Login\n Sign up\n Logout\n

,\n ),\n {\n headers: { \"content-type\": \"text/html\" },\n },\n )\n);","deleted","label",[98],"permalink","https://www.val.town/x/yawnxyz/lucia_middleware_vanilla/code/main.tsx","extension","actionData","errors"]