[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_247":248,"_249":250},"routes/_app.x.$handle.$name",{"_133":132,"_37":82,"_141":120,"_32":41,"_13":14,"_142":-5,"_11":143,"_144":145,"_146":147,"_148":149,"_150":151,"_26":-5,"_152":153,"_154":155,"_156":30,"_157":158,"_159":160,"_161":-5,"_162":-5,"_163":164},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_80":81,"_37":82,"_42":83,"_84":-5,"_85":30,"_86":87,"_88":87,"_89":-5,"_90":-5,"_18":91,"_92":-5,"_93":30,"_94":-5,"_95":-5,"_96":97,"_98":99,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":105,"_106":105,"_107":108,"_109":108,"_110":108,"_111":105,"_112":105,"_113":114,"_115":116,"_117":118,"_119":30},"version",1,"changes",[19,20,21,22,23,24,25],"aiChatInfo","userId",{"_26":75,"_28":-7,"_29":30,"_31":30,"_32":76,"_34":76},{"_26":69,"_28":-7,"_29":30,"_31":30,"_32":70,"_34":70},{"_26":63,"_28":-7,"_29":30,"_31":30,"_32":64,"_34":64},{"_26":57,"_28":-7,"_29":30,"_31":30,"_32":58,"_34":58},{"_26":52,"_28":-7,"_29":30,"_31":30,"_32":53,"_34":53},{"_26":47,"_28":-7,"_29":30,"_31":30,"_32":48,"_34":48},{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":39,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","new-file-2343.ts","latestPath","fileId","019c273f-eb64-77fb-b1c0-3610b63ef6ef","name","fileType","script","content","","createdAt",["D",1770185026324],"branchVersion","branchId","4459eb16-018f-11f1-ac03-42dde27851f2",{"_35":49,"_37":48,"_38":39,"_40":50,"_42":51,"_44":14,"_45":46,"_29":30},"Valentine.ts","019c273f-eb64-77fb-b1c0-3075e36efaa8","/** @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\";\n\nconst NO_PHRASES = [\n \"are you sure 💔\",\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\nconst YES_PHRASES = [\n \"Do you love God?\",\n];\n\nfunction App() {\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 = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\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 Yay!!! 💖🎉\n \n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\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}",["D",1770185026324],{"_35":54,"_37":53,"_38":26,"_40":55,"_42":56,"_44":14,"_45":46,"_29":30},"README.md","019c273f-eb64-77fb-b1c0-2d8264d5761b","# 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.",["D",1770185026324],{"_35":59,"_37":58,"_38":60,"_40":61,"_42":62,"_44":14,"_45":46,"_29":30},"04_email.ts","019c273f-eb64-77fb-b1c0-294c3f2ea0b2","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}",["D",1770185026324],{"_35":65,"_37":64,"_38":66,"_40":67,"_42":68,"_44":14,"_45":46,"_29":30},"03_cron.ts","019c273f-eb64-77fb-b1c0-271211a538f4","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}",["D",1770185026324],{"_35":71,"_37":70,"_38":72,"_40":73,"_42":74,"_44":14,"_45":46,"_29":30},"02_http.ts","019c273f-eb64-77fb-b1c0-2165296aedc2","http","// This code responds to HTTP web requests.\n// Access it via its public URL (you can also pick a nicer subdomain).\n// Try adding ?name=YourName to the URL!\nexport default function httpHandler(req: Request): Response {\n const url = new URL(req.url);\n const name = url.searchParams.get(\"name\") || \"Friend\";\n console.log(`Greeted ${name} via HTTP`);\n return new Response(`Hello, ${name}! Welcome to Val Town.`);\n}",["D",1770185026324],{"_35":77,"_37":76,"_38":39,"_40":78,"_42":79,"_44":14,"_45":46,"_29":30},"01_script.ts","019c273f-eb64-77fb-b1c0-1f5c09a4e757","// 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",["D",1770185026324],"id","4451bac2-018f-11f1-ac03-42dde27851f2","Be-my-valentine",["D",1770185026324],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c2727-69e7-750d-8e72-dc526bdbf35f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019c2727-69e7-750d-8e72-e067f3021d07","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_133":132,"_140":136},"org",{"_133":132,"_134":-5,"_135":136,"_18":91,"_137":138,"_139":30},"branch",{"_13":14,"_37":120,"_80":46,"_121":81,"_122":123,"_124":125,"_126":87,"_127":128,"_129":99,"_130":82,"_131":132},"isOwned","main","projectId","forkedBranchId","900fe3ac-018b-11f1-928c-42dde27851f2","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","900f947e-018b-11f1-928c-42dde27851f2","forkedProjectOrgId","projectName","userHandle","Viola_V","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5QnhoRVBtQjlWWTBvNm82VXBFZnZuQ1U2NiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_80":81,"_37":82,"_42":243,"_84":-5,"_85":30,"_86":87,"_88":87,"_89":-5,"_90":-5,"_18":91,"_92":-5,"_93":30,"_94":-5,"_95":-5,"_96":97,"_98":99,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":105,"_106":105,"_107":108,"_109":108,"_110":108,"_111":105,"_112":105,"_113":244,"_115":245,"_117":246,"_119":30},"tree",[214,215,216,217,218,219,220],"files",[214,215,216,217,218,219,220],"counts",{"_204":97,"_205":14,"_206":97,"_207":208,"_209":210},"contents",[173,174,175,176,177,178,179],"upstreamProject",{"_80":128,"_37":171,"_89":-5,"_90":-5,"_86":87,"_113":172},"upstreamBranch",{"_80":123,"_42":165,"_166":167,"_37":120,"_121":128,"_13":168,"_122":-5,"_124":-5,"_169":170,"_84":-5,"_119":30,"_86":87,"_131":132,"_98":99,"_130":171},"emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},["D",1770183435418],"updatedAt",["D",1770185169383],13,"lockfileKey","1770185172744-esm.town_v_Viola_V_my-first-val@13-main","my-first-val",{"_133":132,"_140":136},{"_80":201,"_37":76,"_35":77,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":202,"_13":97,"_38":39,"_40":78,"_29":30,"_184":-5,"_32":203},{"_80":198,"_37":70,"_35":71,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":199,"_13":97,"_38":72,"_40":73,"_29":30,"_184":-5,"_32":200},{"_80":195,"_37":64,"_35":65,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":196,"_13":97,"_38":66,"_40":67,"_29":30,"_184":-5,"_32":197},{"_80":192,"_37":58,"_35":59,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":193,"_13":97,"_38":60,"_40":61,"_29":30,"_184":-5,"_32":194},{"_80":189,"_37":53,"_35":54,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":190,"_13":97,"_38":26,"_40":55,"_29":30,"_184":-5,"_32":191},{"_80":186,"_37":48,"_35":49,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":187,"_13":97,"_38":39,"_40":50,"_29":30,"_184":-5,"_32":188},{"_80":180,"_37":33,"_35":36,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":183,"_13":97,"_38":39,"_40":41,"_29":30,"_184":-5,"_32":185},"445f3cf6-018f-11f1-ac03-42dde27851f2","parentId","latest",["D",1770185026324],"label",[33],"445f2982-018f-11f1-ac03-42dde27851f2",["D",1770185026324],[48],"445f2022-018f-11f1-ac03-42dde27851f2",["D",1770185026324],[53],"445f18d4-018f-11f1-ac03-42dde27851f2",["D",1770185026324],[58],"445f149c-018f-11f1-ac03-42dde27851f2",["D",1770185026324],[64],"445f0dda-018f-11f1-ac03-42dde27851f2",["D",1770185026324],[70],"445f00e2-018f-11f1-ac03-42dde27851f2",["D",1770185026324],[76],"pulls","branches","forks","envVars",{"_211":97,"_213":97},"connections",{"_211":97,"_212":97},"count","unfilledCount","emptyCount",{"_80":201,"_37":76,"_35":77,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":240,"_13":97,"_38":39,"_40":78,"_29":30,"_184":-5,"_222":241,"_32":242},{"_80":198,"_37":70,"_35":71,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":237,"_13":97,"_38":72,"_40":73,"_29":30,"_184":-5,"_222":238,"_32":239},{"_80":195,"_37":64,"_35":65,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":234,"_13":97,"_38":66,"_40":67,"_29":30,"_184":-5,"_222":235,"_32":236},{"_80":192,"_37":58,"_35":59,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":231,"_13":97,"_38":60,"_40":61,"_29":30,"_184":-5,"_222":232,"_32":233},{"_80":189,"_37":53,"_35":54,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":228,"_13":97,"_38":26,"_40":55,"_29":30,"_184":-5,"_222":229,"_32":230},{"_80":186,"_37":48,"_35":49,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":225,"_13":97,"_38":39,"_40":50,"_29":30,"_184":-5,"_222":226,"_32":227},{"_80":180,"_37":33,"_35":36,"_181":-5,"_45":46,"_44":14,"_182":160,"_42":221,"_13":97,"_38":39,"_40":41,"_29":30,"_184":-5,"_222":223,"_32":224},["D",1770185026324],"children",[],[33],["D",1770185026324],[],[48],["D",1770185026324],[],[53],["D",1770185026324],[],[58],["D",1770185026324],[],[64],["D",1770185026324],[],[70],["D",1770185026324],[],[76],["D",1770185026324],{"_133":132,"_140":136},{"_133":132,"_134":-5,"_135":136,"_18":91,"_137":138,"_139":30},{"_13":14,"_37":120,"_80":46,"_121":81,"_122":123,"_124":125,"_126":87,"_127":128,"_129":99,"_130":82,"_131":132},"ctx",{"_113":-5,"_162":280,"_281":282,"_283":284,"_285":30,"_286":30,"_287":30,"_288":160,"_289":-5,"_290":-7,"_291":-7,"_292":97,"_293":30,"_294":30,"_295":-5,"_296":30,"_297":30,"_298":30,"_299":-5},"ENV",{"_251":252,"_253":254,"_255":120,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279},"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 · v1