[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_155":156,"_157":158},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_20":121,"_22":122,"_123":124,"_125":126,"_26":127,"_24":128,"_129":-5,"_130":-5,"_131":51,"_132":133,"_134":51},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","pomdtr","name","email_auth","branchName","main","version","path","README.md","project",{"_33":70,"_13":14,"_44":71,"_72":-5,"_73":43,"_74":75,"_76":-5,"_77":-5,"_78":79,"_80":-5,"_81":43,"_82":-5,"_83":-5,"_84":85,"_86":87,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_101":102,"_103":104,"_105":106,"_107":51},"tree",[54,55],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","e1fdc512-277f-11f0-b46e-569c3dd06744","fileId","e1fdc5a8-277f-11f0-b46e-569c3dd06744","parentId","branchId","e1fb86a8-277f-11f0-b46e-569c3dd06744","branchVersion",1,"latest",true,"createdAt",["D",1709804149688],0,"fileType","content","# Email Auth for Val Town\n\n> ⚠️ Require a pro account (needed to send email to users)\n\n## Usage\n\nCreate an http server, and wrap it in the emailAuth middleware.\n\n```ts\nimport { 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});\n```\n\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\")`)\n\nIf you want to allow anyone to access your val, just use:\n\n```ts\nimport { 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});\n```\n\nEach time someone tries to access your val but is not allowed, you will get an email with:\n\n- the email of the user trying to log in\n- the name of the val the he want to access\n\nYou can then just add the user to your whitelist to allow him in (and the user will not need to confirm his email again) !\n\n## TODO\n\n- [ ] Add expiration for verification codes and session tokens\n- [ ] use links instead of code for verification\n- [ ] improve errors pages\n\n","deleted",false,"label",[19],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":67,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_64":68,"_18":69},{"_33":56,"_13":57,"_35":58,"_37":-5,"_38":39,"_40":59,"_42":43,"_44":60,"_17":61,"_47":62,"_48":63,"_50":51,"_52":-5,"_64":65,"_18":66},"e33c051a-277f-11f0-b46e-569c3dd06744","main.tsx","e1fdbf2c-277f-11f0-b46e-569c3dd06744",47,["D",1718793493140],46,"script","import { deleteCookie, getCookies, setCookie } from \"https://deno.land/std/http/cookie.ts\";\nimport { inferRequestVal } from \"https://esm.town/v/andreterron/inferRequestVal\";\nimport { email as sendEmail } from \"https://esm.town/v/std/email?v=11\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=4\";\nimport { html } from \"https://esm.town/v/stevekrouse/html?v=5\";\nimport { zip } from \"npm:lodash-es\";\nimport { nanoid } from \"npm:nanoid\";\nimport { createDate, TimeSpan } from \"npm:oslo\";\nimport { alphabet, generateRandomString } from \"npm:oslo/crypto\";\n\ntype Session = {\n id: string;\n email: string;\n expiresAt: number;\n};\n\nasync function createSessionTable(sessionTableName: string) {\n await sqlite.execute(`CREATE TABLE ${sessionTableName} (\n id TEXT NOT NULL PRIMARY KEY,\n expires_at INTEGER NOT NULL,\n email STRING NOT NULL,\n val_slug STRING NOT NULL\n );`);\n}\n\nasync function createCodeTable(tableName: string) {\n await sqlite.execute(`CREATE TABLE ${tableName} (\n id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,\n code STRING NOT NULL,\n email STRING NOT NULL,\n expires_at INTEGER NOT NULL\n )`);\n}\n\nasync function generateEmailVerificationCode(tableName, email: string): Promise {\n try {\n await sqlite.execute({ sql: `DELETE FROM ${tableName} WHERE email = ?`, args: [email] });\n const code = generateRandomString(8, alphabet(\"0-9\"));\n const expires_at = createDate(new TimeSpan(5, \"m\")); // 5 minutes\n await sqlite.execute({\n sql: `INSERT INTO ${tableName} (email, code, expires_at) VALUES (?, ?, ?)`,\n args: [email, code, expires_at.getTime() / 1000],\n });\n return code;\n } catch (e) {\n if (e.message.includes(\"no such table\")) {\n await createCodeTable(tableName);\n return generateEmailVerificationCode(tableName, email);\n }\n\n throw e;\n }\n}\n\nasync function createSession(tableName: string, valSlug: string, email: string): Promise {\n try {\n const expiresAt = new Date();\n expiresAt.setDate(expiresAt.getDate() + 7);\n const sessionID = nanoid();\n\n await sqlite.execute({\n sql: `INSERT INTO ${tableName} (id, val_slug, expires_at, email) VALUES (?, ?, ?, ?)`,\n args: [sessionID, valSlug, expiresAt.getTime() / 1000, email],\n });\n return {\n id: sessionID,\n email,\n expiresAt: expiresAt.getTime(),\n };\n } catch (e) {\n if (e.message.includes(\"no such table\")) {\n await createSessionTable(tableName);\n return createSession(tableName, valSlug, email);\n }\n\n throw e;\n }\n}\n\nasync function getSession(tableName: string, sessionID: string, valSlug: string): Promise {\n try {\n const { rows, columns } = await sqlite.execute({\n sql: `SELECT * FROM ${tableName} WHERE id = ? AND val_slug = ?`,\n args: [sessionID, valSlug],\n });\n\n if (rows.length == 0) {\n return null;\n }\n\n return Object.fromEntries(zip(columns, rows.at(0))) as Session;\n } catch (e) {\n if (e.message.includes(\"no such table\")) {\n return null;\n }\n\n throw e;\n }\n}\n\ntype VerificationCode = {\n code: string;\n expires_at: number;\n email: string;\n};\n\nasync function getEmailVerificationCode(tableName: string, email: string) {\n try {\n const { rows, columns } = await sqlite.execute({\n sql: `SELECT * FROM ${tableName} WHERE email = ?`,\n args: [email],\n });\n\n if (rows.length == 0) {\n return null;\n }\n\n return Object.fromEntries(zip(columns, rows.at(0))) as VerificationCode;\n } catch (e) {\n if (e.message.includes(\"no such table\")) {\n return null;\n }\n\n throw e;\n }\n}\n\nconst loginPage = (handle) =>\n `\n \n \n \n \n \n

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}","children",[],[57],["D",1709804149688],[],[19],"e1fb3ac2-277f-11f0-b46e-569c3dd06744",["D",1746209065413],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","userId","8a86e3e7-cae8-48ea-a1d8-c8cf7b30d88c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",6,"orgId","4b933fb9-e150-4558-9d0a-845e595c8c78","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_120":117},"org",{"_11":12,"_116":117,"_78":79,"_118":119},"branch",{"_17":59,"_13":16,"_33":39,"_108":70,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","avatar","https://images.clerk.dev/oauth_github/img_2RCoAITJZH1QencEgtVjh4Qirj4.jpeg","tier","free","profileImageUrl",{"_33":70,"_13":14,"_44":151,"_72":-5,"_73":43,"_74":75,"_76":-5,"_77":-5,"_78":79,"_80":-5,"_81":43,"_82":-5,"_83":-5,"_84":85,"_86":87,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_101":152,"_103":153,"_105":154,"_107":51},[145,146],"files",[145,146],"counts",{"_136":46,"_137":41,"_138":46,"_32":139,"_140":141},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":135},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"navCollapsed",[19],"pulls","branches","forks",{"_142":46,"_144":46},"connections",{"_142":46,"_143":46},"count","unfilledCount","emptyCount",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":67,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_64":149,"_18":150},{"_33":56,"_13":57,"_35":58,"_37":-5,"_38":39,"_40":59,"_42":43,"_44":60,"_17":61,"_47":62,"_48":63,"_50":51,"_52":-5,"_64":147,"_18":148},[],[57],[],[19],["D",1746209065413],{"_11":12,"_120":117},{"_11":12,"_116":117,"_78":79,"_118":119},{"_17":59,"_13":16,"_33":39,"_108":70,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"ctx",{"_101":-5,"_188":189,"_190":191,"_192":51,"_193":51,"_194":51,"_195":-5,"_196":-7,"_197":-7,"_198":46,"_199":51,"_200":51,"_201":-5,"_202":51,"_203":51},"ENV",{"_159":160,"_161":162,"_163":164,"_165":16,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","f1316bb1ce3ad41ce227a17bcad7725ad044419f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","API_URL","https://api.val.town","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier"]