[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_177":178,"_179":180},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":85,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":25,"_123":124,"_125":57,"_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",{"_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":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",20,"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","019c469b-842f-75bd-b82d-01883ffab41a","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, {\n useEffect,\n useMemo,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 🫧\",\n \"Eeeek… are you sure? 🐬\",\n \"But we’d be fintastic together! 🌊\",\n \"One more chance, sea-star? ⭐\",\n \"Don’t beach my heart 💔🏖️\",\n \"What about a maybe…? 🫣\",\n \"Please… I’m just a sensitive dolphin 😭🐬\",\n];\n\nfunction rand(min, max) {\n return Math.random() * (max - min) + min;\n}\n\nfunction clamp(n, min, max) {\n return Math.max(min, Math.min(max, n));\n}\n\nfunction Bubbles({ count = 18 }) {\n const bubbles = useMemo(() => {\n return Array.from({ length: count }, (_, i) => {\n const size = rand(10, 46);\n const left = rand(0, 100);\n const duration = rand(7, 16);\n const delay = rand(0, 10);\n const drift = rand(-40, 40);\n const opacity = rand(0.25, 0.65);\n return { id: i, size, left, duration, delay, drift, opacity };\n });\n }, [count]);\n\n return (\n \n {bubbles.map((b) => (\n \n ))}\n\n \n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const [noPos, setNoPos] = useState({ x: 50, y: 55 });\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const firstImg =\n \"https://media1.giphy.com/media/v1.Y2lkPTZjMDliOTUyb3A3MXptOGl4dDIyZGJuaWYzOXZnYnB0YXRmZ2lreDJqczJwOXJwOCZlcD12MV9zdGlja2Vyc19zZWFyY2gmY3Q9cw/IfrtVRiikHiWMVIpfx/giphy.gif\";\n\n const secondImg = \"https://media.tenor.com/3pJz8m0p7mUAAAAj/dolphin-love.gif\";\n\n // 💖 Couple pictures\n const couplePics = [\n \"https://i.imgur.com/Qln47z0.jpeg\",\n \"https://i.imgur.com/LYc6ouR.jpeg\",\n \"https://i.imgur.com/MvL4fZX.jpeg\",\n ];\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n\n const x = clamp(rand(10, 90), 10, 90);\n const y = clamp(rand(40, 85), 40, 85);\n setNoPos({ x, y });\n };\n\n const handleYes = () => setIsValentine(true);\n\n useEffect(() => {\n const onResize = () => setNoPos((p) => ({ x: p.x, y: p.y }));\n window.addEventListener(\"resize\", onResize);\n return () => window.removeEventListener(\"resize\", onResize);\n }, []);\n\n return (\n \n \n\n \n {!isValentine\n ? (\n <>\n $\"Cute$ \n\n

\n Hi Nilaya (or should I say NILPHINS) will you be my Valentine?\n 🐬💘\n

\n\n

\n Let’s make waves together 🌊\n

\n\n \n \n \n Yes 🐬\n \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 $\"Dolphin$ \n\n

\n Tonu X Nili Valentines 2026!! 💖🐬\n

\n\n

\n I flipping LOVE YOU good choice :) 🌊\n

