[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_180":181,"_182":183},"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",34,"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","019c2808-1ac2-76c8-a9a0-5fb50b17062d","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 \"𝐋𝐮𝐡 🥀💔\",\n \"𝐃𝐚𝐥𝐢 𝐧𝐚 𝐥𝐨𝐯𝐞𝐞 🥺\",\n \"𝐒𝐢𝐠𝐞 𝐤𝐚 𝐦𝐚𝐠𝐩𝐚𝐩𝐚𝐤𝐚𝐦𝐚𝐭𝐚𝐲 𝐚𝐤𝐨? 🤨\",\n \"𝐀𝐲 𝐛𝐚𝐥𝐢𝐰?\",\n \"𝐃𝐚𝐥𝐢 𝐧𝐚 𝐛𝐚𝐛𝐲, 𝐚𝐤𝐨 𝐧𝐚 '𝐭𝐨 𝐨𝐡?'\",\n \"𝗟𝗮𝘀𝘁 𝗰𝗵𝗮𝗻𝗰𝗲?\",\n \"𝗣𝗮𝗽𝗮𝗸𝗮𝗺𝗮𝘁𝗮𝘆 𝗻𝗮 '𝗸𝗼 𝘀𝗶𝗴𝗲'\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n // Image URLs\n const firstImg =\n \"https://media.tenor.com/VGklyamZ6loAAAAj/transparent-love.gif\";\n const secondImg =\n \"https://media.tenor.com/WlJsOVX2lysAAAAi/cat-tongue-cat.gif\";\n\n // ADD YOUR BACKGROUND IMAGE URL HERE:\n const backgroundImg =\n \"https://i.pinimg.com/1200x/31/f3/8e/31f38ec9cdda5f36daff2176b515c883.jpg\";\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 \n

\n 𝗪𝗶𝗹𝗹 𝘆𝗼𝘂 𝗯𝗲 𝗺𝘆 𝗩𝗮𝗹𝗲𝗻𝘁𝗶𝗻𝗲𝘀 𝗠𝗵𝗶𝗸𝗸𝗮 𝗔𝗻𝗴𝗲𝗹 𝗘𝘀𝗰𝗼𝗻𝗱𝗲 𝗧𝗼𝗿𝗲𝗹𝗹𝗼? 🤗💘\n

\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 \n \n 𝗬𝗮𝘆! 𝗧𝗵𝗮𝗻𝗸 𝘆𝗼𝘂 𝗯𝗮𝗯𝘆! 💖🎉 𝗜 𝗰𝗮𝗻'𝘁 𝗽𝘂𝘁 𝗶𝗻𝘁𝗼 𝗽𝗿𝗼𝗽𝗲𝗿 𝘄𝗼𝗿𝗱𝘀 𝗵𝗼𝘄\n 𝗴𝗿𝗮𝘁𝗲𝗳𝘂𝗹 𝗜 𝗮𝗺 𝘁𝗼 𝘆𝗼𝘂 𝗹𝗼𝘃𝗲. 𝗪𝗲'𝘃𝗲 𝗸𝗻𝗼𝘄𝗻 𝗲𝗮𝗰𝗵 𝗼𝘁𝗵𝗲𝗿 𝘀𝗶𝗻𝗰𝗲 𝟮𝟬𝟮𝟯,\n 𝗮𝗹𝘁𝗵𝗼𝘂𝗴𝗵 𝘄𝗲 𝗺𝗮𝘆 𝗵𝗮𝘃𝗲 𝗼𝘂𝗿 𝘂𝗽𝘀 𝗮𝗻𝗱 𝗱𝗼𝘄𝗻𝘀 𝗶𝗻 𝗼𝘂𝗿 𝗿𝗲𝗹𝗮𝘁𝗶𝗼𝗻𝘀𝗵𝗶𝗽, 𝘄𝗲 𝗺𝗮𝘆\n 𝗵𝗮𝘃𝗲 𝗯𝗿𝗼𝗸𝗲𝗻 𝘂𝗽 𝗮 𝗳𝗲𝘄 𝘁𝗶𝗺𝗲𝘀, 𝗯𝘂𝘁 𝘄𝗲 𝘀𝘁𝗶𝗹𝗹 𝗳𝗶𝗻𝗱 𝗼𝘂𝗿 𝘄𝗮𝘆 𝗯𝗮𝗰𝗸\n 𝘁𝗼𝗴𝗲𝘁𝗵𝗲𝗿 𝘄𝗶𝘁𝗵 𝗼𝘂𝗿 𝘂𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗰𝗼𝗻𝘀𝗶𝗱𝗲𝗿𝗮𝘁𝗶𝗼𝗻. 𝗜 𝗮𝗽𝗽𝗿𝗲𝗰𝗶𝗮𝘁𝗲\n 𝘆𝗼𝘂𝗿 𝗲𝘅𝗶𝘀𝘁𝗲𝗻𝗰𝗲 𝗮𝗻𝗱 𝘆𝗼𝘂𝗿 𝘁𝗵𝗼𝘂𝗴𝗵𝘁𝗳𝘂𝗹𝗻𝗲𝘀𝘀 𝗲𝘃𝗲𝗿𝘆𝘁𝗶𝗺𝗲, 𝘆𝗼𝘂𝗿 𝗹𝗼𝘃𝗲 𝗶𝘀 𝘄𝗮𝘆\n 𝘀𝘁𝗿𝗼𝗻𝗴𝗲𝗿 𝘁𝗵𝗮𝗻 𝗺𝗶𝗻𝗲. 𝗧𝗼 𝘁𝗵𝗮𝘁, 𝗜 𝘄𝗶𝗹𝗹 𝗱𝗲𝗱𝗶𝗰𝗮𝘁𝗲 𝗺𝘆 𝗵𝗮𝗿𝗱𝘄𝗼𝗿𝗸𝘀 𝗮𝗻𝗱 𝗹𝗼𝘃𝗲\n 𝗳𝗼𝗿 𝘆𝗼𝘂 𝗺𝘆 𝗯𝗮𝗯𝘆, 𝗮𝘀 𝗽𝗿𝗼𝗼𝗳 𝗼𝗳 𝗺𝘆 𝗮𝗽𝗽𝗿𝗲𝗰𝗶𝗮𝘁𝗶𝗼𝗻. 𝗜 𝗵𝗼𝗽𝗲 𝘁𝗵𝗮𝘁 𝘄𝗲'𝗹𝗹\n 𝗰𝗼𝗻𝘁𝗶𝗻𝘂𝗲 𝘄𝗶𝘁𝗵 𝗼𝘂𝗿 𝗿𝗲𝗹𝗮𝘁𝗶𝗼𝗻𝘀𝗵𝗶𝗽 𝗮𝗻𝗱 𝗮𝘃𝗼𝗶𝗱 𝗹𝗼𝗻𝗴-𝘁𝗲𝗿𝗺 𝗰𝗼𝗻𝗳𝗹𝗶𝗰𝘁𝘀.\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(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 */\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 \"𝐋𝐮𝐡 🥀💔\",\n \"𝐃𝐚𝐥𝐢 𝐧𝐚 𝐥𝐨𝐯𝐞𝐞 🥺\",\n \"𝐒𝐢𝐠𝐞 𝐤𝐚 𝐦𝐚𝐠𝐩𝐚𝐩𝐚𝐤𝐚𝐦𝐚𝐭𝐚𝐲 𝐚𝐤𝐨? 🤨\",\n \"𝐀𝐲 𝐛𝐚𝐥𝐢𝐰?\",\n \"𝐃𝐚𝐥𝐢 𝐧𝐚 𝐛𝐚𝐛𝐲, 𝐚𝐤𝐨 𝐧𝐚 '𝐭𝐨 𝐨𝐡?'\",\n \"𝗟𝗮𝘀𝘁 𝗰𝗵𝗮𝗻𝗰𝗲?\",\n \"𝗣𝗮𝗽𝗮𝗸𝗮𝗺𝗮𝘁𝗮𝘆 𝗻𝗮 '𝗸𝗼 𝘀𝗶𝗴𝗲'\",\n];\n\n// Individual Sticker Component for floating animations\nconst Sticker = ({ x, y, size, emoji, duration }) => (\n \n {emoji}\n \n);\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [stickers, setStickers] = useState([]);\n\n const yesButtonSize = (noClicks * 20) + 16;\n\n // Asset URLs\n const firstImg =\n \"https://media.tenor.com/VGklyamZ6loAAAAj/transparent-love.gif\";\n const secondImg =\n \"https://media.tenor.com/WlJsOVX2lysAAAAi/cat-tongue-cat.gif\";\n const backgroundImg =\n \"https://i.pinimg.com/1200x/31/f3/8e/31f38ec9cdda5f36daff2176b515c883.jpg\";\n\n // Sticker Script Logic: Spawns a heart/sparkle every 600ms\n useEffect(() => {\n const interval = setInterval(() => {\n const newSticker = {\n id: Math.random(),\n x: Math.random() * window.innerWidth,\n y: window.innerHeight + 50,\n size: Math.random() * 20 + 15 + \"px\",\n emoji:\n [\"💖\", \"💗\", \"🌸\", \"✨\", \"🎀\", \"💘\"][Math.floor(Math.random() * 6)],\n duration: Math.random() * 3 + 4,\n };\n setStickers((prev) => [...prev.slice(-15), newSticker]);\n }, 600);\n return () => clearInterval(interval);\n }, []);\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n const handleYes = () => setIsValentine(true);\n\n return (\n \n {/* Floating Sticker Layer */}\n {stickers.map((s) => )}\n\n {/* Main Container with \"Glass Opacity\" effect */}\n \n {!isValentine\n ? (\n <>\n \n \n 𝗪𝗶𝗹𝗹 𝘆𝗼𝘂 𝗯𝗲 𝗺𝘆 𝗩𝗮𝗹𝗲𝗻𝘁𝗶𝗻𝗲𝘀 𝗠𝗵𝗶𝗸𝗸𝗮 𝗔𝗻𝗴𝗲𝗹 𝗘𝘀𝗰𝗼𝗻𝗱𝗲 𝗧𝗼𝗿𝗲𝗹𝗹𝗼? 🤗💘\n \n

\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 \n \n 𝗬𝗮𝘆! 𝗧𝗵𝗮𝗻𝗸 𝘆𝗼𝘂 𝗯𝗮𝗯𝘆! 💖🎉 𝗜 𝗰𝗮𝗻'𝘁 𝗽𝘂𝘁 𝗶𝗻𝘁𝗼 𝗽𝗿𝗼𝗽𝗲𝗿 𝘄𝗼𝗿𝗱𝘀 𝗵𝗼𝘄\n 𝗴𝗿𝗮𝘁𝗲𝗳𝘂𝗹 𝗜 𝗮𝗺 𝘁𝗼 𝘆𝗼𝘂 𝗹𝗼𝘃𝗲. 𝗪𝗲'𝘃𝗲 𝗸𝗻𝗼𝘄𝗻 𝗲𝗮𝗰𝗵 𝗼𝘁𝗵𝗲𝗿 𝘀𝗶𝗻𝗰𝗲 𝟮𝟬𝟮𝟯,\n 𝗮𝗹𝘁𝗵𝗼𝘂𝗴𝗵 𝘄𝗲 𝗺𝗮𝘆 𝗵𝗮𝘃𝗲 𝗼𝘂𝗿 𝘂𝗽𝘀 𝗮𝗻𝗱 𝗱𝗼𝘄𝗻𝘀 𝗶𝗻 𝗼𝘂𝗿 𝗿𝗲𝗹𝗮𝘁𝗶𝗼𝗻𝘀𝗵𝗶𝗽... 𝗜\n 𝗟𝗢𝗩𝗘 𝗬𝗢𝗨 𝗕𝗔𝗕𝗬!! 🌹\n \n \n )}\n \n\n {/* Animation CSS for Stickers */}\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 { headers: { \"content-type\": \"text/html\" } },\n );\n}","createdAt",["D",1770200682601],"branchVersion","branchId","d014df44-01ad-11f1-bd86-42dde27851f2","id","d00f02cc-01ad-11f1-bd86-42dde27851f2","valentine-invitation",["D",1770198145608],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c2807-b46e-7408-a63f-853b89b33d23","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c2807-b46e-7408-a63f-8ae6bd01105b","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",41,"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","lukedacanay","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOUNSWjBpRFJuNXdoSkJGcHhZOTdtbHI2aEQifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":176,"_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":177,"_79":178,"_81":179,"_83":25},"tree",[167,168],"files",[167,168],"counts",{"_157":61,"_158":153,"_159":61,"_160":161,"_162":163},"contents",[140,141],"upstreamProject",{"_43":93,"_32":137,"_52":-5,"_53":-5,"_49":50,"_77":138},"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":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru","valentine",{"_99":136,"_106":139},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":150,"_32":151,"_30":152,"_143":-5,"_41":42,"_40":153,"_144":57,"_38":154,"_13":61,"_33":20,"_35":155,"_24":25,"_147":-5,"_27":156},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":145,"_13":146,"_33":34,"_35":37,"_24":25,"_147":148,"_27":149},"b82fc1f4-01b3-11f1-b928-42dde27851f2","parentId","latest",["D",1770200682601],33,"label","valentineinvititation4mhikkatorello",[28],"d0190d94-01ad-11f1-bd86-42dde27851f2","README.md","019c2808-1ac2-76c8-a9a0-584544cd5455",1,["D",1770198145608],"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.",[151],"pulls","branches","forks","envVars",{"_164":61,"_166":61},"connections",{"_164":61,"_165":61},"count","unfilledCount","emptyCount",{"_43":150,"_32":151,"_30":152,"_143":-5,"_41":42,"_40":153,"_144":57,"_38":173,"_13":61,"_33":20,"_35":155,"_24":25,"_147":-5,"_170":174,"_27":175},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":169,"_13":146,"_33":34,"_35":37,"_24":25,"_147":148,"_170":171,"_27":172},["D",1770200682601],"children",[],[28],["D",1770198145608],[],[151],["D",1770198145608],{"_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":213,"_214":215,"_216":217,"_218":25,"_219":25,"_220":25,"_221":57,"_222":-5,"_223":-7,"_224":-7,"_225":61,"_226":25,"_227":25,"_228":-5,"_229":25,"_230":25,"_231":25,"_232":-5},"ENV",{"_184":185,"_186":187,"_188":85,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212},"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 · v34