[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_93":92,"_32":45,"_101":83,"_27":102,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":25,"_116":117,"_118":119,"_120":-5,"_121":-5,"_122":123},"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",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":37,"_35":36,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","4d978942-0a07-11f1-90ec-42dde27851f2","name","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, 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 bruh ):\",\n \"Just a simple pleasee??\",\n \"pleaseeee, ACCEPT ITTTT\",\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 \"I literally can’t live without uuuu\",\n \"My heart is going to be shattered\",\n \"I never stop thinking about you\",\n \"I told my mom about us already don’t embarrass me\",\n \"I practiced writing your name with my last name or I can take yours 👅\",\n \"I’m on my knees, BEGGING\",\n \"I will cry so loud the neighbors will complain\",\n \"I already bought matching pajamas\",\n \"I can’t go on… I’m fading… say yes…\",\n \"Wow, thanks alot, I am dead now\",\n \"Soo dude what if I was on my hand and knees rn?\",\n \"fine im outta here bum\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n // ⭐ GREEN BUTTON GROWS MORE NOTICEABLY\n const yesButtonSize = Math.min((noClicks * 40) + 20, 150);\n\n const runawayIndex = NO_PHRASES.length - 1;\n const shouldRun = noClicks >= runawayIndex;\n\n // ⭐ RED BUTTON POSITION + MOTION\n const [noPos, setNoPos] = useState({ x: 100, y: 100 });\n const [velocity, setVelocity] = useState({ x: 2, y: -2 });\n\n // ⭐ ORIGINAL Y — red button can NEVER go below this\n const originalY = 60;\n\n // ⭐ GREEN BUTTON horizontal clamp\n const greenClampX = shouldRun ? Math.max(-40, Math.min(40, noClicks * 2)) : 0;\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n\n // ⭐ TELEPORT — but inside a MUCH smaller movement box\n const maxX = 80;\n const maxY = Math.min(40, originalY);\n\n setNoPos({\n x: Math.random() * maxX,\n y: Math.random() * maxY,\n });\n };\n\n const handleYes = () => setIsValentine(true);\n\n // ⭐ CONTINUOUS MOTION LOOP (never below originalY, tiny movement box)\n useEffect(() => {\n if (!shouldRun) return;\n\n let id;\n\n const move = () => {\n setNoPos((pos) => {\n // ⭐ VERY SMALL MOVEMENT AREA\n const maxX = 80;\n const maxY = Math.min(40, originalY);\n\n let newX = pos.x + velocity.x;\n let newY = pos.y + velocity.y;\n\n let vx = velocity.x;\n let vy = velocity.y;\n\n // bounce left/right inside tiny box\n if (newX < 0 || newX > maxX) {\n vx = -vx;\n newX = Math.max(0, Math.min(newX, maxX));\n }\n\n // bounce up/down inside tiny box (never below originalY)\n if (newY < 0 || newY > maxY) {\n vy = -vy;\n newY = Math.max(0, Math.min(newY, maxY));\n }\n\n setVelocity({ x: vx, y: vy });\n return { x: newX, y: newY };\n });\n\n id = requestAnimationFrame(move);\n };\n\n id = requestAnimationFrame(move);\n return () => cancelAnimationFrame(id);\n }, [shouldRun, velocity]);\n\n return (\n \n {!isValentine\n ? (\n <>\n \n\n

Will you be my Valentine? 💘

\n\n

\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 \n Yay!!!!! I knew you would come around some day💖🎉\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) {\n return new Response(\n `\n \n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","http","createdAt",["D",1771116214485],"branchVersion","branchId","4d942874-0a07-11f1-90ec-42dde27851f2","id","4d93c37a-0a07-11f1-90ec-42dde27851f2","idk",["D",1771116190771],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c4564-6db3-721d-9708-00fcbbf56da9","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019c4564-6db3-721d-9708-06fe74f67dc0","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_93":92,"_100":96},"org",{"_93":92,"_94":-5,"_95":96,"_18":54,"_97":98,"_99":25},"branch",{"_13":14,"_32":83,"_43":42,"_84":44,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":45,"_91":92},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","osias","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5U1kxckUxeFRrTkZuQ2h4ZXdzZjJnOXJneCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":148,"_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":149,"_78":150,"_80":151,"_82":25},"tree",[143],"files",[143],"counts",{"_132":60,"_133":134,"_135":60,"_136":137,"_138":139},"contents",[124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":125,"_32":28,"_30":31,"_126":-5,"_41":42,"_40":14,"_127":119,"_38":128,"_13":129,"_33":37,"_35":36,"_24":25,"_130":-5,"_27":131},"5bb7c280-0a07-11f1-87b5-42dde27851f2","parentId","latest",["D",1771116214485],2,"label",[28],"pulls","branches",1,"forks","envVars",{"_140":60,"_142":60},"connections",{"_140":60,"_141":60},"count","unfilledCount","emptyCount",{"_43":125,"_32":28,"_30":31,"_126":-5,"_41":42,"_40":14,"_127":119,"_38":144,"_13":129,"_33":37,"_35":36,"_24":25,"_130":-5,"_145":146,"_27":147},["D",1771116214485],"children",[],[28],["D",1771116190771],{"_93":92,"_100":96},{"_93":92,"_94":-5,"_95":96,"_18":54,"_97":98,"_99":25},{"_13":14,"_32":83,"_43":42,"_84":44,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":45,"_91":92},"ctx",{"_76":-5,"_121":185,"_186":187,"_188":189,"_190":25,"_191":25,"_192":25,"_193":119,"_194":-5,"_195":-7,"_196":-7,"_197":60,"_198":25,"_199":25,"_200":-5,"_201":25,"_202":25,"_203":25,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":83,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"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 · v3