\n\n {/* 📸 Couple Pictures */}\n \n {couplePics.map((pic, index) => (\n \n ))}\n \n\n {/* 💌 Love Letter */}\n \n Hi Nilaya 💙
\n
\n I know this isn’t anything huge, but I really hope you like the\n website I made for you. I put a lot of time and effort into\n making it ocean-themed just for you, and it makes me so happy\n that I get to call you my Valentine for two years in a row.{\" \"}\n
\n
\n I’m so grateful to have you in my life, and I LOVE YOU SO\n MUCHHHH. I can’t wait to see you soon 💖\n \n \n )}\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request) {\n return new Response(\n `\n \n \n Dolphin Valentine Invite\n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 🫧\",\n \"Eeeek… are you sure? 🐬\",\n \"But we’d be fintastic together! 🌊\",\n \"One more chance, sea-star? ⭐\",\n \"Don’t beach my heart 💔🏖️\",\n \"What about a maybe…? 🫣\",\n \"Please… I’m just a sensitive dolphin 😭🐬\",\n];\n\nfunction rand(min, max) {\n return Math.random() * (max - min) + min;\n}\n\nfunction clamp(n, min, max) {\n return Math.max(min, Math.min(max, n));\n}\n\n/* 🫧 Bubble Background */\nfunction Bubbles({ count = 18 }) {\n const bubbles = useMemo(() => {\n return Array.from({ length: count }, (_, i) => {\n const size = rand(10, 46);\n const left = rand(0, 100);\n const duration = rand(7, 16);\n const delay = rand(0, 10);\n const drift = rand(-40, 40);\n const opacity = rand(0.25, 0.65);\n return { id: i, size, left, duration, delay, drift, opacity };\n });\n }, [count]);\n\n return (\n \n {bubbles.map((b) => (\n \n ))}\n\n \n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const [noPos, setNoPos] = useState({ x: 50, y: 55 });\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const firstImg =\n \"https://media1.giphy.com/media/v1.Y2lkPTZjMDliOTUyb3A3MXptOGl4dDIyZGJuaWYzOXZnYnB0YXRmZ2lreDJqczJwOXJwOCZlcD12MV9zdGlja2Vyc19zZWFyY2gmY3Q9cw/IfrtVRiikHiWMVIpfx/giphy.gif\";\n\n const secondImg =\n \"https://media.tenor.com/3pJz8m0p7mUAAAAj/dolphin-love.gif\";\n\n /* 💖 Couple Pictures */\n const couplePics = [\n \"https://i.imgur.com/Qln47z0.jpeg\",\n \"https://i.imgur.com/LYc6ouR.jpeg\",\n \"https://i.imgur.com/MvL4fZX.jpeg\",\n ];\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n\n const x = clamp(rand(10, 90), 10, 90);\n const y = clamp(rand(40, 85), 40, 85);\n setNoPos({ x, y });\n };\n\n const handleYes = () => setIsValentine(true);\n\n useEffect(() => {\n const onResize = () => setNoPos((p) => ({ x: p.x, y: p.y }));\n window.addEventListener(\"resize\", onResize);\n return () => window.removeEventListener(\"resize\", onResize);\n }, []);\n\n return (\n /* ✅ FIXED SCROLLING OUTER WRAPPER */\n \n \n\n {/* ✅ FIXED CONTENT CONTAINER */}\n \n {!isValentine ? (\n <>\n $\"Cute$ \n\n

\n Hi Nilaya (or should I say NILPHINS) will you be my Valentine? 🐬💘\n

\n\n

\n Let’s make waves together 🌊\n

\n\n {/* Buttons */}\n \n \n \n Yes 🐬\n \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 $\"Dolphin$ \n\n

\n Tonu X Nili Valentines 2026!! 💖🐬\n

\n\n

\n I flipping LOVE YOU good choice :) 🌊\n

\n\n {/* 📸 Couple Photos */}\n \n {couplePics.map((pic, index) => (\n \n ))}\n \n\n {/* 💌 Love Letter */}\n \n Hi Nilaya 💙

\n I know this isn’t anything huge, but I really hope you like the\n website I made for you. I put a lot of time and effort into making\n it ocean-themed just fo","createdAt",["D",1770712897061],"branchVersion","branchId","2e5b336a-0658-11f1-ab3f-42dde27851f2","id","2e578102-0658-11f1-ab3f-42dde27851f2","Preetham",["D",1770711122946],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c469a-e9fc-744a-b247-56bed1a1f026","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c469a-e9fc-744a-b247-594117cce0d9","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":63,"_95":45,"_96":97},"isOwned",21,"main","projectId","forkedBranchId","1eb224aa-0658-11f1-9e36-42dde27851f2","forkedBranchVersion",1,"forkedProjectPrivacy","forkedProjectId","1eae9326-0658-11f1-9e36-42dde27851f2","forkedProjectOrgId","projectName","userHandle","preetham06","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOVRER2k5VFNkaTJ4Z0JHS2tsck4yeU5xTjYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":173,"_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":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":174,"_79":175,"_81":176,"_83":25},"tree",[164,165],"files",[164,165],"counts",{"_154":61,"_155":90,"_156":61,"_157":158,"_159":160},"contents",[139,140],"upstreamProject",{"_43":93,"_32":137,"_52":-5,"_53":-5,"_49":50,"_77":138},"upstreamBranch",{"_43":88,"_38":130,"_131":132,"_32":85,"_86":93,"_13":90,"_87":133,"_89":134,"_135":136,"_47":-5,"_83":25,"_49":50,"_96":97,"_62":63,"_95":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1770711096629],"updatedAt",["D",1770711096629],"fdd9b22e-27b0-11f0-aecd-569c3dd06744",11,"lockfileKey","1770711097084-esm.town_v_preetham06_valentine@1-main","valentine",{"_98":97,"_105":101},{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":90,"_143":57,"_38":151,"_13":61,"_33":20,"_35":152,"_24":25,"_146":-5,"_27":153},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":144,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":147},"4fcb59ea-065c-11f1-9a49-42dde27851f2","parentId","latest",["D",1770712897061],19,"label",[28],"2e5ec28c-0658-11f1-ab3f-42dde27851f2","README.md","019c469b-842f-75bd-b82c-fe00c68b529b",["D",1770711122946],"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.",[149],"pulls","branches","forks","envVars",{"_161":61,"_163":61},"connections",{"_161":61,"_162":61},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":90,"_143":57,"_38":170,"_13":61,"_33":20,"_35":152,"_24":25,"_146":-5,"_167":171,"_27":172},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":166,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_167":168,"_27":169},["D",1770712897061],"children",[],[28],["D",1770711122946],[],[149],["D",1770711122946],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":63,"_95":45,"_96":97},"ctx",{"_77":-5,"_127":210,"_211":212,"_213":214,"_215":25,"_216":25,"_217":25,"_218":57,"_219":-5,"_220":-7,"_221":-7,"_222":61,"_223":25,"_224":25,"_225":-5,"_226":25,"_227":25,"_228":25,"_229":-5},"ENV",{"_181":182,"_183":184,"_185":85,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209},"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 · v20