Please enter your email to access this val.

\n \n

\n \n`;\n\nconst verifyPage = (email) =>\n `\n \n \n \n \n \n

A confirmation code has been sent to ${email}

\n \n

\n \n`;\n\nexport function redirect(location: string): Response {\n return new Response(null, {\n headers: {\n location,\n },\n status: 302,\n });\n}\n\ntype Handler = (req?: Request) => Response | Promise;\n\nexport type PasswordAuthOptions = {\n verifyEmail: (email: string) => boolean | Promise;\n sessionTable?: string;\n codeTable?: string;\n};\n\nconst cookieName = \"auth_session\";\n\nexport function emailAuth(\n next: Handler,\n options?: PasswordAuthOptions,\n): Handler {\n const sessionTable = options?.sessionTable || \"email_auth_session\";\n const codeTable = options?.sessionTable || \"email_auth_code\";\n return async (req: Request, ctx?: { [key: string]: any }) => {\n const val = inferRequestVal(req);\n const valSlug = `${val.handle}/${val.name}`;\n\n const url = new URL(req.url);\n if (url.pathname == \"/signin\" && req.method == \"GET\") {\n return html(loginPage(val.handle));\n }\n\n if (url.pathname == \"/signin\" && req.method == \"POST\") {\n const formData = await req.formData();\n const email = formData.get(\"email\") as string;\n if (options?.allowList && !options?.allowSignup && !options.allowList.includes(email)) {\n return html(`You are not allowed to view this val`);\n }\n\n const code = await generateEmailVerificationCode(codeTable, email);\n sendEmail({\n to: email,\n subject: `@${val.handle}/${val.name} Verification Code`,\n text: `Your code is ${code}`,\n });\n\n return redirect(`/verify?email=${encodeURIComponent(email)}`);\n }\n\n if (url.pathname == \"/verify\" && req.method == \"GET\") {\n const email = url.searchParams.get(\"email\");\n if (!email) {\n return new Response(\"Bad Request\", { status: 400 });\n }\n return html(verifyPage(email));\n }\n\n if (url.pathname == \"/verify\" && req.method == \"POST\") {\n const formData = await req.formData();\n const email = formData.get(\"email\") as string;\n const code = await getEmailVerificationCode(codeTable, email);\n if (code.expires_at < Date.now() / 1000) {\n return new Response(\"Code has expired\", {\n status: 403,\n });\n }\n\n if (code.code != formData.get(\"code\")) {\n return new Response(\"Bad Request\", {\n status: 400,\n });\n }\n\n const session = await createSession(sessionTable, valSlug, email);\n const res = redirect(url.searchParams.get(\"redirect\") || \"/\");\n setCookie(res.headers, {\n name: cookieName,\n value: session.id,\n maxAge: session.expiresAt,\n httpOnly: true,\n secure: true,\n // to work in val.town iframes\n sameSite: \"None\",\n });\n\n return res;\n }\n\n if (url.pathname == \"/signout\") {\n const res = redirect(\"/signin\");\n deleteCookie(res.headers, cookieName);\n return res;\n }\n\n const sessionID = getCookies(req.headers)[cookieName];\n if (!sessionID) {\n return redirect(\"/signout\");\n }\n\n const session = await getSession(sessionTable, sessionID, valSlug);\n if (!session) {\n const res = redirect(`/signin`);\n deleteCookie(res.headers, cookieName);\n return res;\n }\n\n if (session.expiresAt < Date.now() / 1000) {\n const res = redirect(`/signin`);\n deleteCookie(res.headers, cookieName);\n return res;\n }\n\n if (!await options.verifyEmail(session.email)) {\n await sendEmail({\n subject: `Someone tried to login to ${val.name}/${val.handle}`,\n cc: session.email,\n text: `${session.email} has tried to access ${val.name}/${val.handle}. `,\n });\n\n return html(`You are not allowed to view this val`, {\n status: 403,\n });\n }\n\n req.headers.set(\"X-User-Email\", session.email);\n return next(req);\n };\n}","createdAt",["D",1718793493140],"version",46,"currentUserHasLiked","likeCount",6,"forkCount",1,"referenceCount",14,"dependencyCount",4,"commentCount",3,"prCount","mergedPr",{"_138":139,"_140":141},"handle","pomdtr","profileImageUrl","https://images.clerk.dev/oauth_github/img_2RCoAITJZH1QencEgtVjh4Qirj4.jpeg","forkedVal","fileId","interval","slug","pomdtr/email_auth","description","Email Auth for Val Town ⚠️ Require a pro account (needed to send email to users) Usage Create an http server, and wrap it in the emailAuth middleware. import { emailAuth } from \"https://esm.town/v/pomdtr/email_auth\"\nimport { verifyUserEmail } from \"https://esm.town/v/pomdtr/verifyUserEmail\"\n\nexport default emailAuth((req) => {\n return new Response(`your mail is ${req.headers.get(\"X-User-Email\")}`);\n}, {\n verifyEmail: verifyUserEmail\n}); 💡 If you do not want to put your email in clear text, just move it to an env var (ex: Deno.env.get(\"email\") ) If you want to allow anyone to access your val, just use: import { emailAuth } from \"https://esm.town/v/pomdtr/email_auth\"\n\nexport default emailAuth((req) => {\n return new Response(`your mail is ${req.headers.get(\"X-User-Email\")}`);\n}, {\n verifyEmail: (_email) => true\n}); Each time someone tries to access your val but is not allowed, you will get an email with: the email of the user trying to log in the name of the val the he want to access You can then just add the user to your whitelist to allow him in (and the user will not need to confirm his email again) ! TODO [ ] Add expiration for verification codes and session tokens [ ] use links instead of code for verification [ ] improve errors pages","versions",[151,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,281,285,289,293,297,301,305,309,312,316,319,322,325,328],{"_122":123,"_152":-5,"_120":153,"_117":115},"prId",["D",1718793493140],{"_122":155,"_152":-5,"_120":156,"_117":157},45,["D",1718791390922],"227e946a-2e23-11ef-8cc5-cab58f78796a",{"_122":159,"_152":-5,"_120":160,"_117":161},44,["D",1718791325563],"fb89983c-2e22-11ef-a088-cab58f78796a",{"_122":163,"_152":-5,"_120":164,"_117":165},43,["D",1718790544972],"2a44e304-2e21-11ef-adc1-cab58f78796a",{"_122":167,"_152":-5,"_120":168,"_117":169},42,["D",1709815513776],"8ace5a72-dc80-11ee-8321-8aad37b30b4b",{"_122":171,"_152":-5,"_120":172,"_117":173},41,["D",1709815509337],"8828ff8e-dc80-11ee-aa4f-8aad37b30b4b",{"_122":175,"_152":-5,"_120":176,"_117":177},40,["D",1709815500881],"831ebd8a-dc80-11ee-8c5d-8aad37b30b4b",{"_122":179,"_152":-5,"_120":180,"_117":181},39,["D",1709815488267],"7b99ef30-dc80-11ee-aa4f-8aad37b30b4b",{"_122":183,"_152":-5,"_120":184,"_117":185},38,["D",1709815467864],"6f70c8c8-dc80-11ee-8c5d-8aad37b30b4b",{"_122":187,"_152":-5,"_120":188,"_117":189},37,["D",1709815410858],"4d764fea-dc80-11ee-a2e0-8aad37b30b4b",{"_122":191,"_152":-5,"_120":192,"_117":193},36,["D",1709815301891],"0c83526c-dc80-11ee-9a07-8aad37b30b4b",{"_122":195,"_152":-5,"_120":196,"_117":197},35,["D",1709813670880],"405abf98-dc7c-11ee-b059-8aad37b30b4b",{"_122":199,"_152":-5,"_120":200,"_117":201},34,["D",1709812732365],"10f4a73e-dc7a-11ee-98a1-8aad37b30b4b",{"_122":203,"_152":-5,"_120":204,"_117":205},33,["D",1709812290066],"095344fa-dc79-11ee-bfe4-8aad37b30b4b",{"_122":207,"_152":-5,"_120":208,"_117":209},32,["D",1709812094961],"9508a2f2-dc78-11ee-a21f-8aad37b30b4b",{"_122":211,"_152":-5,"_120":212,"_117":213},31,["D",1709810713829],"5dd086ae-dc75-11ee-8a5e-8aad37b30b4b",{"_122":215,"_152":-5,"_120":216,"_117":217},30,["D",1709810572098],"0956269c-dc75-11ee-9437-8aad37b30b4b",{"_122":219,"_152":-5,"_120":220,"_117":221},29,["D",1709809898591],"77e527a4-dc73-11ee-95ec-8aad37b30b4b",{"_122":223,"_152":-5,"_120":224,"_117":225},28,["D",1709809840832],"5577bde4-dc73-11ee-a64c-8aad37b30b4b",{"_122":227,"_152":-5,"_120":228,"_117":229},27,["D",1709809745684],"1cc15f46-dc73-11ee-9138-8aad37b30b4b",{"_122":231,"_152":-5,"_120":232,"_117":233},26,["D",1709809599610],"c5b0302e-dc72-11ee-b168-8aad37b30b4b",{"_122":235,"_152":-5,"_120":236,"_117":237},25,["D",1709809542695],"a3c3bef4-dc72-11ee-b62b-8aad37b30b4b",{"_122":239,"_152":-5,"_120":240,"_117":241},24,["D",1709809498239],"894446ac-dc72-11ee-8b95-8aad37b30b4b",{"_122":243,"_152":-5,"_120":244,"_117":245},23,["D",1709809471801],"79822824-dc72-11ee-ab9c-8aad37b30b4b",{"_122":247,"_152":-5,"_120":248,"_117":249},22,["D",1709809383652],"44f7b7e0-dc72-11ee-b168-8aad37b30b4b",{"_122":251,"_152":-5,"_120":252,"_117":253},21,["D",1709809317035],"1d42c0c8-dc72-11ee-bd3f-8aad37b30b4b",{"_122":255,"_152":-5,"_120":256,"_117":257},20,["D",1709809185890],"cf17876c-dc71-11ee-b30e-8aad37b30b4b",{"_122":259,"_152":-5,"_120":260,"_117":261},19,["D",1709809157431],"be211d9c-dc71-11ee-ba6a-8aad37b30b4b",{"_122":263,"_152":-5,"_120":264,"_117":265},18,["D",1709809106512],"9fc77ba2-dc71-11ee-959b-8aad37b30b4b",{"_122":267,"_152":-5,"_120":268,"_117":269},17,["D",1709809034360],"74c5f4ba-dc71-11ee-b299-8aad37b30b4b",{"_122":271,"_152":-5,"_120":272,"_117":273},16,["D",1709809016506],"6a21ac7a-dc71-11ee-98cc-8aad37b30b4b",{"_122":275,"_152":-5,"_120":276,"_117":277},15,["D",1709809005020],"634911f4-dc71-11ee-ad46-8aad37b30b4b",{"_122":130,"_152":-5,"_120":279,"_117":280},["D",1709808961225],"492e5ed2-dc71-11ee-8798-8aad37b30b4b",{"_122":282,"_152":-5,"_120":283,"_117":284},13,["D",1709808822040],"f63877da-dc70-11ee-9fa0-8aad37b30b4b",{"_122":286,"_152":-5,"_120":287,"_117":288},12,["D",1709808787651],"e1b92c14-dc70-11ee-8a9a-8aad37b30b4b",{"_122":290,"_152":-5,"_120":291,"_117":292},11,["D",1709808679588],"a14ff73e-dc70-11ee-9c11-8aad37b30b4b",{"_122":294,"_152":-5,"_120":295,"_117":296},10,["D",1709808365972],"e6620282-dc6f-11ee-97f6-8aad37b30b4b",{"_122":298,"_152":-5,"_120":299,"_117":300},9,["D",1709808142823],"61602956-dc6f-11ee-a44e-8aad37b30b4b",{"_122":302,"_152":-5,"_120":303,"_117":304},8,["D",1709807911184],"d74eebe4-dc6e-11ee-b78e-8aad37b30b4b",{"_122":306,"_152":-5,"_120":307,"_117":308},7,["D",1709807438281],"bd6f98aa-dc6d-11ee-85f3-8aad37b30b4b",{"_122":126,"_152":-5,"_120":310,"_117":311},["D",1709806998748],"b774316e-dc6c-11ee-9f5b-8aad37b30b4b",{"_122":313,"_152":-5,"_120":314,"_117":315},5,["D",1709805338382],"d9cc82a6-dc68-11ee-a659-8aad37b30b4b",{"_122":132,"_152":-5,"_120":317,"_117":318},["D",1709805281798],"b8125cf8-dc68-11ee-853a-8aad37b30b4b",{"_122":134,"_152":-5,"_120":320,"_117":321},["D",1709804492946],"e1e12750-dc66-11ee-ae5c-8aad37b30b4b",{"_122":94,"_152":-5,"_120":323,"_117":324},["D",1709804265708],"5a6f7042-dc66-11ee-a0b2-8aad37b30b4b",{"_122":128,"_152":-5,"_120":326,"_117":327},["D",1709804166556],"1f560232-dc66-11ee-9264-8aad37b30b4b",{"_122":33,"_152":-5,"_120":329,"_117":330},["D",1709804149688],"154819c4-dc66-11ee-9460-8aad37b30b4b","recentThread","breadcrumbs","comments",[335,346,351],{"_117":336,"_337":338,"_120":339,"_340":-5,"_341":27,"_342":27,"_21":343},"c200165e-2db9-11ef-8893-cab58f78796a","body","Is there a way to modify this to allow any email that is of a certain domain?",["D",1718746131875],"updatedAt","canDelete","canEdit",{"_138":344,"_140":345},"vawogbemi","https://images.clerk.dev/oauth_github/img_2TXrDk0iTsMgo2T7z93Wn4eqcgK.jpeg",{"_117":347,"_337":348,"_120":349,"_340":-5,"_341":27,"_342":27,"_21":350},"af81556c-2e20-11ef-b476-cab58f78796a","Yeah definitely. Maybe the middleware should add a verifyEmail function, that return true if the email is allowed.",["D",1718790339008],{"_138":139,"_140":141},{"_117":352,"_337":353,"_120":354,"_340":-5,"_341":27,"_342":27,"_21":355},"2de716ce-2e23-11ef-8aed-cab58f78796a","Just added support for it!",["D",1718791410062],{"_138":139,"_140":141},"isOwner","routes/_app.v.$handle.$name.forks",{"_359":360,"_380":128,"_381":146,"_382":33,"_98":383},"forksList",[361],{"_104":362,"_363":364},"2f87f646-19bf-11f0-af2a-569c3dd06744","initialData",{"_102":103,"_99":365,"_104":362,"_106":-5,"_107":-5,"_108":109,"_110":111,"_112":113,"_114":366,"_116":27,"_117":366,"_118":119,"_120":367,"_122":33,"_124":27,"_125":33,"_129":33,"_131":132,"_133":33,"_127":33,"_135":33,"_136":-5,"_21":368,"_142":371,"_144":-7,"_147":148,"_373":-5,"_145":374,"_149":375},"96106f12-c78d-4aed-a5eb-d9e032f3450c","2f8c097a-19bf-11f0-af2a-569c3dd06744",["D",1744696937525],{"_138":369,"_140":370},"mtemple","https://www.gravatar.com/avatar/?d=mp",{"_117":115,"_138":139,"_102":103,"_122":123,"_372":-5},"prDisabledHint","latestEvaluation","mtemple/email_auth",[376],{"_120":377,"_122":33,"_378":379},["D",1744696937525],"n","1","forksCount","valname","page",{"_117":115,"_102":103,"_138":139,"_12":100,"_122":123,"_104":105,"_143":-5,"_118":119,"_108":109,"_116":27,"_145":146},"routes/_app","actionData","errors"]