[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_182":183,"_184":185},"routes/_app.x.$handle.$name",{"_102":101,"_32":45,"_110":88,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":123,"_124":125,"_126":25,"_127":128,"_129":57,"_130":-5,"_131":-5,"_132":133},"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":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",6,"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","main.tsx","latestPath","fileId","019c456a-9e6c-721b-8332-65e823933214","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\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, or you're a dookie\",\n \"Don't break my heart or you're a bum:(\",\n \"What about a maybe or maybe even an i'll sleep on it?\",\n \"Please don't do this to me, I'm fragile babyyy ):\",\n \"I need you so bad, pleasee\",\n \"Honeyyy pleaseeee, DATE MEEEE\",\n \"I will do anything you want 👀\",\n \"I will plank till I die for you\",\n \"I will walk all the way to you in the snow\",\n\n // Your new final line\n \"fine im outta here bum\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\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 // runaway triggers ONLY on the final line\n const runawayIndex = NO_PHRASES.length - 1;\n const shouldRun = noClicks >= runawayIndex;\n\n const randomOffset = () => Math.floor(Math.random() * 200) - 100;\n const [noPos, setNoPos] = useState({ x: 0, y: 0 });\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n\n if (shouldRun) {\n setNoPos({\n x: randomOffset(),\n y: randomOffset(),\n });\n }\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Will you be my Valentine Ella? 💘

\n \n Yes\n \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}","/** @jsxImportSource https://esm.sh/react@18.2.0 */ import { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\"; import React, { useState } from \"https://esm.sh/react@18.2.0\"; const NO_PHRASES = [ \"No 💔\", \"Pretty please? 🥺\", \"But we'd be so cute together! 💕\", \"One more chance, or you're a dookie\", \"Don't break my heart or you're a bum:(\", \"What about a maybe or maybe even an i'll sleep on it?\", \"Please don't do this to me, I'm fragile babyyy ):\", \"I need you so bad, pleasee\", \"Honeyyy pleaseeee, DATE MEEEE\", \"I will do anything you want 👀\", \"I will plank till I die for you\", \"I will walk all the way to you in the snow\", \"I literally can’t live without uuuu\", \"My heart is going to be shattered\", \"I never stop thinking about you\", \"I told my mom about us already don’t embarrass me\", \"I practiced writing your name with my last name or I can take yours 👅\", \"I’m on my knees, BEGGING\", \"I will cry so loud the neighbors will complain\", \"I already bought matching pajamas\", \"I can’t go on… I’m fading… say yes…\", \"Wow, thanks alot, I am dead now\", \"Soo dude what if I was on my hand and knees rn?\", \"fine im outta here bum\", ]; function App() { const [noClicks, setNoClicks] = useState(0); const [isValentine, setIsValentine] = useState(false); const yesButtonSize = (noClicks * 20) + 16; const firstImg = \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\"; const secondImg = \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\"; // runaway triggers ONLY on the final line const runawayIndex = NO_PHRASES.length - 1; const shouldRun = noClicks >= runawayIndex; const [noPos, setNoPos] = useState({ x: 0, y: 0 }); const handleNo = () => { setNoClicks((prev) => prev + 1); if (shouldRun) { const screenWidth = window.innerWidth; const screenHeight = window.innerHeight; const randomX = Math.random() * (screenWidth - 150); const randomY = Math.random() * (screenHeight - 150); setNoPos({ x: randomX, y: randomY }); } }; const handleYes = () => { setIsValentine(true); }; return (

{!isValentine ? ( <>

Will you be my Valentine Ella? 💘

) : ( <>

Yay!!! 💖🎉

)}

); } function client() { createRoot(document.getElementById(\"root\")).render(); } if (typeof document !== \"undefined\") client(); export default async function server(request: Request): Promise { return new Response( ` Valentine's Day Invitation

`, { headers: { \"content-type\": \"text/html\" } }, );","createdAt",["D",1770697760969],"branchVersion","branchId","a84c4076-0629-11f1-be20-42dde27851f2","id","a84773d4-0629-11f1-be20-42dde27851f2","valentine",["D",1770691141122],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c4564-6db3-721d-9708-00fcbbf56da9","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c4564-6db3-721d-9708-06fe74f67dc0","tursoName","a84773d4062911f1be2042dde27851f2","tursoHostname","a84773d4062911f1be2042dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789527643940],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_18":54,"_106":107,"_108":25},"branch",{"_13":87,"_32":88,"_43":42,"_89":44,"_90":91,"_92":93,"_94":50,"_95":96,"_97":98,"_99":45,"_100":101},"isOwned",18,"main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","osias","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5U1kxckUxeFRrTkZuQ2h4ZXdzZjJnOXJneCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":177,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":178,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":179,"_82":180,"_84":181,"_86":25},"tree",[168,169],"files",[168,169],"counts",{"_158":61,"_159":154,"_160":61,"_161":162,"_163":164},"contents",[142,143],"upstreamProject",{"_43":96,"_32":45,"_52":-5,"_53":-5,"_49":50,"_80":140},"upstreamBranch",{"_43":91,"_38":134,"_135":136,"_32":88,"_89":96,"_13":93,"_90":-5,"_92":-5,"_137":138,"_47":-5,"_86":25,"_49":50,"_100":139,"_62":98,"_99":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru",{"_102":139,"_109":141},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":151,"_32":152,"_30":153,"_145":-5,"_41":42,"_40":154,"_146":57,"_38":155,"_13":61,"_33":20,"_35":156,"_24":25,"_149":-5,"_27":157},{"_43":144,"_32":28,"_30":31,"_145":-5,"_41":42,"_40":14,"_146":25,"_38":147,"_13":148,"_33":34,"_35":37,"_24":25,"_149":-5,"_27":150},"11fc024a-0639-11f1-b5e3-42dde27851f2","parentId","latest",["D",1770697760969],5,"label",[28],"a84fdab0-0629-11f1-be20-42dde27851f2","README.md","019c456a-9e6c-721b-8332-62c87fce133f",1,["D",1770691141122],"Hello!!! \n\nFeel free to mess around with this val and make it your own :). Just click on \"Fork\" in the top right.\n\nYou can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!\n\nHave fun with it and hopefully your crush says yes hehe.",[152],"pulls","branches","forks","envVars",{"_165":61,"_167":61},"connections",{"_165":61,"_166":61},"count","unfilledCount","emptyCount",{"_43":151,"_32":152,"_30":153,"_145":-5,"_41":42,"_40":154,"_146":57,"_38":174,"_13":61,"_33":20,"_35":156,"_24":25,"_149":-5,"_171":175,"_27":176},{"_43":144,"_32":28,"_30":31,"_145":-5,"_41":42,"_40":14,"_146":25,"_38":170,"_13":148,"_33":34,"_35":37,"_24":25,"_149":-5,"_171":172,"_27":173},["D",1770697760969],"children",[],[28],["D",1770691141122],[],[152],["D",1770691141122],["D",1789527643940],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":54,"_106":107,"_108":25},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":91,"_92":93,"_94":50,"_95":96,"_97":98,"_99":45,"_100":101},"ctx",{"_80":-5,"_131":215,"_216":217,"_218":219,"_220":25,"_221":25,"_222":25,"_223":57,"_224":-5,"_225":-7,"_226":-7,"_227":61,"_228":25,"_229":25,"_230":-5,"_231":25,"_232":25,"_233":25,"_234":-5},"ENV",{"_186":187,"_188":189,"_190":88,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v6