[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_203":204,"_205":206},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":120,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","02_http.ts","latestPath","fileId","086be048-0557-11f1-b754-42dde27851f2","name","fileType","http","content","/** @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 My love, happy Valentine’s Day ❤️ Even though miles separate us, my heart feels closer to you every single day. You mean so much to me, and I’m so grateful for your love, care, and your attention . I miss you deeply and can’t wait for the day we finally hold each other . Until then, always remember that my heart is yours, now and forever. I love you so much 💕✨\n 💝🤍BOBBIE 🤍💍\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}","/** @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 My love, happy Valentine’s Day ❤️ Even though miles separate us, my heart feels closer to you every single day. You mean so much to me, and I’m so grateful for your love, care, and your attention . I miss you deeply and can’t wait for the day we finally hold each other . Until then, always remember that my heart is yours, now and forever. I love you so much 💕✨\n 💝🤍BOBBIE 🤍💍 Forever together babe \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}","createdAt",["D",1770601154626],"branchVersion","branchId","08585172-0557-11f1-b754-42dde27851f2","id","0857ea98-0557-11f1-b754-42dde27851f2","my-first-val",["D",1770600678538],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c4006-0944-70ee-a713-168fc82282c7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019c4006-0944-70ee-a713-1935c350b3d3","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},"branch",{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Kimberly","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5UGJIMzdWWVkydU03SE9XeGgzTWxYUWl1ZyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":199,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":200,"_78":201,"_80":202,"_82":25},"tree",[178,179,180,181,182],"files",[178,179,180,181,182],"counts",{"_168":60,"_169":134,"_170":60,"_171":172,"_173":174},"contents",[125,126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":160,"_32":161,"_30":162,"_133":-5,"_41":42,"_40":163,"_135":120,"_38":164,"_13":60,"_33":165,"_35":166,"_24":25,"_138":-5,"_27":167},{"_43":156,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_135":25,"_38":157,"_13":143,"_33":34,"_35":37,"_24":25,"_138":158,"_27":159},{"_43":148,"_32":149,"_30":150,"_133":-5,"_41":42,"_40":151,"_135":120,"_38":152,"_13":60,"_33":153,"_35":154,"_24":25,"_138":-5,"_27":155},{"_43":140,"_32":141,"_30":142,"_133":-5,"_41":42,"_40":143,"_135":120,"_38":144,"_13":60,"_33":145,"_35":146,"_24":25,"_138":-5,"_27":147},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":120,"_38":136,"_13":60,"_33":20,"_35":137,"_24":25,"_138":-5,"_27":139},"085f9cfc-0557-11f1-b754-42dde27851f2","README.md","085f9da6-0557-11f1-b754-42dde27851f2","parentId",1,"latest",["D",1770600678587],"# 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.","label",[131],"087914b6-0557-11f1-b754-42dde27851f2","04_email.ts","08791560-0557-11f1-b754-42dde27851f2",5,["D",1770600678754],"email","// This code is triggered when an email is sent to its unique address.\n// Click \"Run\", copy and paste the email address and send an email to it.\n// This example will log the email details received.\nexport default async function emailHandler(email: Email){\n console.log(\"Email received!\", email.from, email.subject, email.text);\n for (const file of email.attachments) {\n console.log(`Filename: ${file.name}`);\n console.log(`Content Type: ${file.type}`);\n console.log(`Content: ${await file.text()}`);\n }\n}",[141],"08715f46-0557-11f1-b754-42dde27851f2","03_cron.ts","08715ff0-0557-11f1-b754-42dde27851f2",4,["D",1770600678704],"interval","// This cron runs on a schedule (e.g. every hour, day).\n// Configure the timer with the 🕒 icon in the top right.\n// This example just logs the current time.\nexport function scheduledHandler() {\n const timestamp = new Date().toISOString();\n console.log(`Cron val executed at: ${timestamp}`);\n return `Executed at ${timestamp}`;\n}",[149],"241ed060-0558-11f1-aad8-42dde27851f2",["D",1770601154626],"kimberly1",[28],"08655994-0557-11f1-b754-42dde27851f2","01_script.ts","08655a3e-0557-11f1-b754-42dde27851f2",2,["D",1770600678625],"script","// This script returns a random fun fact\n// You can Run scripts manually in this view or call it from other vals.\nexport default function getRandomFact() {\n const funFacts = [\n \"Honey never spoils.\",\n \"Bananas are actually berries, but strawberries are not.\",\n \"Val Town has a citizen Juicy Bear. 🐻\",\n ];\n const fact = funFacts[Math.floor(Math.random() * funFacts.length)];\n return fact;\n}\nconsole.log(\"Fun fact:\", getRandomFact());\n",[161],"pulls","branches","forks","envVars",{"_175":60,"_177":60},"connections",{"_175":60,"_176":60},"count","unfilledCount","emptyCount",{"_43":160,"_32":161,"_30":162,"_133":-5,"_41":42,"_40":163,"_135":120,"_38":196,"_13":60,"_33":165,"_35":166,"_24":25,"_138":-5,"_184":197,"_27":198},{"_43":156,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_135":25,"_38":193,"_13":143,"_33":34,"_35":37,"_24":25,"_138":158,"_184":194,"_27":195},{"_43":148,"_32":149,"_30":150,"_133":-5,"_41":42,"_40":151,"_135":120,"_38":190,"_13":60,"_33":153,"_35":154,"_24":25,"_138":-5,"_184":191,"_27":192},{"_43":140,"_32":141,"_30":142,"_133":-5,"_41":42,"_40":143,"_135":120,"_38":187,"_13":60,"_33":145,"_35":146,"_24":25,"_138":-5,"_184":188,"_27":189},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":120,"_38":183,"_13":60,"_33":20,"_35":137,"_24":25,"_138":-5,"_184":185,"_27":186},["D",1770600678587],"children",[],[131],["D",1770600678754],[],[141],["D",1770600678704],[],[149],["D",1770601154626],[],[28],["D",1770600678625],[],[161],["D",1770600678538],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_76":-5,"_122":236,"_237":238,"_239":240,"_241":25,"_242":25,"_243":25,"_244":120,"_245":-5,"_246":-7,"_247":-7,"_248":60,"_249":25,"_250":25,"_251":-5,"_252":25,"_253":25,"_254":25,"_255":-5},"ENV",{"_207":208,"_209":210,"_211":84,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235},"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 · v10