[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":85,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":57,"_127":-5,"_128":-5,"_129":130},"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",37,"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","019c2b4f-a862-71fd-9882-03fbf06d8098","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, { useMemo, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"Ouch… straight for the feelings, huh? 💔\",\n \"Use those pretty eyes on me just once 🥺✨\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, babe?\",\n \"Don’t break my heart 😔\",\n \"What if we live in the soft space between yes and no? 😌\",\n \"Please handle with care, I’m emotionally delicate today 🫠\",\n];\n\n// ✅ ONLY your photos (no repeats)\nconst OUR_PHOTOS = [\n \"https://i.imgur.com/eraK4RM.jpg\",\n \"https://i.imgur.com/zvOeU78.jpg\",\n \"https://i.imgur.com/IBDmmnY.jpg\",\n \"https://i.imgur.com/ZJl3rp4.jpg\",\n];\n\nfunction PolaroidLayer({ photos, opacity = 0.22, seed = 1 }) {\n // Make a nice scattered layout for ALL images\n const placements = useMemo(() => {\n const cols = 4; // spread across screen\n const baseTop = [8, 32, 56, 74]; // row anchors\n const baseLeft = [4, 28, 52, 74]; // col anchors\n\n return photos.map((_, i) => {\n const r = Math.floor(i / cols) % 4;\n const c = i % cols;\n\n // deterministic “random-ish” jitter based on seed + i\n const jitter = (n) => ((Math.sin((i + seed) * (n + 1)) + 1) / 2);\n const topJ = (jitter(1) - 0.5) * 10; // -5..5\n const leftJ = (jitter(2) - 0.5) * 10; // -5..5\n const rot = (jitter(3) - 0.5) * 28; // -14..14\n const size = 165 + Math.floor(jitter(4) * 55); // 165..220\n\n return {\n top: `calc(${baseTop[r]}% + ${topJ}%)`,\n left: `calc(${baseLeft[c]}% + ${leftJ}%)`,\n rotate: rot,\n size,\n };\n });\n }, [photos, seed]);\n\n return (\n

\n {photos.map((src, i) => {\n const p = placements[i];\n return (\n \n );\n })}\n

\n );\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 // ✅ different than bear\n const firstImg = \"https://media.tenor.com/6eKXJ4o2JxAAAAAj/heart-love.gif\";\n const secondImg =\n \"https://media.tenor.com/3jv0xZlZb7IAAAAj/cute-cat-love.gif\";\n\n const bgGradientWarm =\n \"radial-gradient(circle at top, #ffe6ea 0%, #fff1d6 45%, #fff5f8 100%)\";\n\n const bgGradientSecond =\n \"radial-gradient(circle at top, #ffe9f1 0%, #f7ecff 45%, #fff7fb 100%)\";\n\n return (\n \n {/* ✅ ALL your photos on both screens */}\n {!isValentine\n ? \n : }\n\n \n {!isValentine\n ? (\n <>\n $\"cute$ \n

Will you accept me and be my Valentine forever? 💘

\n\n

