[{"_1":2,"_168":-5,"_169":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","41471b07d0a238c2a2cac75d49797b325b47d920","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_148":149,"_165":166,"_167":-5},"handle","vgrichina","name","password_manager_demo","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":113,"_114":115,"_116":-5,"_117":32,"_14":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":128,"_131":132,"_134":135,"_147":20},"id","e0a5af7e-2773-11f0-b46e-569c3dd06744","createdAt",["D",1746203909214],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","6d1bbd26-f8bb-4d6a-bcc1-92d5d9d65646","pinnedFileId","e0a8c506-2773-11f0-b46e-569c3dd06744","pinPreview",true,"screenshotVersion","likeCount","0be1e619-7912-488f-939b-713e142caa61","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_129":130},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycTZFV2hKWFRuTmZ1UUZEeWpEczBmSmlLS0cifQ","org",{"_93":94,"_133":130},"avatar","branch",{"_136":137,"_95":43,"_101":138,"_139":102,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},"version",4,"e0a60186-2773-11f0-b46e-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":150,"_95":98,"_151":113,"_152":-5,"_153":138,"_154":137,"_155":115,"_103":156,"_136":157,"_158":159,"_160":161,"_162":20,"_163":-5,"_97":164},"e0baa1d6-2773-11f0-b46e-569c3dd06744","fileId","parentId","branchId","branchVersion","latest",["D",1733977917190],3,"fileType","http","content","export default async function auth(req: Request) {\n const html = (content: string) =>\n `\n\n\n \n \n Password Demo\n \n\n\n ${content}\n\n`;\n\n const loginForm = `\n

Login

\n \n Need an account? Register\n

`;\n\n const registerForm = `\n

Create Account

\n \n Already have an account? Log in\n

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

Welcome back!

You're logged in as ${username}

\n Log Out`),\n {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n },\n );\n } else {\n return new Response(\n html(\n loginForm + `\n `,\n ),\n {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n },\n );\n }\n }\n }\n\n return new Response(\n html(page === \"register\" ? registerForm : loginForm),\n { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/vgrichina/password_manager_demo/code/main.tsx","extension","actionData","errors"]