[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_211":212,"_213":214},"routes/_app.x.$handle.$name",{"_99":98,"_34":47,"_108":89,"_28":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":27,"_123":124,"_125":25,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_45":46,"_34":47,"_40":48,"_49":-5,"_50":27,"_51":52,"_53":52,"_54":-5,"_55":-5,"_18":56,"_57":-5,"_58":27,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":27},"version",70,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31},"file",{"_32":33,"_34":29,"_35":36,"_37":39,"_40":41,"_42":14,"_43":44,"_24":27},"previous",{"_32":33,"_34":29,"_35":36,"_37":38},"deleted",true,"deletedHere",false,"path","Valentine.tsx","latestPath","Valentine.ts","fileId","51d84064-0138-11f1-8818-42dde27851f2","name","fileType","http","content","const handleYes = async () => {\n setIsValentine(true); // React UI changes\n await sendAnswer(\"yes\"); // Trigger POST to server\n};\n\nconst handleNo = async () => {\n setNoClicks((prev) => prev + 1); // Shrink / change NO button\n await sendAnswer(\"no\"); // Trigger POST to server\n};","import * as email from \"https://esm.town/v/std/email\";\n\nexport default async function handler(req: Request): Promise {\n try {\n // Parse JSON from POST request\n const body = await req.json();\n const answer = body.answer;\n\n if (answer !== \"yes\" && answer !== \"no\") {\n return new Response(\"Invalid answer\", { status: 400 });\n }\n\n // Send email notification\n await email.send({\n to: \"Vincentowusu1000@gmail.com\",\n subject: `Valentine Response: ${answer.toUpperCase()}`,\n text: `The person clicked: ${answer.toUpperCase()}`,\n });\n\n return new Response(\"Email sent successfully ✅\");\n } catch (err) {\n console.error(err);\n return new Response(\"Failed to send email ❌\", { status: 500 });\n }\n}","createdAt",["D",1770148173279],"branchVersion","branchId","27f03b66-ff63-11f0-b2d9-42dde27851f2","id","27efdc8e-ff63-11f0-b2d9-42dde27851f2","my-first-val",["D",1769946178529],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c1902-f381-754b-8ada-3193386c3957","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","019c1902-f381-754b-8ada-3451095179d0","tursoName","27efdc8eff6311f0b2d942dde27851f2","tursoHostname","27efdc8eff6311f0b2d942dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789542098478],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":27},"branch",{"_13":88,"_34":89,"_45":44,"_90":46,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":47,"_97":98},"isOwned",79,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","onesyd","handle","displayName","Kimberly ","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5NENsWnk4aHJNS3hTZnVPTkhoMjc0cXl5aiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_45":46,"_34":47,"_40":206,"_49":-5,"_50":27,"_51":52,"_53":52,"_54":-5,"_55":-5,"_18":56,"_57":-5,"_58":27,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":207,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":208,"_83":209,"_85":210,"_87":27},"tree",[185,186,187,188,189],"files",[185,186,187,188,189],"counts",{"_175":155,"_176":62,"_177":155,"_178":179,"_180":181},"contents",[130,131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_45":167,"_34":168,"_32":169,"_138":-5,"_43":44,"_42":170,"_140":27,"_40":171,"_13":172,"_35":36,"_37":173,"_24":27,"_145":98,"_28":174},{"_45":158,"_34":159,"_32":160,"_138":-5,"_43":44,"_42":161,"_140":25,"_40":162,"_13":163,"_35":164,"_37":165,"_24":27,"_145":-5,"_28":166},{"_45":151,"_34":152,"_32":153,"_138":-5,"_43":44,"_42":62,"_140":25,"_40":154,"_13":155,"_35":20,"_37":156,"_24":27,"_145":-5,"_28":157},{"_45":147,"_34":29,"_32":33,"_138":-5,"_43":44,"_42":14,"_140":27,"_40":148,"_13":149,"_35":36,"_37":39,"_24":27,"_145":-5,"_28":150},{"_45":135,"_34":136,"_32":137,"_138":-5,"_43":44,"_42":139,"_140":25,"_40":141,"_13":142,"_35":143,"_37":144,"_24":27,"_145":-5,"_28":146},"18d93636-0135-11f1-bccd-42dde27851f2","email.ts","b2a0fe64-0132-11f1-9615-42dde27851f2","parentId",57,"latest",["D",1770146298674],7,"email","import * as email from \"https://esm.town/v/std/email\";\n\nexport default async function handler(req: Request): Promise {\n try {\n const body = await req.json();\n const answer = body.answer;\n\n if (answer !== \"yes\" && answer !== \"no\") {\n return new Response(\"Invalid answer\", { status: 400 });\n }\n\n await email.send({\n to: \"Vincentowusu1000@gmail.com\",\n subject: `Valentine Response: ${answer.toUpperCase()}`,\n text: `The person selected: ${answer.toUpperCase()}`,\n });\n\n return new Response(\"Email sent successfully ✅\");\n } catch (error) {\n console.error(error);\n return new Response(\"Error sending email ❌\", { status: 500 });\n }\n}","label",[136],"7632d838-0139-11f1-a4a2-42dde27851f2",["D",1770148173279],11,[29],"27f2b94a-ff63-11f0-b2d9-42dde27851f2","README.md","27f2b9fe-ff63-11f0-b2d9-42dde27851f2",["D",1769946178547],0,"# Welcome to Your First Val! 👋\n\nExplore our examples on the left:\n* **01_script.tsx**: A simple script that returns a fun fact.\n* **02_http.tsx**: An HTTP endpoint that greets you.\n* **03_cron.tsx**: A cron that logs the time based on a schedule.\n* **04_email.tsx**: An email handler that processes incoming email details.\n\nFeel free to edit these examples or add new files to your project.\n\nFor inspiration, check out our [Docs](https://docs.val.town/), [Templates](https://www.val.town/explore/use-cases), [Showcase](https://www.val.town/explore/community-showcase) and [Discord](https://discord.val.town/)!\n\nStay as long as you'd like in this project, or head to your main [dashboard](/dashboard) to keep exploring the rest of Val Town.",[152],"bb246f66-0124-11f1-8f58-42dde27851f2","03_cron.ts","2801997e-ff63-11f0-b2d9-42dde27851f2",22,["D",1770139269526],5,"interval","