\n setIsValentine(true)}\n style={{\n fontSize: `${yesButtonSize}px`,\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n }}\n >\n Yes\n \n\n setNoClicks((p) => p + 1)}\n style={{\n fontSize: \"16px\",\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"red\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\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 $\"cute$ \n \n I know I’m not perfect, and I’ve shown more than a few flaws\n along the way. But every single day, I’m choosing to grow, to do\n better, and to love you in ways that make you feel truly\n special. Not just on Valentine’s Day or during the happy,\n picture-perfect moments, but on the hard days too, when things\n feel heavy and the world feels unkind. Even then, I want to\n stand beside you, hold you close, and keep strengthening this\n invisible thread that ties us together. I love you more 🥺💗\n \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() {\n return new Response(\n `\n \n \n Valentine Forever\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, { useMemo, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"Ouch… straight for the feelings, huh? 💔\",\n \"Use those pretty eyes on me just once 🥺✨\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, babe?\",\n \"Don’t break my heart 😔\",\n \"What if we live in the soft space between yes and no? 😌\",\n \"Please handle with care, I’m emotionally delicate today 🫠\",\n];\n\nconst OUR_PHOTOS = [\n \"https://i.imgur.com/eraK4RM.jpg\",\n \"https://i.imgur.com/zvOeU78.jpg\",\n \"https://i.imgur.com/IBDmmnY.jpg\",\n \"https://i.imgur.com/ZJl3rp4.jpg\",\n];\n\nconst SONG_URL = \"https://www.youtube.com/watch?v=rtOvBOTyX00\";\n\n// 🐶 Cute dog GIFs\nconst STICKER_GIFS = [\n \"https://media.tenor.com/L4C0F6R6n5wAAAAi/dog-love.gif\",\n \"https://media.tenor.com/6eKXJ4o2JxAAAAAj/heart-love.gif\",\n \"https://media.tenor.com/1c1JrK8oM7QAAAAj/kawaii-love.gif\",\n];\n\nfunction PolaroidLayer({ photos, opacity = 0.22 }) {\n const placements = useMemo(() => {\n const cols = 4;\n const baseTop = [8, 32, 56, 74];\n const baseLeft = [4, 28, 52, 74];\n\n return photos.map((_, i) => {\n const r = Math.floor(i / cols) % 4;\n const c = i % cols;\n\n return {\n top: `${baseTop[r]}%`,\n left: `${baseLeft[c]}%`,\n rotate: i % 2 === 0 ? -8 : 8,\n };\n });\n }, [photos]);\n\n return (\n

\n {photos.map((src, i) => {\n const p = placements[i];\n return (\n \n );\n })}\n

\n );\n}\n\nfunction StickerLayer() {\n const stickers = [\n { src: STICKER_GIFS[0], top: \"12%\", left: \"46%\" },\n { src: STICKER_GIFS[1], top: \"20%\", left: \"58%\" },\n { src: STICKER_GIFS[2], top: \"72%\", left: \"48%\" },\n ];\n\n return (\n \n {stickers.map((s, i) => (\n \n ))}\n \n );\n}\n\nfunction QRCard() {\n const qrSrc =\n \"https://api.qrserver.com/v1/create-qr-code/?size=180x180&data=\" +\n encodeURIComponent(SONG_URL);\n\n return (\n \n $\"QR$ \n

Scan to play our song 🎶

\n Christina Perri – A Thousand Years\n

\n \n );\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 = \"https://media.tenor.com/6eKXJ4o2JxAAAAAj/heart-love.gif\";\n const secondImg = \"https://media.tenor.com/L4C0F6R6n5wAAAAi/dog-love.gif\"; // 🐶 dog\n\n const bgGradientWarm =\n \"radial-gradient(circle at top, #ffe6ea 0%, #fff1d6 45%, #fff5f8 100%)\";\n\n const bgGradientSecond =\n \"radial-gradient(circle at top, #ffe9f1 0%, #f7ecff 45%, #fff7fb 100%)\";\n\n return (\n \n \n \n\n \n {!isValentine\n ? (\n <>\n $\"cute$ \n

Will you accept me and be my Valentine forever? 💘

\n setIsValentine(true)}\n style={{\n fontSize: `${yesButtonSize}px`,\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\n }}\n >\n Yes\n \n\n setNoClicks((p) => p + 1)}\n style={{\n fontSize: \"16px\",\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"red\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\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 $\"dog$ \n \n I know I’m not perfect, but every day I choose to grow, to do\n better, and to love you in ways that make you feel truly\n special… I love you more 🥺💗\n \n \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() {\n return new Response(\n `\n\n\nValentine Forever\n\n\n\n\n

\n\n\n\n`,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","createdAt",["D",1770267679741],"branchVersion","branchId","eb2188ca-022d-11f1-bc57-42dde27851f2","id","eb1daff2-022d-11f1-bc57-42dde27851f2","valentine",["D",1770253166589],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c2b4e-eb3e-7428-a4f3-aab54e2a401f","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c2b4e-eb3e-7428-a4f3-afd83a1a6cc7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"isOwned",55,"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","rahul77","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5RUV5Zk1yYkFONEJHU2lRU0FMbkJnWVBkViJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":174,"_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":175,"_79":176,"_81":177,"_83":25},"tree",[165,166],"files",[165,166],"counts",{"_155":61,"_156":151,"_157":61,"_158":159,"_160":161},"contents",[139,140],"upstreamProject",{"_43":93,"_32":45,"_52":-5,"_53":-5,"_49":50,"_77":137},"upstreamBranch",{"_43":88,"_38":131,"_132":133,"_32":85,"_86":93,"_13":90,"_87":-5,"_89":-5,"_134":135,"_47":-5,"_83":25,"_49":50,"_97":136,"_62":95,"_96":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru",{"_99":136,"_106":138},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":57,"_38":152,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_27":154},{"_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},"b599a346-024f-11f1-84ba-42dde27851f2","parentId","latest",["D",1770267679741],36,"label",[28],"eb248e3a-022d-11f1-bc57-42dde27851f2","README.md","019c2b4f-a862-71fd-9881-fe9a36af71a0",1,["D",1770253166589],"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",{"_162":61,"_164":61},"connections",{"_162":61,"_163":61},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":57,"_38":171,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_168":172,"_27":173},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":167,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_168":169,"_27":170},["D",1770267679741],"children",[],[28],["D",1770253166589],[],[149],["D",1770253166589],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"ctx",{"_77":-5,"_128":211,"_212":213,"_214":215,"_216":25,"_217":25,"_218":25,"_219":57,"_220":-5,"_221":-7,"_222":-7,"_223":61,"_224":25,"_225":25,"_226":-5,"_227":25,"_228":25,"_229":25,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":85,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v37