[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_202":203,"_204":205},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_150":-5,"_20":151,"_22":152,"_153":154,"_155":156,"_25":157,"_24":-5,"_158":159,"_160":161,"_162":50,"_163":164,"_165":71,"_166":-5,"_167":-5,"_168":169},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","nieteseu","name","Mikenietes","branchName","main","version","path","","project",{"_35":107,"_13":14,"_37":108,"_48":-5,"_109":50,"_51":52,"_110":52,"_111":-5,"_112":-5,"_113":114,"_115":65,"_116":71,"_117":-5,"_118":-5,"_119":33,"_55":120,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":135,"_136":137,"_138":139,"_49":50},"tree",[94,95,96],"file","contents",[59,60,61],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"pull","ahead",75,"behind",0,"envVars","id","fdd9b22e-27b0-11f0-aecd-569c3dd06744","createdAt",["D",1746230157507],"updatedAt",["D",1739338420215],"projectId","fdd966ca-27b0-11f0-aecd-569c3dd06744",11,"forkedBranchId","forkedBranchVersion","lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","deletedAt","isOwned",false,"privacy","public","userHandle","mewtru","orgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","valentine",{"_35":87,"_13":88,"_64":89,"_66":-5,"_67":68,"_69":90,"_70":71,"_37":91,"_17":33,"_74":24,"_76":92,"_78":50,"_79":-5,"_18":93},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":84,"_70":71,"_37":85,"_17":33,"_74":75,"_76":77,"_78":50,"_79":-5,"_18":86},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":72,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_18":80},"5a0b92f8-0887-11f1-8a24-42dde27851f2","main.tsx","fileId","019c5388-435c-778c-b07b-cf25b1e65d5c","parentId","branchId","0e47c2f0-0851-11f1-8a7e-42dde27851f2","branchVersion","latest",true,["D",1770951284940],74,"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, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No\",\n \"No?!? 😔\",\n \"My lil'dinosaur 🦖😘\",\n \"Honey my love so sweet please? 🥲🙇🏻\",\n \"Yoohooo 👋🏻🥺\",\n \"Promise hindi na ako mag paugtas 🥺\",\n \"Mii?!\",\n \"Budii.... Maby!?!?!?!\",\n \"Miiiiiiiiiiiiiiiiiiii?!?!?!?!\",\n \"Miiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii?!?!?!?!?!?!?!\",\n];\n\nfunction FloatingHearts() {\n return (\n

\n {Array.from({ length: 25 }).map((_, i) => 💖)}\n