Tkthao219 Bubududu Stickerfrom Tkthao219 Stickers

",[159],"82a5f12a-0136-11f1-b86b-42dde27851f2","02_http.ts","27fcb508-ff63-11f0-b2d9-42dde27851f2",58,["D",1770146905683],25,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport * as email from \"https://esm.town/v/std/email\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, pookie?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\n];\n\nfunction App({ sendAnswer }) {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = async () => {\n setNoClicks((prev) => prev + 1);\n await sendAnswer(\"no\");\n };\n\n const handleYes = async () => {\n setIsValentine(true);\n await sendAnswer(\"yes\");\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Will you be my Valentine? 🫣🥺

\n \n Yes\n \n \n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n )\n : (\n <>\n

\n \n Having you in my life gives me direction and happiness I wouldn’t\n trade for anything. I promise to always love and support you, no\n matter the distance. Every day with you is a blessing, and I’ll\n forever cherish the day you came into my life. I love you so much\n and please be much better for me soon. Happy Valentine 💝🤍 Maryam\n \n \n )}\n \n );\n}\n\n// Client render\nfunction client() {\n createRoot(document.getElementById(\"root\")).render(\n ,\n );\n}\n\n// Email sending function\nasync function sendAnswer(answer: string) {\n try {\n await email.send({\n to: \"Vincentowusu1000@gmail.com\",\n subject: `Valentine Response: ${answer.toUpperCase()}`,\n text: `The person clicked: ${answer.toUpperCase()}`,\n });\n } catch (err) {\n console.error(\"Failed to send email:\", err);\n }\n}\n\nif (typeof document !== \"undefined\") client();\n\n// Server function to serve HTML\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Valentine's Day Invitation\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}",[168],"pulls","branches","forks","envVars",{"_182":155,"_184":155},"connections",{"_182":155,"_183":155},"count","unfilledCount","emptyCount",{"_45":167,"_34":168,"_32":169,"_138":-5,"_43":44,"_42":170,"_140":27,"_40":203,"_13":172,"_35":36,"_37":173,"_24":27,"_145":98,"_191":204,"_28":205},{"_45":158,"_34":159,"_32":160,"_138":-5,"_43":44,"_42":161,"_140":25,"_40":200,"_13":163,"_35":164,"_37":165,"_24":27,"_145":-5,"_191":201,"_28":202},{"_45":151,"_34":152,"_32":153,"_138":-5,"_43":44,"_42":62,"_140":25,"_40":197,"_13":155,"_35":20,"_37":156,"_24":27,"_145":-5,"_191":198,"_28":199},{"_45":147,"_34":29,"_32":33,"_138":-5,"_43":44,"_42":14,"_140":27,"_40":194,"_13":149,"_35":36,"_37":39,"_24":27,"_145":-5,"_191":195,"_28":196},{"_45":135,"_34":136,"_32":137,"_138":-5,"_43":44,"_42":139,"_140":25,"_40":190,"_13":142,"_35":143,"_37":144,"_24":27,"_145":-5,"_191":192,"_28":193},["D",1770146298674],"children",[],[136],["D",1770148173279],[],[29],["D",1769946178547],[],[152],["D",1770139269526],[],[159],["D",1770146905683],[],[168],["D",1769946178529],["D",1789542098478],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":27},{"_13":88,"_34":89,"_45":44,"_90":46,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":47,"_97":98},"ctx",{"_81":-5,"_127":244,"_245":246,"_247":248,"_249":27,"_250":27,"_251":27,"_252":25,"_253":-5,"_254":-7,"_255":-7,"_256":155,"_257":27,"_258":27,"_259":-5,"_260":27,"_261":27,"_262":27,"_263":-5},"ENV",{"_215":216,"_217":218,"_219":89,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v70