[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_114":115,"_116":117},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","design","name","better-auth-starter","path","frontend/components/SignIn.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":59,"_60":61,"_62":63,"_64":34,"_65":-5,"_66":-5,"_67":38,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/design/better-auth-starter/code/frontend/components/SignIn.tsx","extension","id","4965224d-04aa-4d82-bd51-4b8fa75bf722","SignIn.tsx","fileId","01a05d17-5992-76ee-9d9a-7260b31a78e4","parentId","01a05d17-5992-76ee-9d9a-77ee82eb4941","branchId","de64073e-e085-41a7-ad0b-9a9bcfd80450","branchVersion",1,"latest",true,"createdAt",["D",1788268206383],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { signIn } from \"../lib/auth-client.ts\";\n\nexport function SignIn() {\n const [email, setEmail] = useState(\"\");\n const [status, setStatus] = useState<\"idle\" | \"sending\" | \"sent\" | \"error\">(\n \"idle\",\n );\n const [errorMsg, setErrorMsg] = useState(\"\");\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n setStatus(\"sending\");\n setErrorMsg(\"\");\n const { error } = await signIn.magicLink({\n email,\n callbackURL: \"/\",\n });\n if (error) {\n setStatus(\"error\");\n setErrorMsg(error.message ?? \"Failed to send magic link\");\n } else {\n setStatus(\"sent\");\n }\n }\n\n if (status === \"sent\") {\n return (\n

📬 Check your email

\n We sent a sign-in link to {email}.\n

\n );\n }\n\n return (\n

\n \n Email\n setEmail((e.target as HTMLInputElement).value)}\n placeholder=\"you@example.com\"\n class=\"mt-1 block w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none\"\n disabled={status === \"sending\"}\n />\n \n \n {status === \"sending\" ? \"Sending…\" : \"Send magic link\"}\n \n {status === \"error\" && (\n

{errorMsg}

\n )}\n \n );\n}\n","deleted",false,"label",[47,48,24],"frontend","components","cb89d74b-dd10-4a6f-8b21-5af202a70640",["D",1788268206383],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Better Auth + magic link starter for Val Town","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e7057465-a936-4182-5f36-6b1ff8dc6700/square512?exp=1789650521&sig=abb5565d47dc663466a9d2fe40911ca94a17f009783e13c45203500920d0dc97","userId","15c096e8-eee0-40c7-8d50-811bbe93db1c","pinnedFileId","01a05d17-5993-7099-bcbf-9df66af0bf15","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a05d16-8197-76ad-8dc8-7940fc2c04fb","tursoName","cb89d74bdd104a6f8b215af202a70640","tursoHostname","cb89d74bdd104a6f8b215af202a70640-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789570231850],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_113":109},"org",{"_9":10,"_106":107,"_108":109,"_60":61,"_110":111,"_112":44},"branch",{"_37":32,"_11":93,"_22":30,"_94":49,"_95":96,"_97":98,"_99":54,"_100":101,"_102":103,"_104":12,"_105":10},"isOwned","main","projectId","forkedBranchId","c2c42b0e-46e7-11f1-8887-42b51c65c3df","forkedBranchVersion",18,"forkedProjectPrivacy","forkedProjectId","c2b131d4-46e7-11f1-8887-42b51c65c3df","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","displayName","Design","avatar","https://lh3.googleusercontent.com/a/ACg8ocL3wLOJOcOtakj_Y58zN66k3A7kCgGRr2MYBRiP0NvNfkuQh5uj=s96-c","tier","pro","canRestrictVals","profileImageUrl","ctx",{"_86":-5,"_147":148,"_149":150,"_151":152,"_153":44,"_154":44,"_155":44,"_156":34,"_157":-5,"_158":-7,"_159":-7,"_160":38,"_161":44,"_162":44,"_163":-5,"_164":44,"_165":44,"_166":44,"_167":-5},"ENV",{"_118":119,"_120":121,"_122":93,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142,"_143":144,"_145":146},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]