\n );\n}\n\nfunction Sparkles({ sparkles }) {\n return (\n <>\n {sparkles.map((s, i) => (\n \n ✨\n \n ))}\n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [currentGif, setCurrentGif] = useState(1);\n const [fade, setFade] = useState(true);\n const [playMusic, setPlayMusic] = useState(false);\n const [showSecondText, setShowSecondText] = useState(false);\n const [showThirdText, setShowThirdText] = useState(false);\n const [sparkles, setSparkles] = useState<\n {\n x: number;\n y: number;\n dx: number;\n dy: number;\n scale: number;\n opacity: number;\n }[]\n >([]);\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const gifs = [\n \"https://media.giphy.com/media/ffzhLUixCtlsc/giphy.gif\",\n \"https://media.giphy.com/media/0cdbJBHZXG2hm132X2/giphy.gif\",\n \"https://media.giphy.com/media/FvPr1G9virFmffGWYH/giphy.gif\",\n ];\n\n const createSparkles = (e: React.MouseEvent) => {\n const newSparkles = Array.from({ length: 8 }).map(() => ({\n x: e.clientX,\n y: e.clientY,\n dx: Math.random() * 80 - 40,\n dy: Math.random() * -80,\n scale: Math.random() * 0.8 + 0.5,\n opacity: 1,\n }));\n setSparkles(newSparkles);\n setTimeout(() => setSparkles([]), 400);\n };\n\n const handleNo = (e: React.MouseEvent) => {\n createSparkles(e);\n setNoClicks((prev) => Math.min(prev + 1, NO_PHRASES.length - 1));\n };\n\n const handleYes = (e: React.MouseEvent) => {\n createSparkles(e);\n setFade(false);\n setTimeout(() => {\n setCurrentGif(2);\n setFade(true);\n setPlayMusic(true);\n }, 500);\n };\n\n const handleGifClick = () => {\n if (currentGif === 2) {\n setFade(false);\n setTimeout(() => {\n setCurrentGif(3);\n setFade(true);\n }, 500);\n }\n };\n\n useEffect(() => {\n if (currentGif === 2) setTimeout(() => setShowSecondText(true), 400);\n else setShowSecondText(false);\n\n if (currentGif === 3) setTimeout(() => setShowThirdText(true), 400);\n else setShowThirdText(false);\n }, [currentGif]);\n\n return (\n

\n \n \n\n {playMusic && (\n \n )}\n\n

\n \n

\n\n {currentGif === 1 && (\n <>\n

Mi, will you be my Valentine? 💘✨

\n \n Yes\n \n \n {NO_PHRASES[noClicks]}\n \n

\n \n )}\n\n {currentGif === 2 && (\n

\n Yeeyyy!!!! Happy Valentine's Day Mi 🥂💐💓\n

\n )}\n\n {currentGif === 3 && (\n

\n Mag o-oo ka rin pala iihhh! I love you so much Mi! ☺️😘\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 { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[63],"c25d5eea-0887-11f1-b22d-42dde27851f2","main-copy.tsx","c25d5fb2-0887-11f1-b22d-42dde27851f2",76,["D",1770951459948],[82],"0e49d2ca-0851-11f1-8a7e-42dde27851f2","README.md","019c5388-435c-778c-b07b-c857d2686428",1,["D",1770927964922],"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.",[88],{"_35":87,"_13":88,"_64":89,"_66":-5,"_67":68,"_69":90,"_70":71,"_37":104,"_17":33,"_74":24,"_76":92,"_78":50,"_79":-5,"_98":105,"_18":106},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":84,"_70":71,"_37":101,"_17":33,"_74":75,"_76":77,"_78":50,"_79":-5,"_98":102,"_18":103},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":97,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_98":99,"_18":100},["D",1770951284940],"children",[],[63],["D",1770951459948],[],[82],["D",1770927964922],[],[88],"0e450e02-0851-11f1-8a7e-42dde27851f2",["D",1770927964922],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c52ff-ec54-71dd-8bf2-31aef29f1407","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c52ff-ec54-71dd-8bf2-3633ceaeafd6","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_149":145},"org",{"_11":12,"_143":-5,"_144":145,"_113":114,"_146":147,"_148":50},"branch",{"_17":84,"_13":16,"_35":68,"_41":107,"_44":36,"_45":43,"_140":52,"_141":42,"_142":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOWEwbFFjd1U2WGFoRmp6RlNZdDFmOHNHU1IifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":107,"_13":14,"_37":198,"_48":-5,"_109":50,"_51":52,"_110":52,"_111":-5,"_112":-5,"_113":114,"_115":65,"_116":71,"_117":-5,"_118":-5,"_119":33,"_55":120,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_134":199,"_136":200,"_138":201,"_49":50},[189,190,191],"files",[189,190,191],"counts",{"_180":33,"_181":90,"_182":33,"_34":183,"_184":185},[174,175,176],"upstreamProject",{"_35":42,"_13":58,"_111":-5,"_112":-5,"_51":52,"_134":172},"upstreamBranch",{"_35":36,"_37":170,"_39":171,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],["D",1739338420215],{"_11":54,"_149":173},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_35":87,"_13":88,"_64":89,"_66":-5,"_67":68,"_69":90,"_70":71,"_37":91,"_17":33,"_74":24,"_76":92,"_78":50,"_79":-5,"_18":179},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":84,"_70":71,"_37":85,"_17":33,"_74":75,"_76":77,"_78":50,"_79":-5,"_18":178},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":72,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_18":177},[63],[82],[88],"pulls","branches","forks",{"_186":33,"_188":33},"connections",{"_186":33,"_187":33},"count","unfilledCount","emptyCount",{"_35":87,"_13":88,"_64":89,"_66":-5,"_67":68,"_69":90,"_70":71,"_37":104,"_17":33,"_74":24,"_76":92,"_78":50,"_79":-5,"_98":196,"_18":197},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":84,"_70":71,"_37":101,"_17":33,"_74":75,"_76":77,"_78":50,"_79":-5,"_98":194,"_18":195},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":31,"_70":71,"_37":97,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_98":192,"_18":193},[],[63],[],[82],[],[88],["D",1770927964922],{"_11":12,"_149":145},{"_11":12,"_143":-5,"_144":145,"_113":114,"_146":147,"_148":50},{"_17":84,"_13":16,"_35":68,"_41":107,"_44":36,"_45":43,"_140":52,"_141":42,"_142":56,"_57":14,"_53":12},"ctx",{"_134":-5,"_167":235,"_236":237,"_238":239,"_240":50,"_241":50,"_242":50,"_243":71,"_244":-5,"_245":-7,"_246":-7,"_247":33,"_248":50,"_249":50,"_250":-5,"_251":50,"_252":50,"_253":50,"_254":-5},"ENV",{"_206":207,"_208":209,"_210":16,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234},"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"]

Code