[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"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",29,"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","019c574c-f59f-71bf-ab9a-641d982da23e","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 \"No 💔\",\n \"Baby please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, Mahal?\",\n \"Iloveyouuu\",\n];\n\nconst DATE_SCENES = [\n \"https://gifdb.com/images/high/couple-star-gazing-uy3vmkidi7knyw3n.gif\",\n \"https://i.pinimg.com/originals/92/eb/8e/92eb8e0026b209d99e719a59fb9ea76c.gif\",\n];\n\nfunction App() {\n const [step, setStep] = useState(0); // 0: Valentine question, 1: Valentine message, 2: Date/GIF, 3: Forever choices, 4: Final\n const [noClicks, setNoClicks] = useState(0);\n const [selectedScene, setSelectedScene] = useState(\"\");\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg = \"https://c.tenor.com/7CYcjkfbhP4AAAAC/rose-bouquet.gif\";\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n const handleYes = () => setStep(1);\n const handleDate = () => {\n const randomIndex = Math.floor(Math.random() * DATE_SCENES.length);\n setSelectedScene(DATE_SCENES[randomIndex]);\n setStep(2);\n };\n const handleForeverQuestion = () => setStep(3);\n const handleFinalAnswer = () => setStep(4);\n\n const buttonStyle = {\n margin: \"10px\",\n fontSize: \"20px\",\n padding: \"10px 20px\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n color: \"white\",\n };\n\n return (\n \n {/* Step 0: Valentine question */}\n {step === 0 && (\n <>\n

Will you be my Valentine? 💘

\n \n Yes\n \n \n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n )}\n\n {/* Step 1: Valentine message */}\n {step === 1 && (\n <>\n

\n \n Yaaaayyy!!! 💖🎉 at dahil dyannn ayyyyy this is the first Valentines\n that we are not together so its very unusual, cant even give you\n flowers or treat you somewhere, its kinda sad but i want you to know\n that kahit gaano tayo kalayo sa isat isa ikaw lang at ikaw ang mahal\n ko okayyy??? iloveyouuusooomuchhhhh\n \n \n Let's date 💕\n \n \n )}\n\n {/* Step 2: Date GIF */}\n {step === 2 && (\n <>\n \n Yay! tara dagatttt💖🥰\n \n \n \n Will you stay with me forever? 💍\n \n \n )}\n\n {/* Step 3: Forever choices */}\n {step === 3 && (\n <>\n

\n Will you stay with me forever mahal? 💖\n

\n \n Syempre Naman\n \n \n Ayaw\n \n

\n \n )}\n\n {/* Step 4: Final answer */}\n {step === 4 && (\n \n Well, you don't have a choice 💖😉 hehehe sa hirap at ginhawa sa kahit anong away nating dalawa tayo at tayo paren hamggamg dulo haaa? mahal na amahl kita sobra mahal ko, sooner or later magkakasama na tayo ulit at magtatanan at magpapakasal naaa, konting tiis lang mahalll i know pagod na ikaw but sabe nga life is full of sacrifices, basta tayong dalawa hanggang dulooo kahit walang dulooo iloveyouuuuu. mwaaaahugsss <3 pag pasensyahan monaa haa di me amrunong mag gantooo HAHAHHAHA mwaaaaa\n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport async function server(request) {\n return new Response(\n `\n \n \n Happy Valentine's Day\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, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Baby please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, Mahal?\",\n \"Iloveyouuu\",\n];\n\nconst DATE_SCENES = [\n \"https://gifdb.com/images/high/couple-star-gazing-uy3vmkidi7knyw3n.gif\",\n \"https://i.pinimg.com/originals/92/eb/8e/92eb8e0026b209d99e719a59fb9ea76c.gif\",\n];\n\nfunction App() {\n const [step, setStep] = useState(0); // 0: Valentine question, 1: Valentine message, 2: Date/GIF, 3: Forever choices, 4: Final\n const [noClicks, setNoClicks] = useState(0);\n const [selectedScene, setSelectedScene] = useState(\"\");\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg = \"https://c.tenor.com/7CYcjkfbhP4AAAAC/rose-bouquet.gif\";\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n const handleYes = () => setStep(1);\n const handleDate = () => {\n const randomIndex = Math.floor(Math.random() * DATE_SCENES.length);\n setSelectedScene(DATE_SCENES[randomIndex]);\n setStep(2);\n };\n const handleForeverQuestion = () => setStep(3);\n const handleFinalAnswer = () => setStep(4);\n\n const buttonStyle = {\n margin: \"10px\",\n fontSize: \"20px\",\n padding: \"10px 20px\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n color: \"white\",\n };\n\n return (\n \n {/* Step 0: Valentine question */}\n {step === 0 && (\n <>\n

Will you be my Valentine? 💘

\n \n Yes\n \n \n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n )}\n\n {/* Step 1: Valentine message */}\n {step === 1 && (\n <>\n

\n Will you stay with me forever mahal? 💖\n

\n \n Syempre Naman\n \n \n Ayaw\n \n

\n \n )}\n\n {/* Step 4: Final answer */}\n {step === 4 && (\n \n Well, you don't have a choice 💖😉 hehehe sa hirap at ginhawa sa kahit\n anong away nating dalawa tayo at tayo paren hamggamg dulo haaa? mahal\n na amahl kita sobra mahal ko, sooner or later magkakasama na tayo ulit\n at magtatanan at magpapakasal naaa, konting tiis lang mahalll i know\n pagod na ikaw but sabe nga life is full of sacrifices, basta tayong\n dalawa hanggang dulooo kahit walang dulooo iloveyouuuuu. mwaaaahugsss\n 💖😉 pag pasensyahan monaa haa di me amrunong mag gantooo HAHAHHAHA\n mwaaaaa\n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport async function server(request) {\n return new Response(\n `\n \n \n Happy Valentine's Day\n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","createdAt",["D",1770996957947],"branchVersion","branchId","41bb033e-08e4-11f1-9012-42dde27851f2","id","41b67742-08e4-11f1-9012-42dde27851f2","HAPPY_VALENTINES_DAY",["D",1770991187262],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c5744-6dec-715c-8161-92aea8590406","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c5744-6dec-715c-8161-94871989bdbe","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","kenshin","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5Y0xxeUdKTFNkR25taUhHRHAwVjR3b05JSCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":175,"_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":176,"_79":177,"_81":178,"_83":25},"tree",[166,167],"files",[166,167],"counts",{"_156":61,"_157":152,"_158":61,"_159":160,"_161":162},"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":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":153,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_27":155},{"_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":-5,"_27":148},"b14830d4-08f1-11f1-8ecf-42dde27851f2","parentId","latest",["D",1770996957947],28,"label",[28],"41be8e50-08e4-11f1-9012-42dde27851f2","README.md","019c574c-f59f-71bf-ab9a-62170d42cb44",1,["D",1770991187262],"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.",[150],"pulls","branches","forks","envVars",{"_163":61,"_165":61},"connections",{"_163":61,"_164":61},"count","unfilledCount","emptyCount",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":172,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_169":173,"_27":174},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":168,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_169":170,"_27":171},["D",1770996957947],"children",[],[28],["D",1770991187262],[],[150],["D",1770991187262],{"_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":212,"_213":214,"_215":216,"_217":25,"_218":25,"_219":25,"_220":57,"_221":-5,"_222":-7,"_223":-7,"_224":61,"_225":25,"_226":25,"_227":-5,"_228":25,"_229":25,"_230":25,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":85,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v29